{"id":20,"date":"2026-07-11T18:37:08","date_gmt":"2026-07-11T18:37:08","guid":{"rendered":"https:\/\/tinarshop.ir\/?page_id=20"},"modified":"2026-07-22T07:55:39","modified_gmt":"2026-07-22T07:55:39","slug":"%d8%ae%d8%a7%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/tinarshop.ir\/","title":{"rendered":"\u062e\u0627\u0646\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f35c732 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f35c732\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b429a46\" data-id=\"b429a46\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dad7758 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dad7758\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fbc4ce7\" data-id=\"fbc4ce7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2a4fa7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d2a4fa7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e34acf7\" data-id=\"e34acf7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c948b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c948b8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16cc1ba\" data-id=\"16cc1ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a12cb87 elementor-widget elementor-widget-html\" data-id=\"a12cb87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\nTINARSHOP FINAL HEADER\r\nCOMPLETE HEADER \u2014 HTML + CSS + JAVASCRIPT\r\n========================================= -->\r\n\r\n<header id=\"tinar-header\">\r\n\r\n    <div class=\"tinar-container\">\r\n\r\n        <!-- LOGO -->\r\n        <div class=\"tinar-right\">\r\n\r\n            <a href=\"\/\" class=\"tinar-logo\">\r\n\r\n                <span class=\"logo-icon\">\u2726<\/span>\r\n\r\n                <span class=\"logo-text\">TINAR<\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN MENU -->\r\n        <nav class=\"tinar-menu\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\r\n\r\n            <ul class=\"tinar-main-menu\">\r\n\r\n                <!-- HOME -->\r\n                <li class=\"menu-item\">\r\n                    <a href=\"\/\">\u062e\u0627\u0646\u0647<\/a>\r\n                <\/li>\r\n\r\n\r\n                <!-- COSMETICS -->\r\n                <li class=\"menu-item has-mega-menu\">\r\n\r\n                    <a href=\"#\" aria-haspopup=\"true\">\r\n                        \u0622\u0631\u0627\u06cc\u0634\u06cc\r\n                        <span class=\"menu-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <div class=\"tinar-mega-menu\">\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0622\u0631\u0627\u06cc\u0634 \u0635\u0648\u0631\u062a<\/h3>\r\n                            <a href=\"#\">\u06a9\u0631\u0645 \u067e\u0648\u062f\u0631<\/a>\r\n                            <a href=\"#\">\u06a9\u0627\u0646\u0633\u06cc\u0644\u0631<\/a>\r\n                            <a href=\"#\">\u067e\u0646\u06a9\u06cc\u06a9<\/a>\r\n                            <a href=\"#\">\u0631\u0698\u06af\u0648\u0646\u0647<\/a>\r\n                            <a href=\"#\">\u0647\u0627\u06cc\u0644\u0627\u06cc\u062a\u0631<\/a>\r\n                            <a href=\"#\">\u06a9\u0627\u0646\u062a\u0648\u0631<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0622\u0631\u0627\u06cc\u0634 \u0686\u0634\u0645<\/h3>\r\n                            <a href=\"#\">\u0631\u06cc\u0645\u0644<\/a>\r\n                            <a href=\"#\">\u062e\u0637 \u0686\u0634\u0645<\/a>\r\n                            <a href=\"#\">\u0645\u062f\u0627\u062f \u0686\u0634\u0645<\/a>\r\n                            <a href=\"#\">\u0633\u0627\u06cc\u0647 \u0686\u0634\u0645<\/a>\r\n                            <a href=\"#\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0627\u0628\u0631\u0648<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0622\u0631\u0627\u06cc\u0634 \u0644\u0628<\/h3>\r\n                            <a href=\"#\">\u0631\u0698 \u0644\u0628<\/a>\r\n                            <a href=\"#\">\u0631\u0698 \u0644\u0628 \u0645\u0627\u06cc\u0639<\/a>\r\n                            <a href=\"#\">\u062e\u0637 \u0644\u0628<\/a>\r\n                            <a href=\"#\">\u0628\u0631\u0642 \u0644\u0628<\/a>\r\n                            <a href=\"#\">\u0628\u0627\u0644\u0645 \u0644\u0628<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0627\u0628\u0632\u0627\u0631 \u0622\u0631\u0627\u06cc\u0634<\/h3>\r\n                            <a href=\"#\">\u0628\u0631\u0627\u0634 \u0622\u0631\u0627\u06cc\u0634\u06cc<\/a>\r\n                            <a href=\"#\">\u0627\u0633\u0641\u0646\u062c \u0622\u0631\u0627\u06cc\u0634\u06cc<\/a>\r\n                            <a href=\"#\">\u0641\u0631\u0645\u0698\u0647<\/a>\r\n                            <a href=\"#\">\u0622\u06cc\u0646\u0647<\/a>\r\n                            <a href=\"#\">\u0633\u062a\u200c\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc<\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/li>\r\n\r\n\r\n                <!-- HYGIENE -->\r\n                <li class=\"menu-item has-mega-menu\">\r\n\r\n                    <a href=\"#\" aria-haspopup=\"true\">\r\n                        \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\r\n                        <span class=\"menu-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <div class=\"tinar-mega-menu\">\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0645\u0631\u0627\u0642\u0628\u062a \u0627\u0632 \u067e\u0648\u0633\u062a<\/h3>\r\n                            <a href=\"#\">\u067e\u0627\u06a9\u200c\u06a9\u0646\u0646\u062f\u0647 \u0635\u0648\u0631\u062a<\/a>\r\n                            <a href=\"#\">\u062a\u0648\u0646\u0631<\/a>\r\n                            <a href=\"#\">\u0622\u0628\u0631\u0633\u0627\u0646<\/a>\r\n                            <a href=\"#\">\u0645\u0631\u0637\u0648\u0628\u200c\u06a9\u0646\u0646\u062f\u0647<\/a>\r\n                            <a href=\"#\">\u0636\u062f \u0622\u0641\u062a\u0627\u0628<\/a>\r\n                            <a href=\"#\">\u0645\u0627\u0633\u06a9 \u0635\u0648\u0631\u062a<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0645\u0631\u0627\u0642\u0628\u062a \u0627\u0632 \u0645\u0648<\/h3>\r\n                            <a href=\"#\">\u0634\u0627\u0645\u067e\u0648<\/a>\r\n                            <a href=\"#\">\u0646\u0631\u0645\u200c\u06a9\u0646\u0646\u062f\u0647<\/a>\r\n                            <a href=\"#\">\u0645\u0627\u0633\u06a9 \u0645\u0648<\/a>\r\n                            <a href=\"#\">\u0633\u0631\u0645 \u0645\u0648<\/a>\r\n                            <a href=\"#\">\u0631\u0648\u063a\u0646 \u0645\u0648<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0628\u0647\u062f\u0627\u0634\u062a \u0634\u062e\u0635\u06cc<\/h3>\r\n                            <a href=\"#\">\u0634\u0648\u06cc\u0646\u062f\u0647 \u0628\u062f\u0646<\/a>\r\n                            <a href=\"#\">\u062f\u0626\u0648\u062f\u0648\u0631\u0627\u0646\u062a<\/a>\r\n                            <a href=\"#\">\u0628\u0647\u062f\u0627\u0634\u062a \u062f\u0647\u0627\u0646 \u0648 \u062f\u0646\u062f\u0627\u0646<\/a>\r\n                            <a href=\"#\">\u0645\u0631\u0627\u0642\u0628\u062a \u062f\u0633\u062a \u0648 \u067e\u0627<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0645\u0631\u0627\u0642\u0628\u062a \u0648\u06cc\u0698\u0647<\/h3>\r\n                            <a href=\"#\">\u0645\u0631\u0627\u0642\u0628\u062a \u062f\u0648\u0631 \u0686\u0634\u0645<\/a>\r\n                            <a href=\"#\">\u0636\u062f \u0644\u06a9<\/a>\r\n                            <a href=\"#\">\u0636\u062f \u062c\u0648\u0634<\/a>\r\n                            <a href=\"#\">\u062a\u0631\u0645\u06cc\u0645\u200c\u06a9\u0646\u0646\u062f\u0647<\/a>\r\n                            <a href=\"#\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/li>\r\n\r\n\r\n                <!-- CLOTHING -->\r\n                <li class=\"menu-item has-mega-menu\">\r\n\r\n                    <a href=\"#\" aria-haspopup=\"true\">\r\n                        \u0644\u0628\u0627\u0633\r\n                        <span class=\"menu-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <div class=\"tinar-mega-menu\">\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0644\u0628\u0627\u0633 \u0632\u0646\u0627\u0646\u0647<\/h3>\r\n                            <a href=\"#\">\u0645\u0627\u0646\u062a\u0648<\/a>\r\n                            <a href=\"#\">\u067e\u06cc\u0631\u0627\u0647\u0646<\/a>\r\n                            <a href=\"#\">\u0634\u0648\u0645\u06cc\u0632<\/a>\r\n                            <a href=\"#\">\u0634\u0644\u0648\u0627\u0631<\/a>\r\n                            <a href=\"#\">\u062a\u0627\u067e \u0648 \u062a\u06cc\u0634\u0631\u062a<\/a>\r\n                            <a href=\"#\">\u0644\u0628\u0627\u0633 \u0645\u062c\u0644\u0633\u06cc<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0644\u0628\u0627\u0633 \u0645\u0631\u062f\u0627\u0646\u0647<\/h3>\r\n                            <a href=\"#\">\u062a\u06cc\u0634\u0631\u062a<\/a>\r\n                            <a href=\"#\">\u067e\u06cc\u0631\u0627\u0647\u0646<\/a>\r\n                            <a href=\"#\">\u0634\u0644\u0648\u0627\u0631<\/a>\r\n                            <a href=\"#\">\u0633\u0648\u06cc\u0634\u0631\u062a<\/a>\r\n                            <a href=\"#\">\u067e\u0648\u0644\u0648\u0634\u0631\u062a<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0644\u0628\u0627\u0633\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/h3>\r\n                            <a href=\"#\">\u0644\u0628\u0627\u0633 \u0631\u0627\u062d\u062a\u06cc<\/a>\r\n                            <a href=\"#\">\u0644\u0628\u0627\u0633 \u0648\u0631\u0632\u0634\u06cc<\/a>\r\n                            <a href=\"#\">\u0644\u0628\u0627\u0633 \u062e\u0648\u0627\u0628<\/a>\r\n                            <a href=\"#\">\u0644\u0628\u0627\u0633 \u0633\u0627\u062d\u0644\u06cc<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0648\u06cc\u0698\u0647<\/h3>\r\n                            <a href=\"#\">\u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646\u200c\u0647\u0627<\/a>\r\n                            <a href=\"#\">\u067e\u0631\u0641\u0631\u0648\u0634\u200c\u0647\u0627<\/a>\r\n                            <a href=\"#\">\u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc<\/a>\r\n                            <a href=\"#\">\u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627\u06cc \u0644\u0628\u0627\u0633<\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/li>\r\n\r\n\r\n                <!-- ACCESSORIES -->\r\n                <li class=\"menu-item has-mega-menu\">\r\n\r\n                    <a href=\"#\" aria-haspopup=\"true\">\r\n                        \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc\r\n                        <span class=\"menu-arrow\">\u2304<\/span>\r\n                    <\/a>\r\n\r\n                    <div class=\"tinar-mega-menu\">\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u06a9\u06cc\u0641 \u0648 \u06a9\u0641\u0634<\/h3>\r\n                            <a href=\"#\">\u06a9\u06cc\u0641 \u0632\u0646\u0627\u0646\u0647<\/a>\r\n                            <a href=\"#\">\u06a9\u06cc\u0641 \u0645\u0631\u062f\u0627\u0646\u0647<\/a>\r\n                            <a href=\"#\">\u06a9\u06cc\u0641 \u062f\u0633\u062a\u06cc<\/a>\r\n                            <a href=\"#\">\u06a9\u06cc\u0641 \u062f\u0648\u0634\u06cc<\/a>\r\n                            <a href=\"#\">\u06a9\u0641\u0634<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0632\u06cc\u0648\u0631\u0622\u0644\u0627\u062a<\/h3>\r\n                            <a href=\"#\">\u06af\u0631\u062f\u0646\u0628\u0646\u062f<\/a>\r\n                            <a href=\"#\">\u062f\u0633\u062a\u0628\u0646\u062f<\/a>\r\n                            <a href=\"#\">\u0627\u0646\u06af\u0634\u062a\u0631<\/a>\r\n                            <a href=\"#\">\u06af\u0648\u0634\u0648\u0627\u0631\u0647<\/a>\r\n                            <a href=\"#\">\u0633\u062a \u0632\u06cc\u0648\u0631\u0622\u0644\u0627\u062a<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0634\u062e\u0635\u06cc<\/h3>\r\n                            <a href=\"#\">\u0633\u0627\u0639\u062a<\/a>\r\n                            <a href=\"#\">\u0639\u06cc\u0646\u06a9<\/a>\r\n                            <a href=\"#\">\u06a9\u0645\u0631\u0628\u0646\u062f<\/a>\r\n                            <a href=\"#\">\u06a9\u06cc\u0641 \u067e\u0648\u0644<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"mega-column\">\r\n                            <h3>\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644<\/h3>\r\n                            <a href=\"#\">\u0634\u0627\u0644 \u0648 \u0631\u0648\u0633\u0631\u06cc<\/a>\r\n                            <a href=\"#\">\u06a9\u0644\u0627\u0647<\/a>\r\n                            <a href=\"#\">\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0645\u0648<\/a>\r\n                            <a href=\"#\">\u062c\u0648\u0631\u0627\u0628<\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/li>\r\n\r\n\r\n                <!-- BRANDS -->\r\n                <li class=\"menu-item\">\r\n                    <a href=\"#\">\u0628\u0631\u0646\u062f\u0647\u0627<\/a>\r\n                <\/li>\r\n\r\n\r\n                <!-- SALE -->\r\n                <li class=\"menu-item sale-menu\">\r\n                    <a href=\"#\">\u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627<\/a>\r\n                <\/li>\r\n\r\n\r\n                <!-- BLOG -->\r\n                <li class=\"menu-item\">\r\n                    <a href=\"#\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- ACTIONS -->\r\n        <div class=\"tinar-actions\">\r\n\r\n            <button class=\"search-btn\" type=\"button\" aria-label=\"\u062c\u0633\u062a\u062c\u0648\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n                    <line x1=\"20\" y1=\"20\" x2=\"16.5\" y2=\"16.5\"><\/line>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n            <button class=\"account-btn\" type=\"button\" aria-label=\"\u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n                    <path d=\"M4 21c1.8-4 5-6 8-6s6.2 2 8 6\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n            <button class=\"cart-btn\" type=\"button\" aria-label=\"\u0633\u0628\u062f \u062e\u0631\u06cc\u062f\">\r\n                <span class=\"cart-count\">0<\/span>\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"9\" cy=\"20\" r=\"1\"><\/circle>\r\n                    <circle cx=\"18\" cy=\"20\" r=\"1\"><\/circle>\r\n                    <path d=\"M2 3h3l2.2 11h11l2-8H6\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n            <button class=\"mobile-btn\" type=\"button\" aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- MOBILE MENU -->\r\n\r\n<div class=\"mobile-menu\">\r\n\r\n    <a href=\"\/\">\u062e\u0627\u0646\u0647<\/a>\r\n    <a href=\"#\">\u0622\u0631\u0627\u06cc\u0634\u06cc<\/a>\r\n    <a href=\"#\">\u0628\u0647\u062f\u0627\u0634\u062a\u06cc<\/a>\r\n    <a href=\"#\">\u0644\u0628\u0627\u0633<\/a>\r\n    <a href=\"#\">\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc<\/a>\r\n    <a href=\"#\">\u0628\u0631\u0646\u062f\u0647\u0627<\/a>\r\n    <a href=\"#\">\u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627<\/a>\r\n    <a href=\"#\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nTINARSHOP FINAL HEADER\r\nCSS\r\n========================================= *\/\r\n\r\n:root{\r\n    --tinar-pink:#f7dfe6;\r\n    --tinar-pink-light:#fdeff3;\r\n    --tinar-gold:#c9a96b;\r\n    --tinar-text:#2d2d2d;\r\n    --tinar-shadow:0 12px 35px rgba(0,0,0,.08);\r\n}\r\n\r\n#tinar-header,\r\n#tinar-header *,\r\n.mobile-menu,\r\n.mobile-menu *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#tinar-header{\r\n    position:fixed;\r\n    top:35px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:95%;\r\n    z-index:99999;\r\n}\r\n\r\n.tinar-container{\r\n    position:relative;\r\n    width:100%;\r\n    min-height:78px;\r\n    display:flex;\r\n    align-items:center;\r\n    direction:rtl;\r\n    padding:0 28px;\r\n    background:rgba(255,255,255,.94);\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n    border-radius:22px;\r\n    box-shadow:var(--tinar-shadow);\r\n}\r\n\r\n.tinar-right{\r\n    flex:0 0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    margin-left:32px;\r\n}\r\n\r\n.tinar-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    text-decoration:none;\r\n    white-space:nowrap;\r\n}\r\n\r\n.logo-icon{\r\n    font-size:25px;\r\n    color:var(--tinar-gold);\r\n}\r\n\r\n.logo-text{\r\n    font-size:27px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:var(--tinar-text);\r\n}\r\n\r\n.tinar-menu{\r\n    flex:1 1 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:0;\r\n}\r\n\r\n.tinar-main-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:24px;\r\n    list-style:none;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n.tinar-main-menu > .menu-item{\r\n    position:static;\r\n    flex:0 0 auto;\r\n}\r\n\r\n.tinar-main-menu > .menu-item > a{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:5px;\r\n    height:78px;\r\n    color:var(--tinar-text);\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:500;\r\n    white-space:nowrap;\r\n}\r\n\r\n.tinar-main-menu > .menu-item > a:hover{\r\n    color:var(--tinar-gold);\r\n}\r\n\r\n.tinar-main-menu > .menu-item > a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:50%;\r\n    bottom:18px;\r\n    width:0;\r\n    height:2px;\r\n    background:var(--tinar-gold);\r\n    border-radius:10px;\r\n    transform:translateX(50%);\r\n    transition:.3s ease;\r\n}\r\n\r\n.tinar-main-menu > .menu-item:hover > a::after{\r\n    width:70%;\r\n}\r\n\r\n.menu-arrow{\r\n    color:var(--tinar-gold);\r\n    font-size:15px;\r\n    transition:.3s ease;\r\n}\r\n\r\n.has-mega-menu:hover .menu-arrow{\r\n    transform:rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\nMEGA MENU\r\n========================================= *\/\r\n\r\n.tinar-mega-menu{\r\n    position:absolute;\r\n    top:calc(100% + 12px);\r\n    right:0;\r\n    left:0;\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:35px;\r\n    padding:32px 40px;\r\n    background:rgba(255,255,255,.98);\r\n    backdrop-filter:blur(20px);\r\n    -webkit-backdrop-filter:blur(20px);\r\n    border-radius:20px;\r\n    box-shadow:0 20px 50px rgba(0,0,0,.12);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transform:translateY(12px);\r\n    transition:.3s ease;\r\n    z-index:100000;\r\n}\r\n\r\n.has-mega-menu:hover > .tinar-mega-menu,\r\n.has-mega-menu:focus-within > .tinar-mega-menu{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n    transform:translateY(0);\r\n}\r\n\r\n.mega-column{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:11px;\r\n}\r\n\r\n.mega-column h3{\r\n    margin:0 0 8px;\r\n    color:var(--tinar-gold);\r\n    font-size:15px;\r\n    font-weight:700;\r\n}\r\n\r\n.mega-column a{\r\n    color:#555;\r\n    text-decoration:none;\r\n    font-size:13px;\r\n    transition:.3s ease;\r\n}\r\n\r\n.mega-column a:hover{\r\n    color:var(--tinar-gold);\r\n    transform:translateX(-5px);\r\n}\r\n\r\n.sale-menu > a{\r\n    color:#c98a8a !important;\r\n    font-weight:700 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\nACTIONS\r\n========================================= *\/\r\n\r\n.tinar-actions{\r\n    flex:0 0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    margin-right:auto;\r\n    height:78px;\r\n}\r\n\r\n.tinar-actions button{\r\n    position:relative;\r\n    width:43px;\r\n    height:43px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:0;\r\n    border:none;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    cursor:pointer;\r\n    transition:.3s ease;\r\n}\r\n\r\n.tinar-actions button:hover{\r\n    background:var(--tinar-pink-light);\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.tinar-actions svg{\r\n    width:20px;\r\n    height:20px;\r\n    fill:none;\r\n    stroke:#444;\r\n    stroke-width:2;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cart-count{\r\n    position:absolute;\r\n    top:-3px;\r\n    right:-2px;\r\n    width:18px;\r\n    height:18px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:var(--tinar-gold);\r\n    color:#fff;\r\n    border-radius:50%;\r\n    font-size:10px;\r\n    font-weight:700;\r\n}\r\n\r\n.mobile-btn{\r\n    display:none !important;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:4px;\r\n}\r\n\r\n.mobile-btn span{\r\n    width:18px;\r\n    height:2px;\r\n    background:#333;\r\n    border-radius:5px;\r\n}\r\n\r\n\r\n\/* =========================================\r\nMOBILE MENU\r\n========================================= *\/\r\n\r\n.mobile-menu{\r\n    position:fixed;\r\n    top:125px;\r\n    right:3%;\r\n    left:3%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:4px;\r\n    padding:18px;\r\n    background:#fff;\r\n    border-radius:20px;\r\n    box-shadow:0 18px 40px rgba(0,0,0,.12);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transform:translateY(-15px);\r\n    transition:.35s ease;\r\n    z-index:99998;\r\n}\r\n\r\n.mobile-menu.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n    transform:translateY(0);\r\n}\r\n\r\n.mobile-menu a{\r\n    display:block;\r\n    padding:12px 14px;\r\n    color:var(--tinar-text);\r\n    text-decoration:none;\r\n    font-size:15px;\r\n    border-radius:10px;\r\n}\r\n\r\n.mobile-menu a:hover{\r\n    color:var(--tinar-gold);\r\n    background:var(--tinar-pink-light);\r\n}\r\n\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n    .tinar-container{\r\n        padding:0 20px;\r\n    }\r\n\r\n    .tinar-main-menu{\r\n        gap:14px;\r\n    }\r\n\r\n    .tinar-main-menu > .menu-item > a{\r\n        font-size:13px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    #tinar-header{\r\n        top:12px;\r\n        width:94%;\r\n    }\r\n\r\n    .tinar-container{\r\n        min-height:70px;\r\n        padding:0 16px;\r\n    }\r\n\r\n    .tinar-menu{\r\n        display:none;\r\n    }\r\n\r\n    .tinar-right{\r\n        margin-left:auto;\r\n    }\r\n\r\n    .logo-text{\r\n        font-size:22px;\r\n    }\r\n\r\n    .tinar-actions{\r\n        height:70px;\r\n        margin-right:0;\r\n        gap:7px;\r\n    }\r\n\r\n    .tinar-actions button{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n\r\n    .mobile-btn{\r\n        display:flex !important;\r\n    }\r\n\r\n    .mobile-menu{\r\n        top:94px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:480px){\r\n\r\n    .tinar-container{\r\n        padding:0 12px;\r\n    }\r\n\r\n    .logo-text{\r\n        font-size:19px;\r\n    }\r\n\r\n    .tinar-actions{\r\n        gap:4px;\r\n    }\r\n\r\n    .tinar-actions button{\r\n        width:36px;\r\n        height:36px;\r\n    }\r\n\r\n    .tinar-actions svg{\r\n        width:18px;\r\n        height:18px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nTINARSHOP FINAL HEADER\r\nJAVASCRIPT\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const header=document.querySelector(\"#tinar-header\");\r\n    const headerContainer=document.querySelector(\".tinar-container\");\r\n    const mobileButton=document.querySelector(\".mobile-btn\");\r\n    const mobileMenu=document.querySelector(\".mobile-menu\");\r\n\r\n    if(!headerContainer) return;\r\n\r\n\r\n    \/* SCROLL *\/\r\n\r\n    function updateHeader(){\r\n\r\n        if(window.scrollY>30){\r\n\r\n            headerContainer.classList.add(\"scrolled\");\r\n\r\n        }else{\r\n\r\n            headerContainer.classList.remove(\"scrolled\");\r\n\r\n        }\r\n\r\n    }\r\n\r\n    updateHeader();\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        updateHeader,\r\n        {passive:true}\r\n    );\r\n\r\n\r\n    \/* MOBILE MENU *\/\r\n\r\n    if(mobileButton && mobileMenu){\r\n\r\n        mobileButton.addEventListener(\r\n            \"click\",\r\n            function(event){\r\n\r\n                event.preventDefault();\r\n\r\n                event.stopPropagation();\r\n\r\n                mobileButton.classList.toggle(\"active\");\r\n\r\n                mobileMenu.classList.toggle(\"active\");\r\n\r\n            }\r\n        );\r\n\r\n\r\n        document.addEventListener(\r\n            \"click\",\r\n            function(event){\r\n\r\n                if(\r\n                    !mobileMenu.contains(event.target) &&\r\n                    !mobileButton.contains(event.target)\r\n                ){\r\n\r\n                    mobileButton.classList.remove(\"active\");\r\n\r\n                    mobileMenu.classList.remove(\"active\");\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        mobileMenu\r\n        .querySelectorAll(\"a\")\r\n        .forEach(function(link){\r\n\r\n            link.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    mobileButton.classList.remove(\"active\");\r\n\r\n                    mobileMenu.classList.remove(\"active\");\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* RESIZE *\/\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function(){\r\n\r\n            if(window.innerWidth>768){\r\n\r\n                if(mobileButton){\r\n\r\n                    mobileButton.classList.remove(\"active\");\r\n\r\n                }\r\n\r\n                if(mobileMenu){\r\n\r\n                    mobileMenu.classList.remove(\"active\");\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* PREVENT EMPTY LINKS *\/\r\n\r\n    document\r\n    .querySelectorAll('#tinar-header a[href=\"#\"]')\r\n    .forEach(function(link){\r\n\r\n        link.addEventListener(\r\n            \"click\",\r\n            function(event){\r\n\r\n                event.preventDefault();\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8d7314 elementor-widget elementor-widget-html\" data-id=\"e8d7314\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n\/* ================================\n   TINAR HERO SLIDER\n================================ *\/\n\n.tinar-hero {\n    position: relative;\n    width: 100%;\n    height: 620px;\n    overflow: hidden;\n    background: #f8e9ec;\n    font-family: inherit;\n}\n\n\/* Slides *\/\n.tinar-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1.03);\n    transition:\n        opacity 0.8s ease,\n        transform 1.2s ease,\n        visibility 0.8s ease;\n}\n\n.tinar-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n}\n\n\/* Background *\/\n.tinar-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n}\n\n\/* Overlay *\/\n.tinar-slide-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.05) 0%,\n            rgba(255,255,255,0.15) 35%,\n            rgba(255,255,255,0.72) 100%\n        );\n}\n\n\/* Content *\/\n.tinar-hero-content {\n    position: relative;\n    z-index: 3;\n    width: min(1200px, 90%);\n    height: 100%;\n    margin: auto;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n}\n\n.tinar-content-box {\n    width: 460px;\n    text-align: right;\n    opacity: 0;\n    transform: translateY(30px);\n    transition:\n        opacity 0.8s ease 0.3s,\n        transform 0.8s ease 0.3s;\n}\n\n.tinar-slide.active .tinar-content-box {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Small Title *\/\n.tinar-eyebrow {\n    display: inline-block;\n    margin-bottom: 15px;\n    font-size: 14px;\n    letter-spacing: 2px;\n    color: #a77b83;\n    font-weight: 600;\n}\n\n\/* Main Title *\/\n.tinar-title {\n    margin: 0 0 18px;\n    font-size: clamp(38px, 5vw, 68px);\n    line-height: 1.15;\n    font-weight: 700;\n    color: #382b2f;\n}\n\n.tinar-title span {\n    color: #b18a63;\n}\n\n\/* Description *\/\n.tinar-description {\n    margin: 0 0 30px;\n    font-size: 17px;\n    line-height: 2;\n    color: #66575b;\n}\n\n\/* Button *\/\n.tinar-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 175px;\n    height: 52px;\n    padding: 0 30px;\n    border-radius: 4px;\n    background: #382b2f;\n    color: #fff !important;\n    text-decoration: none !important;\n    font-size: 15px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n}\n\n.tinar-button:hover {\n    background: #b18a63;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 25px rgba(56,43,47,0.18);\n}\n\n\/* Navigation Arrows *\/\n.tinar-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 5;\n    width: 48px;\n    height: 48px;\n    border: 1px solid rgba(56,43,47,0.2);\n    border-radius: 50%;\n    background: rgba(255,255,255,0.65);\n    backdrop-filter: blur(8px);\n    color: #382b2f;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translateY(-50%);\n    transition: all 0.3s ease;\n}\n\n.tinar-arrow:hover {\n    background: #382b2f;\n    color: #fff;\n}\n\n.tinar-arrow.prev {\n    right: 30px;\n}\n\n.tinar-arrow.next {\n    left: 30px;\n}\n\n.tinar-arrow svg {\n    width: 20px;\n    height: 20px;\n}\n\n\/* Dots *\/\n.tinar-dots {\n    position: absolute;\n    z-index: 6;\n    bottom: 28px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 8px;\n}\n\n.tinar-dot {\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: rgba(56,43,47,0.3);\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.tinar-dot.active {\n    width: 28px;\n    border-radius: 10px;\n    background: #382b2f;\n}\n\n\/* ================================\n   RESPONSIVE\n================================ *\/\n\n@media (max-width: 768px) {\n\n    .tinar-hero {\n        height: 600px;\n    }\n\n    .tinar-slide-bg {\n        background-position: 65% center;\n    }\n\n    .tinar-slide-overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(255,255,255,0.05) 10%,\n                rgba(255,255,255,0.2) 35%,\n                rgba(255,255,255,0.88) 80%\n            );\n    }\n\n    .tinar-hero-content {\n        width: 88%;\n        align-items: flex-end;\n        padding-bottom: 75px;\n    }\n\n    .tinar-content-box {\n        width: 100%;\n        text-align: center;\n    }\n\n    .tinar-title {\n        font-size: 40px;\n    }\n\n    .tinar-description {\n        font-size: 15px;\n        line-height: 1.9;\n    }\n\n    .tinar-button {\n        height: 48px;\n    }\n\n    .tinar-arrow {\n        width: 38px;\n        height: 38px;\n    }\n\n    .tinar-arrow.prev {\n        right: 15px;\n    }\n\n    .tinar-arrow.next {\n        left: 15px;\n    }\n}\n\n@media (max-width: 480px) {\n\n    .tinar-hero {\n        height: 570px;\n    }\n\n    .tinar-title {\n        font-size: 34px;\n    }\n\n    .tinar-eyebrow {\n        font-size: 12px;\n    }\n\n    .tinar-description {\n        font-size: 14px;\n    }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"tinar-hero\" id=\"tinarHero\">\n\n    <!-- SLIDE 1 -->\n    <div class=\"tinar-slide active\">\n\n        <div\n            class=\"tinar-slide-bg\"\n            style=\"background-image:url('IMAGE-1-URL');\">\n        <\/div>\n\n        <div class=\"tinar-slide-overlay\"><\/div>\n\n        <div class=\"tinar-hero-content\">\n\n            <div class=\"tinar-content-box\">\n\n                <div class=\"tinar-eyebrow\">\n                    TINAR LUXURY COLLECTION\n                <\/div>\n\n                <h1 class=\"tinar-title\">\n                    \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0628\u0647 \u0633\u0628\u06a9 <span>\u062a\u06cc\u0646\u0627\u0631<\/span>\n                <\/h1>\n\n                <p class=\"tinar-description\">\n                    \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u06cc \u062e\u0627\u0635.\n                    \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0645\u062f \u0648 \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0631\u0627\n                    \u0628\u0627 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f.\n                <\/p>\n\n                <a href=\"\/shop\" class=\"tinar-button\">\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- SLIDE 2 -->\n    <div class=\"tinar-slide\">\n\n        <div\n            class=\"tinar-slide-bg\"\n            style=\"background-image:url('IMAGE-2-URL');\">\n        <\/div>\n\n        <div class=\"tinar-slide-overlay\"><\/div>\n\n        <div class=\"tinar-hero-content\">\n\n            <div class=\"tinar-content-box\">\n\n                <div class=\"tinar-eyebrow\">\n                    BEAUTY & CARE\n                <\/div>\n\n                <h1 class=\"tinar-title\">\n                    \u062f\u0631\u062e\u0634\u0634 <span>\u062a\u0648<\/span>\n                    \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0648\u0633\u062a\n                <\/h1>\n\n                <p class=\"tinar-description\">\n                    \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0646\u062a\u062e\u0628 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0648 \u0645\u0631\u0627\u0642\u0628\u062a \u0627\u0632 \u067e\u0648\u0633\u062a\n                    \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0645\u0646\u062d\u0635\u0631\u0628\u0647\u200c\u0641\u0631\u062f \u062a\u0648.\n                <\/p>\n\n                <a href=\"\/product-category\/beauty\" class=\"tinar-button\">\n                    \u062e\u0631\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- SLIDE 3 -->\n    <div class=\"tinar-slide\">\n\n        <div\n            class=\"tinar-slide-bg\"\n            style=\"background-image:url('IMAGE-3-URL');\">\n        <\/div>\n\n        <div class=\"tinar-slide-overlay\"><\/div>\n\n        <div class=\"tinar-hero-content\">\n\n            <div class=\"tinar-hero-content\">\n\n                <div class=\"tinar-content-box\">\n\n                    <div class=\"tinar-eyebrow\">\n                        FASHION & ACCESSORIES\n                    <\/div>\n\n                    <h1 class=\"tinar-title\">\n                        \u062e\u0627\u0635 \u0628\u0627\u0634\u060c <span>\u062e\u0627\u0635 \u0628\u067e\u0648\u0634<\/span>\n                    <\/h1>\n\n                    <p class=\"tinar-description\">\n                        \u0627\u0633\u062a\u0627\u06cc\u0644 \u062e\u0648\u062f\u062a \u0631\u0627 \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\n                        \u0627\u0632 \u0644\u0628\u0627\u0633\u200c\u0647\u0627 \u0648 \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u06a9\u0627\u0645\u0644 \u06a9\u0646.\n                    <\/p>\n\n                    <a href=\"\/product-category\/fashion\" class=\"tinar-button\">\n                        \u06a9\u0634\u0641 \u06a9\u0627\u0644\u06a9\u0634\u0646\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ARROWS -->\n\n    <button class=\"tinar-arrow prev\" type=\"button\" aria-label=\"\u0642\u0628\u0644\u06cc\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M15 18L9 12L15 6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n        <\/svg>\n    <\/button>\n\n    <button class=\"tinar-arrow next\" type=\"button\" aria-label=\"\u0628\u0639\u062f\u06cc\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M9 18L15 12L9 6\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n        <\/svg>\n    <\/button>\n\n\n    <!-- DOTS -->\n\n    <div class=\"tinar-dots\">\n\n        <button class=\"tinar-dot active\"\n                type=\"button\"\n                data-slide=\"0\"><\/button>\n\n        <button class=\"tinar-dot\"\n                type=\"button\"\n                data-slide=\"1\"><\/button>\n\n        <button class=\"tinar-dot\"\n                type=\"button\"\n                data-slide=\"2\"><\/button>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const hero = document.querySelector(\"#tinarHero\");\n\n    if (!hero) return;\n\n    const slides = hero.querySelectorAll(\".tinar-slide\");\n    const dots = hero.querySelectorAll(\".tinar-dot\");\n    const prev = hero.querySelector(\".tinar-arrow.prev\");\n    const next = hero.querySelector(\".tinar-arrow.next\");\n\n    let current = 0;\n    let interval;\n\n    function showSlide(index) {\n\n        slides.forEach((slide, i) => {\n            slide.classList.toggle(\"active\", i === index);\n        });\n\n        dots.forEach((dot, i) => {\n            dot.classList.toggle(\"active\", i === index);\n        });\n\n        current = index;\n    }\n\n    function nextSlide() {\n        showSlide((current + 1) % slides.length);\n    }\n\n    function prevSlide() {\n        showSlide(\n            (current - 1 + slides.length) % slides.length\n        );\n    }\n\n    function startSlider() {\n        clearInterval(interval);\n        interval = setInterval(nextSlide, 5000);\n    }\n\n    next.addEventListener(\"click\", function () {\n        nextSlide();\n        startSlider();\n    });\n\n    prev.addEventListener(\"click\", function () {\n        prevSlide();\n        startSlider();\n    });\n\n    dots.forEach((dot) => {\n\n        dot.addEventListener(\"click\", function () {\n\n            const index =\n                parseInt(dot.getAttribute(\"data-slide\"));\n\n            showSlide(index);\n            startSlider();\n\n        });\n\n    });\n\n    startSlider();\n\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce132c3 elementor-widget elementor-widget-html\" data-id=\"ce132c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ================================\r\n   TINAR CATEGORY SECTION\r\n================================ *\/\r\n\r\n.tinar-categories {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background: #fffafa;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-categories *,\r\n.tinar-categories *::before,\r\n.tinar-categories *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-category-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Header *\/\r\n\r\n.tinar-category-header {\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.tinar-category-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b18a63;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-category-title {\r\n    margin: 0;\r\n    color: #382b2f;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-category-subtitle {\r\n    max-width: 550px;\r\n    margin: 15px auto 0;\r\n    color: #76676b;\r\n    font-size: 15px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* Grid *\/\r\n\r\n.tinar-category-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n\/* Card *\/\r\n\r\n.tinar-category-card {\r\n    position: relative;\r\n    height: 390px;\r\n    overflow: hidden;\r\n    border-radius: 6px;\r\n    background: #f5e9eb;\r\n    text-decoration: none !important;\r\n    display: block;\r\n}\r\n\r\n\/* Image *\/\r\n\r\n.tinar-category-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.7s ease;\r\n}\r\n\r\n.tinar-category-card:hover .tinar-category-image {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* Overlay *\/\r\n\r\n.tinar-category-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(35, 25, 29, 0.78) 0%,\r\n            rgba(35, 25, 29, 0.25) 45%,\r\n            rgba(35, 25, 29, 0.02) 75%\r\n        );\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.tinar-category-card:hover .tinar-category-overlay {\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(35, 25, 29, 0.85) 0%,\r\n            rgba(35, 25, 29, 0.35) 60%,\r\n            rgba(35, 25, 29, 0.05) 100%\r\n        );\r\n}\r\n\r\n\/* Content *\/\r\n\r\n.tinar-category-content {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 25px;\r\n    left: 25px;\r\n    bottom: 25px;\r\n    color: #fff;\r\n}\r\n\r\n.tinar-category-number {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: #e2c7a5;\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-category-name {\r\n    margin: 0 0 10px;\r\n    color: #fff;\r\n    font-size: 25px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-category-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    opacity: 0.85;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-category-card:hover .tinar-category-link {\r\n    opacity: 1;\r\n    gap: 13px;\r\n}\r\n\r\n.tinar-category-arrow {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .tinar-category-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .tinar-category-card {\r\n        height: 360px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tinar-categories {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .tinar-category-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .tinar-category-subtitle {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tinar-category-grid {\r\n        gap: 12px;\r\n    }\r\n\r\n    .tinar-category-card {\r\n        height: 280px;\r\n    }\r\n\r\n    .tinar-category-content {\r\n        right: 18px;\r\n        left: 18px;\r\n        bottom: 18px;\r\n    }\r\n\r\n    .tinar-category-name {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .tinar-category-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tinar-category-card {\r\n        height: 350px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-categories\">\r\n\r\n    <div class=\"tinar-category-container\">\r\n\r\n        <!-- Section Header -->\r\n\r\n        <div class=\"tinar-category-header\">\r\n\r\n            <span class=\"tinar-category-label\">\r\n                TINAR COLLECTION\r\n            <\/span>\r\n\r\n            <h2 class=\"tinar-category-title\">\r\n                \u062f\u0646\u06cc\u0627\u06cc \u062a\u06cc\u0646\u0627\u0631 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f\r\n            <\/h2>\r\n\r\n            <p class=\"tinar-category-subtitle\">\r\n                \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0647\u0627\u06cc \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c\r\n                \u0627\u0633\u062a\u0627\u06cc\u0644 \u0648 \u0633\u0628\u06a9 \u0632\u0646\u062f\u06af\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0634\u0645\u0627\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Categories -->\r\n\r\n        <div class=\"tinar-category-grid\">\r\n\r\n\r\n            <!-- \u0644\u0628\u0627\u0633 -->\r\n\r\n            <a href=\"\/product-category\/clothing\/\"\r\n               class=\"tinar-category-card\">\r\n\r\n                <div\r\n                    class=\"tinar-category-image\"\r\n                    style=\"background-image:url('CLOTHING-IMAGE-URL');\">\r\n                <\/div>\r\n\r\n                <div class=\"tinar-category-overlay\"><\/div>\r\n\r\n                <div class=\"tinar-category-content\">\r\n\r\n                    <span class=\"tinar-category-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-category-name\">\r\n                        \u0644\u0628\u0627\u0633\r\n                    <\/h3>\r\n\r\n                    <span class=\"tinar-category-link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0644\u06a9\u0634\u0646\r\n                        <span class=\"tinar-category-arrow\">\r\n                            \u2190\r\n                        <\/span>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc -->\r\n\r\n            <a href=\"\/product-category\/accessories\/\"\r\n               class=\"tinar-category-card\">\r\n\r\n                <div\r\n                    class=\"tinar-category-image\"\r\n                    style=\"background-image:url('ACCESSORIES-IMAGE-URL');\">\r\n                <\/div>\r\n\r\n                <div class=\"tinar-category-overlay\"><\/div>\r\n\r\n                <div class=\"tinar-category-content\">\r\n\r\n                    <span class=\"tinar-category-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-category-name\">\r\n                        \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc\r\n                    <\/h3>\r\n\r\n                    <span class=\"tinar-category-link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0644\u06a9\u0634\u0646\r\n                        <span class=\"tinar-category-arrow\">\r\n                            \u2190\r\n                        <\/span>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- \u0622\u0631\u0627\u06cc\u0634\u06cc -->\r\n\r\n            <a href=\"\/product-category\/cosmetics\/\"\r\n               class=\"tinar-category-card\">\r\n\r\n                <div\r\n                    class=\"tinar-category-image\"\r\n                    style=\"background-image:url('COSMETICS-IMAGE-URL');\">\r\n                <\/div>\r\n\r\n                <div class=\"tinar-category-overlay\"><\/div>\r\n\r\n                <div class=\"tinar-category-content\">\r\n\r\n                    <span class=\"tinar-category-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-category-name\">\r\n                        \u0622\u0631\u0627\u06cc\u0634\u06cc\r\n                    <\/h3>\r\n\r\n                    <span class=\"tinar-category-link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0644\u06a9\u0634\u0646\r\n                        <span class=\"tinar-category-arrow\">\r\n                            \u2190\r\n                        <\/span>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- \u0628\u0647\u062f\u0627\u0634\u062a\u06cc -->\r\n\r\n            <a href=\"\/product-category\/health-beauty\/\"\r\n               class=\"tinar-category-card\">\r\n\r\n                <div\r\n                    class=\"tinar-category-image\"\r\n                    style=\"background-image:url('HYGIENE-IMAGE-URL');\">\r\n                <\/div>\r\n\r\n                <div class=\"tinar-category-overlay\"><\/div>\r\n\r\n                <div class=\"tinar-category-content\">\r\n\r\n                    <span class=\"tinar-category-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-category-name\">\r\n                        \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\r\n                    <\/h3>\r\n\r\n                    <span class=\"tinar-category-link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0644\u06a9\u0634\u0646\r\n                        <span class=\"tinar-category-arrow\">\r\n                            \u2190\r\n                        <\/span>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cac40a elementor-widget elementor-widget-html\" data-id=\"9cac40a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR SPECIAL OFFER BANNER\r\n======================================== *\/\r\n\r\n.tinar-offer {\r\n    width: 100%;\r\n    padding: 30px 20px 85px;\r\n    background: #ffffff;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-offer *,\r\n.tinar-offer *::before,\r\n.tinar-offer *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-offer-container {\r\n    width: min(1200px, 100%);\r\n    min-height: 360px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 8px;\r\n    background: #f4e5e8;\r\n}\r\n\r\n\/* Background Image *\/\r\n\r\n.tinar-offer-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('OFFER-BANNER-IMAGE');\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 1s ease;\r\n}\r\n\r\n.tinar-offer-container:hover .tinar-offer-image {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* Overlay *\/\r\n\r\n.tinar-offer-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,0.05) 0%,\r\n            rgba(255,255,255,0.18) 35%,\r\n            rgba(255,255,255,0.88) 100%\r\n        );\r\n}\r\n\r\n\/* Content *\/\r\n\r\n.tinar-offer-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-height: 360px;\r\n    width: 100%;\r\n    padding: 55px 65px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.tinar-offer-box {\r\n    width: 430px;\r\n}\r\n\r\n\/* Label *\/\r\n\r\n.tinar-offer-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b18a63;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* Title *\/\r\n\r\n.tinar-offer-title {\r\n    margin: 0 0 15px;\r\n    color: #382b2f;\r\n    font-size: 40px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-offer-title span {\r\n    color: #b18a63;\r\n}\r\n\r\n\/* Text *\/\r\n\r\n.tinar-offer-text {\r\n    margin: 0 0 25px;\r\n    color: #66575b;\r\n    font-size: 15px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* Button *\/\r\n\r\n.tinar-offer-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-width: 180px;\r\n    height: 52px;\r\n    padding: 0 28px;\r\n    border-radius: 4px;\r\n    background: #382b2f;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-offer-button:hover {\r\n    background: #b18a63;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Discount Circle *\/\r\n\r\n.tinar-offer-discount {\r\n    position: absolute;\r\n    left: 60px;\r\n    top: 50%;\r\n    z-index: 3;\r\n    width: 105px;\r\n    height: 105px;\r\n    transform: translateY(-50%);\r\n    border-radius: 50%;\r\n    background: #382b2f;\r\n    color: #fff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 15px 30px rgba(56,43,47,0.18);\r\n}\r\n\r\n.tinar-offer-discount strong {\r\n    font-size: 27px;\r\n    line-height: 1;\r\n}\r\n\r\n.tinar-offer-discount small {\r\n    margin-top: 6px;\r\n    font-size: 11px;\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .tinar-offer {\r\n        padding: 20px 15px 60px;\r\n    }\r\n\r\n    .tinar-offer-container {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .tinar-offer-image {\r\n        background-position: 65% center;\r\n    }\r\n\r\n    .tinar-offer-overlay {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(255,255,255,0.05) 0%,\r\n                rgba(255,255,255,0.2) 35%,\r\n                rgba(255,255,255,0.92) 72%\r\n            );\r\n    }\r\n\r\n    .tinar-offer-content {\r\n        min-height: 520px;\r\n        padding: 40px 25px 55px;\r\n        align-items: flex-end;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .tinar-offer-box {\r\n        width: 100%;\r\n    }\r\n\r\n    .tinar-offer-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .tinar-offer-text {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tinar-offer-discount {\r\n        top: 30px;\r\n        left: 25px;\r\n        width: 85px;\r\n        height: 85px;\r\n        transform: none;\r\n    }\r\n\r\n    .tinar-offer-discount strong {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .tinar-offer-button {\r\n        height: 48px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-offer\">\r\n\r\n    <div class=\"tinar-offer-container\">\r\n\r\n        <!-- IMAGE -->\r\n\r\n        <div class=\"tinar-offer-image\"><\/div>\r\n\r\n        <!-- OVERLAY -->\r\n\r\n        <div class=\"tinar-offer-overlay\"><\/div>\r\n\r\n\r\n        <!-- DISCOUNT -->\r\n\r\n        <div class=\"tinar-offer-discount\">\r\n\r\n            <strong>\u066a\u06f2\u06f0<\/strong>\r\n\r\n            <small>\u062a\u062e\u0641\u06cc\u0641 \u0648\u06cc\u0698\u0647<\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"tinar-offer-content\">\r\n\r\n            <div class=\"tinar-offer-box\">\r\n\r\n                <span class=\"tinar-offer-label\">\r\n                    TINAR SPECIAL OFFER\r\n                <\/span>\r\n\r\n                <h2 class=\"tinar-offer-title\">\r\n                    \u0632\u06cc\u0628\u0627\u06cc\u06cc \u062e\u0627\u0635\u060c\r\n                    <span>\u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062e\u0627\u0635\u200c\u062a\u0631<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"tinar-offer-text\">\r\n                    \u0628\u0631\u0627\u06cc \u0645\u062f\u062a \u0645\u062d\u062f\u0648\u062f\u060c \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631 \u0631\u0627\r\n                    \u0628\u0627 \u062a\u062e\u0641\u06cc\u0641 \u0648\u06cc\u0698\u0647 \u062a\u0647\u06cc\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\r\n                    \u0627\u0632 \u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"\/shop\/\"\r\n                    class=\"tinar-offer-button\">\r\n\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0647\u0627\r\n\r\n                    <span>\u2190<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e4b1bb elementor-widget elementor-widget-html\" data-id=\"8e4b1bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR \u2014 POPULAR BRANDS\r\n======================================== *\/\r\n\r\n.tinar-brands {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background: #fffafa;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-brands *,\r\n.tinar-brands *::before,\r\n.tinar-brands *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-brands-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.tinar-brands-header {\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.tinar-brands-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b18a63;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-brands-title {\r\n    margin: 0;\r\n    color: #382b2f;\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-brands-subtitle {\r\n    max-width: 560px;\r\n    margin: 14px auto 0;\r\n    color: #76676b;\r\n    font-size: 14px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* BRANDS GRID *\/\r\n\r\n.tinar-brands-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    border-top: 1px solid #eadde0;\r\n    border-right: 1px solid #eadde0;\r\n}\r\n\r\n\/* BRAND ITEM *\/\r\n\r\n.tinar-brand-item {\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-left: 1px solid #eadde0;\r\n    border-bottom: 1px solid #eadde0;\r\n    background: rgba(255,255,255,0.65);\r\n    text-decoration: none !important;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.tinar-brand-item:hover {\r\n    background: #ffffff;\r\n    box-shadow: inset 0 -2px 0 #b18a63;\r\n}\r\n\r\n\/* LOGO *\/\r\n\r\n.tinar-brand-logo {\r\n    max-width: 125px;\r\n    max-height: 55px;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: grayscale(100%);\r\n    opacity: 0.65;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.tinar-brand-item:hover .tinar-brand-logo {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n    transform: scale(1.06);\r\n}\r\n\r\n\/* FALLBACK TEXT *\/\r\n\r\n.tinar-brand-text {\r\n    color: #382b2f;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    opacity: 0.65;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.tinar-brand-item:hover .tinar-brand-text {\r\n    color: #b18a63;\r\n    opacity: 1;\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\n.tinar-brands-footer {\r\n    margin-top: 35px;\r\n    text-align: center;\r\n}\r\n\r\n.tinar-brands-all {\r\n    color: #382b2f !important;\r\n    font-size: 14px;\r\n    text-decoration: none !important;\r\n    border-bottom: 1px solid #b18a63;\r\n    padding-bottom: 5px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-brands-all:hover {\r\n    color: #b18a63 !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .tinar-brands-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tinar-brands {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .tinar-brands-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .tinar-brands-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .tinar-brand-item {\r\n        height: 100px;\r\n    }\r\n\r\n    .tinar-brand-logo {\r\n        max-width: 100px;\r\n        max-height: 45px;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .tinar-brand-item {\r\n        height: 90px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-brands\">\r\n\r\n    <div class=\"tinar-brands-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"tinar-brands-header\">\r\n\r\n            <span class=\"tinar-brands-label\">\r\n                TINAR BRANDS\r\n            <\/span>\r\n\r\n            <h2 class=\"tinar-brands-title\">\r\n                \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628\r\n            <\/h2>\r\n\r\n            <p class=\"tinar-brands-subtitle\">\r\n                \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628 \u0648 \u0645\u0646\u062a\u062e\u0628\u060c\r\n                \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0645\u0637\u0645\u0626\u0646 \u0648 \u0645\u062a\u0641\u0627\u0648\u062a\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BRANDS -->\r\n\r\n        <div class=\"tinar-brands-grid\">\r\n\r\n\r\n            <!-- BRAND 1 -->\r\n\r\n            <a href=\"\/brand\/the-ordinary\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"tinar-brand-logo\"\r\n                    src=\"BRAND-LOGO-1\"\r\n                    alt=\"The Ordinary\">\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BRAND 2 -->\r\n\r\n            <a href=\"\/brand\/clinique\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"tinar-brand-logo\"\r\n                    src=\"BRAND-LOGO-2\"\r\n                    alt=\"Clinique\">\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BRAND 3 -->\r\n\r\n            <a href=\"\/brand\/brand-3\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <span class=\"tinar-brand-text\">\r\n                    BRAND NAME\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BRAND 4 -->\r\n\r\n            <a href=\"\/brand\/brand-4\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <span class=\"tinar-brand-text\">\r\n                    BRAND NAME\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BRAND 5 -->\r\n\r\n            <a href=\"\/brand\/brand-5\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <span class=\"tinar-brand-text\">\r\n                    BRAND NAME\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BRAND 6 -->\r\n\r\n            <a href=\"\/brand\/brand-6\/\"\r\n               class=\"tinar-brand-item\">\r\n\r\n                <span class=\"tinar-brand-text\">\r\n                    BRAND NAME\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ALL BRANDS -->\r\n\r\n        <div class=\"tinar-brands-footer\">\r\n\r\n            <a\r\n                href=\"\/brands\/\"\r\n                class=\"tinar-brands-all\">\r\n\r\n                \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0628\u0631\u0646\u062f\u0647\u0627 \u2190\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84f9ab7 elementor-widget elementor-widget-html\" data-id=\"84f9ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR \u2014 FEATURED PRODUCTS\r\n======================================== *\/\r\n\r\n.tinar-products {\r\n    width: 100%;\r\n    padding: 85px 20px;\r\n    background: #ffffff;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-products *,\r\n.tinar-products *::before,\r\n.tinar-products *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-products-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================\r\n   HEADER\r\n========================= *\/\r\n\r\n.tinar-products-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    margin-bottom: 40px;\r\n    gap: 30px;\r\n}\r\n\r\n.tinar-products-heading {\r\n    text-align: right;\r\n}\r\n\r\n.tinar-products-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b18a63;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-products-title {\r\n    margin: 0;\r\n    color: #382b2f;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n}\r\n\r\n.tinar-products-description {\r\n    margin: 12px 0 0;\r\n    color: #76676b;\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* =========================\r\n   TABS\r\n========================= *\/\r\n\r\n.tinar-product-tabs {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.tinar-product-tab {\r\n    padding: 11px 20px;\r\n    border: 1px solid #eadde0;\r\n    border-radius: 30px;\r\n    background: #fff;\r\n    color: #76676b;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-product-tab:hover,\r\n.tinar-product-tab.active {\r\n    background: #382b2f;\r\n    border-color: #382b2f;\r\n    color: #fff;\r\n}\r\n\r\n\/* =========================\r\n   PRODUCT GRID\r\n========================= *\/\r\n\r\n.tinar-products-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 22px;\r\n}\r\n\r\n\/* =========================\r\n   PRODUCT CARD\r\n========================= *\/\r\n\r\n.tinar-product-card {\r\n    position: relative;\r\n    min-width: 0;\r\n}\r\n\r\n.tinar-product-image-box {\r\n    position: relative;\r\n    height: 340px;\r\n    overflow: hidden;\r\n    border-radius: 6px;\r\n    background: #f8f1f2;\r\n}\r\n\r\n.tinar-product-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.7s ease;\r\n}\r\n\r\n.tinar-product-card:hover .tinar-product-image {\r\n    transform: scale(1.06);\r\n}\r\n\r\n\/* =========================\r\n   BADGE\r\n========================= *\/\r\n\r\n.tinar-product-badge {\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    z-index: 3;\r\n    padding: 6px 11px;\r\n    border-radius: 3px;\r\n    background: #382b2f;\r\n    color: #fff;\r\n    font-size: 11px;\r\n}\r\n\r\n\/* =========================\r\n   WISHLIST\r\n========================= *\/\r\n\r\n.tinar-product-wishlist {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    z-index: 3;\r\n    width: 38px;\r\n    height: 38px;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.9);\r\n    color: #382b2f;\r\n    font-size: 19px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-product-wishlist:hover {\r\n    background: #382b2f;\r\n    color: #fff;\r\n}\r\n\r\n\/* =========================\r\n   QUICK BUTTON\r\n========================= *\/\r\n\r\n.tinar-product-quick {\r\n    position: absolute;\r\n    z-index: 3;\r\n    right: 15px;\r\n    left: 15px;\r\n    bottom: 15px;\r\n    height: 45px;\r\n    border: 0;\r\n    border-radius: 4px;\r\n    background: rgba(255,255,255,0.95);\r\n    color: #382b2f;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.tinar-product-card:hover .tinar-product-quick {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.tinar-product-quick:hover {\r\n    background: #382b2f;\r\n    color: #fff;\r\n}\r\n\r\n\/* =========================\r\n   PRODUCT INFO\r\n========================= *\/\r\n\r\n.tinar-product-info {\r\n    padding: 18px 3px 0;\r\n}\r\n\r\n.tinar-product-category {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #b18a63;\r\n    font-size: 11px;\r\n}\r\n\r\n.tinar-product-name {\r\n    margin: 0 0 10px;\r\n    color: #382b2f;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n.tinar-product-price {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.tinar-product-current-price {\r\n    color: #382b2f;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-product-old-price {\r\n    color: #aaa;\r\n    font-size: 12px;\r\n    text-decoration: line-through;\r\n}\r\n\r\n\/* =========================\r\n   BOTTOM BUTTON\r\n========================= *\/\r\n\r\n.tinar-products-footer {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.tinar-products-view-all {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-width: 190px;\r\n    height: 52px;\r\n    padding: 0 28px;\r\n    border: 1px solid #382b2f;\r\n    border-radius: 4px;\r\n    color: #382b2f !important;\r\n    background: transparent;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-products-view-all:hover {\r\n    background: #382b2f;\r\n    color: #fff !important;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .tinar-products-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .tinar-product-card:nth-child(4) {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 750px) {\r\n\r\n    .tinar-products {\r\n        padding: 65px 15px;\r\n    }\r\n\r\n    .tinar-products-header {\r\n        display: block;\r\n        text-align: center;\r\n    }\r\n\r\n    .tinar-products-heading {\r\n        text-align: center;\r\n    }\r\n\r\n    .tinar-product-tabs {\r\n        justify-content: center;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .tinar-products-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .tinar-product-image-box {\r\n        height: 280px;\r\n    }\r\n\r\n    .tinar-product-quick {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 450px) {\r\n\r\n    .tinar-products-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .tinar-product-tabs {\r\n        gap: 6px;\r\n    }\r\n\r\n    .tinar-product-tab {\r\n        padding: 9px 13px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .tinar-products-grid {\r\n        gap: 12px;\r\n    }\r\n\r\n    .tinar-product-image-box {\r\n        height: 230px;\r\n    }\r\n\r\n    .tinar-product-name {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .tinar-product-current-price {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-products\">\r\n\r\n    <div class=\"tinar-products-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"tinar-products-header\">\r\n\r\n            <div class=\"tinar-products-heading\">\r\n\r\n                <span class=\"tinar-products-label\">\r\n                    TINAR SELECTION\r\n                <\/span>\r\n\r\n                <h2 class=\"tinar-products-title\">\r\n                    \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631\r\n                <\/h2>\r\n\r\n                <p class=\"tinar-products-description\">\r\n                    \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062e\u0627\u0635 \u0627\u0632 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u062d\u0628\u0648\u0628 \u0648 \u062c\u062f\u06cc\u062f \u062a\u06cc\u0646\u0627\u0631\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TABS -->\r\n\r\n            <div class=\"tinar-product-tabs\">\r\n\r\n                <button class=\"tinar-product-tab active\">\r\n                    \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646\r\n                <\/button>\r\n\r\n                <button class=\"tinar-product-tab\">\r\n                    \u067e\u0631\u0641\u0631\u0648\u0634\u200c\u062a\u0631\u06cc\u0646\r\n                <\/button>\r\n\r\n                <button class=\"tinar-product-tab\">\r\n                    \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0648\u06cc\u0698\u0647\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PRODUCTS -->\r\n\r\n        <div class=\"tinar-products-grid\">\r\n\r\n\r\n            <!-- PRODUCT 1 -->\r\n\r\n            <article class=\"tinar-product-card\">\r\n\r\n                <div class=\"tinar-product-image-box\">\r\n\r\n                    <span class=\"tinar-product-badge\">\r\n                        \u062c\u062f\u06cc\u062f\r\n                    <\/span>\r\n\r\n                    <button class=\"tinar-product-wishlist\">\r\n                        \u2661\r\n                    <\/button>\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"tinar-product-image\"\r\n                        src=\"PRODUCT-IMAGE-1\"\r\n                        alt=\"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631\">\r\n\r\n                    <button class=\"tinar-product-quick\">\r\n                        \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tinar-product-info\">\r\n\r\n                    <span class=\"tinar-product-category\">\r\n                        \u0622\u0631\u0627\u06cc\u0634\u06cc\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-product-name\">\r\n                        \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u0627\u0648\u0644\r\n                    <\/h3>\r\n\r\n                    <div class=\"tinar-product-price\">\r\n\r\n                        <span class=\"tinar-product-current-price\">\r\n                            \u06f1,\u06f2\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 2 -->\r\n\r\n            <article class=\"tinar-product-card\">\r\n\r\n                <div class=\"tinar-product-image-box\">\r\n\r\n                    <span class=\"tinar-product-badge\">\r\n                        \u0648\u06cc\u0698\u0647\r\n                    <\/span>\r\n\r\n                    <button class=\"tinar-product-wishlist\">\r\n                        \u2661\r\n                    <\/button>\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"tinar-product-image\"\r\n                        src=\"PRODUCT-IMAGE-2\"\r\n                        alt=\"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631\">\r\n\r\n                    <button class=\"tinar-product-quick\">\r\n                        \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tinar-product-info\">\r\n\r\n                    <span class=\"tinar-product-category\">\r\n                        \u0628\u0647\u062f\u0627\u0634\u062a\u06cc\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-product-name\">\r\n                        \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u062f\u0648\u0645\r\n                    <\/h3>\r\n\r\n                    <div class=\"tinar-product-price\">\r\n\r\n                        <span class=\"tinar-product-current-price\">\r\n                            \u06f9\u06f8\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 3 -->\r\n\r\n            <article class=\"tinar-product-card\">\r\n\r\n                <div class=\"tinar-product-image-box\">\r\n\r\n                    <span class=\"tinar-product-badge\">\r\n                        \u062c\u062f\u06cc\u062f\r\n                    <\/span>\r\n\r\n                    <button class=\"tinar-product-wishlist\">\r\n                        \u2661\r\n                    <\/button>\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"tinar-product-image\"\r\n                        src=\"PRODUCT-IMAGE-3\"\r\n                        alt=\"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631\">\r\n\r\n                    <button class=\"tinar-product-quick\">\r\n                        \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tinar-product-info\">\r\n\r\n                    <span class=\"tinar-product-category\">\r\n                        \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-product-name\">\r\n                        \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u0633\u0648\u0645\r\n                    <\/h3>\r\n\r\n                    <div class=\"tinar-product-price\">\r\n\r\n                        <span class=\"tinar-product-current-price\">\r\n                            \u06f7\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 4 -->\r\n\r\n            <article class=\"tinar-product-card\">\r\n\r\n                <div class=\"tinar-product-image-box\">\r\n\r\n                    <span class=\"tinar-product-badge\">\r\n                        \u0645\u062d\u0628\u0648\u0628\r\n                    <\/span>\r\n\r\n                    <button class=\"tinar-product-wishlist\">\r\n                        \u2661\r\n                    <\/button>\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"tinar-product-image\"\r\n                        src=\"PRODUCT-IMAGE-4\"\r\n                        alt=\"\u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u062a\u062e\u0628 \u062a\u06cc\u0646\u0627\u0631\">\r\n\r\n                    <button class=\"tinar-product-quick\">\r\n                        \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"tinar-product-info\">\r\n\r\n                    <span class=\"tinar-product-category\">\r\n                        \u0644\u0628\u0627\u0633\r\n                    <\/span>\r\n\r\n                    <h3 class=\"tinar-product-name\">\r\n                        \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u0686\u0647\u0627\u0631\u0645\r\n                    <\/h3>\r\n\r\n                    <div class=\"tinar-product-price\">\r\n\r\n                        <span class=\"tinar-product-current-price\">\r\n                            \u06f2,\u06f4\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- VIEW ALL -->\r\n\r\n        <div class=\"tinar-products-footer\">\r\n\r\n            <a\r\n                href=\"\/shop\/\"\r\n                class=\"tinar-products-view-all\">\r\n\r\n                \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                <span>\u2190<\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4330395 elementor-widget elementor-widget-html\" data-id=\"4330395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\nTINARSHOP \u2014 LUXURY CATEGORY SHOWCASE\r\nPART 1 \/ 3 \u2014 HTML\r\n========================================= -->\r\n\r\n<section id=\"tinar-category-showcase\">\r\n\r\n    <div class=\"tinar-category-header\">\r\n\r\n        <span class=\"tinar-category-eyebrow\">\r\n            EXPLORE TINAR\r\n        <\/span>\r\n\r\n        <h2>\r\n            \u062f\u0646\u06cc\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062a\u06cc\u0646\u0627\u0631\r\n        <\/h2>\r\n\r\n        <p>\r\n            \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0644\u0648\u06a9\u0633 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0645\u0631\u0627\u0642\u0628\u062a \u0648 \u0633\u0628\u06a9 \u0632\u0646\u062f\u06af\u06cc \u062a\u0648\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"tinar-category-grid\">\r\n\r\n\r\n        <!-- \u0622\u0631\u0627\u06cc\u0634\u06cc -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0622\u0631\u0627\u06cc\u0634\u06cc\"\r\n                    alt=\"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627\u06cc\u0634\u06cc \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>01<\/span>\r\n\r\n                <h3>\u0622\u0631\u0627\u06cc\u0634\u06cc<\/h3>\r\n\r\n                <p>\u0632\u06cc\u0628\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u062a\u0648 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0645\u0631\u0627\u0642\u0628\u062a-\u067e\u0648\u0633\u062a\"\r\n                    alt=\"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>02<\/span>\r\n\r\n                <h3>\u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a<\/h3>\r\n\r\n                <p>\u062f\u0631\u062e\u0634\u0634 \u0648\u0627\u0642\u0639\u06cc\u060c \u0645\u0631\u0627\u0642\u0628\u062a \u0648\u0627\u0642\u0639\u06cc<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- \u0645\u0631\u0627\u0642\u0628\u062a \u0645\u0648 -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0645\u0631\u0627\u0642\u0628\u062a-\u0645\u0648\"\r\n                    alt=\"\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u062a \u0645\u0648 \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>03<\/span>\r\n\r\n                <h3>\u0645\u0631\u0627\u0642\u0628\u062a \u0645\u0648<\/h3>\r\n\r\n                <p>\u0632\u06cc\u0628\u0627\u06cc\u06cc \u0645\u0648\u060c \u0627\u0645\u0636\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062a\u0648<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- \u0639\u0637\u0631 -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0639\u0637\u0631\"\r\n                    alt=\"\u0639\u0637\u0631 \u0648 \u0627\u062f\u06a9\u0644\u0646 \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>04<\/span>\r\n\r\n                <h3>\u0639\u0637\u0631 \u0648 \u0627\u062f\u06a9\u0644\u0646<\/h3>\r\n\r\n                <p>\u0631\u0627\u06cc\u062d\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062a\u0648 \u0631\u0627 \u0628\u0647 \u06cc\u0627\u062f \u0645\u06cc\u200c\u0622\u0648\u0631\u0646\u062f<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- \u0644\u0628\u0627\u0633 -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0644\u0628\u0627\u0633\"\r\n                    alt=\"\u0644\u0628\u0627\u0633 \u0632\u0646\u0627\u0646\u0647 \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>05<\/span>\r\n\r\n                <h3>\u0644\u0628\u0627\u0633<\/h3>\r\n\r\n                <p>\u0627\u0633\u062a\u0627\u06cc\u0644 \u062a\u0648\u060c \u062f\u0627\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u062a<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc -->\r\n\r\n        <a href=\"#\" class=\"tinar-category-card\">\r\n\r\n            <div class=\"tinar-category-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"URL-\u0639\u06a9\u0633-\u062f\u0633\u062a\u0647-\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc\"\r\n                    alt=\"\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0632\u0646\u0627\u0646\u0647 \u062a\u06cc\u0646\u0627\u0631\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tinar-category-overlay\">\r\n\r\n                <span>06<\/span>\r\n\r\n                <h3>\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc<\/h3>\r\n\r\n                <p>\u062c\u0632\u0626\u06cc\u0627\u062a\u06cc \u06a9\u0647 \u062a\u0641\u0627\u0648\u062a \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f<\/p>\r\n\r\n                <strong>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n                    <b>\u2190<\/b>\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nTINARSHOP \u2014 LUXURY CATEGORY SHOWCASE\r\nPART 2 \/ 3 \u2014 CSS\r\n========================================= *\/\r\n\r\n#tinar-category-showcase{\r\n\r\n    direction:rtl;\r\n\r\n    width:100%;\r\n\r\n    max-width:1400px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:90px 30px 100px;\r\n\r\n    background:#fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nHEADER\r\n========================================= *\/\r\n\r\n.tinar-category-header{\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:55px;\r\n\r\n}\r\n\r\n\r\n.tinar-category-eyebrow{\r\n\r\n    display:inline-block;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:#c9a96b;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:3px;\r\n\r\n}\r\n\r\n\r\n.tinar-category-header h2{\r\n\r\n    margin:0;\r\n\r\n    color:#2d2d2d;\r\n\r\n    font-size:34px;\r\n\r\n    font-weight:500;\r\n\r\n    line-height:1.7;\r\n\r\n}\r\n\r\n\r\n.tinar-category-header p{\r\n\r\n    margin:10px 0 0;\r\n\r\n    color:#999;\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nGRID\r\n========================================= *\/\r\n\r\n.tinar-category-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:22px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nCARD\r\n========================================= *\/\r\n\r\n.tinar-category-card{\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    height:390px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#f8eef1;\r\n\r\n    border-radius:22px;\r\n\r\n    text-decoration:none;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,.06);\r\n\r\n    transition:\r\n        transform .45s ease,\r\n        box-shadow .45s ease;\r\n\r\n}\r\n\r\n\r\n.tinar-category-card:hover{\r\n\r\n    transform:translateY(-8px);\r\n\r\n    box-shadow:\r\n        0 25px 55px rgba(0,0,0,.13);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nIMAGE\r\n========================================= *\/\r\n\r\n.tinar-category-image{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n.tinar-category-image::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(35,28,30,.82) 0%,\r\n            rgba(35,28,30,.30) 42%,\r\n            rgba(35,28,30,.02) 75%\r\n        );\r\n\r\n    z-index:1;\r\n\r\n}\r\n\r\n\r\n.tinar-category-image img{\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .8s cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.tinar-category-card:hover\r\n.tinar-category-image img{\r\n\r\n    transform:scale(1.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nOVERLAY CONTENT\r\n========================================= *\/\r\n\r\n.tinar-category-overlay{\r\n\r\n    position:absolute;\r\n\r\n    right:28px;\r\n\r\n    left:28px;\r\n\r\n    bottom:26px;\r\n\r\n    z-index:2;\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n.tinar-category-overlay span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:#e2c993;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.tinar-category-overlay h3{\r\n\r\n    margin:0 0 5px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:25px;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n.tinar-category-overlay p{\r\n\r\n    margin:0 0 18px;\r\n\r\n    color:rgba(255,255,255,.78);\r\n\r\n    font-size:12px;\r\n\r\n}\r\n\r\n\r\n.tinar-category-overlay strong{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:500;\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.tinar-category-overlay strong b{\r\n\r\n    color:#e2c993;\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:400;\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.tinar-category-card:hover\r\n.tinar-category-overlay strong{\r\n\r\n    color:#e2c993;\r\n\r\n}\r\n\r\n\r\n.tinar-category-card:hover\r\n.tinar-category-overlay strong b{\r\n\r\n    transform:translateX(-5px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nTABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    #tinar-category-showcase{\r\n\r\n        padding:\r\n            75px 22px 85px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nMOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    #tinar-category-showcase{\r\n\r\n        padding:\r\n            60px 16px 70px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-header{\r\n\r\n        margin-bottom:35px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-header h2{\r\n\r\n        font-size:26px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-header p{\r\n\r\n        font-size:12px;\r\n\r\n        line-height:2;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-card{\r\n\r\n        height:350px;\r\n\r\n        border-radius:18px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-overlay{\r\n\r\n        right:22px;\r\n\r\n        left:22px;\r\n\r\n        bottom:22px;\r\n\r\n    }\r\n\r\n\r\n    .tinar-category-overlay h3{\r\n\r\n        font-size:23px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\nREDUCED MOTION\r\n========================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .tinar-category-card,\r\n    .tinar-category-image img,\r\n    .tinar-category-overlay strong,\r\n    .tinar-category-overlay strong b{\r\n\r\n        transition:none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nTINARSHOP \u2014 LUXURY CATEGORY SHOWCASE\r\nPART 3 \/ 3 \u2014 JAVASCRIPT\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \"#tinar-category-showcase\"\r\n            );\r\n\r\n        if(!section) return;\r\n\r\n\r\n        const cards =\r\n            section.querySelectorAll(\r\n                \".tinar-category-card\"\r\n            );\r\n\r\n\r\n        \/* =====================================\r\n        SCROLL REVEAL\r\n        ===================================== *\/\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry.isIntersecting\r\n                                ){\r\n\r\n                                    entry.target.classList.add(\r\n                                        \"tinar-category-visible\"\r\n                                    );\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold:.12\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            cards.forEach(\r\n                function(card){\r\n\r\n                    observer.observe(card);\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================\r\n        ACCESSIBILITY\r\n        ===================================== *\/\r\n\r\n        cards.forEach(\r\n            function(card){\r\n\r\n                card.addEventListener(\r\n                    \"keydown\",\r\n                    function(event){\r\n\r\n                        if(\r\n                            event.key === \"Enter\"\r\n                            ||\r\n                            event.key === \" \"\r\n                        ){\r\n\r\n                            event.preventDefault();\r\n\r\n                            card.click();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================\r\n        PREVENT EMPTY LINKS\r\n        ===================================== *\/\r\n\r\n        cards.forEach(\r\n            function(card){\r\n\r\n                const href =\r\n                    card.getAttribute(\"href\");\r\n\r\n                if(\r\n                    !href\r\n                    ||\r\n                    href === \"#\"\r\n                ){\r\n\r\n                    card.addEventListener(\r\n                        \"click\",\r\n                        function(event){\r\n\r\n                            event.preventDefault();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9374d elementor-widget elementor-widget-html\" data-id=\"5b9374d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR \u2014 TRUST FEATURES\r\n======================================== *\/\r\n\r\n.tinar-trust {\r\n    width: 100%;\r\n    padding: 70px 20px;\r\n    background: #382b2f;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-trust *,\r\n.tinar-trust *::before,\r\n.tinar-trust *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-trust-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.tinar-trust-header {\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n}\r\n\r\n.tinar-trust-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #d6b58d;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-trust-title {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.tinar-trust-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 1px;\r\n    background: rgba(255,255,255,0.15);\r\n}\r\n\r\n\/* ITEM *\/\r\n\r\n.tinar-trust-item {\r\n    min-height: 190px;\r\n    padding: 35px 25px;\r\n    background: #382b2f;\r\n    text-align: center;\r\n    transition: all 0.35s ease;\r\n}\r\n\r\n.tinar-trust-item:hover {\r\n    background: #46353a;\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.tinar-trust-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    margin: 0 auto 20px;\r\n    border: 1px solid #b18a63;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #d6b58d;\r\n    font-size: 23px;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.tinar-trust-item-title {\r\n    margin: 0 0 10px;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.tinar-trust-item-text {\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.65);\r\n    font-size: 13px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .tinar-trust-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 500px) {\r\n\r\n    .tinar-trust {\r\n        padding: 55px 15px;\r\n    }\r\n\r\n    .tinar-trust-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .tinar-trust-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tinar-trust-item {\r\n        min-height: auto;\r\n        padding: 30px 20px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-trust\">\r\n\r\n    <div class=\"tinar-trust-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"tinar-trust-header\">\r\n\r\n            <span class=\"tinar-trust-label\">\r\n                WHY TINAR\r\n            <\/span>\r\n\r\n            <h2 class=\"tinar-trust-title\">\r\n                \u0686\u0631\u0627 \u062e\u0631\u06cc\u062f \u0627\u0632 \u062a\u06cc\u0646\u0627\u0631\u061f\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FEATURES -->\r\n\r\n        <div class=\"tinar-trust-grid\">\r\n\r\n\r\n            <!-- ITEM 1 -->\r\n\r\n            <div class=\"tinar-trust-item\">\r\n\r\n                <div class=\"tinar-trust-icon\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <h3 class=\"tinar-trust-item-title\">\r\n                    \u0627\u0635\u0627\u0644\u062a \u06a9\u0627\u0644\u0627\r\n                <\/h3>\r\n\r\n                <p class=\"tinar-trust-item-text\">\r\n                    \u0627\u0631\u0627\u0626\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u0648\r\n                    \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0634\u062f\u0647 \u0628\u0627 \u062f\u0642\u062a \u0628\u0631\u0627\u06cc \u0634\u0645\u0627\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ITEM 2 -->\r\n\r\n            <div class=\"tinar-trust-item\">\r\n\r\n                <div class=\"tinar-trust-icon\">\r\n                    \u25c7\r\n                <\/div>\r\n\r\n                <h3 class=\"tinar-trust-item-title\">\r\n                    \u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0645\u0646\r\n                <\/h3>\r\n\r\n                <p class=\"tinar-trust-item-text\">\r\n                    \u067e\u0631\u062f\u0627\u062e\u062a \u0622\u0646\u0644\u0627\u06cc\u0646 \u0627\u0645\u0646 \u0648 \u0645\u0637\u0645\u0626\u0646\r\n                    \u0628\u0627 \u062f\u0631\u06af\u0627\u0647 \u0645\u0639\u062a\u0628\u0631\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ITEM 3 -->\r\n\r\n            <div class=\"tinar-trust-item\">\r\n\r\n                <div class=\"tinar-trust-icon\">\r\n                    \u2667\r\n                <\/div>\r\n\r\n                <h3 class=\"tinar-trust-item-title\">\r\n                    \u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639\r\n                <\/h3>\r\n\r\n                <p class=\"tinar-trust-item-text\">\r\n                    \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0633\u0641\u0627\u0631\u0634\r\n                    \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ITEM 4 -->\r\n\r\n            <div class=\"tinar-trust-item\">\r\n\r\n                <div class=\"tinar-trust-icon\">\r\n                    \u2661\r\n                <\/div>\r\n\r\n                <h3 class=\"tinar-trust-item-title\">\r\n                    \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0647\u0645\u0631\u0627\u0647 \u0634\u0645\u0627\r\n                <\/h3>\r\n\r\n                <p class=\"tinar-trust-item-text\">\r\n                    \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0648 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627\r\n                    \u0642\u0628\u0644 \u0648 \u0628\u0639\u062f \u0627\u0632 \u062e\u0631\u06cc\u062f\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10b344a elementor-widget elementor-widget-html\" data-id=\"10b344a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR \u2014 NEWSLETTER\r\n======================================== *\/\r\n\r\n.tinar-newsletter {\r\n    width: 100%;\r\n    padding: 75px 20px;\r\n    background: #fffafa;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-newsletter *,\r\n.tinar-newsletter *::before,\r\n.tinar-newsletter *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-newsletter-container {\r\n    width: min(1100px, 100%);\r\n    margin: 0 auto;\r\n    padding: 55px 70px;\r\n    border: 1px solid #eadde0;\r\n    border-radius: 8px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 50px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.tinar-newsletter-content {\r\n    flex: 1;\r\n}\r\n\r\n.tinar-newsletter-label {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: #b18a63;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.tinar-newsletter-title {\r\n    margin: 0 0 12px;\r\n    color: #382b2f;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tinar-newsletter-text {\r\n    margin: 0;\r\n    max-width: 500px;\r\n    color: #76676b;\r\n    font-size: 14px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* FORM *\/\r\n\r\n.tinar-newsletter-form {\r\n    width: 430px;\r\n    max-width: 100%;\r\n}\r\n\r\n.tinar-newsletter-input-group {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 52px;\r\n    border: 1px solid #dfd1d5;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    background: #fff;\r\n}\r\n\r\n.tinar-newsletter-input {\r\n    flex: 1;\r\n    min-width: 0;\r\n    padding: 0 18px;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    color: #382b2f;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n}\r\n\r\n.tinar-newsletter-input::placeholder {\r\n    color: #aaa;\r\n}\r\n\r\n.tinar-newsletter-button {\r\n    width: 135px;\r\n    border: 0;\r\n    background: #382b2f;\r\n    color: #fff;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-newsletter-button:hover {\r\n    background: #b18a63;\r\n}\r\n\r\n\/* NOTE *\/\r\n\r\n.tinar-newsletter-note {\r\n    margin-top: 12px;\r\n    color: #aaa;\r\n    font-size: 11px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .tinar-newsletter {\r\n        padding: 60px 15px;\r\n    }\r\n\r\n    .tinar-newsletter-container {\r\n        padding: 40px 25px;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 30px;\r\n    }\r\n\r\n    .tinar-newsletter-text {\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .tinar-newsletter-form {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 450px) {\r\n\r\n    .tinar-newsletter-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .tinar-newsletter-input-group {\r\n        height: auto;\r\n        flex-direction: column;\r\n        border: 0;\r\n        gap: 10px;\r\n        overflow: visible;\r\n    }\r\n\r\n    .tinar-newsletter-input {\r\n        height: 50px;\r\n        width: 100%;\r\n        border: 1px solid #dfd1d5;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .tinar-newsletter-button {\r\n        width: 100%;\r\n        height: 50px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tinar-newsletter\">\r\n\r\n    <div class=\"tinar-newsletter-container\">\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"tinar-newsletter-content\">\r\n\r\n            <span class=\"tinar-newsletter-label\">\r\n                TINAR NEWSLETTER\r\n            <\/span>\r\n\r\n            <h2 class=\"tinar-newsletter-title\">\r\n                \u0627\u0632 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646\u200c\u0647\u0627 \u0628\u0627\u062e\u0628\u0631 \u0634\u0648\u06cc\u062f\r\n            <\/h2>\r\n\r\n            <p class=\"tinar-newsletter-text\">\r\n                \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639 \u0627\u0632 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062c\u062f\u06cc\u062f\u060c \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647\r\n                \u0648 \u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062a\u06cc\u0646\u0627\u0631\u060c \u0639\u0636\u0648 \u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0627 \u0634\u0648\u06cc\u062f.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n\r\n        <div class=\"tinar-newsletter-form\">\r\n\r\n            <form\r\n                class=\"tinar-newsletter-input-group\"\r\n                onsubmit=\"return false;\">\r\n\r\n                <input\r\n                    type=\"email\"\r\n                    class=\"tinar-newsletter-input\"\r\n                    placeholder=\"\u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\"\r\n                    required>\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"tinar-newsletter-button\">\r\n\r\n                    \u0639\u0636\u0648\u06cc\u062a\r\n\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n            <p class=\"tinar-newsletter-note\">\r\n                \u0628\u0627 \u0639\u0636\u0648\u06cc\u062a\u060c \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0627\u062e\u0628\u0627\u0631 \u0648 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0647\u0627\u06cc \u062a\u06cc\u0646\u0627\u0631 \u0645\u0637\u0644\u0639 \u0634\u0648\u06cc\u062f.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d3c561 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d3c561\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c2c6a9c\" data-id=\"c2c6a9c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fa332b elementor-widget elementor-widget-html\" data-id=\"8fa332b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   TINAR \u2014 FOOTER\r\n======================================== *\/\r\n\r\n.tinar-footer {\r\n    width: 100%;\r\n    background: #382b2f;\r\n    color: #ffffff;\r\n    direction: rtl;\r\n    font-family: inherit;\r\n}\r\n\r\n.tinar-footer *,\r\n.tinar-footer *::before,\r\n.tinar-footer *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tinar-footer-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================\r\n   MAIN FOOTER\r\n========================= *\/\r\n\r\n.tinar-footer-main {\r\n    padding: 70px 20px 55px;\r\n}\r\n\r\n.tinar-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\r\n    gap: 55px;\r\n}\r\n\r\n\/* =========================\r\n   BRAND\r\n========================= *\/\r\n\r\n.tinar-footer-brand {\r\n    max-width: 330px;\r\n}\r\n\r\n.tinar-footer-logo {\r\n    display: inline-block;\r\n    margin-bottom: 20px;\r\n    color: #ffffff;\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    letter-spacing: 4px;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.tinar-footer-description {\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.65);\r\n    font-size: 13px;\r\n    line-height: 2.2;\r\n}\r\n\r\n\/* =========================\r\n   COLUMNS\r\n========================= *\/\r\n\r\n.tinar-footer-column-title {\r\n    margin: 0 0 22px;\r\n    color: #d6b58d;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n}\r\n\r\n.tinar-footer-links {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.tinar-footer-links li {\r\n    margin-bottom: 13px;\r\n}\r\n\r\n.tinar-footer-links a {\r\n    color: rgba(255,255,255,0.65) !important;\r\n    font-size: 13px;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-footer-links a:hover {\r\n    color: #ffffff !important;\r\n    padding-right: 5px;\r\n}\r\n\r\n\/* =========================\r\n   CONTACT\r\n========================= *\/\r\n\r\n.tinar-footer-contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    margin-bottom: 17px;\r\n    color: rgba(255,255,255,0.65);\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.tinar-footer-contact-icon {\r\n    color: #d6b58d;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* =========================\r\n   SOCIAL\r\n========================= *\/\r\n\r\n.tinar-footer-social {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 25px;\r\n}\r\n\r\n.tinar-footer-social a {\r\n    width: 38px;\r\n    height: 38px;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff !important;\r\n    font-size: 13px;\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tinar-footer-social a:hover {\r\n    background: #b18a63;\r\n    border-color: #b18a63;\r\n}\r\n\r\n\/* =========================\r\n   BOTTOM\r\n========================= *\/\r\n\r\n.tinar-footer-bottom {\r\n    border-top: 1px solid rgba(255,255,255,0.12);\r\n    padding: 22px 20px;\r\n}\r\n\r\n.tinar-footer-bottom-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n}\r\n\r\n.tinar-footer-copyright {\r\n    margin: 0;\r\n    color: rgba(255,255,255,0.45);\r\n    font-size: 11px;\r\n}\r\n\r\n.tinar-footer-policy {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.tinar-footer-policy a {\r\n    color: rgba(255,255,255,0.45) !important;\r\n    font-size: 11px;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.tinar-footer-policy a:hover {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .tinar-footer-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 45px 30px;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tinar-footer-main {\r\n        padding: 55px 20px 40px;\r\n    }\r\n\r\n    .tinar-footer-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n    }\r\n\r\n    .tinar-footer-brand {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .tinar-footer-bottom-inner {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n\r\n    .tinar-footer-policy {\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<footer class=\"tinar-footer\">\r\n\r\n    <div class=\"tinar-footer-main\">\r\n\r\n        <div class=\"tinar-footer-container\">\r\n\r\n            <div class=\"tinar-footer-grid\">\r\n\r\n\r\n                <!-- BRAND -->\r\n\r\n                <div class=\"tinar-footer-brand\">\r\n\r\n                    <a\r\n                        href=\"\/\"\r\n                        class=\"tinar-footer-logo\">\r\n\r\n                        TINAR\r\n\r\n                    <\/a>\r\n\r\n                    <p class=\"tinar-footer-description\">\r\n\r\n                        \u062a\u06cc\u0646\u0627\u0631\u061b \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c\r\n                        \u0627\u0633\u062a\u0627\u06cc\u0644 \u0648 \u0633\u0628\u06a9 \u0632\u0646\u062f\u06af\u06cc \u062e\u0627\u0635 \u0634\u0645\u0627.\r\n                        \u0628\u0627 \u0645\u0627 \u062f\u0646\u06cc\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0647\u0627\u06cc\r\n                        \u062e\u0627\u0635 \u0631\u0627 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0646\u06cc\u062f.\r\n\r\n                    <\/p>\r\n\r\n                    <div class=\"tinar-footer-social\">\r\n\r\n                        <a href=\"#\" aria-label=\"Instagram\">\r\n                            IG\r\n                        <\/a>\r\n\r\n                        <a href=\"#\" aria-label=\"Telegram\">\r\n                            TG\r\n                        <\/a>\r\n\r\n                        <a href=\"#\" aria-label=\"WhatsApp\">\r\n                            WA\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- QUICK LINKS -->\r\n\r\n                <div>\r\n\r\n                    <h3 class=\"tinar-footer-column-title\">\r\n                        \u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639\r\n                    <\/h3>\r\n\r\n                    <ul class=\"tinar-footer-links\">\r\n\r\n                        <li>\r\n                            <a href=\"\/\">\r\n                                \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/shop\/\">\r\n                                \u0641\u0631\u0648\u0634\u06af\u0627\u0647\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/about-us\/\">\r\n                                \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/contact-us\/\">\r\n                                \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CUSTOMER -->\r\n\r\n                <div>\r\n\r\n                    <h3 class=\"tinar-footer-column-title\">\r\n                        \u062e\u062f\u0645\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\r\n                    <\/h3>\r\n\r\n                    <ul class=\"tinar-footer-links\">\r\n\r\n                        <li>\r\n                            <a href=\"\/my-account\/\">\r\n                                \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/cart\/\">\r\n                                \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/checkout\/\">\r\n                                \u067e\u0631\u062f\u0627\u062e\u062a\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            <a href=\"\/privacy-policy\/\">\r\n                                \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc\r\n                            <\/a>\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CONTACT -->\r\n\r\n                <div>\r\n\r\n                    <h3 class=\"tinar-footer-column-title\">\r\n                        \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u062a\u06cc\u0646\u0627\u0631\r\n                    <\/h3>\r\n\r\n                    <div class=\"tinar-footer-contact-item\">\r\n\r\n                        <span class=\"tinar-footer-contact-icon\">\r\n                            \u260e\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0634\u0645\u0627\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"tinar-footer-contact-item\">\r\n\r\n                        <span class=\"tinar-footer-contact-icon\">\r\n                            \u2709\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            \u0627\u06cc\u0645\u06cc\u0644 \u0634\u0645\u0627\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"tinar-footer-contact-item\">\r\n\r\n                        <span class=\"tinar-footer-contact-icon\">\r\n                            \u2316\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            \u0622\u062f\u0631\u0633 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0634\u0645\u0627\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n\r\n    <div class=\"tinar-footer-bottom\">\r\n\r\n        <div class=\"tinar-footer-container\">\r\n\r\n            <div class=\"tinar-footer-bottom-inner\">\r\n\r\n                <p class=\"tinar-footer-copyright\">\r\n                    \u00a9 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u06cc\u0646\u0627\u0631 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.\r\n                <\/p>\r\n\r\n                <div class=\"tinar-footer-policy\">\r\n\r\n                    <a href=\"\/terms-and-conditions\/\">\r\n                        \u0642\u0648\u0627\u0646\u06cc\u0646 \u0648 \u0645\u0642\u0631\u0631\u0627\u062a\r\n                    <\/a>\r\n\r\n                    <a href=\"\/privacy-policy\/\">\r\n                        \u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 TINAR \u062e\u0627\u0646\u0647 \u0622\u0631\u0627\u06cc\u0634\u06cc \u2304 \u0622\u0631\u0627\u06cc\u0634 \u0635\u0648\u0631\u062a \u06a9\u0631\u0645 \u067e\u0648\u062f\u0631 \u06a9\u0627\u0646\u0633\u06cc\u0644\u0631 \u067e\u0646\u06a9\u06cc\u06a9 \u0631\u0698\u06af\u0648\u0646\u0647 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a\u0631 \u06a9\u0627\u0646\u062a\u0648\u0631 \u0622\u0631\u0627\u06cc\u0634 \u0686\u0634\u0645 \u0631\u06cc\u0645\u0644 \u062e\u0637 \u0686\u0634\u0645 \u0645\u062f\u0627\u062f \u0686\u0634\u0645 \u0633\u0627\u06cc\u0647 \u0686\u0634\u0645 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0627\u0628\u0631\u0648 \u0622\u0631\u0627\u06cc\u0634 \u0644\u0628 \u0631\u0698 \u0644\u0628 \u0631\u0698 \u0644\u0628 \u0645\u0627\u06cc\u0639 \u062e\u0637 \u0644\u0628 \u0628\u0631\u0642 \u0644\u0628 \u0628\u0627\u0644\u0645 \u0644\u0628 \u0627\u0628\u0632\u0627\u0631 \u0622\u0631\u0627\u06cc\u0634 \u0628\u0631\u0627\u0634 \u0622\u0631\u0627\u06cc\u0634\u06cc \u0627\u0633\u0641\u0646\u062c \u0622\u0631\u0627\u06cc\u0634\u06cc \u0641\u0631\u0645\u0698\u0647 \u0622\u06cc\u0646\u0647 \u0633\u062a\u200c\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06cc \u0628\u0647\u062f\u0627\u0634\u062a\u06cc \u2304 \u0645\u0631\u0627\u0642\u0628\u062a \u0627\u0632 \u067e\u0648\u0633\u062a \u067e\u0627\u06a9\u200c\u06a9\u0646\u0646\u062f\u0647 \u0635\u0648\u0631\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tinarshop.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":103,"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/tinarshop.ir\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/tinarshop.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}