/** Shopify CDN: Minification failed

Line 1040:442 Unexpected "}"
Line 1935:1 Expected "}" to go with "{"

**/
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Tajawal",Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.logo-text b{font-family:"Cairo",Arial,sans-serif;line-height:1.25;letter-spacing:-.01em}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font:inherit}.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.skip{position:absolute;inset-inline-start:-9999px;top:8px;background:var(--brand);color:#fff;padding:10px 16px;border-radius:8px;z-index:200}.skip:focus{inset-inline-start:16px}.topbar{background:var(--brand-dark);color:#eaf3f0;font-size:13.5px}.topbar .wrap{display:flex;align-items:center;justify-content:center;height:38px}.header{position:sticky;top:0;z-index:60;background:rgba(251,249,245,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.head-grid{display:flex;align-items:center;gap:16px;height:var(--head-h)}.burger{display:none;flex-direction:column;gap:4px;width:40px;height:40px;align-items:center;justify-content:center}.burger span{width:20px;height:2px;background:var(--ink);border-radius:2px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand);color:var(--accent);font-family:"Cairo";font-weight:900;font-size:18px}.logo-text b{display:block;font-size:19px;font-weight:800}.logo-text small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em}.searchbar{flex:1;display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;overflow:hidden;max-width:520px;margin-inline:auto}.searchbar input{flex:1;border:0;padding:11px 18px;background:none;outline:none;min-width:0}.searchbar button{background:var(--brand);color:#fff;padding:0 22px;font-weight:700;font-size:14px}.head-actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.icon-btn{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.icon-btn:hover{background:var(--brand-soft)}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.badge{position:absolute;top:4px;inset-inline-end:4px;min-width:18px;height:18px;padding:0 4px;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-style:normal;display:grid;place-items:center;font-weight:700}.nav{border-top:1px solid var(--line);background:#fff}.nav-inner{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.nav-link{display:flex;align-items:center;gap:7px;padding:13px 14px;font-weight:500;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent}.nav-link:hover{color:var(--brand);border-color:var(--brand)}.hero{background:linear-gradient(160deg,var(--brand-soft),var(--paper) 62%);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:64px 0 72px}.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--brand);background:#fff;border:1px solid var(--line);padding:5px 14px;border-radius:999px;margin-bottom:18px}.hero h1{font-size:clamp(34px,5vw,54px);font-weight:900}.hero h1 span{color:var(--brand);position:relative}.hero h1 span:after{content:"";position:absolute;inset-inline:0;bottom:6px;height:10px;background:var(--accent);opacity:.28;border-radius:4px;z-index:-1}.hero p{margin-top:16px;font-size:17.5px;color:var(--muted);max-width:46ch}.hero-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-facts{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.hero-facts b{display:block;font-family:"Cairo";font-size:20px;color:var(--brand)}.hero-facts span{font-size:13px;color:var(--muted)}.hero-art{position:relative;height:340px}.hero-ring{position:absolute;inset:10% 8%;border:1.5px dashed var(--brand);opacity:.3;border-radius:50%}.bottle{position:absolute;border-radius:18px 18px 12px 12px;box-shadow:var(--shadow)}.bottle:before{content:"";position:absolute;top:-14px;inset-inline-start:50%;transform:translateX(50%);width:22%;height:16px;background:inherit;filter:brightness(.85);border-radius:5px}.b1{width:104px;height:200px;background:var(--brand);inset-inline-start:22%;bottom:14%;animation:float 6s ease-in-out infinite}.b2{width:88px;height:150px;background:var(--accent);inset-inline-start:47%;bottom:14%;animation:float 6s ease-in-out .8s infinite}.b3{width:76px;height:118px;background:#c9d9d3;inset-inline-start:8%;bottom:14%;animation:float 6s ease-in-out 1.6s infinite}@keyframes float{50%{transform:translateY(-14px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;padding:13px 30px;border-radius:999px;font-weight:700;font-size:15.5px;transition:.2s}.btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn.ghost{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}.btn.full{width:100%}.section{padding:64px 0}.section.tight{padding:36px 0 8px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.sec-head h2{font-size:clamp(24px,3.2vw,34px);font-weight:800}.sec-note{color:var(--muted);font-size:15px}.cat-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 10px;text-align:center;transition:.2s}.cat-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow)}.cat-card i{font-style:normal;font-size:24px;color:var(--accent);display:block;margin-bottom:8px}.grid.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:.22s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6cec0}.card-media{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:12px;background:#fff;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain}.placeholder{width:56%;height:74%;border-radius:16px;background:rgba(255,255,255,.72);display:grid;place-items:center;color:var(--brand);font-family:"Cairo";font-weight:800;text-align:center;padding:10px}.tag-sale{position:absolute;top:12px;inset-inline-start:12px;background:var(--sale);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;z-index:2}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.card-cat{font-size:11.5px;color:var(--muted)}.card-name{font-size:14.8px;font-weight:500;line-height:1.5;min-height:3em}.price{display:flex;align-items:baseline;gap:8px;margin-top:auto}.price b{font-family:"Cairo";font-size:18px;color:var(--brand)}.price del{font-size:13.5px;color:var(--muted)}.add{margin-top:10px;width:100%;background:var(--brand-soft);color:var(--brand-dark);padding:10px;border-radius:999px;font-weight:700;font-size:14.5px;transition:.2s}.add:hover{background:var(--brand);color:#fff}.empty-state{grid-column:1/-1;text-align:center;padding:36px;border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--muted)}.brand-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.brand-chip{background:#fff;border:1px solid var(--line);border-radius:var(--r);height:82px;display:grid;place-items:center;font-family:"Cairo";font-weight:800;font-size:16px;color:var(--muted);transition:.2s;padding:8px;text-align:center}.brand-chip:hover{color:var(--brand);border-color:var(--brand)}.promise{background:var(--accent-soft);border-block:1px solid var(--line)}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.promise-grid b{display:block;font-family:"Cairo";font-size:17px;margin-bottom:4px}.promise-grid span{font-size:14.5px;color:var(--muted)}.news-box{background:var(--brand);color:#fff;border-radius:var(--r-lg);padding:44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.news-box h2{font-size:28px}.news-box p{color:rgba(255,255,255,.82);margin-top:6px}.news-form{display:flex;background:#fff;border-radius:999px;padding:5px;gap:5px}.news-form input{border:0;background:none;padding:10px 18px;outline:none;min-width:220px}.news-form button{background:var(--accent);color:#fff;padding:10px 26px;border-radius:999px;font-weight:700}.footer{background:var(--ink);color:#c9d3cf;padding-top:56px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px}.footer h3{font-size:15.5px;color:#fff;margin-bottom:14px}.footer li{margin-bottom:9px;font-size:14.5px}.foot-brand p{font-size:14.5px;margin-top:14px;max-width:42ch}.foot-bar{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13.5px;opacity:.75}.scrim{position:fixed;inset:0;background:rgba(20,36,31,.45);opacity:0;pointer-events:none;transition:.25s;z-index:90}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(420px,90vw);background:var(--paper);z-index:100;display:flex;flex-direction:column;transform:translateX(var(--drawer-hide,110%));transition:transform .3s ease;visibility:hidden}
.drawer.on{transform:none;visibility:visible}.drawer.on{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.drawer-foot{border-top:1px solid var(--line);padding:18px 20px;background:#fff}.drawer-foot .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ci-img{width:64px;height:64px;border-radius:12px;flex-shrink:0;object-fit:cover;background:var(--brand-soft)}.ci-name{font-size:14px;line-height:1.45}.ci-price{font-family:"Cairo";color:var(--brand);font-size:15px}.qty{display:flex;align-items:center;gap:10px;margin-top:6px}.qty button{width:26px;height:26px;border:1px solid var(--line);border-radius:8px;background:#fff}.empty{text-align:center;color:var(--muted);padding:48px 12px}.toast{position:fixed;inset-inline-start:50%;transform:translate(50%,120%);bottom:26px;background:var(--ink);color:#fff;padding:12px 24px;border-radius:999px;font-size:14.5px;z-index:130;transition:.3s;opacity:0}.toast.on{transform:translate(50%,0);opacity:1}.page-shell{padding:56px 0}.page-title{font-size:clamp(28px,4vw,44px);margin-bottom:24px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px}.product-gallery{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.product-gallery img{width:100%;aspect-ratio:1;object-fit:contain}.product-info{display:flex;flex-direction:column;gap:18px}.product-info select,.product-info input,.contact-form input,.contact-form textarea,.sort-select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.rte p{margin-bottom:1em}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.search-results{display:grid;gap:14px}.search-hit{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}.search-hit img{width:76px;height:76px;object-fit:cover;border-radius:10px}.collection-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:28px}.menu-drawer{display:none;position:fixed;inset:0 0 0 auto;width:min(360px,90vw);background:var(--paper);z-index:120;padding:20px;transform:translateX(110%);transition:.3s}.menu-drawer.on{transform:none}.menu-drawer a{display:block;padding:12px;border-bottom:1px solid var(--line)}@media(max-width:1080px){.cat-strip{grid-template-columns:repeat(4,1fr)}.brand-row{grid-template-columns:repeat(4,1fr)}.grid.products{grid-template-columns:repeat(3,1fr)}.promise-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.burger{display:flex}.nav{display:none}.searchbar{display:none}.hero-grid{grid-template-columns:1fr;padding:44px 0 52px}.hero-art{height:250px;order:-1}.news-box{grid-template-columns:1fr;padding:32px 24px}.product-layout{grid-template-columns:1fr}.menu-drawer{display:block}}@media(max-width:640px){.grid.products{grid-template-columns:repeat(2,1fr);gap:12px}.cat-strip{grid-template-columns:repeat(3,1fr)}.brand-row{grid-template-columns:repeat(2,1fr)}.section{padding:44px 0}.card-name{font-size:13.8px}.foot-grid{grid-template-columns:1fr;gap:26px}.logo-text small{display:none}.collection-head{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
.topbar-inner{position:relative}.tb-track{position:relative;min-height:38px;flex:1;text-align:center}.tb-message{display:none;height:38px;align-items:center;justify-content:center}.tb-message.on{display:flex}.tb-arrow{color:inherit;opacity:.7;font-size:20px;padding:0 8px}.nav-item{position:relative}.nav-item.has-mega:hover .mega,.nav-item.has-mega:focus-within .mega{display:grid}.mega{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:680px;grid-template-columns:repeat(4,minmax(140px,1fr));gap:24px;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow);padding:26px;z-index:50}.mega-col a{display:block;padding:4px 0;color:var(--muted)}.mega-col .mega-title{font-family:"Cairo";font-weight:800;color:var(--brand);border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px}.nav-localization{margin-inline-start:auto;display:flex;align-items:center}.nav-localization select{border:0;background:transparent;padding:12px}.mobile-search-btn{display:none}.tree details{border-bottom:1px solid var(--line)}.tree summary{padding:14px 4px;font-family:"Cairo";font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.tree summary:after{content:"+";color:var(--brand)}.tree details[open] summary:after{content:"−"}.mobile-submenu a{padding:8px 12px}.mobile-submenu .grandchild{padding-inline-start:28px;color:var(--muted)}.overlay-search{position:fixed;inset:0;background:rgba(251,249,245,.98);z-index:130;opacity:0;pointer-events:none;transition:.25s;overflow-y:auto}.overlay-search.on{opacity:1;pointer-events:auto}.os-inner{width:min(760px,100% - 32px);margin:14vh auto 60px;position:relative}.os-close{position:absolute;top:-52px;inset-inline-end:0}.overlay-search input{width:100%;border:0;border-bottom:2px solid var(--brand);background:none;font-family:"Cairo";font-size:clamp(22px,4vw,34px);padding:12px 0;outline:none}.os-label{margin:26px 0 10px;font-size:13px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{background:#fff;border:1px solid var(--line);padding:7px 16px;border-radius:999px;font-size:14px}.os-results{margin-top:26px;display:grid;gap:8px}.predictive-item{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}.predictive-item img{width:54px;height:54px;object-fit:cover;border-radius:10px}.promo-banner{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.promo-banner.reverse .promo-copy{order:2}.promo-copy{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.promo-copy h2{font-size:clamp(26px,4vw,42px);margin-bottom:14px}.promo-copy p{color:var(--muted);margin-bottom:22px}.promo-media img,.promo-placeholder{width:100%;height:100%;min-height:360px;object-fit:cover}.promo-placeholder{display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-family:"Cairo";font-size:48px;font-weight:900}.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px}.tab-btn{background:#fff;border:1px solid var(--line);padding:9px 18px;border-radius:999px;white-space:nowrap}.tab-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tab-panel.hidden{display:none}.ranked-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ranked-item{position:relative}.rank-number{position:absolute;z-index:3;top:-10px;inset-inline-start:-8px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Cairo";font-weight:800}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.blog-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.blog-body{padding:18px}.blog-body small{color:var(--muted)}.blog-body h3{margin:7px 0}.blog-body p{color:var(--muted)}.fav{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;z-index:3;font-size:18px}.fav.on{color:var(--sale)}.tag-sold{position:absolute;top:12px;inset-inline-start:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;z-index:2}.card-secondary-image{position:absolute;inset:22px;opacity:0;transition:.25s;width:calc(100% - 44px)!important;height:calc(100% - 44px)!important}.card-media:hover .card-secondary-image{opacity:1}.card-actions{margin-top:auto}.quick-view-btn{width:100%;margin-top:8px;padding:8px;color:var(--brand);font-weight:700}.quick-view-modal{position:fixed;inset:0;background:rgba(20,36,31,.52);z-index:150;display:none;place-items:center;padding:20px}.quick-view-modal.on{display:grid}.quick-view-dialog{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:var(--r-lg);padding:26px}.quick-view-close{position:absolute;top:12px;inset-inline-end:12px;z-index:2}.quick-product{display:grid;grid-template-columns:1fr 1fr;gap:28px}.quick-product img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:var(--r-lg)}.quick-product-info{padding:24px;display:flex;flex-direction:column;gap:14px}
@media(max-width:1080px){.ranked-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.mobile-search-btn{display:grid}.mega{display:none!important}.promo-banner,.quick-product{grid-template-columns:1fr}.promo-banner.reverse .promo-copy{order:initial}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ranked-products{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.promo-media img,.promo-placeholder{min-height:260px}}

/* Full storefront additions */
.slideshow{position:relative;overflow:hidden;background:var(--ink)}.slides{position:relative;min-height:520px}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s}.slide.active{opacity:1;visibility:visible;position:relative}.slide-media,.slide-media img,.slide-placeholder{width:100%;height:520px}.slide-media img{object-fit:cover}.slide-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:var(--accent);font:900 clamp(48px,10vw,120px)/1 "Cairo"}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,36,31,.72),rgba(20,36,31,.15))}.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.slide-content h2{font-size:clamp(34px,5vw,62px);max-width:14ch;margin-bottom:14px}.slide-content p{font-size:18px;max-width:45ch;margin-bottom:24px}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.88);font-size:28px}.slide-arrow.prev{inset-inline-start:22px}.slide-arrow.next{inset-inline-end:22px}.slide-dots{position:absolute;bottom:20px;inset-inline:0;display:flex;justify-content:center;gap:8px;z-index:4}.slide-dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55)}.slide-dots button.active{width:26px;border-radius:99px;background:#fff}
.promo-grid{display:grid;gap:18px}.promo-grid-2{grid-template-columns:repeat(2,1fr)}.promo-grid-3{grid-template-columns:repeat(3,1fr)}.promo-tile{position:relative;min-height:300px;border-radius:var(--r-lg);overflow:hidden;background:var(--brand-soft)}.promo-tile img,.promo-tile-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-tile-placeholder{background:linear-gradient(135deg,var(--brand-soft),var(--accent-soft))}.promo-tile-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,36,31,.7),transparent 70%)}.promo-tile-copy{position:absolute;bottom:0;inset-inline:0;padding:24px;color:#fff}.promo-tile-copy h3{font-size:25px;margin:5px 0}.promo-tile-copy span{font-weight:700}
.category-image-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category-image-card{text-align:center}.category-image-media{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:1px solid var(--line);padding:8px;transition:.2s}.category-image-media img{width:100%;height:100%;object-fit:cover;border-radius:50%}.category-circle-placeholder{height:100%;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);font-size:34px;color:var(--accent)}.category-image-card:hover .category-image-media{transform:translateY(-5px);border-color:var(--brand);box-shadow:var(--shadow)}.category-image-card h3{font-size:15px;margin-top:10px}
.collection-showcase{display:grid;grid-template-columns:minmax(270px,.78fr) 2fr;gap:18px}.collection-showcase.banner-right{grid-template-columns:2fr minmax(270px,.78fr)}.collection-showcase.banner-right .collection-showcase-banner{order:2}.collection-showcase-banner{position:relative;min-height:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--brand)}.collection-showcase-banner img,.showcase-placeholder{width:100%;height:100%;min-height:640px;object-fit:cover}.showcase-placeholder{display:grid;place-items:center;color:var(--accent);font:900 48px "Cairo";background:linear-gradient(135deg,var(--brand-dark),var(--brand))}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,36,31,.82),rgba(20,36,31,.04))}.showcase-copy{position:absolute;bottom:0;inset-inline:0;padding:32px;color:#fff}.showcase-copy h2{font-size:34px;margin:8px 0}.showcase-copy p{margin-bottom:14px}.showcase-products .grid.products.compact{grid-template-columns:repeat(3,1fr)}
.countdown-head{align-items:center}.countdown{display:flex;gap:8px}.cd-cell{background:var(--ink);color:#fff;border-radius:10px;padding:9px 12px;text-align:center;min-width:58px}.cd-cell b{display:block;font:800 20px/1 "Cairo"}.cd-cell span{font-size:10px;opacity:.75}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.stars{color:var(--accent);font-size:18px;margin-bottom:12px}.testimonial p{font-size:16px;margin-bottom:18px}.testimonial footer b,.testimonial footer span{display:block}.testimonial footer span{font-size:13px;color:var(--muted)}
.notification-fab{position:fixed;inset-inline-start:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;box-shadow:var(--shadow);z-index:85}.notification-fab span{position:absolute;top:-4px;inset-inline-end:-2px;background:var(--accent);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px}.notifications-drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(430px,92vw);background:var(--paper);z-index:140;transform:translateX(-110%);transition:.3s}.notifications-drawer.on{transform:none}.notification-item{padding:18px 0;border-bottom:1px solid var(--line)}.notification-item time{font-size:12px;color:var(--muted)}.notification-item h3{font-size:17px;margin:4px 0}.notification-item p{color:var(--muted)}.notification-item a{color:var(--brand);font-weight:700}
.mobile-bottom-nav{display:none}
.compare-btn{position:absolute;top:54px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);z-index:3;font-size:18px}.compare-btn.on{background:var(--accent);color:#fff}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.compare-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.compare-card img{width:100%;aspect-ratio:1;object-fit:contain}.compare-card table{width:100%;border-collapse:collapse;margin-top:12px}.compare-card td{padding:8px 0;border-bottom:1px solid var(--line)}
.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-bottom:34px}.collection-hero-image img{width:100%;max-height:340px;object-fit:cover;border-radius:var(--r-lg)}.collection-layout{display:grid;grid-template-columns:250px 1fr;gap:28px}.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;height:max-content;position:sticky;top:120px}.filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filters details{border-top:1px solid var(--line);padding:12px 0}.filters summary{font-family:"Cairo";font-weight:700;cursor:pointer}.filters li{margin:7px 0}.price-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.price-filter input{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.filter-toggle{display:none;border:1px solid var(--line);padding:9px 14px;border-radius:10px;background:#fff}
.product-main-media img{width:100%;aspect-ratio:1;object-fit:contain}.product-thumbnails{display:flex;gap:8px;padding:12px;overflow:auto}.product-thumbnails button{width:72px;height:72px;border:1px solid var(--line);border-radius:10px;background:#fff;flex:none}.product-thumbnails img{width:100%;height:100%;object-fit:contain}.product-rating{color:var(--accent)}.product-option{border:0}.product-option legend{font-family:"Cairo";font-weight:700;margin-bottom:8px}.option-values{display:flex;flex-wrap:wrap;gap:8px}.option-values input{position:absolute;opacity:0}.option-values span{display:block;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff}.option-values input:checked+span{background:var(--brand);color:#fff;border-color:var(--brand)}.quantity-row{display:flex;align-items:center;justify-content:space-between}.quantity-control{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.quantity-control button{width:40px}.quantity-control input{width:55px;border:0;text-align:center;padding:10px}.product-secondary-actions{display:flex;gap:10px}.product-secondary-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px}.product-accordion{border-top:1px solid var(--line);padding:15px 0}.product-accordion summary{cursor:pointer;font-family:"Cairo";font-weight:700}.product-accordion .rte{padding-top:12px}.product-share{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}.product-share a,.product-share button{color:var(--brand);font-weight:700}
@media(max-width:1080px){.category-image-grid{grid-template-columns:repeat(4,1fr)}.collection-showcase,.collection-showcase.banner-right{grid-template-columns:1fr}.collection-showcase.banner-right .collection-showcase-banner{order:initial}.collection-showcase-banner img,.showcase-placeholder{min-height:380px}.showcase-products .grid.products.compact{grid-template-columns:repeat(3,1fr)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.slides,.slide-media,.slide-media img,.slide-placeholder{height:430px;min-height:430px}.promo-grid-3{grid-template-columns:1fr 1fr}.category-image-grid{grid-template-columns:repeat(3,1fr)}.collection-layout{grid-template-columns:1fr}.filters{display:none;position:static}.filters.on{display:block}.filter-toggle{display:block}.collection-hero{grid-template-columns:1fr}.compare-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{padding-bottom:66px}.slides,.slide-media,.slide-media img,.slide-placeholder{height:390px;min-height:390px}.slide-content h2{font-size:34px}.slide-arrow{display:none}.promo-grid-2,.promo-grid-3{grid-template-columns:1fr}.category-image-grid{grid-template-columns:repeat(3,1fr);gap:12px}.category-image-card h3{font-size:13px}.showcase-products .grid.products.compact{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.mobile-bottom-nav{display:grid;position:fixed;bottom:0;inset-inline:0;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);z-index:110;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:62px;font-size:20px}.mobile-bottom-nav small{font-size:10px}.notification-fab{bottom:78px}.countdown-head{align-items:flex-start}.cd-cell{min-width:50px;padding:8px}.compare-grid{grid-template-columns:1fr}}

/* ===== ported: customer accounts, password page, forms, routine steps ===== */
.form-grid{display:grid;gap:14px;max-width:560px}
.form-grid label{font-size:14px;font-weight:500}
.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:#fff;font:inherit;outline:none}
.form-grid input:focus,.form-grid textarea:focus{border-color:var(--brand)}
.form-note{padding:12px 16px;border-radius:var(--r);font-size:14.5px;margin-bottom:14px}
.form-note.ok{background:var(--brand-soft);color:var(--brand-dark)}
.form-note.err{background:#FBEBE8;color:var(--sale)}
.cart-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.cart-table th{text-align:start;font-family:"Cairo",sans-serif;font-size:13.5px;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}
.cart-table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}
.cart-table tr:last-child td{border-bottom:0}
.cart-sum{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-top:22px;max-width:400px;margin-inline-start:auto}
.cart-sum .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.cart-sum .row b{font-family:"Cairo",sans-serif;font-size:22px;color:var(--brand)}
.pw-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;text-align:center}
.pw-card{max-width:440px;width:100%}
.pw-card .logo{justify-content:center;margin-bottom:22px}
.pw-card h1{font-size:28px;margin-bottom:10px}
.pw-card p{color:var(--muted);margin-bottom:22px}
.page-head{padding:40px 0 8px}
.page-head h1{font-size:clamp(26px,4vw,38px);font-weight:900}
.link{color:var(--brand);font-weight:700;font-size:15px}
.routine{background:#fff;border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:12px;margin-bottom:28px}
.step{text-align:start;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:16px 18px;transition:.2s;display:flex;gap:14px;align-items:flex-start}
.step:hover{border-color:var(--brand)}
.step.on{background:var(--brand);border-color:var(--brand);color:#fff}
.step .n{font-family:"Cairo",sans-serif;font-size:26px;font-weight:900;color:var(--accent);line-height:1}
.step b{display:block;font-family:"Cairo",sans-serif;font-size:16px}
.step span{font-size:13px;color:var(--muted)}
.step.on span{color:rgba(255,255,255,.75)}
.step-panel{display:none}
.step-panel.on{display:grid}
@media(max-width:860px){.steps{grid-template-columns:repeat(2,1fr)}.cart-sum{max-width:none}}

.lang-switch select{background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font:inherit;color:inherit;cursor:pointer;margin-inline-start:auto}
.foot-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* ===== community hub ===== */
.community-reviews .review-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.review-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.review-photo img{width:100%;aspect-ratio:1;object-fit:cover}
.review-body{padding:16px;display:flex;flex-direction:column;gap:8px}
.stars span{color:var(--line)}.stars span.on{color:var(--accent)}
.review-text{font-size:14.5px;line-height:1.6;color:var(--ink)}
.review-meta{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:13.5px}
.verified{color:var(--brand);font-weight:700}
.community-cta{text-align:center;margin-top:28px}

.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.tip-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:.2s;display:block}
.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tip-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}
.tip-body{padding:16px;display:block}
.tip-tag{display:inline-block;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:8px}
.tip-body h3{font-size:17px;margin-bottom:6px}
.tip-body p{font-size:14px;color:var(--muted)}

.ba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.ba-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin:0}
.ba-pair{display:grid;grid-template-columns:1fr 1fr}
.ba-half{position:relative}
.ba-half img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ba-label{position:absolute;bottom:10px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;color:#fff}
.ba-label.before{inset-inline-start:10px;background:var(--muted)}
.ba-label.after{inset-inline-end:10px;background:var(--brand)}
.ba-card figcaption{padding:12px 16px;font-size:14.5px}
.ba-weeks{display:inline-block;margin:0 16px 14px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:999px}
.ba-disclaimer{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}

.community-rewards .rewards-box{background:var(--brand);color:#fff;border-radius:var(--r-lg);padding:44px;text-align:center}
.rewards-box .eyebrow{background:rgba(255,255,255,.15);color:#fff;border-color:transparent}
.rewards-box h2{color:#fff}
.rewards-box>.rewards-head p{color:rgba(255,255,255,.85);margin-top:8px}
.rewards-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:28px 0}
.reward-step{display:flex;flex-direction:column;align-items:center;gap:6px}
.reward-icon{font-size:28px;color:var(--accent)}
.reward-points{font-family:"Cairo",sans-serif;font-weight:900;font-size:22px;color:var(--accent)}
.reward-step b{font-family:"Cairo",sans-serif;font-size:16px}
.reward-step span{font-size:13.5px;color:rgba(255,255,255,.8)}
.community-rewards .btn{background:var(--accent)}
.community-rewards .btn:hover{background:var(--accent-soft);color:var(--brand-dark)}
@media(max-width:640px){.community-rewards .rewards-box{padding:30px 20px}}

/* ===== big-screen split hero (3 styles) ===== */
.hero-split{position:relative;padding:0 0 90px;overflow:hidden}
.hero-split .hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:520px;padding:60px 0 40px}
.hs-copy{order:1}
.hs-media{order:2;position:relative;display:flex;align-items:center;justify-content:center}
.hs-eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--brand);font-family:"Cairo",sans-serif;font-weight:800;font-size:15px;padding:8px 22px;border-radius:999px;margin-bottom:22px}
.hs-heading{font-family:"Cairo",sans-serif;font-weight:900;font-size:clamp(34px,4.6vw,68px);line-height:1.15;color:var(--ink);margin-bottom:18px}
.hs-accent{display:block;color:var(--accent);font-size:1.35em;letter-spacing:2px}
.hs-text{font-size:clamp(15px,1.4vw,20px);color:var(--muted);max-width:46ch;margin-bottom:28px;line-height:1.7}
.hs-btn{font-size:17px;padding:15px 40px;display:inline-flex;align-items:center;gap:10px}
.hs-bag{font-size:18px}
.hs-media img{width:100%;height:auto;max-height:560px;object-fit:contain;position:relative;z-index:2;border-radius:var(--r-lg)}
.hs-ring{position:absolute;z-index:1;width:min(70%,440px);aspect-ratio:1;border-radius:50%;border:2px solid var(--accent);opacity:.35;inset-inline-end:6%;top:50%;transform:translateY(-50%)}
.hs-placeholder{width:100%;aspect-ratio:4/3;background:var(--brand-soft);border-radius:var(--r-lg);display:grid;place-content:center;text-align:center;gap:8px}
.hs-placeholder span{font-family:"Cairo",sans-serif;font-weight:900;font-size:38px;color:var(--brand);letter-spacing:3px}
.hs-placeholder small{color:var(--muted)}

/* feature bar overlapping bottom */
.hs-features{position:relative;z-index:5;margin-top:-46px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px 10px}
.hs-feature{display:flex;align-items:center;gap:14px;padding:8px 22px;position:relative}
.hs-feature:not(:last-child)::after{content:"";position:absolute;inset-inline-start:0;top:20%;height:60%;width:1px;background:var(--line)}
.hs-feature-icon{width:52px;height:52px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:24px;background:var(--brand-soft);color:var(--brand)}
.hs-feature-text b{display:block;font-family:"Cairo",sans-serif;font-size:16px;color:var(--ink)}
.hs-feature-text span{font-size:13px;color:var(--muted)}

/* --- style: green & gold (product hero, light bg) --- */
.hero-split.style-green{background:linear-gradient(120deg,#EEF1E9,#F7F4EC)}
.hero-split.style-green .hs-accent{color:#C9A227}
.hero-split.style-green .hs-feature-icon{background:#EAF0E4;color:var(--brand)}

/* --- style: rose / mauve --- */
.hero-split.style-rose{background:linear-gradient(120deg,#F3E3E4,#F9F0EC)}
.hero-split.style-rose .hs-eyebrow{color:#9B5C6B}
.hero-split.style-rose .hs-accent{color:#9B5C6B}
.hero-split.style-rose .hs-btn{background:#9B5C6B}
.hero-split.style-rose .hs-btn:hover{background:#7E4757}
.hero-split.style-rose .hs-feature-icon{background:#F0DEE0;color:#9B5C6B}
.hero-split.style-rose .hs-ring{border-color:#C98B98}

/* --- style: deep green (model hero, dark bg) --- */
.hero-split.style-deepgreen{background:linear-gradient(120deg,#1B3B2A,#245C43)}
.hero-split.style-deepgreen .hs-heading{color:#fff}
.hero-split.style-deepgreen .hs-accent{color:#D8B85A}
.hero-split.style-deepgreen .hs-text{color:rgba(255,255,255,.82)}
.hero-split.style-deepgreen .hs-eyebrow{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.hero-split.style-deepgreen .hs-btn{background:#2E7D57}
.hero-split.style-deepgreen .hs-features{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.hero-split.style-deepgreen .hs-feature-text b{color:#fff}
.hero-split.style-deepgreen .hs-feature-text span{color:rgba(255,255,255,.7)}
.hero-split.style-deepgreen .hs-feature-icon{background:rgba(255,255,255,.1);color:#D8B85A}
.hero-split.style-deepgreen .hs-feature:not(:last-child)::after{background:rgba(255,255,255,.15)}

/* mobile: stack, image first, feature bar 2x2 */
@media(max-width:1000px){
  .hero-split .hs-grid{grid-template-columns:1fr;gap:24px;min-height:0;padding:36px 0 30px;text-align:center}
  .hs-copy{order:2}.hs-media{order:1}
  .hs-text{margin-inline:auto}
  .hs-features{grid-template-columns:1fr 1fr;gap:6px 0;margin-top:-30px}
  .hs-feature{padding:12px 16px}
  .hs-feature:nth-child(odd)::after{display:none}
  .hs-ring{display:none}
}
@media(max-width:520px){
  .hs-features{grid-template-columns:1fr}
  .hs-feature::after{display:none !important}
  .hs-feature{border-bottom:1px solid var(--line)}
  .hs-feature:last-child{border-bottom:0}
}

/* hero slider container */
.hero-split-wrap{position:relative}
.hs-slides{position:relative}
.hero-split[data-hs-slide]{display:none}
.hero-split[data-hs-slide].active{display:block}
.hs-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:var(--shadow);font-size:24px;color:var(--ink);display:grid;place-items:center;border:0;cursor:pointer}
.hs-arrow.prev{inset-inline-start:14px}.hs-arrow.next{inset-inline-end:14px}
.hs-arrow:hover{background:#fff}
.hs-dots{position:absolute;bottom:96px;inset-inline:0;display:flex;gap:8px;justify-content:center;z-index:10}
.hs-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(0,0,0,.2);cursor:pointer;padding:0}
.hs-dots button.active{width:26px;background:var(--brand)}
.hero-split.style-deepgreen ~ .hs-dots button.active,.style-deepgreen .hs-dots button.active{background:#D8B85A}
@media(max-width:1000px){.hs-dots{bottom:auto;top:auto;position:static;margin-top:16px}.hs-arrow{top:30%}}


/* ===== DERMEXA full-bleed hero (matches mockups) ===== */
.hero-fb-wrap{position:relative;padding-bottom:64px;background:var(--paper)}
.hs-slides{position:relative}
.hero-fb{display:none;position:relative;min-height:520px}
.hero-fb.active{display:block}
.hero-fb-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1}
.hero-fb-placeholder{display:grid;place-content:center;text-align:center;gap:10px;background:var(--brand-soft)}
.hero-fb-placeholder span{font-family:"Cairo",sans-serif;font-weight:900;font-size:46px;color:var(--brand);letter-spacing:3px}
.hero-fb-placeholder small{color:var(--muted);max-width:320px}
.hero-fb-shade{position:absolute;inset:0;z-index:2}
.hero-fb-inner{position:relative;z-index:3;min-height:520px;display:flex;align-items:center}
.hero-fb .hs-copy{max-width:560px}
.hs-eyebrow{display:inline-block;background:#fff;color:var(--brand);font-family:"Cairo",sans-serif;font-weight:800;font-size:15px;padding:8px 22px;border-radius:999px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hs-heading{font-family:"Cairo",sans-serif;font-weight:900;font-size:clamp(30px,4vw,60px);line-height:1.15;margin-bottom:16px}
.hs-accent{display:block;color:var(--accent);font-size:1.4em;letter-spacing:2px}
.hs-text{font-size:clamp(14px,1.3vw,19px);max-width:44ch;margin-bottom:26px;line-height:1.7}
.hs-btn{font-size:17px;padding:15px 40px;display:inline-flex;align-items:center;gap:10px}

/* shade + text color per style (text sits on the EMPTY side of your image) */
.hero-fb.style-green .hero-fb-shade{background:linear-gradient(90deg,rgba(240,244,235,.96) 0%,rgba(240,244,235,.82) 34%,rgba(240,244,235,0) 60%)}
.hero-fb.style-green .hs-heading{color:var(--ink)}
.hero-fb.style-green .hs-text{color:#3d4a42}

.hero-fb.style-rose .hero-fb-shade{background:linear-gradient(90deg,rgba(244,228,229,.96) 0%,rgba(244,228,229,.82) 34%,rgba(244,228,229,0) 60%)}
.hero-fb.style-rose .hs-eyebrow{background:#9B5C6B;color:#fff}
.hero-fb.style-rose .hs-heading{color:#5e3a44}
.hero-fb.style-rose .hs-accent{color:#9B5C6B}
.hero-fb.style-rose .hs-text{color:#6e4c54}
.hero-fb.style-rose .hs-btn{background:#9B5C6B}
.hero-fb.style-rose .hs-btn:hover{background:#7E4757}

.hero-fb.style-deepgreen .hero-fb-shade{background:linear-gradient(90deg,rgba(18,45,32,.94) 0%,rgba(18,45,32,.78) 36%,rgba(18,45,32,0) 62%)}
.hero-fb.style-deepgreen .hs-eyebrow{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.hero-fb.style-deepgreen .hs-heading{color:#fff}
.hero-fb.style-deepgreen .hs-accent{color:var(--accent)}
.hero-fb.style-deepgreen .hs-text{color:rgba(255,255,255,.85)}
.hero-fb.style-deepgreen .hs-btn{background:#2E7D57}

/* arrows + dots */
.hs-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:12;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:var(--shadow);font-size:24px;color:var(--ink);display:grid;place-items:center;border:0;cursor:pointer}
.hs-arrow.prev{inset-inline-start:14px}.hs-arrow.next{inset-inline-end:14px}
.hs-dots{position:absolute;bottom:96px;inset-inline:0;display:flex;gap:8px;justify-content:center;z-index:12}
.hs-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(0,0,0,.25);cursor:pointer;padding:0}
.hs-dots button.active{width:26px;background:var(--brand)}

/* feature bar */
.hs-features{position:relative;z-index:11;margin-top:-42px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10px}
.hs-feature{display:flex;align-items:center;gap:14px;padding:8px 22px;position:relative}
.hs-feature:not(:last-child)::after{content:"";position:absolute;inset-inline-start:0;top:20%;height:60%;width:1px;background:var(--line)}
.hs-feature-icon{width:50px;height:50px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:23px;background:var(--brand-soft);color:var(--brand)}
.hs-feature-text b{display:block;font-family:"Cairo",sans-serif;font-size:15.5px;color:var(--ink)}
.hs-feature-text span{font-size:12.5px;color:var(--muted)}

@media(max-width:1000px){
  .hero-fb,.hero-fb-inner{min-height:420px}
  .hero-fb-shade{background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(0,0,0,.4) 100%) !important}
  .hero-fb .hs-copy{max-width:none;text-align:center}
  .hero-fb.style-green .hs-heading,.hero-fb.style-green .hs-text,
  .hero-fb.style-rose .hs-heading,.hero-fb.style-rose .hs-text{color:#fff}
  .hs-text{margin-inline:auto}
  .hs-features{grid-template-columns:1fr 1fr;margin-top:-28px}
  .hs-feature:nth-child(odd)::after{display:none}
  .hs-dots{bottom:auto;position:static;margin-top:14px}
}
@media(max-width:540px){
  .hs-features{grid-template-columns:1fr}
  .hs-feature::after{display:none !important}
  .hs-feature{border-bottom:1px solid var(--line)}
  .hs-feature:last-child{border-bottom:0}
}

.drawer-head [data-close]{position:relative;z-index:2;font-size:20px;line-height:1;width:40px;height:40px}
.drawer-head [data-close] *{pointer-events:none}
.drawer{pointer-events:auto}

/* RTL/LTR-safe drawer hide direction */
html[dir="rtl"] .drawer{transform:translateX(-110%)}
html[dir="rtl"] .drawer.on{transform:none}
html[dir="ltr"] .drawer{transform:translateX(110%)}
html[dir="ltr"] .drawer.on{transform:none}
.drawer:not(.on){visibility:hidden;pointer-events:none}
.drawer.on{visibility:visible;pointer-events:auto}

/* floating buttons */
.dx-float{position:fixed;z-index:80;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 20px rgba(20,36,31,.25);transition:transform .2s,opacity .2s}
.dx-float:hover{transform:translateY(-3px)}
.dx-whatsapp{bottom:22px;inset-inline-start:22px;background:#25D366;color:#fff}
.dx-top{bottom:22px;inset-inline-end:22px;background:var(--brand);color:#fff;border:0;opacity:0;pointer-events:none}
.dx-top.show{opacity:1;pointer-events:auto}
@media(max-width:640px){.dx-float{width:48px;height:48px}}

/* instagram feed */
.dx-instagram .dx-center{text-align:center;justify-content:center}
.dx-ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.dx-ig-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;display:block}
.dx-ig-item img,.dx-ig-ph{width:100%;height:100%;object-fit:cover}
.dx-ig-ph{background:var(--brand-soft);display:block}
.dx-ig-overlay{position:absolute;inset:0;background:rgba(14,107,92,.55);display:grid;place-items:center;opacity:0;transition:.2s}
.dx-ig-item:hover .dx-ig-overlay{opacity:1}
@media(max-width:860px){.dx-ig-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.dx-ig-grid{grid-template-columns:repeat(2,1fr)}}
/* ===== DERMEXA LUXURY STYLE ===== */

:root{
  --dermexa-green:#0B3325;
    --dermexa-deep:#062A20;
      --dermexa-cream:#F6F1E7;
        --dermexa-gold:#CDA75A;
          --dermexa-text:#18382D;
          }

          /* خلفية الموقع */
          body{
            background:var(--dermexa-cream) !important;
              color:var(--dermexa-text);
              }

              /* الهيدر */
              header,
              .site-header,
              .header-wrapper,
              .header{
                background:#F6F1E7 !important;
                  border-bottom:1px solid rgba(205,167,90,.28) !important;
                  }

                  /* الشعار والقائمة */
                  header a,
                  .header a,
                  .site-header a{
                    color:var(--dermexa-deep);
                    }

                    /* العناوين */
                    h1,h2,h3,
                    .section-title,
                    .section-heading{
                      color:var(--dermexa-deep);
                        letter-spacing:-0.02em;
                        }

                        /* الأزرار */
                        button,
                        .button,
                        .btn,
                        a.button,
                        .shopify-payment-button__button{
                          border-radius:999px !important;
                            transition:.25s ease !important;
                            }

                            .button,
                            .btn,
                            button[type="submit"]{
                              background:var(--dermexa-green);
                                color:#fff;
                                  border:1px solid var(--dermexa-green);
                                  }

                                  .button:hover,
                                  .btn:hover,
                                  button[type="submit"]:hover{
                                    background:var(--dermexa-deep);
                                    }

                                    /* أزرار السلايدر والبانرات */
                                    .slides .button,
                                    .slide .button,
                                    .hero .button,
                                    .banner .button{
                                      background:var(--dermexa-green) !important;
                                        color:var(--dermexa-cream) !important;
                                          border:1px solid var(--dermexa-gold) !important;
                                            box-shadow:none !important;
                                            }

                                            /* كروت المنتجات */
                                            .product-card,
                                            .card,
                                            .product-item,
                                            .ranked-products > *,
                                            .collection-showcase > *{
                                              border-radius:16px !important;
                                                overflow:hidden;
                                                  border:1px solid rgba(205,167,90,.16);
                                                    box-shadow:0 6px 22px rgba(6,42,32,.06);
                                                    }

                                                    /* صور المنتجات */
                                                    .product-card img,
                                                    .card img,
                                                    .product-item img{
                                                      border-radius:14px;
                                                      }

                                                      /* أقسام الصفحة */
                                                      section{
                                                        background-color:transparent;
                                                        }

                                                        /* أقسام التصنيفات */
                                                        .promo-grid > *,
                                                        .category-image-grid > *,
                                                        .collection-hero{
                                                          border-radius:18px !important;
                                                            overflow:hidden;
                                                            }

                                                            /* اللون الذهبي للتفاصيل */
                                                            .price,
                                                            .product-price,
                                                            .accent,
                                                            .gold{
                                                              color:#A9823F;
                                                              }

                                                              /* الفوتر */
                                                              footer,
                                                              .site-footer,
                                                              .footer{
                                                                background:var(--dermexa-deep) !important;
                                                                  color:var(--dermexa-cream) !important;
                                                                  }

                                                                  footer a,
                                                                  .site-footer a,
                                                                  .footer a{
                                                                    color:var(--dermexa-cream) !important;
                                                                    }

                                                                    /* تحسين المساحات */
                                                                    @media (min-width: 860px){
                                                                      section{
                                                                          margin-top:10px;
                                                                              margin-bottom:10px;
                                                                                }
                                                                                }

                                                                                /* الموبايل */
                                                                                @media (max-width: 640px){
                                                                                  h1{
                                                                                      font-size:clamp(30px,9vw,44px);
                                                                                        }

                                                                                          .product-card,
                                                                                            .card,
                                                                                              .product-item{
                                                                                                  border-radius:13px !important;
                                                                                                    }
                                                                                                    }

                                                                                                    /* ===== END DERMEXA LUXURY STYLE ===== */
                                                                                                    /* ===== DERMEXA - CUSTOM THEME OVERRIDES ===== */

                                                                                                    /* الشريط العلوي */
                                                                                                    .topbar,
                                                                                                    .topbar-inner {
                                                                                                      background: #0B3325 !important;
                                                                                                        color: #F6F1E7 !important;
                                                                                                        }

                                                                                                        .topbar a,
                                                                                                        .topbar-inner a {
                                                                                                          color: #F6F1E7 !important;
                                                                                                          }

                                                                                                          /* الهيدر */
                                                                                                          header,
                                                                                                          .header,
                                                                                                          .header-inner,
                                                                                                          .site-header,
                                                                                                          .header-wrapper {
                                                                                                            background: #F6F1E7 !important;
                                                                                                              color: #062A20 !important;
                                                                                                                border-bottom: 1px solid rgba(205,167,90,.30) !important;
                                                                                                                }

                                                                                                                header svg,
                                                                                                                .header svg,
                                                                                                                .header-inner svg,
                                                                                                                header a,
                                                                                                                .header a {
                                                                                                                  color: #062A20 !important;
                                                                                                                    stroke: #062A20 !important;
                                                                                                                    }

                                                                                                                    /* خلفية الصفحة */
                                                                                                                    body,
                                                                                                                    main {
                                                                                                                      background: #F6F1E7 !important;
                                                                                                                      }

                                                                                                                      /* عناوين الأقسام */
                                                                                                                      .section-title,
                                                                                                                      .section-heading,
                                                                                                                      .ranked-products h2,
                                                                                                                      .collection-showcase h2,
                                                                                                                      .collection-tabs h2,
                                                                                                                      .image-categories h2,
                                                                                                                      h2 {
                                                                                                                        color: #062A20 !important;
                                                                                                                        }

                                                                                                                        /* أقسام المنتجات */
                                                                                                                        .ranked-products,
                                                                                                                        .collection-showcase,
                                                                                                                        .collection-tabs,
                                                                                                                        .image-categories {
                                                                                                                          background: #F6F1E7 !important;
                                                                                                                          }

                                                                                                                          /* كروت المنتجات */
                                                                                                                          .ranked-products > *,
                                                                                                                          .collection-showcase-grid > *,
                                                                                                                          .collection-showcase .product-card,
                                                                                                                          .product-card,
                                                                                                                          .product-item {
                                                                                                                            background: #FFFDF8 !important;
                                                                                                                              border: 1px solid rgba(205,167,90,.18) !important;
                                                                                                                                border-radius: 18px !important;
                                                                                                                                  overflow: hidden !important;
                                                                                                                                    box-shadow: 0 7px 24px rgba(6,42,32,.07) !important;
                                                                                                                                    }

                                                                                                                                    /* الصور */
                                                                                                                                    .product-card img,
                                                                                                                                    .product-item img,
                                                                                                                                    .collection-showcase img {
                                                                                                                                      border-radius: 16px 16px 0 0 !important;
                                                                                                                                      }

                                                                                                                                      /* الأزرار */
                                                                                                                                      .btn,
                                                                                                                                      .button,
                                                                                                                                      button[type="submit"],
                                                                                                                                      .product-card button,
                                                                                                                                      .product-item button {
                                                                                                                                        background: #0B3325 !important;
                                                                                                                                          color: #F6F1E7 !important;
                                                                                                                                            border: 1px solid #CDA75A !important;
                                                                                                                                              border-radius: 999px !important;
                                                                                                                                                box-shadow: none !important;
                                                                                                                                                }

                                                                                                                                                /* الأقسام الصورية */
                                                                                                                                                .promo-grid > *,
                                                                                                                                                .category-image-grid > * {
                                                                                                                                                  border-radius: 18px !important;
                                                                                                                                                    overflow: hidden !important;
                                                                                                                                                    }

                                                                                                                                                    /* السلايدر */
                                                                                                                                                    .slides {
                                                                                                                                                      background: #062A20 !important;
                                                                                                                                                      }

                                                                                                                                                      .slides .slide {
                                                                                                                                                        overflow: hidden !important;
                                                                                                                                                        }

                                                                                                                                                        /* الأسهم */
                                                                                                                                                        .slides button,
                                                                                                                                                        .slide button {
                                                                                                                                                          border-radius: 50% !important;
                                                                                                                                                          }

                                                                                                                                                          /* الفوتر */
                                                                                                                                                          footer,
                                                                                                                                                          .footer,
                                                                                                                                                          .site-footer {
                                                                                                                                                            background: #062A20 !important;
                                                                                                                                                              color: #F6F1E7 !important;
                                                                                                                                                              }

                                                                                                                                                              footer a,
                                                                                                                                                              .footer a,
                                                                                                                                                              .site-footer a {
                                                                                                                                                                color: #F6F1E7 !important;
                                                                                                                                                                }

                                                                                                                                                                /* لمسات ذهبية */
                                                                                                                                                                .price,
                                                                                                                                                                .product-price,
                                                                                                                                                                .sale-price {
                                                                                                                                                                  color: #A9823F !important;
                                                                                                                                                                  }
                                                                                                                                                                  /* DERMEXA GLOBAL COLORS */
                                                                                                                                                                  :root {
                                                                                                                                                                    --ink: #062A20 !important;
                                                                                                                                                                      --paper: #F6F1E7 !important;
                                                                                                                                                                        --gold: #CDA75A !important;
                                                                                                                                                                          --cream: #F6F1E7 !important;
                                                                                                                                                                          }

                                                                                                                                                                          html,
                                                                                                                                                                          body {
                                                                                                                                                                            background: #F6F1E7 !important;
                                                                                                                                                                            }

                                                                                                                                                                            .topbar,
                                                                                                                                                                            .topbar-inner {
                                                                                                                                                                              background: #062A20 !important;
                                                                                                                                                                                color: #F6F1E7 !important;
                                                                                                                                                                                }

                                                                                                                                                                                .header,
                                                                                                                                                                                header {
                                                                                                                                                                                  background: #F6F1E7 !important;
                                                                                                                                                                                  }

                                                                                                                                                                                  .header a,
                                                                                                                                                                                  header a,
                                                                                                                                                                                  .header svg,
                                                                                                                                                                                  header svg {
                                                                                                                                                                                    color: #062A20 !important;
                                                                                                                                                                                      stroke: #062A20 !important;
                                                                                                                                                                                      }

                                                                                                                                                                                      .btn,
                                                                                                                                                                                      .button,
                                                                                                                                                                                      button {
                                                                                                                                                                                        border-color: #CDA75A !important;
                                                                                                                                                                                        }

                                                                                                                                                                                        footer,
                                                                                                                                                                                        .footer {
                                                                                                                                                                                          background: #062A20 !important;
                                                                                                                                                                                            color: #F6F1E7 !important;
                                                                                                                                                                                            /* ==================================
                                                                                                                                                                                               DERMEXA – FINAL COLOR PALETTE
                                                                                                                                                                                                  ================================== */

                                                                                                                                                                                                  :root{
                                                                                                                                                                                                    --dermexa-green: #0B3325;
                                                                                                                                                                                                      --dermexa-deep-green: #062A20;
                                                                                                                                                                                                        --dermexa-cream: #F6F1E7;
                                                                                                                                                                                                          --dermexa-gold: #CDA75A;
                                                                                                                                                                                                            --dermexa-skin-beige: #E9DDC8;
                                                                                                                                                                                                            }

                                                                                                                                                                                                            /* 1. الخلفية العامة */
                                                                                                                                                                                                            html,
                                                                                                                                                                                                            body,
                                                                                                                                                                                                            main {
                                                                                                                                                                                                              background-color: var(--dermexa-cream) !important;
                                                                                                                                                                                                              }

                                                                                                                                                                                                              /* 2. الهيدر */
                                                                                                                                                                                                              header,
                                                                                                                                                                                                              .header,
                                                                                                                                                                                                              .header-inner,
                                                                                                                                                                                                              .site-header,
                                                                                                                                                                                                              .header-wrapper {
                                                                                                                                                                                                                background-color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                  color: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                    border-bottom: 1px solid rgba(205,167,90,.30) !important;
                                                                                                                                                                                                                    }

                                                                                                                                                                                                                    /* أيقونات وروابط الهيدر */
                                                                                                                                                                                                                    header a,
                                                                                                                                                                                                                    .header a,
                                                                                                                                                                                                                    .header-inner a,
                                                                                                                                                                                                                    header svg,
                                                                                                                                                                                                                    .header svg,
                                                                                                                                                                                                                    .header-inner svg {
                                                                                                                                                                                                                      color: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                        stroke: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                        }

                                                                                                                                                                                                                        /* 3. الشريط العلوي إن موجود */
                                                                                                                                                                                                                        .topbar,
                                                                                                                                                                                                                        .topbar-inner,
                                                                                                                                                                                                                        .announcement-bar {
                                                                                                                                                                                                                          background-color: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                            color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                            }

                                                                                                                                                                                                                            .topbar a,
                                                                                                                                                                                                                            .topbar-inner a,
                                                                                                                                                                                                                            .announcement-bar a {
                                                                                                                                                                                                                              color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                              }

                                                                                                                                                                                                                              /* 4. الأزرار الأساسية */
                                                                                                                                                                                                                              .button,
                                                                                                                                                                                                                              .btn,
                                                                                                                                                                                                                              button[type="submit"],
                                                                                                                                                                                                                              .product-card button,
                                                                                                                                                                                                                              .product-item button {
                                                                                                                                                                                                                                background-color: var(--dermexa-green) !important;
                                                                                                                                                                                                                                  color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                                    border: 1px solid var(--dermexa-gold) !important;
                                                                                                                                                                                                                                      border-radius: 999px !important;
                                                                                                                                                                                                                                        box-shadow: none !important;
                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                        /* Hover */
                                                                                                                                                                                                                                        .button:hover,
                                                                                                                                                                                                                                        .btn:hover,
                                                                                                                                                                                                                                        button[type="submit"]:hover {
                                                                                                                                                                                                                                          background-color: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                                            border-color: var(--dermexa-gold) !important;
                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                            /* 5. الأزرار الشفافة / Outline */
                                                                                                                                                                                                                                            .button--secondary,
                                                                                                                                                                                                                                            .btn-outline,
                                                                                                                                                                                                                                            .button-outline {
                                                                                                                                                                                                                                              background: transparent !important;
                                                                                                                                                                                                                                                color: var(--dermexa-green) !important;
                                                                                                                                                                                                                                                  border: 1px solid var(--dermexa-gold) !important;
                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                  /* 6. العناوين */
                                                                                                                                                                                                                                                  h1,
                                                                                                                                                                                                                                                  h2,
                                                                                                                                                                                                                                                  h3,
                                                                                                                                                                                                                                                  .section-title,
                                                                                                                                                                                                                                                  .section-heading {
                                                                                                                                                                                                                                                    color: var(--dermexa-deep-green);
                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                    /* 7. لمسات ذهبية */
                                                                                                                                                                                                                                                    .price,
                                                                                                                                                                                                                                                    .product-price,
                                                                                                                                                                                                                                                    .sale-price,
                                                                                                                                                                                                                                                    .accent,
                                                                                                                                                                                                                                                    .gold {
                                                                                                                                                                                                                                                      color: var(--dermexa-gold) !important;
                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                      /* 8. كروت المنتجات */
                                                                                                                                                                                                                                                      .product-card,
                                                                                                                                                                                                                                                      .product-item,
                                                                                                                                                                                                                                                      .card {
                                                                                                                                                                                                                                                        background-color: #FFFDF8 !important;
                                                                                                                                                                                                                                                          border: 1px solid rgba(205,167,90,.18) !important;
                                                                                                                                                                                                                                                            border-radius: 16px !important;
                                                                                                                                                                                                                                                              overflow: hidden !important;
                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                              /* 9. Promotional grid */
                                                                                                                                                                                                                                                              .promo-grid > *,
                                                                                                                                                                                                                                                              .promotional-grid > * {
                                                                                                                                                                                                                                                                border-radius: 18px !important;
                                                                                                                                                                                                                                                                  overflow: hidden !important;
                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                  /* قسم البشرة - البطاقة الثانية */
                                                                                                                                                                                                                                                                  .promo-grid > *:nth-child(2),
                                                                                                                                                                                                                                                                  .promotional-grid > *:nth-child(2) {
                                                                                                                                                                                                                                                                    background-color: var(--dermexa-skin-beige) !important;
                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                    /* 10. الفوتر */
                                                                                                                                                                                                                                                                    footer,
                                                                                                                                                                                                                                                                    .footer,
                                                                                                                                                                                                                                                                    .site-footer {
                                                                                                                                                                                                                                                                      background-color: var(--dermexa-deep-green) !important;
                                                                                                                                                                                                                                                                        color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                        footer a,
                                                                                                                                                                                                                                                                        .footer a,
                                                                                                                                                                                                                                                                        .site-footer a {
                                                                                                                                                                                                                                                                          color: var(--dermexa-cream) !important;
                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                          /* خطوط وفواصل ذهبية بالفوتر */
                                                                                                                                                                                                                                                                          footer hr,
                                                                                                                                                                                                                                                                          .footer hr {
                                                                                                                                                                                                                                                                            border-color: rgba(205,167,90,.35) !important;
                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                            /* DERMEXA FEATURE BAR */
                                                                                                                                                                                                                                                                            .hs-features{
                                                                                                                                                                                                                                                                              display:grid!important;
                                                                                                                                                                                                                                                                                grid-template-columns:repeat(4,1fr)!important;
                                                                                                                                                                                                                                                                                  gap:0!important;
                                                                                                                                                                                                                                                                                    background:#F6F1E7!important;
                                                                                                                                                                                                                                                                                      padding:24px 18px!important;
                                                                                                                                                                                                                                                                                        border-radius:0!important;
                                                                                                                                                                                                                                                                                          box-shadow:none!important;
                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                          .hs-feature{
                                                                                                                                                                                                                                                                                            text-align:center!important;
                                                                                                                                                                                                                                                                                              background:transparent!important;
                                                                                                                                                                                                                                                                                                border:0!important;
                                                                                                                                                                                                                                                                                                  border-inline-start:1px solid rgba(11,51,37,.14)!important;
                                                                                                                                                                                                                                                                                                    padding:10px 18px!important;
                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                    .hs-feature:first-child{
                                                                                                                                                                                                                                                                                                      border-inline-start:0!important;
                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                      .hs-feature-icon{
                                                                                                                                                                                                                                                                                                        background:transparent!important;
                                                                                                                                                                                                                                                                                                          border:0!important;
                                                                                                                                                                                                                                                                                                            box-shadow:none!important;
                                                                                                                                                                                                                                                                                                              color:#0B3325!important;
                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                              .hs-feature-icon svg{
                                                                                                                                                                                                                                                                                                                width:30px!important;
                                                                                                                                                                                                                                                                                                                  height:30px!important;
                                                                                                                                                                                                                                                                                                                    stroke:#0B3325!important;
                                                                                                                                                                                                                                                                                                                      color:#0B3325!important;
                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                      .hs-feature-text{
                                                                                                                                                                                                                                                                                                                        color:#0B3325!important;
                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                        .hs-feature-text strong,
                                                                                                                                                                                                                                                                                                                        .hs-feature-text b{
                                                                                                                                                                                                                                                                                                                          color:#0B3325!important;
                                                                                                                                                                                                                                                                                                                            font-size:17px!important;
                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                            .hs-feature-text small,
                                                                                                                                                                                                                                                                                                                            .hs-feature-text span,
                                                                                                                                                                                                                                                                                                                            .hs-feature-text p{
                                                                                                                                                                                                                                                                                                                              color:rgba(11,51,37,.68)!important;
                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                              @media(max-width:700px){
                                                                                                                                                                                                                                                                                                                                .hs-features{
                                                                                                                                                                                                                                                                                                                                    grid-template-columns:repeat(2,1fr)!important;
                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                      @media(min-width:990px){

                                                                                                                                                                                                                                                                                                                                      .header{
                                                                                                                                                                                                                                                                                                                                      position:relative!important;
                                                                                                                                                                                                                                                                                                                                      background:#F6F1E7!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .head-grid{
                                                                                                                                                                                                                                                                                                                                      display:grid!important;
                                                                                                                                                                                                                                                                                                                                      grid-template-columns:1fr auto 1fr!important;
                                                                                                                                                                                                                                                                                                                                      align-items:center!important;
                                                                                                                                                                                                                                                                                                                                      min-height:92px!important;
                                                                                                                                                                                                                                                                                                                                      padding:10px 32px!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .burger{
                                                                                                                                                                                                                                                                                                                                      display:none!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .logo{
                                                                                                                                                                                                                                                                                                                                      grid-column:2!important;
                                                                                                                                                                                                                                                                                                                                      justify-self:center!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .logo img{
                                                                                                                                                                                                                                                                                                                                      width:220px!important;
                                                                                                                                                                                                                                                                                                                                      max-width:220px!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .head-grid form[action*="/search"]{
                                                                                                                                                                                                                                                                                                                                      display:none!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .nav{
                                                                                                                                                                                                                                                                                                                                      display:block!important;
                                                                                                                                                                                                                                                                                                                                      position:absolute!important;
                                                                                                                                                                                                                                                                                                                                      left:35px!important;
                                                                                                                                                                                                                                                                                                                                      top:50%!important;
                                                                                                                                                                                                                                                                                                                                      transform:translateY(-50%)!important;
                                                                                                                                                                                                                                                                                                                                      background:transparent!important;
                                                                                                                                                                                                                                                                                                                                      border:0!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .nav-inner{
                                                                                                                                                                                                                                                                                                                                      display:flex!important;
                                                                                                                                                                                                                                                                                                                                      align-items:center!important;
                                                                                                                                                                                                                                                                                                                                      gap:28px!important;
                                                                                                                                                                                                                                                                                                                                      padding:0!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .nav-item>a{
                                                                                                                                                                                                                                                                                                                                      color:#0B3325!important;
                                                                                                                                                                                                                                                                                                                                      font-size:15px!important;
                                                                                                                                                                                                                                                                                                                                      text-decoration:none!important;
                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                      .nav-item>a:hover{
                                                                                                                                                                                                                                                                                                                                      color:#CDA75A!important;
                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                      /* DERMEXA DESKTOP HEADER */
                                                                                                                                                                                                                                                                                                                                      @media(min-width:700px){

                                                                                                                                                                                                                                                                                                                                      .header{
                                                                                                                                                                                                                                                                                                                                        position:relative!important;
                                                                                                                                                                                                                                                                                                                                          background:#F6F1E7!important;
                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                          .head-grid{
                                                                                                                                                                                                                                                                                                                                            display:grid!important;
                                                                                                                                                                                                                                                                                                                                              grid-template-columns:1fr auto 1fr!important;
                                                                                                                                                                                                                                                                                                                                                align-items:center!important;
                                                                                                                                                                                                                                                                                                                                                  min-height:90px!important;
                                                                                                                                                                                                                                                                                                                                                    padding:10px 30px!important;
                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                    .header .burger,
                                                                                                                                                                                                                                                                                                                                                    .header .menu-burger{
                                                                                                                                                                                                                                                                                                                                                      display:none!important;
                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                      .logo{
                                                                                                                                                                                                                                                                                                                                                        grid-column:2!important;
                                                                                                                                                                                                                                                                                                                                                          justify-self:center!important;
                                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                                          .logo img{
                                                                                                                                                                                                                                                                                                                                                            width:220px!important;
                                                                                                                                                                                                                                                                                                                                                              max-width:220px!important;
                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                              .nav{
                                                                                                                                                                                                                                                                                                                                                                display:block!important;
                                                                                                                                                                                                                                                                                                                                                                  position:absolute!important;
                                                                                                                                                                                                                                                                                                                                                                    left:30px!important;
                                                                                                                                                                                                                                                                                                                                                                      top:50%!important;
                                                                                                                                                                                                                                                                                                                                                                        transform:translateY(-50%)!important;
                                                                                                                                                                                                                                                                                                                                                                          background:transparent!important;
                                                                                                                                                                                                                                                                                                                                                                            border:0!important;
                                                                                                                                                                                                                                                                                                                                                                              z-index:5!important;
                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                              .nav-inner{
                                                                                                                                                                                                                                                                                                                                                                                display:flex!important;
                                                                                                                                                                                                                                                                                                                                                                                  align-items:center!important;
                                                                                                                                                                                                                                                                                                                                                                                    gap:28px!important;
                                                                                                                                                                                                                                                                                                                                                                                      padding:0!important;
                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                      .nav-item{
                                                                                                                                                                                                                                                                                                                                                                                        display:block!important;
                                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                                        .nav-item>a{
                                                                                                                                                                                                                                                                                                                                                                                          color:#0B3325!important;
                                                                                                                                                                                                                                                                                                                                                                                            font-size:15px!important;
                                                                                                                                                                                                                                                                                                                                                                                              text-decoration:none!important;
                                                                                                                                                                                                                                                                                                                                                                                                white-space:nowrap!important;
                                                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                  
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          @media(min-width:700px){
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .topbar{background:#062A20!important;color:#F6F1E7!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .tb-arrow{display:none!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .topbar-inner{position:relative!important;display:flex!important;justify-content:center!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .topbar-inner:before{content:"توصيل داخل عُمان";position:absolute;left:30px}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .topbar-inner:after{content:"OM | عربي";position:absolute;right:30px}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header{position:relative!important;background:#F6F1E7!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .head-grid{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:92px!important;padding:0 40px!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .burger,[data-open-menu]{display:none!important}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .logo img{width:220px!important;max-width:220px!important}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav{display:block!important;position:absolute!important;left:40px!important;top:50%!important;transform:translateY(-50%)!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav-inner{display:flex!important;gap:28px!important;align-items:center!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav a{color:#0B3325!important;text-decoration:none!important;white-space:nowrap!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }@media(min-width:700px){
.topbar{background:#062A20!important;color:#F6F1E7!important}
.tb-arrow{display:none!important}
.topbar-inner{position:relative!important;display:flex!important;justify-content:center!important}
.topbar-inner:before{content:"توصيل داخل عُمان";position:absolute;left:30px}
.topbar-inner:after{content:"OM | عربي";position:absolute;right:30px}

.header{position:relative!important;background:#F6F1E7!important}
.head-grid{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:92px!important;padding:0 40px!important}
.burger,[data-open-menu]{display:none!important}

.logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important}
.logo img{width:220px!important;max-width:220px!important}

.nav{display:block!important;position:absolute!important;left:40px!important;top:50%!important;transform:translateY(-50%)!important}
.nav-inner{display:flex!important;gap:28px!important;align-items:center!important}
.nav a{color:#0B3325!important;text-decoration:none!important;white-space:nowrap!important}
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                          @media(min-width:700px){
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header{position:relative}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .burger{display:none!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav{display:block!important;position:absolute!important;left:25px;top:50%;transform:translateY(-50%);z-index:3}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav-inner{display:flex!important;gap:24px!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .nav-item>a{white-space:nowrap;color:#0B3325!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }.header .burger,
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header [data-open-menu]{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:none!important
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header .nav{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:block!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            position:absolute!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            left:20px!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            top:50%!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            transform:translateY(-50%)!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            z-index:99!important
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header .nav-inner{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:flex!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            gap:22px!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            align-items:center!important
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header .nav-item{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:block!important
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                                                                            .header .nav-item>a{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            display:block!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            white-space:nowrap!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            color:#0B3325!important
                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                                                                                          }[data-open-menu]{display:none!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                          .nav{display:block!important;position:absolute!important;left:25px!important;top:50%!important;transform:translateY(-50%)}
                                                                                                                                                                                                                                                                                                                                                                                                                                                          .nav-inner{display:flex!important;gap:22px!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                          @media(max-width:699px){
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .hs-slide img{
                                                                                                                                                                                                                                                                                                                                                                                                                                                            object-fit:contain!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                          }section.section:has(.promo-grid){
                                                                                                                                                                                                                                                                                                                                                                                                                                                              padding-top:0!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                                                                                                                                                                                                              section.section:has(.promo-grid) .sec-head{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                margin-top:0!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  padding-top:0!important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                                                                                                                                                                          /* =========================
                                                                                                                                                                                                                                                                                                                                                                                                                                                             DERMEXA MOBILE FIX
                                                                                                                                                                                                                                                                                                                                                                                                                                                                يحافظ على نفس التصميم
                                                                                                                                                                                                                                                                                                                                                                                                                                                                   ========================= */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                   @media screen and (max-width: 749px) {

                                                                                                                                                                                                                                                                                                                                                                                                                                                                     /* العرض العام */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .page-width,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .section,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .shopify-section,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .content-for-layout {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 padding-left: 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     padding-right: 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         max-width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             box-sizing: border-box;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 /* الهيدر */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .header,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .section-header,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .header-wrapper {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           padding-top: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               padding-bottom: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .header__heading-logo,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .header__heading-logo img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         max-width: 140px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             height: auto !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 /* السلايدر / البانر الرئيسي */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .slideshow,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .banner,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .image-banner,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .hero,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .slideshow__slide {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               min-height: auto !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   height: auto !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       overflow: hidden !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .slideshow__media img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .banner__media img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .image-banner img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .hero img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .slideshow img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           height: 220px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               object-fit: cover !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   object-position: center center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       display: block !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           /* محتوى البانر */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .banner__content,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .slideshow__text-wrapper,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .hero__content {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     padding: 18px 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             justify-content: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 align-items: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .banner__heading,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .slideshow__heading,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .hero__title,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .banner h1,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .slideshow h2 {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 font-size: 28px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     line-height: 1.25 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         margin-bottom: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .banner__text,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .slideshow__text,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .hero__text,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .banner p {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       font-size: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           line-height: 1.5 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               margin-bottom: 10px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .banner__buttons,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .slideshow__buttons,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .hero__buttons {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           gap: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               display: flex !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   flex-wrap: wrap !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       justify-content: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .banner__buttons .button,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .slideshow__buttons .button,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .hero__buttons .button,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .button {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     min-height: 42px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         padding: 10px 18px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             font-size: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 border-radius: 30px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     /* بطاقتي الشعر والبشرة */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .multicolumn-list,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .collection-list {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               gap: 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   /* إذا عندك سكاشن فيها كاردين جنب بعض */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .grid--2-col,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .collection-list.grid--2-col,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .multicolumn-list.grid--2-col {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             grid-template-columns: repeat(2, 1fr) !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 /* البطاقات الكبيرة تحت البانر */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .card,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .collection-card,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .multicolumn-card {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           border-radius: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               overflow: hidden !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .card img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .collection-card img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .multicolumn-card img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               height: auto !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   object-fit: cover !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       /* أيقونات المزايا */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .hs-features,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .multicolumn-list,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .icon-with-text {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 gap: 10px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .hs-features {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         display: grid !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             grid-template-columns: repeat(2, 1fr) !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 padding: 14px 6px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .hs-feature,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .multicolumn-card {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               padding: 10px 6px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .hs-feature-icon img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .multicolumn-card__image img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         max-width: 34px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             height: auto !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .hs-feature-text,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .multicolumn-card__info {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       font-size: 13px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           line-height: 1.4 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               /* عنوان السكاشن */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .title,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .section-header__title,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     h2 {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         font-size: 26px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             line-height: 1.3 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     margin-bottom: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         /* سكشن المنتجات */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .product-grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .collection .grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .grid.product-grid {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   display: grid !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           gap: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .card-wrapper,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .product-card-wrapper,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .grid__item {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           max-width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .card__media img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .media img,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .product-card img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           height: 160px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               object-fit: contain !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   display: block !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .card__heading,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .product-card__title,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .full-unstyled-link {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               font-size: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   line-height: 1.45 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .price {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               font-size: 15px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .quick-add__submit,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .product-form__submit,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .card .button {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   min-height: 40px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       font-size: 14px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           padding: 10px 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               border-radius: 8px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   /* سكشن الاشتراك */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .newsletter,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .footer-block,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .footer {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             text-align: center !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .newsletter-form__field-wrapper {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     flex-direction: column !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         gap: 10px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .newsletter-form__field-wrapper .field,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               .newsletter-form__field-wrapper .button {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   width: 100% !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       /* الفوتر */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .footer__content-top,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           .footer__content-bottom {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               padding-left: 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   padding-right: 12px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       /* تقليل الفراغات */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .shopify-section {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             margin-bottom: 22px !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               } 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               @media (max-width: 699px) {

  .slide-media {
    height: auto !important;
    min-height: 0 !important;
  }

  .slide-media img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
  }
  /* =========================================================
   DERMEXA — MOBILE HOMEPAGE
   Exact Match to Desktop Composition Reference
   ========================================================= */

@media screen and (max-width: 640px) {

  /* =====================================================
     0. FULL-WIDTH CONTAINER ALIGNMENT
     Removes side padding so all sections align with top hero
     ===================================================== */
  .page-width,
  .shopify-section,
  .index-section,
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }


  /* =====================================================
     1. HERO BANNER
     ===================================================== */
  .hero-fb,
  .slideshow,
  .banner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 7 !important;
  }

  .hero-fb-inner,
  .banner__media {
    height: 100% !important;
    min-height: 0 !important;
  }

  .hero-fb-bg,
  .banner__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }


  /* =====================================================
     2. HAIR CARE + SKIN CARE (CATEGORY TILES)
     Fixes tall vertical bug -> Forces exact landscape cards
     ===================================================== */
  .promo-grid,
  .promo-grid-2,
  .promotional-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .promo-grid > *,
  .promo-grid-2 > *,
  .promotional-grid > *,
  .promo-tile {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    /* Forces horizontal card proportion matching the reference image */
    aspect-ratio: 1.72 / 1 !important; 

    margin: 0 !important;
    padding: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }

  .promo-grid img,
  .promo-grid-2 img,
  .promotional-grid img,
  .promo-tile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }


  /* =====================================================
     3. BENEFITS SECTION (4 COLUMNS ACROSS)
     ===================================================== */
  .hs-features {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 10px 4px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .hs-feature {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    gap: 2px !important;
    padding: 2px !important;
    text-align: center !important;
    border-bottom: 0 !important;
  }

  .hs-feature::after {
    display: none !important;
  }

  .hs-feature-icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0 auto 2px !important;
    font-size: 14px !important;
  }

  .hs-feature-text b {
    display: block !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
  }

  .hs-feature-text span {
    display: block !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
  }


  /* =====================================================
     4. FEATURED PRODUCTS (4 ACROSS LIKE REFERENCE)
     ===================================================== */
  .showcase-products .grid.products.compact,
  .product-grid,
  .grid.product-grid,
  ul.grid.product-grid,
  .contains-card {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .card-wrapper,
  .product-card-wrapper,
  .grid__item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1:1 Square Product Image Enforcer */
  .card__media,
  .card__inner,
  .product-card__image-wrapper,
  .product-card .media,
  .card__media .media {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 4px !important;
  }

  .card__media img,
  .product-card img,
  .product-card__image,
  .card__inner img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .card__heading,
  .product-card__title,
  .full-unstyled-link,
  .price {
    font-size: 8px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .quick-add__submit,
  .product-form__submit,
  .card .button {
    width: 100% !important;
    min-height: 24px !important;
    padding: 2px !important;
    font-size: 7px !important;
    border-radius: 4px !important;
  }
  /* =========================================================
   DERMEXA — COLLECTION LIST PAGE MOBILE
   2 COLLECTIONS PER ROW
   ========================================================= */

@media screen and (max-width: 640px) {

  /* COLLECTION GRID */
  .page-shell .cat-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* EACH COLLECTION CARD */
  .page-shell .cat-strip .cat-card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
  }


  /* COLLECTION IMAGE */
  .page-shell .cat-strip .cat-card img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* COLLECTION TITLE */
  .page-shell .cat-strip .cat-card span {
    display: block !important;

    width: 100% !important;

    padding: 8px 3px 12px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    text-align: center !important;
  }


  /* REMOVE DESKTOP HOVER MOVEMENT */
  .page-shell .cat-strip .cat-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

 @media screen and (max-width: 640px) {

  /* =====================================
     HEADER — TRUE CENTER
     ===================================== */

  .header .head-grid {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;

    padding: 0 12px !important;
    margin: 0 !important;

    box-sizing: border-box !important;
  }


  /* HAMBURGER — PHYSICAL LEFT */
  .header .burger {
    position: absolute !important;

    left: 12px !important;
    right: auto !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;

    z-index: 3 !important;
  }


  /* DERMEXA — EXACT CENTER OF PHONE */
  .header .logo {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;

    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 145px !important;
    max-width: 145px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
  }

  .header .logo img {
    display: block !important;

    width: 145px !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain !important;
  }


  /* ICON GROUP — PHYSICAL RIGHT */
  .header .head-actions {
    position: absolute !important;

    right: 10px !important;
    left: auto !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 3px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 3 !important;
  }

  .header .head-actions .icon-btn {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 25px !important;

    width: 25px !important;
    min-width: 25px !important;
    height: 34px !important;

    padding: 2px !important;
    margin: 0 !important;
  }

  .header .head-actions .icon-btn svg {
    width: 19px !important;
    height: 19px !important;
  }


  /* =====================================
     PROMO CARDS
     DON'T SWAP THE IMAGES
     ===================================== */

  .promo-grid-2 {
    direction: initial !important;
  }

  .promo-grid-2 > :first-child,
  .promo-grid-2 > :nth-child(2) {
    order: initial !important;
  }


  /* Desktop-only header elements */
  .header .searchbar,
  .header .nav {
    display: none !important;
  }

  @media screen and (max-width: 640px) {

  /* Keep the two promo cards in fixed physical positions */
  .promo-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    direction: ltr !important;
  }

  /* First card = HAIR CARE → physical LEFT */
  .promo-grid-2 > :first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: unset !important;
  }

  /* Second card = SKIN CARE / WOMAN → physical RIGHT */
  .promo-grid-2 > :nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: unset !important;
  }
/* ============================= */
/* DERMEXA HERO + PROMO FIX      */
/* ============================= */

/* HERO BUTTONS */
.slideshow .button,
.slideshow__text .button,
.slideshow__text-wrapper .button,
.banner__buttons .button,
.banner .button {
  min-width: 210px !important;
    min-height: 58px !important;
      padding: 14px 30px !important;
        font-size: 18px !important;
          font-weight: 700 !important;
            border-radius: 999px !important;
              display: inline-flex !important;
                align-items: center !important;
                  justify-content: center !important;
                  }

                  /* PROMOTIONAL SECTION */
                  .promo-slider,
                  .promo-slides,
                  .promotional-slider,
                  .promotional-slides,
                  .promotion-slider,
                  .promotion-slides,
                  .promo-grid,
                  .promotional-grid {
                    width: 100% !important;
                      max-width: 100% !important;
                      }

                      /* PROMO CARDS */
                      .promo-card,
                      .promotional-card,
                      .promotion-card {
                        min-height: 280px !important;
                          border-radius: 18px !important;
                            overflow: hidden !important;
                            }

                            /* IMAGES */
                            .promo-card img,
                            .promotional-card img,
                            .promotion-card img,
                            .promo-slider img,
                            .promotional-slider img {
                              width: 100% !important;
                                height: 100% !important;
                                  object-fit: cover !important;
                                  }

                                  /* ============================= */
                                  /* MOBILE                        */
                                  /* ============================= */

                                  @media screen and (max-width 750px) {

                                    /* HERO BUTTONS BIGGER */
                                      .slideshow .button,
                                        .slideshow__text .button,
                                          .slideshow__text-wrapper .button,
                                            .banner__buttons .button,
                                              .banner .button {
                                                  min-width: 180px !important;
                                                      min-height: 56px !important;
                                                          padding: 14px 24px !important;
                                                              font-size: 17px !important;
                                                                }

                                                                  /* PROMO FULL WIDTH */
                                                                    .promo-slider,
                                                                      .promo-slides,
                                                                        .promotional-slider,
                                                                          .promotional-slides,
                                                                            .promotion-slider,
                                                                              .promotion-slides,
                                                                                .promo-grid,
                                                                                  .promotional-grid {
                                                                                      width: 100vw !important;
                                                                                          max-width: 100vw !important;
                                                                                              margin-left: calc(50% - 50vw) !important;
                                                                                                  margin-right: calc(50% - 50vw) !important;
                                                                                                      padding-left: 6px !important;
                                                                                                          padding-right: 6px !important;
                                                                                                              box-sizing: border-box !important;
                                                                                                                }

                                                                                                                  .promo-card,
                                                                                                                    .promotional-card,
                                                                                                                      .promotion-card {
                                                                                                                          min-height: 210px !important;
                                                                                                                            }
                                                                                                                            }

                                                                                                                            /* ============================= */
                                                                                                                            /* DESKTOP                       */
                                                                                                                            /* ============================= */

                                                                                                                            @media screen and (min-width: 700px) {

                                                                                                                              .slideshow .button,
                                                                                                                                .slideshow__text .button,
                                                                                                                                  .slideshow__text-wrapper .button,
                                                                                                                                    .banner__buttons .button,
                                                                                                                                      .banner .button {
                                                                                                                                          min-width: 240px !important;
                                                                                                                                              min-height: 62px !important;
                                                                                                                                                  font-size: 19px !important;
                                                                                                                                                    }

                                                                                                                                                      .promo-card,
                                                                                                                                                        .promotional-card,
                                                                                                                                                          .promotion-card {
                                                                                                                                                              min-height: 320px !important;
                                                                                                                                                                }
                                                                                                                                                                }
   @media(max-width:749px){
      .page-width,
        .container{
            width:100%!important;
                max-width:100%!important;
                    padding-left:6px!important;
                        padding-right:6px!important;
                            margin-left:auto!important;
                                margin-right:auto!important;
                                  }
                                  }
                    @media(max-width:749px){
                      html,body{overflow-x:hidden!important}
                      #MainContent,
                      .shopify-section-group-header-group,
                      .shopify-section-group-footer-group{
                      width:104vw!important;
                      max-width:104vw!important;
                      margin-left:-2vw!important;
                      margin-right:-2vw!important;
                      }
                      }
                      @media(max-width:749px){
                          body{
                              zoom:1.08;
                                }
                                }
                      }
                    }              
   }                                                                                                                                             
}