@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');


:root { --ink:#241e1c; --muted:#6d625c; --blue:#743b43; --blue-dark:#55282e; --cream:#e9ddd4; --line:#d9cbc1; --green:#4f604b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#f3ebe5; font-family:"Vazirmatn",Tahoma,sans-serif; }
button,input { font:inherit; }
button:disabled { cursor:not-allowed; opacity:.65; }
textarea { font:inherit; }

.quantity-control { display:flex!important; align-items:center; gap:7px; margin-top:8px; }
.quantity-control button { width:27px; height:27px; border:1px solid var(--line); border-radius:7px; background:#fff; cursor:pointer; color:var(--ink); }
.quantity-control span { min-width:20px; text-align:center; font-size:12px; }
.quantity-control .remove-item { width:auto; border:0; color:#a34d58; font-size:10px; margin-right:auto; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
.container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.announcement { height:34px; display:flex; justify-content:center; align-items:center; gap:12px; background:#687963; color:#f6f3eb; font-size:11px; }
.announcement span { color:#fff; border-bottom:1px solid; cursor:pointer; }
.header { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; z-index:10; }
.header-brand-menu { display:flex; flex-direction:row; align-items:center; gap:14px; margin-left:auto; min-width:0; flex:1; }
.header-links { display:flex; align-items:center; gap:22px; padding-right:12px; }
.header-links a { color:#5e5753; font-size:11px; font-weight:600; white-space:nowrap; transition:.2s; }
.header-links a:hover { color:var(--blue); }
.brand { font-size:25px; font-weight:900; letter-spacing:-1.5px; display:inline-flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
.brand span { color:var(--blue); }
.brand strong { color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:.72em; letter-spacing:1.5px; }
.brand small { flex-basis:100%; display:block; color:#9a9089; font-size:7px; font-weight:500; letter-spacing:1px; margin-top:-8px; }
.brand-image { width:78px; height:78px; display:flex; align-items:center; flex:0 0 auto; position:relative; z-index:2; overflow:hidden; border-radius:18px; box-shadow:0 8px 22px #4c33251c; }
.brand-image img { width:100%; height:100%; object-fit:cover; display:block; }
.search { height:46px; max-width:390px; justify-self:center; width:100%; background:#f5f6f8; border:1px solid transparent; border-radius:12px; display:flex; align-items:center; padding:0 13px; transition:.2s; }
.search:focus-within { background:#fff; border-color:#9bbcf1; box-shadow:0 0 0 3px #e8f0fd; }
.search svg { width:20px; color:#8a93a3; }
.search input { border:0; background:transparent; outline:0; width:100%; padding:0 12px; font-size:12px; color:var(--ink); }
.search button { height:32px; padding:0 14px; border:0; border-radius:8px; background:var(--blue); color:#fff; font-size:10px; font-weight:700; cursor:pointer; }
.header .search { margin:0; max-width:460px; width:min(46vw,460px); flex:0 1 460px; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.header-actions button { border:0; background:none; cursor:pointer; color:var(--ink); }
.main-menu { position:relative; }
.main-menu-button { width:42px; height:42px; padding:10px!important; display:grid; place-items:center; border-radius:10px!important; background:#f8f4f1!important; }
.main-menu-button:hover { background:#f0e7e2!important; color:var(--blue); }
.main-menu-button svg { width:22px; }
.main-menu-panel { position:absolute; top:50px; right:0; width:175px; padding:8px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 14px 35px #3d363326; display:flex; flex-direction:column; z-index:30; }
.main-menu-panel a { padding:11px 13px; border-radius:8px; font-size:11px; font-weight:600; color:#53504e; }
.main-menu-panel a:hover { background:#f8f4f1; color:var(--blue); }
.account { display:flex; align-items:center; gap:8px; font-size:12px; padding:9px 12px!important; border-left:1px solid var(--line)!important; }
.account.signed-in span { display:flex; align-items:center; gap:5px; font-weight:700; }.account.signed-in small { color:var(--blue); font-size:9px; font-weight:500; }
.account-menu { display:flex; align-items:center; gap:4px; }.logout-button { color:#a34d58!important; font-size:9px; padding:7px!important; }
.account svg,.cart-button svg { width:21px; }
.cart-button { position:relative; padding:10px!important; }
.cart-button b { position:absolute; top:2px; right:1px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#ef5165; color:white; font-size:10px; line-height:17px; }
.nav-wrap { border-block:1px solid var(--line); }
.nav { height:48px; display:flex; align-items:center; gap:31px; font-size:11px; }
.nav a { color:#535d6e; transition:.2s; }
.nav a:hover { color:var(--blue); }
.categories-button { height:100%; border:0; padding:0 0 0 23px; border-left:1px solid var(--line); background:none; display:flex; align-items:center; gap:9px; font-weight:700; color:var(--ink); cursor:pointer; }
.categories-button svg { width:19px; }
.nav .seller { margin-right:auto; color:var(--blue); font-weight:600; }
.hero { min-height:510px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; overflow:hidden; }
.hero-copy { padding:60px 2px 48px 20px; position:relative; z-index:2; }
.eyebrow,.section-title>div>span,.promo>div>span { color:var(--blue); font-size:12px; font-weight:700; }
.eyebrow::before { content:""; display:inline-block; width:25px; height:2px; margin-left:10px; vertical-align:middle; background:var(--blue); }
.hero h1 { margin:18px 0; font-size:52px; line-height:1.4; letter-spacing:-3px; font-weight:900; }
.hero h1 em { color:var(--blue); font-style:normal; }
.hero-copy>p { color:#697386; line-height:2; font-size:14px; max-width:485px; }
.hero-buttons { display:flex; gap:10px; margin:26px 0 38px; }
.hero-buttons a { height:47px; min-width:128px; border:1px solid #d7dce4; border-radius:10px; display:flex; align-items:center; justify-content:center; gap:15px; font-size:12px; font-weight:600; }
.hero-buttons a.primary { min-width:161px; background:var(--blue); color:white; border-color:var(--blue); box-shadow:0 10px 25px #2368d933; }
.hero-buttons svg,.section-title svg,.promo a svg { width:17px; }
.hero-trust { display:flex; align-items:center; gap:17px; color:#9097a4; font-size:10px; }
.hero-trust span { display:flex; flex-direction:column; }
.hero-trust b { color:#30394a; font-size:13px; }
.hero-trust i { width:1px; height:28px; background:#e1e4e9; }
.hero-visual { height:100%; position:relative; background:radial-gradient(circle at 48% 46%,#dbe9fc 0,#f2f7fe 39%,transparent 70%); }
.glow { position:absolute; width:330px; height:330px; border-radius:50%; background:#d8e9ff; top:90px; left:80px; filter:blur(1px); }
.device { position:absolute; box-shadow:0 25px 50px #142b4f35; }
.phone { width:178px; height:355px; top:68px; left:175px; z-index:2; border:7px solid #22262d; border-radius:30px; background:#15191f; transform:rotate(8deg); padding:5px; }
.phone::before { content:""; position:absolute; top:8px; left:55px; width:56px; height:13px; background:#202329; border-radius:10px; z-index:2; }
.phone .screen { height:100%; border-radius:20px; background:linear-gradient(155deg,#1761d1,#6bb7ff 55%,#f5f9ff); color:white; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.phone .screen b { font-size:31px; }
.phone .screen small { font-size:8px; opacity:.8; }
.watch { width:150px; height:177px; top:175px; left:55px; background:#d4aa82; border-radius:36px; transform:rotate(-11deg); z-index:3; padding:13px; border:8px solid #dcb790; }
.watch::before,.watch::after { content:""; position:absolute; width:73px; height:95px; background:#d4aa82; left:29px; z-index:-1; }
.watch::before { top:-81px; border-radius:22px 22px 0 0; }.watch::after { bottom:-81px; border-radius:0 0 22px 22px; }
.watch>div { height:100%; border-radius:25px; background:linear-gradient(145deg,#15181b,#303941); color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.watch b { font-size:22px; direction:ltr; }.watch span { font-size:7px; opacity:.65; }.watch i { margin-top:16px; color:#ff6e81; font-size:9px; font-style:normal; }
.floating-card { position:absolute; z-index:4; background:#ffffffef; border:1px solid white; border-radius:13px; box-shadow:0 12px 35px #2f527424; padding:11px 13px; display:flex; align-items:center; gap:9px; }
.floating-card svg { width:22px; color:var(--blue); }.floating-card span { display:flex; flex-direction:column; }.floating-card b { font-size:9px; }.floating-card small { color:#919aaa; font-size:7px; }
.delivery { top:95px; right:14px; }.rating { bottom:75px; left:20px; }.rating>span:first-child { color:#ffae20; font-size:23px; }
.category-section { padding:72px 0 80px; }
.category-section-first { padding-top:52px; padding-bottom:58px; }
.section-title { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; }
.section-title h2 { font-size:26px; margin:5px 0 0; letter-spacing:-1px; }.section-title a { display:flex; align-items:center; gap:6px; color:#6f7888; font-size:11px; }
.category-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.category { text-align:center; padding:8px; border-radius:18px; transition:.25s; }
.category:hover { transform:translateY(-6px); background:#fafbfc; }
.category>span { width:114px; height:114px; margin:auto auto 13px; display:grid; place-items:center; border-radius:50%; font:700 37px Georgia; color:#445168; }
.category b,.category small { display:block; }.category b { font-size:12px; }.category small { color:#a0a7b2; margin-top:5px; font-size:9px; }
.products-section { background:#f6f7f9; padding:73px 0 83px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.product-card { background:white; border-radius:17px; overflow:hidden; box-shadow:0 3px 14px #2d3e5610; transition:.25s; }
.product-card:hover { transform:translateY(-5px); box-shadow:0 15px 35px #2d3e561a; }
.product-image { height:220px; position:relative; background:#f1f2f4; overflow:hidden; }.product-image img { object-fit:cover; transition:.4s; }.product-card:hover img { transform:scale(1.04); }
.badge { position:absolute; right:13px; top:13px; background:var(--blue); color:#fff; padding:5px 9px; border-radius:7px; font-size:8px; font-weight:700; }
.like { position:absolute; left:12px; top:12px; width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:50%; background:#ffffffdd; color:#697386; cursor:pointer; }.like svg { width:16px; }.like.active { color:#ef5165; }.like.active svg { fill:#ef5165; }
.product-body { padding:16px; }.product-meta { display:flex; justify-content:space-between; color:#9ca3af; font-size:9px; }.rating { color:#f2a900; direction:ltr; }
.product-body h3 { font-size:12px; line-height:1.8; height:43px; margin:9px 0; }.colors { height:16px; display:flex; gap:5px; }.colors i { width:10px; height:10px; border-radius:50%; border:1px solid #fff; box-shadow:0 0 0 1px #d5d8dd; }
.price-row { display:flex; justify-content:space-between; align-items:flex-end; margin-top:7px; }.price { display:flex; flex-direction:column; }.price del { color:#a5abb5; font-size:9px; }.price strong { font-size:14px; }.price small { font-size:8px; font-weight:400; }.discount { background:#ffedf0; color:#e5485e; border-radius:7px; padding:4px 6px; font-size:8px; font-weight:700; direction:ltr; }
.add-button { width:100%; height:38px; margin-top:14px; border:1px solid #dce1e8; border-radius:9px; background:white; color:#344053; display:flex; justify-content:center; align-items:center; gap:8px; font-size:10px; font-weight:700; cursor:pointer; transition:.2s; }.add-button svg { width:16px; }.add-button:hover,.add-button.added { background:var(--blue); border-color:var(--blue); color:white; }.add-button:disabled { cursor:default; }
.promo { width:min(850px,calc(100% - 40px)); height:195px; margin-top:0; margin-bottom:68px; border-radius:18px; background:linear-gradient(110deg,#0b1b33,#173f76); color:white; display:grid; grid-template-columns:1.1fr .9fr; overflow:hidden; position:relative; }
.promo>div:first-child { padding:23px 42px; position:relative; z-index:2; }.promo h2 { margin:4px 0; font-size:22px; line-height:1.4; }.promo p { color:#bac8db; font-size:9px; }.promo a { display:inline-flex; gap:9px; align-items:center; margin-top:5px; background:white; color:#1c3d68; padding:8px 14px; border-radius:9px; font-size:9px; font-weight:700; }
.promo-art { position:relative; display:grid; place-items:center; background:radial-gradient(circle,#3173be,#102d50 65%); }.headphone { font:900 125px Georgia; direction:ltr; color:#101721; filter:drop-shadow(0 20px 20px #0008); }.headphone span { color:#283846; font-size:70px; }.promo-art i { position:absolute; top:20px; left:28px; background:#ef5165; border-radius:50%; width:56px; height:56px; display:grid; place-items:center; font-size:14px; font-style:normal; font-weight:900; transform:rotate(-12deg); }
.services { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); padding:31px 0; margin-bottom:70px; }.services>div { display:flex; justify-content:center; gap:12px; border-left:1px solid var(--line); }.services>div:last-child { border:0; }.services svg { width:27px; color:var(--blue); }.services span { display:flex; flex-direction:column; }.services b { font-size:10px; }.services small { color:#979eaa; font-size:8px; margin-top:5px; }
footer { background:#172033; color:#fff; }.footer-top { display:grid; grid-template-columns:1.6fr .8fr .9fr; gap:70px; padding:60px 0 45px; }.footer-top .brand { display:inline-flex; align-self:flex-start; margin-bottom:18px; }.footer-top .brand strong { color:#fff; }.footer-top p { color:#9aa5b7; line-height:2; font-size:14px; }.footer-top>div { display:flex; flex-direction:column; gap:11px; }.footer-top>div>b { font-size:16px; margin-bottom:8px; }.footer-top>div>a:not(.brand) { color:#aab3c1; font-size:14px; }.copyright { min-height:55px; border-top:1px solid #2c3648; color:#788397; display:flex; align-items:center; justify-content:space-between; font-size:12px; }
.footer-top { grid-template-columns:1.2fr .8fr 1fr; gap:clamp(30px,6vw,76px); padding:54px 0 42px; }
.footer-top>div { align-items:flex-start; gap:12px; }
.footer-top>div>b { color:#f1d9c4; font-size:17px; margin-bottom:5px; }
.footer-top p { max-width:390px; margin:0; color:#d0cec8; }
.footer-top>div>a:not(.brand) { color:#e0ddd7; transition:color .2s; }
.footer-top>div>a:not(.brand):hover { color:#f1d9c4; }
footer { background:linear-gradient(135deg,#282f2a,#34312e); }
.contact-hours { width:100%; margin-top:5px; padding-top:15px; border-top:1px solid #ffffff24; gap:9px; }
.contact-hours .contact-label { color:#f1d9c4; font-size:15px; font-weight:700; }
.contact-hours p,.contact-hours small { margin:0; color:#e0ddd7; font-size:14px; line-height:1.9; }
.phone-link { color:#f1d9c4 !important; font-size:15px !important; font-weight:700; direction:ltr; unicode-bidi:isolate; }
.contact-hours small { color:#bcbab4; }
.eitaa-link { gap:8px; margin-top:4px; color:#e0c9f5 !important; font-weight:700; }
.copyright { min-height:58px; border-top:1px solid #ffffff20; color:#bcbab4; font-size:13px; }
.copyright a { color:#f1d9c4; }
.footer-top { grid-template-columns:1fr 1fr 1fr; }
.footer-customer { align-items:center !important; text-align:center; }
.footer-contact { align-items:flex-start !important; }
.footer-about>b,.footer-customer>b,.footer-contact>b { width:100%; padding-bottom:11px; border-bottom:1px solid #ffffff38; }
.footer-contact>b { white-space:nowrap; font-size:clamp(13px,1.35vw,17px) !important; letter-spacing:-.35px; }
.contact-hours .response-hours { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.contact-hours .response-hours strong { font-size:14px; }
.contact-hours .contact-phone { display:flex; align-items:center; gap:8px; }
.response-hours strong { color:#f1d9c4; font-size:15px; }
.contact-phone { color:#e0ddd7 !important; }
.cart-overlay { position:fixed; inset:0; border:0; background:#0c1627aa; z-index:20; opacity:0; visibility:hidden; transition:.25s; }.cart-overlay.show { opacity:1; visibility:visible; }.cart-drawer { position:fixed; top:0; bottom:0; left:0; width:min(390px,92vw); background:white; z-index:21; transform:translateX(-105%); transition:.3s ease; display:flex; flex-direction:column; box-shadow:15px 0 50px #0003; }.cart-drawer.show { transform:none; }.drawer-head { padding:22px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); }.drawer-head>div { display:flex; flex-direction:column; }.drawer-head span { font-weight:800; }.drawer-head small { color:var(--muted); font-size:10px; }.drawer-head button { border:0; background:#f1f3f5; border-radius:50%; width:32px; height:32px; font-size:22px; cursor:pointer; }.drawer-items { flex:1; overflow:auto; padding:12px 20px; }.drawer-item { display:grid; grid-template-columns:78px 1fr; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }.drawer-image { height:78px; position:relative; border-radius:9px; overflow:hidden; }.drawer-image img { object-fit:cover; }.drawer-item h4 { margin:0 0 8px; font-size:11px; line-height:1.7; }.drawer-item strong { font-size:11px; display:block; }.drawer-item button { border:0; background:none; padding:5px 0; color:#e5485e; font-size:9px; cursor:pointer; }.drawer-footer { border-top:1px solid var(--line); padding:20px; }.drawer-footer>div { display:flex; justify-content:space-between; font-size:12px; margin-bottom:15px; }.drawer-footer>button { width:100%; border:0; border-radius:9px; height:45px; background:var(--blue); color:white; cursor:pointer; }.empty-cart { padding:100px 10px; text-align:center; }.empty-cart span { font-weight:800; }.empty-cart p { color:var(--muted); font-size:11px; }
.auth-layer { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:18px; background:#160f0dcc; backdrop-filter:blur(7px); }
.auth-modal { width:min(430px,100%); position:relative; overflow:hidden; color:#fffaf6; background:linear-gradient(145deg,#713d43,#392825 78%); border:1px solid #ffffff24; border-radius:22px; padding:38px 35px; box-shadow:0 30px 90px #130a0870; }
.auth-modal::before { content:"✿"; position:absolute; left:-25px; bottom:-55px; color:#ffffff0d; font:190px Georgia,serif; transform:rotate(-18deg); pointer-events:none; }
.auth-close { position:absolute; left:18px; top:16px; width:34px; height:34px; border:1px solid #ffffff30; border-radius:50%; background:#ffffff18; color:white; font-size:22px; cursor:pointer; }
.auth-logo { color:#ead0b8; font-size:13px; font-weight:800; }.auth-modal h2 { margin:8px 0 4px; font-size:25px; }.auth-modal>p { margin:0 0 22px; color:#e3d6cf; font-size:11px; }
.auth-modal form { display:flex; flex-direction:column; gap:13px; }.auth-modal label { display:flex; flex-direction:column; gap:6px; font-size:10px; font-weight:700; }
.auth-modal input,.checkout-form input,.checkout-form textarea { width:100%; border:1px solid #ddd4ce; background:white; border-radius:9px; outline:0; padding:11px 12px; transition:.2s; }.auth-modal input:focus,.checkout-form input:focus,.checkout-form textarea:focus { border-color:#c9979d; box-shadow:0 0 0 3px #ffffff20; }
.auth-submit,.checkout-form button { height:44px; border:0; border-radius:9px; background:var(--blue); color:white; cursor:pointer; font-weight:700; }.auth-modal .auth-submit { background:#e8cdb7; color:#3d2927; }.auth-submit:disabled,.checkout-form button:disabled { opacity:.6; cursor:wait; }
.auth-switch { width:100%; margin-top:14px; border:0; background:none; color:#f0d6c0; cursor:pointer; font-size:10px; }.form-error { padding:9px 11px; border-radius:8px; background:#fff0f1; color:#a62e3d; font-size:10px; line-height:1.7; }.order-success { margin:12px 0; padding:14px; border-radius:10px; background:#edf7ea; color:#41633b; font-size:11px; line-height:1.8; }
.account-modal { width:min(560px,100%); max-height:min(720px,90vh); overflow:auto; position:relative; background:#fffdfb; border-radius:22px; padding:35px; box-shadow:0 25px 80px #0005; }
.account-modal h2 { margin:8px 0 0; }.account-email { margin:2px 0 24px; color:var(--muted); font-size:11px; text-align:right; }
.account-orders h3 { padding-bottom:10px; border-bottom:1px solid var(--line); font-size:14px; }.account-orders>p { color:var(--muted); font-size:11px; padding:24px 0; text-align:center; }
.account-order { margin:12px 0; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }.account-order>div { display:flex; justify-content:space-between; gap:12px; font-size:10px; }.account-order>div span { color:var(--muted); }.account-order ul { margin:11px 0; padding-right:18px; color:#655e59; font-size:10px; line-height:2; }.account-order>strong { display:block; color:var(--blue); font-size:12px; }
.account-logout { width:100%; height:42px; margin-top:15px; border:1px solid #e7cfd2; border-radius:9px; background:#fff4f5; color:#a23f4b; cursor:pointer; font-weight:700; }
.checkout-form { display:flex; flex-direction:column; gap:9px; }.checkout-form textarea { min-height:75px; resize:vertical; }.checkout-form button { width:100%; }
@media(max-width:900px){.account span{display:none}.header-links{display:none}.nav{overflow:auto}.nav a{white-space:nowrap}.hero{grid-template-columns:1fr;}.hero-copy{text-align:center;padding-top:50px}.hero-copy>p{margin-inline:auto}.hero-buttons,.hero-trust{justify-content:center}.hero-visual{height:460px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.services{grid-template-columns:repeat(2,1fr);gap:25px}.services>div:nth-child(2){border:0}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.announcement{font-size:9px}.header{height:auto;padding:16px 0}.brand{font-size:22px}.nav{gap:20px}.nav .seller{display:none}.hero h1{font-size:39px}.hero-copy{padding-inline:0}.hero-trust{gap:10px}.hero-visual{height:405px;transform:scale(.88);margin:-25px -25px 0}.category-section{padding-top:45px}.section-title h2{font-size:22px}.category-grid{grid-template-columns:repeat(2,1fr)}.category>span{width:105px;height:105px}.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.product-card{min-width:78vw;scroll-snap-align:start}.promo{grid-template-columns:1fr;height:auto}.promo>div:first-child{padding:28px}.promo-art{height:170px}.services{grid-template-columns:1fr}.services>div{border:0;justify-content:flex-start;padding-right:25px}.footer-top{grid-template-columns:1fr;gap:30px}.copyright{flex-direction:column;justify-content:center;gap:5px}.hero-trust span:last-child{display:none}.hero-trust i:last-of-type{display:none}}

/* Mahrokh cosmetic store theme */
.search { background:#f8f4f1; }
.search:focus-within { border-color:#cba8ab; box-shadow:0 0 0 3px #f5e9e9; }
.nav a:hover,.nav .seller { color:var(--blue); }
.hero { min-height:560px; border-radius:0 0 36px 36px; background:linear-gradient(115deg,#eee3db 35%,#dfd0c6); }
.hero-copy { padding-right:35px; }
.hero h1 { font-size:55px; line-height:1.35; }
.hero h1 em { color:var(--blue); }
.hero-buttons a.primary { background:var(--blue); border-color:var(--blue); box-shadow:0 10px 25px #8b4f5530; }
.hero-visual { min-height:560px; background:none; overflow:hidden; }
.hero { background:#fff; }
.hero-visual { display:grid; place-items:center; padding:18px; background:transparent; }
.hero-visual .organic-shape,.hero-visual .hero-logo,.hero-visual .leaf { display:none; }
.organic-shape { position:absolute; inset:35px 25px 20px 45px; border-radius:48% 52% 42% 58% / 61% 39% 61% 39%; background:#eaded5; transform:rotate(-4deg); }
.hero-model { object-fit:cover; object-position:center 22%; z-index:1; clip-path:ellipse(43% 48% at 50% 51%); }
.hero-model { object-fit:contain; object-position:center; clip-path:none; padding:28px; filter:drop-shadow(0 16px 22px #493c3030); }
.hero-model { position:relative; inset:auto; width:100%; height:auto; max-height:520px; object-fit:contain; padding:0; border-radius:0; clip-path:none; filter:none; }
.hero-jasmine { position:absolute; z-index:3; width:145px; height:145px; left:20px; top:24px; transform:rotate(-13deg); filter:drop-shadow(0 12px 18px #684b4430); }
.hero-logo { position:absolute; z-index:4; width:150px; height:150px; left:24px; top:28px; overflow:hidden; border:5px solid #fffaf6; border-radius:28px; background:#f8f5ef; box-shadow:0 18px 38px #4b302733; transform:rotate(-4deg); }
.hero-logo img { width:100%; height:100%; object-fit:cover; display:block; }
.leaf { position:absolute; z-index:2; color:#71806b; font-size:68px; filter:drop-shadow(0 8px 8px #53614c30); }
.leaf-one { right:22px; top:73px; transform:rotate(20deg); }.leaf-two { left:38px; bottom:30px; font-size:90px; transform:rotate(-28deg); }
.floating-card.clean { top:115px; right:5px; }.rating-card { bottom:78px; left:15px; }
.rating-card>span:first-child { color:#d8a24f; font-size:22px; }
.category-section { padding-top:85px; }
.category>span { font-family:Georgia,serif; color:#6f5853; font-size:41px; }
.category:hover { background:#fbf7f4; }
.products-section { background:#e7dcd4; }
.product-image { background:#eee9e4; }
.product-image img { object-position:center; }
.badge { background:var(--green); }
.add-button:hover,.add-button.added { background:var(--blue); border-color:var(--blue); }
.routine { margin-top:82px; margin-bottom:82px; min-height:390px; display:grid; grid-template-columns:1fr 1fr; background:#ebe3dc; border-radius:26px; overflow:hidden; }
.routine-image { position:relative; min-height:390px; }.routine-image img { object-fit:cover; }
.routine-copy { padding:65px 70px; display:flex; flex-direction:column; justify-content:center; }
.routine-copy>span { color:var(--blue); font-size:12px; font-weight:700; }
.routine-copy h2 { font-size:31px; line-height:1.55; margin:9px 0; }.routine-copy p { color:#766d67; font-size:12px; line-height:2.1; max-width:430px; }
.routine-copy a { align-self:flex-start; display:flex; align-items:center; gap:10px; background:var(--blue); color:#fff; padding:12px 20px; border-radius:9px; margin-top:9px; font-size:11px; font-weight:700; }.routine-copy svg { width:17px; }
.about { margin-bottom:82px; padding:38px; display:grid; grid-template-columns:260px 1fr; align-items:center; gap:50px; border:1px solid #d8c8bd; border-radius:28px; background:linear-gradient(135deg,#fffaf6,#e9ddd4); box-shadow:0 18px 45px #4f392e14; scroll-margin-top:25px; }
.about-logo { width:240px; height:240px; overflow:hidden; border:7px solid #fffaf6; border-radius:32px; box-shadow:0 18px 40px #50382e24; transform:rotate(2deg); }
.about-logo img { width:100%; height:100%; object-fit:cover; display:block; }
.about-copy>span { color:var(--blue); font-size:12px; font-weight:800; }
.about-copy h2 { margin:7px 0 12px; font-size:30px; letter-spacing:-1px; }
.about-copy>p { max-width:720px; margin:7px 0; color:#6d625c; font-size:12px; line-height:2.15; }
.about-values { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:22px; }
.about-values span { padding:14px; display:flex; flex-direction:column; border:1px solid #e2d4cb; border-radius:14px; background:#fffaf6b8; }
.about-values b { color:var(--blue-dark); font-size:11px; }.about-values small { margin-top:4px; color:#8a7e77; font-size:9px; }
.promo { background:#66745f; margin-top:0; }
.promo>div>span { color:#e6d8c7; }.promo p { color:#e1e5de; }
.promo-art { background:#52624c; overflow:hidden; }.promo-art img { object-fit:cover; opacity:.82; }.promo-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#66745f 0,transparent 45%); }
.promo-art i { z-index:2; background:#a76167; }
.festival-deals { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:-42px; margin-bottom:82px; position:relative; z-index:3; }
.festival-card { min-height:138px; padding:13px; display:grid; grid-template-columns:92px 1fr; gap:13px; align-items:center; position:relative; background:#fff; border:1px solid #eee4dc; border-radius:17px; box-shadow:0 14px 35px #44342d12; transition:.25s; }
.festival-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px #44342d20; }
.festival-card-image { width:92px; height:108px; position:relative; border-radius:12px; overflow:hidden; background:#f4eee9; }.festival-card-image img { object-fit:cover; }
.festival-card>div:nth-child(2)>span { color:var(--blue); font-size:9px; font-weight:700; }.festival-card h3 { margin:5px 0 9px; font-size:11px; line-height:1.7; }.festival-card p { margin:0; display:flex; flex-direction:column; gap:2px; }.festival-card del { color:#aaa09a; font-size:9px; }.festival-card strong { color:#3d3633; font-size:11px; }
.festival-card>b { position:absolute; top:9px; left:9px; min-width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:#a76167; color:#fff; font-size:10px; }
.services svg { color:var(--green); }
footer { background:#3d3633; }.drawer-footer>button { background:var(--blue); }

/* Framed, color-coded content sections */
.category-section-first {
  margin-top:62px;
  margin-bottom:62px;
  padding:42px 36px 38px;
  border:1px solid #dfcec2;
  border-radius:28px;
  background:linear-gradient(135deg,#fffaf6 0%,#eee0d6 100%);
  box-shadow:0 18px 45px #5c403313;
}
.category {
  border:1px solid #e8dcd4;
  background:#fffaf7b8;
  box-shadow:0 8px 22px #5d41300b;
}
.category:nth-child(3n + 1) { background:#f8edeb; }
.category:nth-child(3n + 2) { background:#eef1e8; }
.category:nth-child(3n) { background:#f2ece4; }
.category:hover { border-color:#cdaeb0; box-shadow:0 14px 28px #5d413018; }

.products-section {
  padding:64px 0;
  background:linear-gradient(180deg,#e8ddd5 0%,#dfd1c7 100%);
  border-block:1px solid #d4c2b6;
}
.products-panel {
  padding:36px;
  border:1px solid #ffffffa6;
  border-radius:28px;
  background:#f8f2edb8;
  box-shadow:0 18px 50px #4f372b14;
}
.product-card { border:1px solid #eadfd8; }
.empty-search { padding:55px 20px; text-align:center; border:1px dashed #d4bdb0; border-radius:18px; background:#fffaf6; }
.empty-search span { font-size:17px; font-weight:800; }
.empty-search p { color:var(--muted); font-size:11px; }
.empty-search a { display:inline-flex; margin-top:8px; padding:10px 17px; border-radius:9px; background:var(--blue); color:#fff; font-size:10px; font-weight:700; }

.promo {
  width:min(1040px,calc(100% - 40px));
  height:clamp(280px,34vw,390px);
  margin:30px auto 68px;
  grid-template-columns:.82fr 1.18fr;
  border:1px solid #819078;
  box-shadow:0 20px 45px #35402f28;
}
.promo>div:first-child { align-self:center; padding:32px 42px; }
.promo h2 { font-size:clamp(25px,3vw,36px); }
.promo p { font-size:14px; line-height:1.9; }
.promo a { margin-top:12px; padding:11px 17px; font-size:12px; }
.promo-art { min-width:0; padding:15px; }
.promo-art img { width:100%; height:100%; object-fit:contain; opacity:1; border-radius:12px; }
.promo-art::after { display:none; }
.festival-deals {
  padding:26px;
  border:1px solid #e1c9c6;
  border-radius:24px;
  background:#f4e5e3;
  box-shadow:0 16px 42px #6a444015;
}
.festival-card:nth-child(2) { background:#f5f0e8; border-color:#e1d5c3; }
.festival-card:nth-child(3) { background:#edf1e8; border-color:#d5ddcd; }

.routine {
  border:1px solid #d7c4b7;
  box-shadow:0 20px 48px #50392e18;
}
.routine-copy { background:linear-gradient(145deg,#f3eae3,#e6d8cd); }
.routine { grid-template-columns:1fr; min-height:0; }
.routine-image { display:none; }
.routine-copy { min-height:310px; }

.services {
  padding:22px;
  gap:14px;
  border:1px solid #d8c8bd;
  border-radius:24px;
  background:#fbf6f2;
  box-shadow:0 16px 40px #4f392e10;
}
.services>div {
  min-height:88px;
  padding:18px 14px;
  align-items:center;
  border:1px solid #eaded6;
  border-radius:16px;
  background:#f7eae8;
}
.services>div:nth-child(2) { background:#edf1e9; border-color:#dbe2d5; }
.services>div:nth-child(3) { background:#f3ece3; border-color:#e5d8c8; }
.services>div:nth-child(4) { background:#eee8e4; border-color:#dfd4ce; }
.services>div:last-child { border:1px solid #dfd4ce; }

.footer-about>b { color:#f1d9c4; font-size:18px; }
.footer-about p { max-width:430px; }

@media(max-width:900px){.header{flex-wrap:wrap;padding:10px 0 14px}.header-brand-menu{flex:1}.header .search{order:initial;max-width:none;width:100%;flex:1 1 auto;margin:0}.hero-copy{padding-right:2px}.hero-visual{min-height:360px}.routine-copy{padding:45px}.routine{grid-template-columns:1fr 1fr}.festival-deals{grid-template-columns:1fr 1fr}.festival-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.hero{border-radius:0}.hero h1{font-size:39px}.hero-visual{min-height:250px}.hero-model{max-height:300px}.organic-shape,.hero-logo,.leaf{display:none!important}.festival-deals{grid-template-columns:1fr;margin-top:-25px;margin-bottom:55px}.festival-card:last-child{grid-column:auto}.routine{grid-template-columns:1fr;margin-block:55px}.routine-image{min-height:280px}.routine-copy{padding:35px 28px}.routine-copy h2{font-size:26px}}
@media(max-width:600px){
  .header{gap:6px}
  .header-brand-menu{gap:4px}
  .brand-image{width:62px;height:62px;border-radius:14px}
  .main-menu-button{width:38px;height:38px;padding:8px!important}
  .category-section-first{margin-top:34px;margin-bottom:40px;padding:28px 18px;border-radius:22px}
  .products-section{padding:34px 0}.products-panel{padding:25px 18px;border-radius:22px}
  .promo{margin-top:45px}.festival-deals{padding:16px;border-radius:20px}
  .services{padding:14px;gap:10px}.services>div{min-height:76px;padding:14px}
}
@media(max-width:900px){
  .about{grid-template-columns:200px 1fr;gap:30px}.about-logo{width:190px;height:190px}.about-values{grid-template-columns:1fr}
  .services>div:nth-child(2){border:1px solid #dbe2d5}
}

/* PHP storefront image and hidden-state compatibility */
[hidden] { display:none !important; }
.hero-model,.product-image img,.drawer-image img,.promo-art img,.routine-image img,.festival-card-image img { width:100%; height:100%; display:block; }
.hero-model { position:absolute; }
.product-image img,.drawer-image img,.promo-art img,.routine-image img,.festival-card-image img { object-fit:cover; }
.brand-image img,.about-logo img,.hero-logo img { width:100%; height:100%; object-fit:cover; display:block; }
.auth-layer[hidden] { display:none !important; }
.main-menu-panel[hidden] { display:none !important; }


/* Compact Khanoumi-inspired catalog navigation and Yas Niko magazine */
.header-brand-menu { display:contents; }
.main-menu,.main-menu-button,.main-menu-panel,.header-links { display:none !important; }
.nav { justify-content:flex-start; gap:30px; }
.catalog-menu { position:relative; height:48px; display:flex; align-items:center; }
.categories-button { border:0; border-left:0; padding:0; height:48px; font-size:12px; }
.categories-button:hover,.magazine-link:hover { color:var(--blue); }
.menu-chevron { color:var(--blue); font-size:17px; margin-right:4px; transition:transform .2s; }
.categories-button[aria-expanded="true"] .menu-chevron { transform:rotate(180deg); }
.category-dropdown { position:absolute; z-index:40; top:calc(100% + 3px); right:0; width:min(370px,calc(100vw - 28px)); padding:12px; display:grid; grid-template-columns:1fr 1fr; gap:5px; border:1px solid #e4d8cf; border-radius:15px; background:#fffdfb; box-shadow:0 18px 44px #43312824; }
.category-dropdown[hidden] { display:none !important; }
.category-dropdown a { min-height:48px; display:flex; align-items:center; gap:9px; padding:7px 9px; border-radius:9px; font-size:11px; color:#4c433f; }
.category-dropdown a:hover { background:#f5ece6; color:var(--blue); }
.category-dropdown a span { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:50%; font-size:17px; }
.category-dropdown a b { margin-right:auto; color:#9b8580; }
.category-dropdown .category-all { grid-column:1/-1; min-height:39px; justify-content:center; color:var(--blue); font-weight:800; border-bottom:1px solid #eee5df; border-radius:8px 8px 0 0; }
.magazine-link { height:48px; display:flex; align-items:center; color:#514541; font-size:12px; font-weight:700; }
@media(max-width:700px) { .nav { gap:23px; } .category-dropdown { grid-template-columns:1fr; max-height:70vh; overflow:auto; } .category-dropdown .category-all { grid-column:auto; } }

.price-pending { color:#7b6c65; font-size:11px !important; font-weight:600; }


.faq { padding:40px 0 70px; scroll-margin-top:25px; }
.faq-list { display:grid; gap:10px; }
.faq-list details { padding:0 18px; border:1px solid #e1d3c9; border-radius:13px; background:#fffaf6; }
.faq-list summary { padding:16px 0; color:#403531; font-size:12px; font-weight:700; cursor:pointer; }
.faq-list details p { margin:0; padding:0 0 16px; color:#716761; font-size:11px; line-height:2; }
.contact-hours { display:flex; flex-direction:column; gap:11px; margin-top:0; }
.contact-hours .contact-label { color:#aab3c1; font-size:14px; font-weight:400; }
.contact-hours p { margin:0; color:#aab3c1; font-size:14px; line-height:1.9; }

.eitaa-link { display:inline-flex; align-items:center; color:#cbb7e8 !important; font-size:14px !important; font-weight:600; }

.faq-page-header { min-height:145px; display:flex; align-items:center; gap:22px; }
.faq-page-header>div { margin-left:auto; }
.faq-page-header>div>span { color:var(--blue); font-size:12px; font-weight:700; }
.faq-page-header h1 { margin:4px 0; font-size:28px; }
.faq-back { color:var(--blue); font-size:12px; font-weight:700; }
.faq { padding-top:20px; }
.faq-page-footer { margin-top:35px; background:#172033; color:#aab3c1; font-size:12px; }
.faq-page-footer .container { min-height:60px; display:flex; align-items:center; justify-content:space-between; }
@media(max-width:600px) { .faq-page-header { min-height:110px; gap:12px; } .faq-page-header .brand-image { width:56px; height:56px; } .faq-page-header h1 { font-size:21px; } .faq-back { font-size:10px; } .faq-page-footer .container { font-size:11px; } }
@media(max-width:600px) { .promo { width:calc(100% - 26px); margin:22px auto 48px; } .promo>div:first-child { padding:22px 24px; } .promo-art { height:220px; padding:8px; } .promo h2 { font-size:25px; } .promo p { font-size:12px; } .footer-top { padding:40px 0 32px; gap:28px; } .contact-hours { padding-top:13px; } }

/* Footer without separator rules */
.footer-about>b,.footer-customer>b,.footer-contact>b { border-bottom:0 !important; padding-bottom:0; }
.contact-hours { border-top:0 !important; padding-top:0; }
.copyright { border-top:0 !important; }
.return-policy-card { max-width:820px; padding:26px 30px; border-radius:16px; background:#fffaf6; color:#514541; line-height:2.1; box-shadow:0 8px 28px #493c3012; }
.return-policy-card p { margin:0 0 15px; font-size:14px; }
.return-policy-card a { display:inline-flex; margin-top:8px; color:var(--blue); font-size:15px; font-weight:700; direction:rtl; }