/* Diba — mobile store title only */
@font-face{
  font-family:"Diba";
  src:url("https://db.onlinewebfonts.com/t/4242a4aaf7499487cfb344475e287bbe.woff2") format("woff2"),
      url("https://db.onlinewebfonts.com/t/4242a4aaf7499487cfb344475e287bbe.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/* Stack storefront bundle V60 — source order preserved exactly. */

/* ===== style.css ===== */
:root{
  --green-950:#2a111b;--green-900:#4a1f2d;--green-800:#62293a;--green-700:#7b3548;
  --yellow:#d8aa45;--orange:#b75b3a;--cream:#fbf2e7;--cream-2:#fffcf8;
  --ink:#2a2023;--muted:#75696d;--line:#e8dcd3;--white:#fff;--danger:#b42318;
  --shadow:0 16px 45px rgba(74,31,45,.10);--shadow-sm:0 8px 24px rgba(74,31,45,.08);
  --radius:24px;--radius-md:18px;--radius-sm:13px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream-2);color:var(--ink);font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.section{padding:72px 0}.section--tight{padding:30px 0}.section--muted{background:#f8f1eb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;right:10px;z-index:9999;background:#fff;padding:10px 16px;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.topbar{background:var(--green-900);color:#fff;font-size:13px}.topbar__inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar span{display:flex;align-items:center;gap:7px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,248,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,223,202,.7);transition:.25s}.site-header.is-scrolled{box-shadow:0 8px 30px rgba(74,31,45,.08)}.header-row{height:102px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand img{width:76px;height:76px;object-fit:cover;border-radius:50%;border:3px solid var(--orange);box-shadow:0 5px 18px rgba(183,91,58,.16)}.brand span{display:flex;flex-direction:column;line-height:1.4}.brand strong{font-size:22px;color:var(--green-900)}.brand small{font-size:11px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:26px;margin-inline:auto}.main-nav a{font-size:14px;font-weight:700;position:relative;padding:14px 0}.main-nav a:after{content:"";position:absolute;right:0;bottom:5px;width:0;height:2px;background:var(--orange);transition:.2s}.main-nav a:hover:after{width:100%}.header-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-900);position:relative}.icon-btn:hover{border-color:var(--green-700);color:var(--green-700)}.cart-button span{position:absolute;top:-4px;left:-2px;background:var(--yellow);color:var(--green-950);border:2px solid #fff;border-radius:99px;min-width:21px;height:21px;display:grid;place-items:center;font-size:11px;font-weight:800}.mobile-menu-btn{display:none}.mobile-bottom-nav{display:none}
.toast{position:fixed;top:150px;left:24px;z-index:300;background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:14px;box-shadow:var(--shadow-sm);transition:.3s}.toast--success{border-right:4px solid var(--green-700)}.toast--hide{opacity:0;transform:translateY(-10px);pointer-events:none}
.hero{padding-top:42px}.hero-card{display:grid;grid-template-columns:1fr 1.06fr;min-height:540px;border:1px solid #d9b69e;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#fffcf8 0%,#f8ebe1 100%);box-shadow:var(--shadow)}.hero-content{padding:72px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-content:before{content:"";position:absolute;inset:25px auto auto 25px;width:150px;height:150px;background:radial-gradient(circle,var(--yellow) 0 4%,transparent 5%);background-size:18px 18px;opacity:.14}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:13px;font-weight:800;margin-bottom:12px}.hero h1,.page-hero h1,.product-info h1,.success-card h1{font-size:clamp(34px,4.4vw,62px);line-height:1.35;margin:0 0 18px;color:var(--green-900);letter-spacing:-1.3px}.hero p{font-size:18px;color:var(--muted);max-width:580px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:12px 20px;font-weight:800;transition:.2s;min-height:48px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--green-900);color:#fff}.btn-secondary{background:#fff;color:var(--green-900);border-color:var(--line)}.btn-yellow{background:var(--yellow);color:var(--green-950)}.btn-outline{background:#fff;color:var(--green-900);border-color:var(--green-700)}.btn-block{width:100%}.btn-lg{min-height:56px;font-size:16px}.hero-metrics{display:flex;gap:24px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.hero-metrics span{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.hero-metrics strong{font-size:18px;color:var(--green-900)}.hero-image{min-height:540px}.hero-image img{width:100%;height:100%;object-fit:cover}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.categories a{display:flex;align-items:center;flex-direction:column;gap:10px;padding:8px;border-radius:16px;transition:.2s}.categories a:hover{background:var(--cream)}.categories img{width:116px;height:116px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}.categories strong{color:var(--green-900)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{font-size:34px;margin:0;color:var(--green-900)}.section-heading a{font-size:14px;color:var(--green-700);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 4px 18px rgba(74,31,45,.045);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.product-card__image{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#f3e8df}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover img{transform:scale(1.035)}.badge{position:absolute;top:12px;right:12px;background:var(--yellow);color:var(--green-950);padding:5px 10px;border-radius:9px;font-size:11px;font-weight:900}.product-card__body{padding:17px}.rating{color:#b97822;font-size:12px;font-weight:800}.rating small{color:var(--muted);font-weight:400}.product-card h3{margin:6px 0;font-size:17px}.product-card h3 a:hover{color:var(--green-700)}.product-card p{margin:0 0 5px;color:var(--muted);font-size:13px}.product-card strong{display:block;color:var(--green-900);font-size:18px;margin-bottom:14px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.feature-strip>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px;border-left:1px solid var(--line);color:var(--green-700)}.feature-strip>div:last-child{border-left:0}.feature-strip span{display:flex;flex-direction:column}.feature-strip strong{color:var(--ink)}.feature-strip small{color:var(--muted);font-size:11px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.promo{min-height:290px;border-radius:26px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:center;padding:38px}.promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,31,45,.92),rgba(74,31,45,.18))}.promo--yellow:after{background:linear-gradient(90deg,rgba(255,210,0,.97),rgba(255,210,0,.25))}.promo>div{position:relative;z-index:2;width:60%}.promo h2{font-size:31px;margin:7px 0}.promo p{margin:0 0 20px}.promo--yellow{color:var(--green-950)}.story-card{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;background:var(--green-950);color:#fff;border-radius:30px;padding:52px}.story h2{font-size:38px;margin:0 0 14px}.story p{color:#eadde1}.story ul{display:grid;gap:8px;padding:0;list-style:none;margin:22px 0}.story li:before{content:"✓";color:var(--yellow);font-weight:900;margin-left:8px}.story-quote{border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08);padding:34px;display:flex;justify-content:center;flex-direction:column}.story-quote strong{font-size:28px;line-height:1.7}.story-quote span{color:var(--yellow);margin-top:16px}.accordion{display:grid;gap:12px}.accordion details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.accordion summary{font-weight:800;color:var(--green-900);padding:18px 0;cursor:pointer}.accordion p{color:var(--muted);margin-top:0}.accordion--large{max-width:900px}.accordion--large details{padding-inline:26px}.accordion--large summary{font-size:18px;padding:22px 0}
.page-hero{padding:70px 0;background:linear-gradient(135deg,#f8eee7,#fffcf8);border-bottom:1px solid var(--line)}.page-hero--small{padding:42px 0}.page-hero h1{font-size:48px}.page-hero p{color:var(--muted);font-size:17px}.filter-bar{display:grid;grid-template-columns:1fr 240px 130px;gap:12px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:18px;margin-bottom:28px}.filter-bar input,.filter-bar select,.buy-box select,.buy-box input,.checkout-form input,.checkout-form textarea,.checkout-form select,.track-form input,.admin-order select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}.filter-bar input:focus,.filter-bar select:focus,.buy-box select:focus,.buy-box input:focus,.checkout-form input:focus,.checkout-form textarea:focus,.track-form input:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(18,128,90,.11)}.empty-state{max-width:600px;margin:30px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:54px 28px}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--cream);color:var(--green-900);display:grid;place-items:center;margin:0 auto 20px}.empty-state h1,.empty-state h2{color:var(--green-900)}
.product-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.product-gallery{position:relative;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line)}.product-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-info h1{font-size:42px}.breadcrumbs{color:var(--muted);font-size:12px;margin-bottom:18px}.lead{color:var(--muted);font-size:16px}.buy-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin:24px 0}.buy-box label,.checkout-form label,.track-form label{font-size:13px;font-weight:800;display:grid;gap:7px;color:var(--green-950)}.purchase-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:end;margin:15px 0}.price{font-size:26px;font-weight:900;color:var(--green-900);text-align:left;padding-bottom:6px}.stock{color:var(--green-700);font-size:13px}.product-specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.product-specs div{padding:16px;background:#fff;border-bottom:1px solid var(--line);border-left:1px solid var(--line);display:flex;flex-direction:column}.product-specs div:nth-child(even){border-left:0}.product-specs div:nth-last-child(-n+2){border-bottom:0}.product-specs span{font-size:12px;color:var(--muted)}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:28px;align-items:start}.cart-list{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:100px 1fr 95px 130px 50px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.cart-item img{width:100px;height:100px;object-fit:cover;border-radius:13px}.cart-item h3{margin:0;font-size:16px}.cart-item p{margin:0;color:var(--muted);font-size:12px}.cart-item label{font-size:11px;color:var(--muted)}.cart-item input{width:75px;border:1px solid var(--line);border-radius:10px;padding:9px}.line-total{font-weight:900;color:var(--green-900)}.link-danger{background:none;border:0;color:var(--danger);font-size:12px}.order-summary{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:14px}.order-summary.sticky{position:sticky;top:130px}.order-summary h2{margin:0 0 5px;color:var(--green-900)}.order-summary>div{display:flex;justify-content:space-between;gap:15px}.order-summary small{color:var(--muted)}.summary-total{font-size:18px}.summary-total strong{color:var(--green-900)}.checkout-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:18px}.checkout-form h2{color:var(--green-900);margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.payment-options{display:grid;gap:10px}.payment-options label{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}.payment-options input{width:auto;margin-top:6px}.payment-options span{display:grid}.payment-options small{font-weight:400;color:var(--muted)}.form-note{font-size:11px;color:var(--muted);text-align:center}.alert{padding:14px 18px;border-radius:13px}.alert-error{background:#fff0ee;color:#8b1e15;border:1px solid #f3c7c1}.alert-success{background:#ebfff6;color:#4a1f2d;border:1px solid #bcebd6}.mini-item{display:grid!important;grid-template-columns:54px 1fr auto!important;align-items:center}.mini-item img{width:54px;height:54px;object-fit:cover;border-radius:10px}.mini-item span{display:grid;font-size:12px}.mini-item small{font-size:10px}.success-card{max-width:820px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:58px 34px;margin:20px auto;box-shadow:var(--shadow-sm)}.success-icon{width:90px;height:90px;border-radius:50%;background:#f6eaf0;color:var(--green-700);display:grid;place-items:center;margin:0 auto 20px}.order-code{display:inline-block;background:var(--cream);border:1px dashed var(--orange);padding:12px 20px;border-radius:12px;font-size:25px;font-weight:900;color:var(--green-900);direction:ltr;margin:18px}.success-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.success-details span{display:grid;background:#fbf7ed;padding:14px;border-radius:13px;color:var(--muted)}.success-details strong{color:var(--ink)}.track-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;align-items:start}.track-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:15px}.order-result{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.status-pill{background:#f5e9ee;color:var(--green-800);padding:7px 12px;border-radius:99px;font-size:12px;font-weight:800}.result-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.result-item span{display:grid}.result-item small{color:var(--muted)}.error-text{color:var(--danger);font-size:13px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.content-grid h2{font-size:38px;color:var(--green-900)}.rounded-image{width:100%;border-radius:28px;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0}.check-list li:before{content:"✓";color:var(--green-700);font-weight:900;margin-left:9px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}.contact-card{background:var(--green-950);color:#fff;border-radius:24px;padding:34px}.contact-card h2,.contact-card h3{color:var(--yellow)}.contact-card p{display:flex;gap:10px;align-items:center}
.admin-login{max-width:500px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-orders{display:grid;gap:18px}.admin-order{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.admin-order__head{display:flex;justify-content:space-between;padding:18px 20px;background:#fbf7ed}.admin-order__head div{display:grid}.admin-order__head small{color:var(--muted)}.admin-order__body{padding:20px}.admin-order__body form{display:flex;gap:10px}.admin-order select{max-width:240px}.admin-link{font-size:11px;opacity:.55}
.footer{background:var(--green-950);color:#e8dce0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:44px;padding:58px 0}.footer h3{color:#fff}.footer a{display:block;margin:7px 0}.footer a:hover{color:var(--yellow)}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:21px}.footer-brand img{border-radius:50%}.socials{display:flex;gap:8px}.socials a{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:16px;font-size:12px}
@media (max-width:1024px){.main-nav{gap:14px}.main-nav a{font-size:12px}.brand span{display:none}.brand{min-width:auto}.hero-content{padding:50px 38px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip>div:nth-child(2){border-left:0}.feature-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cart-item{grid-template-columns:90px 1fr 80px}.cart-item .line-total{grid-column:2}.cart-item .link-danger{grid-column:3;grid-row:2}.cart-layout,.checkout-layout{grid-template-columns:1fr}.order-summary.sticky{position:static}}
@media (max-width:760px){body{padding-bottom:72px}.desktop-only{display:none!important}.topbar__inner{justify-content:space-around;font-size:10px}.header-row{height:76px}.brand img{width:56px;height:56px}.main-nav{display:none;position:absolute;top:76px;right:16px;left:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{padding:10px 12px}.mobile-menu-btn{display:grid}.icon-btn{width:40px;height:40px}.hero{padding-top:18px}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-content{padding:34px 24px;order:2}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-image{min-height:310px;order:1}.hero-metrics{gap:12px;justify-content:space-between}.categories{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:14px}.categories a{min-width:118px;scroll-snap-align:start}.categories img{width:88px;height:88px}.section{padding:48px 0}.section--tight{padding:18px 0}.section-heading{align-items:center}.section-heading h2{font-size:27px}.section-heading a{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card__body{padding:12px}.product-card h3{font-size:14px}.product-card strong{font-size:14px}.product-card .btn{font-size:11px;padding:9px 8px;min-height:42px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip>div{padding:15px 8px;gap:8px}.feature-strip strong{font-size:12px}.promo-grid{grid-template-columns:1fr}.promo{min-height:235px;padding:24px}.promo>div{width:78%}.promo h2{font-size:25px}.story-card{grid-template-columns:1fr;padding:28px 22px}.story h2{font-size:30px}.story-quote strong{font-size:22px}.page-hero{padding:44px 0}.page-hero h1{font-size:36px}.filter-bar{grid-template-columns:1fr}.product-detail__grid{grid-template-columns:1fr;gap:28px}.product-info h1{font-size:34px}.product-specs{grid-template-columns:1fr}.product-specs div{border-left:0!important;border-bottom:1px solid var(--line)!important}.purchase-row{grid-template-columns:110px 1fr}.cart-item{grid-template-columns:74px 1fr 70px;gap:10px}.cart-item img{width:74px;height:74px}.cart-item h3{font-size:13px}.line-total{font-size:12px}.checkout-form{padding:20px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.success-details{grid-template-columns:1fr}.track-wrap,.content-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding:40px 0}.mobile-bottom-nav{position:fixed;z-index:120;bottom:0;right:0;left:0;height:70px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 28px rgba(74,31,45,.08)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;color:var(--green-900)}.mobile-bottom-nav span{font-size:10px}.toast{top:95px;left:12px;right:12px;text-align:center}.admin-order__head{align-items:start;gap:12px}.admin-order__body form{flex-direction:column}.admin-order select{max-width:none}}
@media (max-width:420px){.container{width:min(calc(100% - 20px),var(--container))}.product-grid{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.success-card{padding:38px 18px}.order-code{font-size:19px}.product-card h3{min-height:50px}.product-card__body .rating{font-size:10px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== premium.css ===== */
:root{
  --green-1000:#241018;--green-950:#32151f;--green-900:#4a1f2d;--green-800:#62293a;--green-700:#7b3548;
  --yellow:#d8aa45;--yellow-soft:#f5e5b8;--orange:#b75b3a;--cream:#fbf2e7;--sand:#ead8c6;
  --ink:#261b1f;--muted:#76696d;--line:#e8dcd3;--white:#fff;
  --shadow-xl:0 30px 90px rgba(42,17,27,.17);--shadow-lg:0 22px 55px rgba(42,17,27,.12);--shadow-md:0 14px 36px rgba(42,17,27,.09);
  --container:1240px;
}
body{background:#fffcf8;overflow-x:hidden}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 4% 10%,rgba(216,170,69,.09),transparent 26%),radial-gradient(circle at 96% 42%,rgba(123,53,72,.065),transparent 28%);pointer-events:none}
::selection{background:var(--yellow);color:var(--green-1000)}
.container{width:min(calc(100% - 40px),var(--container))}
.section{padding:92px 0}.section--tight{padding:28px 0}.eyebrow{letter-spacing:.1px}.eyebrow:before{content:"";width:23px;height:2px;border-radius:99px;background:currentColor}

/* announcement */
.topbar{display:none}.announcement{height:38px;overflow:hidden;background:linear-gradient(90deg,var(--green-1000),var(--green-800),var(--green-1000));color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.announcement__track{height:100%;display:flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap;font-size:12px;font-weight:700}.announcement__track span{display:inline-flex;align-items:center;gap:7px}.announcement__track i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}

/* header */
.site-header--premium{background:rgba(255,253,249,.84);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(233,223,207,.68)}
.site-header--premium.is-scrolled{box-shadow:0 14px 40px rgba(42,17,27,.09);background:rgba(255,255,255,.94)}
.header-row{height:96px;gap:26px}.brand--premium{min-width:170px}.brand--premium img{width:68px;height:68px;object-fit:contain;border:0;border-radius:50%;box-shadow:0 9px 27px rgba(183,91,58,.17);background:transparent}.brand--premium strong{font-size:20px}.brand--premium small{font-size:10px;letter-spacing:.2px}
.main-nav--premium{gap:24px}.main-nav--premium a{font-size:13px;padding:20px 0;color:#514248}.main-nav--premium a:after{bottom:13px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--orange))}.main-nav--premium a.is-active{color:var(--green-900)}.main-nav--premium a.is-active:after{width:100%}.main-nav--premium em{font-style:normal;background:var(--yellow);color:var(--green-1000);font-size:8px;border-radius:99px;padding:2px 5px;margin-right:4px}
.mobile-nav-head,.mobile-nav-contact{display:none}.icon-btn{width:45px;height:45px;border:1px solid rgba(74,31,45,.13);background:rgba(255,255,255,.8);box-shadow:0 7px 20px rgba(42,17,27,.04)}.icon-btn:hover{background:var(--green-900);color:#fff;border-color:var(--green-900);transform:translateY(-2px)}.cart-button{background:var(--green-900);color:#fff}.cart-button span{background:var(--yellow);border-color:#fff}.search-panel{position:absolute;top:100%;right:0;left:0;max-height:0;overflow:hidden;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);transition:max-height .3s ease,box-shadow .3s}.search-panel.is-open{max-height:120px;box-shadow:0 20px 38px rgba(42,17,27,.09)}.search-panel__form{height:100px;display:grid;grid-template-columns:auto 1fr auto auto;gap:13px;align-items:center}.search-panel input{width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 2px;outline:0;background:transparent;font-size:17px}.search-close{border:0;background:transparent;font-size:27px;color:var(--muted)}.nav-backdrop{display:none}

/* general buttons */
.btn{border-radius:14px;position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.25) 45%,transparent 65%);transform:translateX(120%);transition:transform .55s;z-index:-1}.btn:hover:before{transform:translateX(-120%)}.btn-primary{background:linear-gradient(135deg,var(--green-800),var(--green-950));box-shadow:0 10px 26px rgba(74,31,45,.17)}.btn-yellow{background:linear-gradient(135deg,#e4bd64,var(--yellow));box-shadow:0 10px 26px rgba(216,170,69,.17)}.btn-glass{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(8px)}.btn-xl{min-height:58px;padding:15px 25px;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green-800);font-weight:900;font-size:13px}.text-link svg{transition:.2s}.text-link:hover svg{transform:translateX(-4px)}

/* hero */
.hero-premium{padding:26px 0 40px;background:var(--green-1000);position:relative;isolation:isolate;overflow:hidden}.hero-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(216,170,69,.16),transparent 21%),radial-gradient(circle at 12% 84%,rgba(183,91,58,.11),transparent 24%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,auto,40px 40px,40px 40px;z-index:-2}.hero-premium:after{content:"استک";position:absolute;bottom:-170px;right:-40px;font-size:420px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);z-index:-1}.hero-premium__shell{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero-premium__content{color:#fff;padding:58px 0}.hero-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:99px;padding:7px 13px;font-size:11px;margin-bottom:24px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(216,170,69,.65);animation:pulse 2s infinite}.hero-premium h1{margin:0 0 22px;font-size:clamp(46px,5.1vw,78px);line-height:1.22;letter-spacing:-2px}.hero-premium h1 span{color:var(--yellow);position:relative}.hero-premium h1 span:after{content:"";position:absolute;right:0;left:18%;bottom:-8px;height:7px;border-radius:99px;background:var(--orange);transform:rotate(-1deg)}.hero-premium__content>p{max-width:640px;color:#dfcfd4;font-size:17px;line-height:2;margin:0 0 31px}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:36px}.proof-stack{display:flex;direction:ltr}.proof-stack img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:3px solid var(--green-1000);margin-left:-12px}.hero-proof>div:nth-child(2){display:grid;line-height:1.4}.hero-proof strong{font-size:15px}.hero-proof small{font-size:10px;color:#bca8ae}.proof-rating{border-right:1px solid rgba(255,255,255,.15);padding-right:16px;color:var(--yellow);font-weight:900;font-size:13px}
.hero-premium__visual{position:relative;min-height:610px;display:grid;place-items:center}.hero-main-image{width:min(520px,88%);aspect-ratio:1;border-radius:48% 52% 45% 55% / 55% 43% 57% 45%;overflow:hidden;border:10px solid rgba(255,255,255,.08);box-shadow:0 45px 100px rgba(0,0,0,.42);position:relative;z-index:2;transition:transform .2s ease-out}.hero-main-image:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 40%,rgba(42,17,27,.22))}.hero-main-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.hero-orbit{position:absolute;border:1px dashed rgba(216,170,69,.22);border-radius:50%;animation:spin 22s linear infinite}.hero-orbit--one{width:590px;height:590px}.hero-orbit--two{width:470px;height:470px;animation-direction:reverse;animation-duration:18s}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 0 24px var(--yellow)}.hero-orbit:before{top:10%;right:18%}.hero-orbit:after{bottom:11%;left:19%;background:var(--orange);box-shadow:0 0 24px var(--orange)}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.2);backdrop-filter:blur(14px);animation:float 4s ease-in-out infinite}.float-card--top{top:12%;right:2%}.float-card--bottom{bottom:12%;left:0;animation-delay:-1.5s}.float-card div{display:grid;line-height:1.45}.float-card strong{font-size:12px}.float-card small{font-size:9px;color:var(--muted)}.float-icon{width:38px;height:38px;border-radius:12px;background:#f5e8ed;color:var(--green-800);display:grid;place-items:center}.float-icon--yellow{background:#f8edcf;color:#8d5a17}.hero-stamp{position:absolute;z-index:5;left:4%;top:22%;width:103px;height:103px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--yellow);color:var(--green-1000);border:5px solid rgba(255,255,255,.16);transform:rotate(-10deg);box-shadow:0 17px 40px rgba(0,0,0,.22)}.hero-stamp b{font-size:25px;line-height:1}.hero-stamp span{font-size:8px;margin-top:-25px}

/* categories */
.category-rail{margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.category-rail__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.category-rail__head span{font-weight:900;color:var(--green-950)}.category-rail__head small{color:var(--muted)}.category-slider{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-chip{min-width:0;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:20px;padding:11px;background:#fff;transition:.25s}.category-chip:hover{transform:translateY(-4px);border-color:rgba(74,31,45,.3);box-shadow:var(--shadow-md)}.category-chip__image{width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--cream)}.category-chip__image img{width:100%;height:100%;object-fit:cover;transition:.35s}.category-chip:hover img{transform:scale(1.08)}.category-chip>span:nth-child(2){display:grid;line-height:1.55}.category-chip strong{font-size:12px;color:var(--green-950)}.category-chip small{font-size:9px;color:var(--muted)}.category-chip>svg{color:var(--orange)}

/* section headings and product cards */
.products-showcase{background:linear-gradient(180deg,#fffcf8,#fbf2e7)}.section-heading--premium{align-items:center}.section-heading--premium h2{font-size:clamp(31px,3.5vw,48px);letter-spacing:-1px}.section-heading--premium p{margin:7px 0 0;color:var(--muted)}.product-grid--premium{gap:23px}.product-card--premium{border-radius:24px;border:1px solid rgba(74,31,45,.1);box-shadow:0 8px 30px rgba(42,17,27,.055);overflow:visible;position:relative}.product-card--premium:hover{transform:translateY(-9px);box-shadow:var(--shadow-lg);border-color:rgba(74,31,45,.22)}.product-card--premium .product-card__image{border-radius:23px 23px 18px 18px;aspect-ratio:1/.95}.product-card--premium .product-card__image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(42,17,27,.45));opacity:0;transition:.3s}.product-card--premium:hover .product-card__image:after{opacity:1}.product-card--premium .product-card__image img{transition:.55s cubic-bezier(.2,.7,.2,1)}.product-card--premium:hover .product-card__image img{transform:scale(1.08)}.product-card__tools{position:absolute;z-index:5;top:12px;left:12px}.wishlist-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.84);backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--green-950);transition:.2s}.wishlist-btn:hover,.wishlist-btn.is-active{background:var(--orange);color:#fff;border-color:var(--orange)}.wishlist-btn.is-active svg{fill:currentColor}.badge--premium{top:14px;right:14px;border-radius:99px;background:var(--yellow);box-shadow:0 8px 18px rgba(216,170,69,.25)}.product-card__view{position:absolute;z-index:2;bottom:13px;right:16px;left:16px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:11px;font-weight:900;opacity:0;transform:translateY(8px);transition:.3s}.product-card--premium:hover .product-card__view{opacity:1;transform:none}.product-card--premium .product-card__body{padding:18px 18px 19px}.product-card__meta{display:flex;align-items:center;justify-content:space-between}.product-card__meta>span{font-size:9px;color:var(--green-700);font-weight:900;background:#f6e9ed;border-radius:99px;padding:3px 8px}.product-card--premium h3{font-size:16px;margin:9px 0 4px}.product-card--premium .product-card__body>p{font-size:11px;line-height:1.8;height:40px;overflow:hidden}.product-card__price{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:5px;margin:10px 0 14px}.product-card__price small{font-size:9px;color:var(--muted)}.product-card__price strong{margin:0;font-size:17px}.product-card__price em{font-style:normal;font-size:9px;color:var(--muted)}.quick-add{display:flex;justify-content:space-between;padding:10px 13px;min-height:47px}.quick-add span{display:flex;align-items:center;gap:7px}.quick-add i{font-style:normal;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center}

/* bento */
.bento-section{background:#fff}.bento-grid{display:grid;grid-template-columns:1.5fr .86fr .72fr;grid-template-rows:280px 200px;gap:18px}.bento-card{position:relative;overflow:hidden;border-radius:28px}.bento-card--story{grid-row:span 2;color:#fff}.bento-card--story img{width:100%;height:100%;object-fit:cover;transition:.7s}.bento-card--story:hover img{transform:scale(1.04)}.bento-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,17,27,.96),rgba(42,17,27,.55) 58%,rgba(42,17,27,.08))}.bento-content{position:absolute;z-index:2;right:42px;top:50%;transform:translateY(-50%);max-width:57%}.bento-content>span{font-size:11px;color:var(--yellow);font-weight:900}.bento-content h2{font-size:40px;line-height:1.4;margin:7px 0}.bento-content p{color:#dfd3d6;margin:0 0 22px}.bento-card--gift{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,var(--yellow),#d28c24);color:var(--green-1000)}.bento-card--gift img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.86}.bento-copy{padding:31px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.bento-copy h3{font-size:26px;line-height:1.5;margin:8px 0}.bento-copy p{font-size:11px;margin:0 0 12px}.bento-copy a{font-size:12px;font-weight:900;display:flex;align-items:center;gap:7px}.mini-label{align-self:flex-start;background:var(--green-950);color:#fff;border-radius:99px;padding:4px 9px;font-size:8px}.bento-card--stat{background:var(--green-950);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:center}.bento-card--stat .stat-icon{color:var(--yellow)}.bento-card--stat strong{font-size:43px;color:var(--yellow);line-height:1.2}.bento-card--stat p{font-size:10px;color:#dccdd2;line-height:1.8}.stat-bars{display:flex;gap:5px;align-items:end;height:25px}.stat-bars i{flex:1;background:rgba(255,255,255,.15);border-radius:4px 4px 0 0;height:30%}.stat-bars i:nth-child(2){height:55%}.stat-bars i:nth-child(3){height:78%}.stat-bars i:nth-child(4){height:88%;background:var(--yellow)}.stat-bars i:nth-child(5){height:96%;background:var(--orange)}.bento-card--promise{background:#fbf0e8;border:1px solid #e7cbb7;padding:26px;display:flex;align-items:center;gap:16px}.bento-card--promise>span{flex:0 0 55px;height:55px;border-radius:17px;background:#fff;color:var(--green-800);display:grid;place-items:center;box-shadow:var(--shadow-md)}.bento-card--promise h3{font-size:17px;margin:0 0 5px;color:var(--green-950)}.bento-card--promise p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}

/* feature strip */
.feature-section{padding-top:10px;padding-bottom:60px}.feature-strip--premium{border-radius:25px;background:#fff;box-shadow:0 20px 55px rgba(42,17,27,.075);overflow:hidden}.feature-strip--premium>div{padding:27px 22px}.feature-icon{width:50px;height:50px;border-radius:16px;background:#f7edf1;display:grid;place-items:center;color:var(--green-800);transition:.25s}.feature-strip--premium>div:hover .feature-icon{background:var(--green-900);color:#fff;transform:rotate(-5deg) scale(1.05)}

/* journey */
.journey-section{background:var(--green-1000);color:#fff;position:relative;overflow:hidden}.journey-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(216,170,69,.07);filter:blur(80px);top:-250px;left:-100px}.journey-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.journey-visual{position:relative}.journey-image{border-radius:44% 56% 53% 47% / 45% 43% 57% 55%;overflow:hidden;aspect-ratio:1;box-shadow:0 35px 90px rgba(0,0,0,.35);border:8px solid rgba(255,255,255,.08)}.journey-image img{width:100%;height:100%;object-fit:cover}.journey-badge{position:absolute;bottom:8%;left:-4%;display:flex;align-items:center;gap:11px;background:#fff;color:var(--ink);border-radius:18px;padding:13px 16px;box-shadow:var(--shadow-xl)}.journey-badge>span{width:42px;height:42px;border-radius:14px;background:#f6e9ed;color:var(--green-800);display:grid;place-items:center}.journey-badge div{display:grid}.journey-badge small{font-size:9px;color:var(--muted)}.journey-badge strong{font-size:11px}.journey-content h2{font-size:clamp(35px,4vw,54px);line-height:1.4;margin:3px 0 14px}.journey-content>p{color:#d4c0c7}.journey-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:5px}.journey-steps li{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.journey-steps b{font-size:17px;color:var(--yellow)}.journey-steps div{display:grid}.journey-steps strong{font-size:14px}.journey-steps span{font-size:10px;color:#c9b3ba}

/* testimonials */
.testimonials-section{background:#fbf2e7}.quote-mark{font-family:Georgia,serif;font-size:90px;color:var(--yellow);line-height:.5}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;position:relative;transition:.25s}.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.testimonial-card:after{content:"";position:absolute;bottom:0;right:28px;left:28px;height:4px;background:linear-gradient(90deg,var(--green-800),var(--yellow),var(--orange));border-radius:99px 99px 0 0;transform:scaleX(.2);opacity:.3;transition:.3s}.testimonial-card:hover:after{transform:scaleX(1);opacity:1}.testimonial-stars{color:#c77a26;letter-spacing:2px;font-size:12px}.testimonial-card>p{min-height:104px;color:#59494f;line-height:2;font-size:13px}.testimonial-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:17px}.testimonial-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-author div{display:grid}.testimonial-author strong{font-size:12px}.testimonial-author small{font-size:9px;color:var(--muted)}

/* social */
.social-section{background:#fff}.social-shell{border:1px solid var(--line);border-radius:32px;padding:38px;background:linear-gradient(135deg,#fff,#fcf6f1);box-shadow:var(--shadow-md)}.social-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.social-head h2{font-size:36px;margin:0}.social-head p{color:var(--muted);margin:5px 0 0}.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.insta-item{aspect-ratio:1;overflow:hidden;border-radius:18px;position:relative}.insta-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.insta-item:after{content:"";position:absolute;inset:0;background:rgba(42,17,27,.48);opacity:0;transition:.3s}.insta-item span{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.75);transition:.3s}.insta-item:hover img{transform:scale(1.12)}.insta-item:hover:after,.insta-item:hover span{opacity:1}.insta-item:hover span{transform:scale(1)}

/* faq & final CTA */
.faq-preview{background:#f8f2ed}.faq-premium{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:start}.faq-intro h2{font-size:42px;line-height:1.4;margin:0}.faq-intro p{color:var(--muted)}.accordion--premium details{border:0;border-bottom:1px solid #ded2cb;border-radius:0;background:transparent;padding:0}.accordion--premium summary{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:20px 0}.accordion--premium summary span{font-size:24px;font-weight:300;transition:.2s}.accordion--premium details[open] summary span{transform:rotate(45deg);color:var(--orange)}.accordion--premium p{padding:0 0 20px;margin:0}.final-cta{background:#fff;padding-top:65px}.final-cta__card{min-height:250px;border-radius:32px;padding:49px 55px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#fff;background:linear-gradient(125deg,var(--green-1000),var(--green-800));position:relative;overflow:hidden}.final-cta__card:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-80px;top:-180px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}.final-cta__card h2{font-size:37px;margin:0}.final-cta__card p{color:#d4c1c7}.final-cta__actions{display:flex;gap:10px;position:relative;z-index:2}

/* footer */
.footer--premium{position:relative;overflow:hidden;margin-top:0;background:#1d0c13;color:#cfbcc2}.footer-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.footer-glow--one{width:400px;height:400px;background:var(--yellow);top:-280px;right:-100px}.footer-glow--two{width:330px;height:330px;background:var(--green-700);bottom:-220px;left:-80px}.footer-newsletter{padding:45px 0 38px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-newsletter h2{margin:0;color:#fff;font-size:30px}.footer-newsletter p{margin:5px 0 0;font-size:11px}.newsletter-form{display:grid;grid-template-columns:280px 100px;gap:9px}.newsletter-form input{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:12px 15px;outline:0}.newsletter-form input::placeholder{color:#aa949b}.footer-grid--premium{grid-template-columns:1.5fr .75fr .75fr 1.1fr;padding:58px 0 42px}.footer--premium h3{font-size:14px;margin:0 0 16px}.footer--premium a{font-size:11px;color:#c2adb4}.footer-about>p{font-size:11px;max-width:330px}.footer-brand img{object-fit:contain;background:transparent}.footer-brand div{display:grid}.footer-brand small{font-size:9px;color:var(--yellow)}.footer-contact p{display:flex;gap:10px;align-items:flex-start;font-size:11px}.footer-contact p>span{display:grid}.footer-contact small{font-size:8px;color:#9b838b}.footer-bottom--premium{display:flex;justify-content:space-between;font-size:10px;color:#967f86}
.back-to-top{position:fixed;left:25px;bottom:25px;z-index:90;width:44px;height:44px;border:0;border-radius:50%;background:var(--green-900);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}

/* universal inner-page premium treatment */
.page-hero{background:linear-gradient(125deg,#fbf2e7,#fffcf8 70%);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;left:-80px;top:-140px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(216,170,69,.12)}.page-hero .container{position:relative;z-index:2}.filter-bar,.checkout-form,.order-summary,.track-form,.order-result,.admin-order,.cart-item,.success-card{box-shadow:var(--shadow-md);border-color:rgba(74,31,45,.1)}.filter-bar,.checkout-form,.order-summary,.track-form,.order-result,.admin-order,.success-card{border-radius:24px}.product-gallery{border-radius:30px;box-shadow:var(--shadow-lg)}.buy-box{box-shadow:var(--shadow-md);border-radius:23px}.contact-card{background:linear-gradient(145deg,var(--green-1000),var(--green-800));box-shadow:var(--shadow-xl)}

/* reveal animation */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(216,170,69,0)}100%{box-shadow:0 0 0 0 rgba(216,170,69,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1100px){
  .main-nav--premium{gap:15px}.main-nav--premium a{font-size:11px}.brand--premium span{display:none}.brand--premium{min-width:auto}
  .hero-premium__shell{gap:25px}.hero-orbit--one{width:500px;height:500px}.hero-orbit--two{width:405px;height:405px}.hero-main-image{width:430px}.hero-stamp{left:0}
  .category-slider{grid-template-columns:repeat(3,1fr)}.category-chip:nth-child(n+4){display:none}
  .bento-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:300px 210px}.bento-card--story{grid-row:span 2}.bento-card--gift{grid-column:2;grid-template-columns:1fr}.bento-card--gift img{position:absolute;inset:0;opacity:.35}.bento-card--stat{display:none}.bento-card--promise{grid-column:2}
  .journey-grid{gap:50px}.insta-grid{grid-template-columns:repeat(3,1fr)}.insta-item:nth-child(n+4){display:none}
}

@media(max-width:760px){
  body{padding-bottom:74px}.container{width:min(calc(100% - 24px),var(--container))}.section{padding:62px 0}
  .announcement{height:34px}.announcement__track{justify-content:flex-start;width:max-content;gap:24px;padding-right:20px;animation:marquee 18s linear infinite}.announcement-copy{display:inline-flex!important}
  .header-row{height:76px}.brand--premium img{width:57px;height:57px}.header-actions{margin-right:auto}.search-toggle{display:none!important}
  .main-nav--premium{display:flex;position:fixed;z-index:210;top:0;right:0;bottom:0;left:auto;width:min(86vw,360px);background:#fff;border:0;border-radius:0;padding:18px 20px 25px;box-shadow:-20px 0 55px rgba(42,17,27,.2);flex-direction:column;align-items:stretch;gap:1px;transform:translateX(105%);transition:.35s cubic-bezier(.2,.7,.2,1)}.main-nav--premium.is-open{transform:none}.main-nav--premium a{font-size:14px;padding:13px 10px;border-bottom:1px solid var(--line)}.main-nav--premium a:after{display:none}.mobile-nav-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 17px;border-bottom:1px solid var(--line);margin-bottom:9px}.mobile-nav-head strong{font-size:17px;color:var(--green-950)}.nav-close{width:36px;height:36px;border:0;border-radius:50%;background:#f5f0ec;font-size:25px}.mobile-nav-contact{display:grid;margin-top:auto;padding:17px;background:var(--green-950);color:#fff;border-radius:17px}.mobile-nav-contact small{font-size:9px;color:#baa6ad}.nav-backdrop{display:block;position:fixed;z-index:200;inset:0;background:rgba(1,25,18,.56);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.3s}.nav-backdrop.is-open{opacity:1;pointer-events:auto}
  .hero-premium{padding:12px 0 34px}.hero-premium:after{font-size:240px;bottom:-85px}.hero-premium__shell{min-height:auto;grid-template-columns:1fr;gap:0}.hero-premium__content{order:2;padding:30px 6px 10px;text-align:center}.hero-kicker{margin-inline:auto}.hero-premium h1{font-size:42px;letter-spacing:-1.2px}.hero-premium h1 span:after{height:5px}.hero-premium__content>p{font-size:13px;line-height:2}.hero-actions{justify-content:center}.hero-actions .btn{flex:1;padding-inline:11px;font-size:11px}.hero-proof{justify-content:center;margin-top:25px}.hero-premium__visual{min-height:390px;order:1}.hero-main-image{width:320px;border-width:7px}.hero-orbit--one{width:380px;height:380px}.hero-orbit--two{width:310px;height:310px}.float-card{padding:8px 10px}.float-card--top{right:0;top:8%}.float-card--bottom{left:0;bottom:8%}.float-icon{width:32px;height:32px}.hero-stamp{width:76px;height:76px;left:1%;top:24%}.hero-stamp b{font-size:20px}.hero-stamp span{font-size:6px;margin-top:-18px}
  .category-rail{padding:24px 0}.category-rail__head{padding-inline:3px}.category-rail__head small{display:none}.category-slider{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.category-chip{min-width:235px;scroll-snap-align:start}.category-chip:nth-child(n){display:grid}
  .section-heading--premium{align-items:end}.section-heading--premium h2{font-size:30px}.section-heading--premium p{font-size:11px}.section-actions{display:none}.product-grid--premium{grid-template-columns:repeat(2,1fr);gap:11px}.product-card--premium{border-radius:18px}.product-card--premium .product-card__image{border-radius:17px 17px 13px 13px}.product-card--premium .product-card__body{padding:11px}.product-card__tools{top:7px;left:7px}.wishlist-btn{width:34px;height:34px}.badge--premium{top:8px;right:8px;font-size:8px;padding:4px 7px}.product-card__view{display:none}.product-card__meta>span{display:none}.product-card--premium h3{font-size:12px;min-height:43px}.product-card--premium .product-card__body>p{display:none}.product-card__price{grid-template-columns:auto 1fr;margin:5px 0 9px}.product-card__price strong{font-size:12px}.product-card__price em{display:none}.quick-add{min-height:40px;font-size:9px;padding:8px}.quick-add i{width:23px;height:23px}.quick-add svg{width:15px}
  .bento-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:13px}.bento-card--story{grid-row:auto;min-height:440px}.bento-content{right:24px;left:24px;max-width:none;top:auto;bottom:30px;transform:none}.bento-content h2{font-size:32px}.bento-card--gift{grid-column:auto;min-height:230px}.bento-card--promise{grid-column:auto}.bento-card--stat{display:flex;min-height:190px}.feature-section{padding-bottom:45px}.feature-strip--premium>div{padding:17px 8px}.feature-icon{width:40px;height:40px}.feature-strip--premium small{display:none}
  .journey-grid{grid-template-columns:1fr;gap:44px}.journey-image{max-width:430px;margin:auto}.journey-badge{left:0}.journey-content h2{font-size:35px}.journey-steps li{grid-template-columns:44px 1fr}
  .testimonial-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.testimonial-card{min-width:86%;scroll-snap-align:center}.social-shell{padding:24px 15px;border-radius:24px}.social-head{display:block}.social-head h2{font-size:29px}.social-head .btn{margin-top:17px}.insta-grid{grid-template-columns:repeat(3,1fr);gap:7px}.insta-item{border-radius:11px}.insta-item:nth-child(n){display:block}
  .faq-premium{grid-template-columns:1fr;gap:25px}.faq-intro h2{font-size:34px}.final-cta__card{display:block;padding:35px 24px}.final-cta__card h2{font-size:30px}.final-cta__actions{margin-top:23px;display:grid;grid-template-columns:1fr 1fr}.final-cta__actions .btn{font-size:10px;padding-inline:10px}
  .footer-newsletter{display:block}.footer-newsletter h2{font-size:25px}.newsletter-form{grid-template-columns:1fr 90px;margin-top:20px}.footer-grid--premium{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom--premium{display:block;text-align:center}.footer-bottom--premium span{display:block;margin:3px}.back-to-top{display:none}
  .mobile-bottom-nav--premium{height:70px;border-top:1px solid rgba(74,31,45,.1);background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.mobile-bottom-nav--premium a{position:relative;font-size:17px;color:#95868b}.mobile-bottom-nav--premium a.is-active{color:var(--green-900)}.mobile-bottom-nav--premium a.is-active:after{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:0 0 5px 5px;background:var(--yellow)}.mobile-bottom-nav--premium .mobile-cart svg{width:24px;height:24px}.mobile-bottom-nav--premium .mobile-cart i{position:absolute;top:5px;left:calc(50% - 18px);background:var(--orange);color:#fff;min-width:17px;height:17px;border-radius:99px;font-size:8px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}
  .page-hero{padding:50px 0}.page-hero h1{font-size:37px}.product-detail__grid{gap:35px}.footer{margin-top:0}
}
@media(max-width:390px){.hero-premium h1{font-size:37px}.hero-premium__visual{min-height:350px}.hero-main-image{width:285px}.hero-orbit--one{width:340px;height:340px}.hero-orbit--two{width:275px;height:275px}.proof-rating{display:none}.product-grid--premium{gap:8px}.product-card--premium h3{font-size:11px}.quick-add span{gap:3px}.quick-add i{display:none}.final-cta__actions{grid-template-columns:1fr}}
@keyframes marquee{to{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.announcement__track,.hero-orbit,.float-card,.pulse-dot{animation:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   V8 — خوانایی بیشتر و هیروی جمع‌وجور در موبایل
   ========================================================= */
html{font-size:17px}
body{font-size:17px}
button,input,select,textarea{font-size:16px}
.announcement__track{font-size:13px}
.main-nav--premium a{font-size:14px}
.brand--premium small{font-size:12px}
.main-nav--premium em{font-size:10px}
.hero-kicker{font-size:13px}
.btn,.btn-xl{font-size:15px}
.text-link{font-size:14px}
.category-rail__head span{font-size:18px}
.category-rail__head small{font-size:14px}
.category-chip strong{font-size:15px}
.category-chip small{font-size:12px}
.section-heading--premium p{font-size:15px;line-height:1.9}
.product-card__view{font-size:13px}
.product-card__meta>span{font-size:11px}
.product-card--premium h3{font-size:17px}
.product-card--premium .product-card__body>p{font-size:13px;line-height:1.8}
.product-card__price small,.product-card__price em{font-size:11px}
.product-card__price strong{font-size:18px}
.quick-add{font-size:13px}
.bento-content>span{font-size:13px}
.bento-copy p{font-size:14px;line-height:1.9}
.bento-copy a{font-size:14px}
.mini-label{font-size:10px}
.bento-card--stat p,.bento-card--promise p{font-size:13px;line-height:1.8}
.journey-badge small{font-size:11px}
.journey-badge strong{font-size:13px}
.journey-steps strong{font-size:16px}
.journey-steps span{font-size:13px;line-height:1.8}
.testimonial-stars{font-size:14px}
.testimonial-card>p{font-size:15px;line-height:2}
.testimonial-author strong{font-size:14px}
.testimonial-author small{font-size:11px}
.accordion--premium summary{font-size:17px}
.accordion--premium p{font-size:15px;line-height:2}
.footer-newsletter p{font-size:14px}
.footer--premium h3{font-size:16px}
.footer--premium a,.footer-about>p,.footer-contact p{font-size:13px}
.footer-brand small,.footer-contact small{font-size:11px}
.footer-bottom--premium{font-size:12px}
.checkout-form label,.track-form label,.filter-bar label,.buy-box label{font-size:15px}
.checkout-form input,.checkout-form textarea,.checkout-form select,.track-form input,.filter-bar input,.filter-bar select,.buy-box input,.buy-box select{font-size:16px}

@media(max-width:1100px) and (min-width:761px){
  .main-nav--premium a{font-size:13px}
}

@media(max-width:760px){
  html{font-size:16px}
  body{font-size:16px;line-height:1.9}
  .section{padding:54px 0}
  .announcement__track{font-size:12px}
  .main-nav--premium a{font-size:16px}
  .mobile-nav-contact small{font-size:12px}

  /* بنر اول: فوق‌العاده جمع‌وجور برای موبایل */
  .hero-premium{padding:4px 0 12px}
  .hero-premium:after{font-size:118px;bottom:-34px;right:-12px}
  .hero-premium__shell{min-height:0;gap:0}
  .hero-premium__visual{min-height:196px;order:1;margin-bottom:2px}
  .hero-main-image{width:min(182px,56vw);border-width:4px;box-shadow:0 18px 42px rgba(0,0,0,.28)}
  .hero-orbit--one{width:214px;height:214px}
  .hero-orbit--two{width:176px;height:176px}
  .floating-card,.hero-stamp{display:none!important}
  .hero-premium__content{order:2;padding:4px 2px 2px;text-align:center}
  .hero-kicker{font-size:11px;padding:4px 9px;margin:0 auto 8px}
  .hero-premium h1{font-size:28px;line-height:1.28;letter-spacing:-.5px;margin:0 0 6px}
  .hero-premium h1 span:after{height:3px;bottom:-3px}
  .hero-premium__content>p{font-size:14px;line-height:1.65;margin:0 auto 10px;max-width:31ch}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin:0 auto}
  .hero-actions .btn{width:100%;min-height:42px;padding:9px 6px;font-size:12px;white-space:nowrap}
  .hero-proof{display:none}

  .section-heading--premium h2{font-size:31px}
  .section-heading--premium p{font-size:14px;line-height:1.9}
  .category-rail__head span{font-size:17px}
  .category-chip strong{font-size:15px}
  .category-chip small{font-size:12px}
  .badge--premium{font-size:10px}
  .product-card--premium h3{font-size:14px;line-height:1.75;min-height:49px}
  .product-card__price strong{font-size:14px}
  .product-card__price small{font-size:10px}
  .quick-add{min-height:43px;font-size:12px;padding:8px 6px}
  .bento-copy p{font-size:14px}
  .bento-card--stat p,.bento-card--promise p{font-size:13px}
  .journey-steps strong{font-size:16px}
  .journey-steps span{font-size:13px}
  .testimonial-card>p{font-size:15px}
  .testimonial-author strong{font-size:14px}
  .testimonial-author small{font-size:11px}
  .accordion--premium summary{font-size:16px}
  .final-cta__actions .btn{font-size:13px}
  .footer-newsletter p{font-size:13px}
  .footer--premium a,.footer-about>p,.footer-contact p{font-size:13px}
  .footer-contact small{font-size:11px}
  .footer-bottom--premium{font-size:11px}
  .mobile-bottom-nav span{font-size:11px}
  .mobile-bottom-nav--premium .mobile-cart i{font-size:9px}
}

@media(max-width:390px){
  .hero-premium{padding:2px 0 10px}
  .hero-premium__visual{min-height:172px}
  .hero-main-image{width:min(164px,54vw)}
  .hero-orbit--one{width:188px;height:188px}
  .hero-orbit--two{width:154px;height:154px}
  .hero-kicker{font-size:10px;margin-bottom:7px}
  .hero-premium h1{font-size:25px}
  .hero-premium__content>p{font-size:13px;max-width:29ch;margin-bottom:9px}
  .hero-actions .btn{font-size:11px;min-height:40px;padding-inline:4px}
}

/* V10 simple image-first hero */
.hero-banner-simple{
  padding:10px 0 26px;
  background:linear-gradient(180deg,#32151f 0%,#4a1f2d 62%,#f8f1eb 62%,#f8f1eb 100%);
}
.hero-banner-card{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(9,34,27,.22);
  background:#eaded5;
}
.hero-banner-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/7;
  object-fit:cover;
}
.hero-banner-actions{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:14px;
  flex-wrap:wrap;
}
.hero-banner-actions .btn{
  min-width:210px;
}
@media(max-width:800px){
  .hero-banner-simple{padding:8px 0 22px;background:linear-gradient(180deg,#32151f 0%,#4a1f2d 48%,#f8f1eb 48%,#f8f1eb 100%)}
  .hero-banner-card{border-radius:20px}
  .hero-banner-card img{aspect-ratio:16/9;min-height:150px;max-height:210px}
  .hero-banner-actions{gap:10px;margin-top:10px}
  .hero-banner-actions .btn{flex:1 1 0;min-width:0;padding-inline:8px;font-size:13px}
}
@media(max-width:390px){
  .hero-banner-simple{padding:6px 0 18px}
  .hero-banner-card{border-radius:16px}
  .hero-banner-card img{min-height:132px;max-height:180px}
  .hero-banner-actions .btn{font-size:12px;min-height:42px}
}

/* V11 edge-to-edge banner with overlay buttons */
.hero-banner-simple{
  padding:0 0 24px;
  background:#f8f1eb;
}
.hero-banner-wrap{
  width:100%;
}
.hero-banner-card{
  position:relative;
  width:100%;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
  background:transparent;
}
.hero-banner-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/6.2;
  object-fit:cover;
}
.hero-banner-actions--overlay{
  position:absolute;
  right:24px;
  left:24px;
  bottom:18px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  z-index:2;
}
.hero-banner-btn{
  min-height:42px;
  min-width:168px;
  padding:10px 16px;
  border-radius:14px;
  font-size:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.hero-banner-btn svg{width:17px;height:17px}
@media(min-width:801px){
  .hero-banner-simple{padding:0 0 28px}
  .hero-banner-card img{max-height:520px}
  .hero-banner-actions--overlay{bottom:22px}
  .hero-banner-btn{min-width:190px;font-size:14px;padding:11px 18px}
}
@media(max-width:800px){
  .hero-banner-simple{padding:0 0 18px}
  .hero-banner-card img{aspect-ratio:16/8.8;min-height:180px;max-height:260px}
  .hero-banner-actions--overlay{right:10px;left:10px;bottom:10px;gap:8px}
  .hero-banner-btn{flex:0 1 auto;min-width:138px;min-height:38px;padding:8px 12px;font-size:12px;border-radius:12px}
}
@media(max-width:390px){
  .hero-banner-card img{min-height:156px;max-height:220px}
  .hero-banner-actions--overlay{right:8px;left:8px;bottom:8px;gap:6px}
  .hero-banner-btn{min-width:126px;min-height:36px;padding:7px 10px;font-size:11px;border-radius:11px}
}

/* V12 Digikala-style compact mobile banner */
.hero-banner-simple{
  padding:12px 0 22px;
  background:#f8f1eb;
}
.hero-banner-wrap{
  width:min(calc(100% - 28px),1440px);
  margin-inline:auto;
}
.hero-banner-card{
  position:relative;
  width:100%;
  overflow:hidden;
  border:0;
  border-radius:18px;
  box-shadow:none;
  background:transparent;
}
.hero-banner-card picture,
.hero-banner-card img{
  display:block;
  width:100%;
}
.hero-banner-card img{
  height:auto;
  aspect-ratio:3.15/1;
  object-fit:cover;
  object-position:center;
}
.hero-banner-actions--overlay{
  position:absolute;
  right:12px;
  left:12px;
  bottom:10px;
  z-index:3;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin:0;
}
.hero-banner-btn{
  min-width:118px;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  font-size:11px;
  line-height:1.2;
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hero-banner-btn svg{width:15px;height:15px}
@media(max-width:800px){
  .hero-banner-simple{padding:10px 0 18px}
  .hero-banner-wrap{width:calc(100% - 20px)}
  .hero-banner-card{border-radius:14px}
  .hero-banner-card img{
    aspect-ratio:2.08/1;
    min-height:0;
    max-height:none;
    object-fit:cover;
  }
  .hero-banner-actions--overlay{right:8px;left:8px;bottom:8px;gap:6px}
  .hero-banner-btn{
    min-width:104px;
    min-height:32px;
    padding:6px 9px;
    border-radius:999px;
    font-size:10.5px;
  }
}
@media(max-width:390px){
  .hero-banner-wrap{width:calc(100% - 16px)}
  .hero-banner-card{border-radius:12px}
  .hero-banner-actions--overlay{bottom:6px;gap:5px}
  .hero-banner-btn{min-width:96px;min-height:30px;padding:5px 8px;font-size:10px}
  .hero-banner-btn svg{width:14px;height:14px}
}

/* V13 linked product banner slider */
.hero-banner-simple{
  padding:10px 0 18px;
  background:#f8f1eb;
}
.hero-slider{
  position:relative;
  width:min(calc(100% - 28px),1440px);
  margin-inline:auto;
  overflow:hidden;
  border-radius:18px;
  background:#efe5de;
}
.hero-slider__track{
  position:relative;
  width:100%;
  aspect-ratio:3.15/1;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(10px);
  transition:opacity .35s ease,transform .35s ease,visibility .35s;
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  z-index:1;
}
.hero-slide__link,
.hero-slide picture,
.hero-slide img{
  display:block;
  width:100%;
  height:100%;
}
.hero-slide img{
  object-fit:cover;
  object-position:center;
}
.hero-slider__controls{
  position:absolute;
  right:12px;
  bottom:10px;
  z-index:4;
  display:flex;
  direction:ltr;
  gap:6px;
}
.hero-slider__arrow{
  width:31px;
  height:31px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:10px;
  color:#4a2432;
  background:rgba(255,255,255,.86);
  box-shadow:0 5px 16px rgba(0,0,0,.15);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .18s ease,background .18s ease,opacity .18s ease;
}
.hero-slider__arrow:hover:not(:disabled){background:#fff;transform:translateY(-1px)}
.hero-slider__arrow:active:not(:disabled){transform:scale(.94)}
.hero-slider__arrow:disabled{opacity:.48;cursor:default}
.hero-slider__arrow--prev svg{transform:rotate(180deg)}
@media(max-width:800px){
  .hero-banner-simple{padding:8px 0 16px}
  .hero-slider{width:calc(100% - 20px);border-radius:14px}
  .hero-slider__track{aspect-ratio:2.08/1}
  .hero-slider__controls{right:8px;bottom:8px;gap:5px}
  .hero-slider__arrow{width:28px;height:28px;border-radius:9px}
}
@media(max-width:390px){
  .hero-slider{width:calc(100% - 16px);border-radius:12px}
  .hero-slider__controls{right:7px;bottom:7px}
  .hero-slider__arrow{width:26px;height:26px;border-radius:8px}
  .hero-slider__arrow svg{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide,.hero-slider__arrow{transition:none}
}


/* V19 — premium date-plum, copper and ivory color system */
:root{
  --green-1000:#241018;--green-950:#32151f;--green-900:#4a1f2d;--green-800:#62293a;--green-700:#7b3548;
  --yellow:#d8aa45;--yellow-soft:#f5e5b8;--orange:#b75b3a;--cream:#fbf2e7;--sand:#ead8c6;
  --ink:#261b1f;--muted:#76696d;--line:#e8dcd3;
  --shadow-xl:0 30px 90px rgba(74,31,45,.17);--shadow-lg:0 22px 55px rgba(74,31,45,.12);--shadow-md:0 14px 36px rgba(74,31,45,.09);
}
body{background:#fffcf8}
body:before{background:radial-gradient(circle at 4% 10%,rgba(216,170,69,.10),transparent 26%),radial-gradient(circle at 96% 42%,rgba(123,53,72,.07),transparent 28%)}
.site-header--premium{border-bottom-color:rgba(74,31,45,.08)}
.products-showcase{background:linear-gradient(180deg,#fffcf8,#fbf2e7)}
.page-hero{background:linear-gradient(125deg,#fbf2e7,#fffcf8 70%)}
.footer--premium{background:#1d0c13;color:#cfbcc2}

/* V20 — configurable hero slider, one-line category heading and story reels */
.hero-slider{
  --hero-transition:650ms;
}
.hero-slide{
  transition:opacity var(--hero-transition) cubic-bezier(.22,.61,.36,1),transform var(--hero-transition) cubic-bezier(.22,.61,.36,1),visibility var(--hero-transition);
}
.hero-slider--fade .hero-slide{transform:none}
.hero-slider--slide .hero-slide{transform:translateX(6%)}
.hero-slider--slide .hero-slide.is-active{transform:translateX(0)}
.hero-slider__dots{
  position:absolute;
  z-index:4;
  bottom:13px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  direction:ltr;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(30,12,19,.22);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.hero-slider__dots button{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  transition:width .25s ease,background .25s ease;
}
.hero-slider__dots button.is-active{width:18px;background:#fff}

.story-reels{
  padding:2px 0 26px;
  background:#f8f1eb;
}
.story-reels__shell{display:grid;gap:13px}
.story-reels__head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.story-reels__head strong{font-size:15px;color:var(--green-950)}
.story-reels__head small{font-size:11px;color:var(--muted)}
.story-reels__rail{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:2px 2px 8px;
  scrollbar-width:none;
}
.story-reels__rail::-webkit-scrollbar{display:none}
.story-reel{
  flex:0 0 84px;
  display:grid;
  justify-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  scroll-snap-align:start;
}
.story-reel__ring{
  width:76px;
  height:76px;
  padding:3px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(from 35deg,var(--yellow),var(--orange),var(--green-800),var(--yellow));
  box-shadow:0 8px 20px rgba(74,31,45,.12);
  transition:transform .22s ease,box-shadow .22s ease;
}
.story-reel:hover .story-reel__ring{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 25px rgba(74,31,45,.18)}
.story-reel__cover{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--cream);
}
.story-reel__cover img{width:100%;height:100%;display:block;object-fit:cover}
.story-reel__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(35,13,21,.28))}
.story-reel__cover i{
  position:absolute;
  z-index:2;
  right:50%;
  bottom:8px;
  transform:translateX(50%);
  width:20px;
  height:20px;
  border-radius:50%;
  background:rgba(255,255,255,.93);
  box-shadow:0 3px 9px rgba(0,0,0,.2);
}
.story-reel__cover i:after{content:"";position:absolute;top:6px;right:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:0;border-left:6px solid var(--green-900)}
.story-reel__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;text-align:center}

.story-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.story-modal.is-open{opacity:1;visibility:visible}
.story-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(22,7,13,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.story-modal__panel{position:relative;z-index:2;width:min(420px,100%);max-height:calc(100dvh - 36px);overflow:hidden;border-radius:24px;background:#160a0f;box-shadow:0 30px 90px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.story-modal.is-open .story-modal__panel{transform:none}
.story-modal__top{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:linear-gradient(90deg,var(--green-950),var(--green-800))}
.story-modal__top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-modal__top button{width:34px;height:34px;border:0;border-radius:50%;font-size:25px;line-height:1;color:#fff;background:rgba(255,255,255,.12)}
.story-modal video{display:block;width:100%;max-height:calc(100dvh - 88px);aspect-ratio:9/16;object-fit:contain;background:#050204}
body.story-modal-open{overflow:hidden}

.category-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
.category-heading>div{min-width:0}
.category-heading h2,.category-all-link{white-space:nowrap}
.category-all-link{align-self:center}

@media(max-width:760px){
  .hero-banner-simple{padding-bottom:10px}
  .hero-slider__dots{bottom:8px}
  .hero-slider__dots button{width:5px;height:5px}
  .hero-slider__dots button.is-active{width:15px}
  .story-reels{padding:0 0 20px}
  .story-reels__shell{width:100%;gap:9px}
  .story-reels__head{padding:0 15px}
  .story-reels__head strong{font-size:13px}
  .story-reels__head small{font-size:10px}
  .story-reels__rail{gap:12px;padding:2px 14px 8px}
  .story-reel{flex-basis:70px;gap:5px}
  .story-reel__ring{width:64px;height:64px;padding:2px}
  .story-reel__cover{border-width:2px}
  .story-reel__cover i{width:17px;height:17px;bottom:6px}
  .story-reel__cover i:after{top:5px;right:6px;border-top-width:3.5px;border-bottom-width:3.5px;border-left-width:5px}
  .story-reel__title{font-size:10px}

  .category-section{padding-top:48px}
  .category-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:26px}
  .category-heading h2{
    font-size:min(var(--category-title-mobile-size,24px),5.9vw);
    line-height:1.35;
    letter-spacing:-.7px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .category-heading p{display:none}
  .category-all-link{font-size:12px;gap:5px}
  .category-all-link svg{width:15px;height:15px;flex:0 0 auto}
}
@media(max-width:390px){
  .category-heading h2{font-size:min(var(--category-title-mobile-size,24px),5.7vw)}
  .category-all-link{font-size:11px}
  .story-modal{padding:0}
  .story-modal__panel{width:100%;max-height:100dvh;border-radius:0}
  .story-modal video{max-height:calc(100dvh - 52px)}
}
@media(prefers-reduced-motion:reduce){
  .story-modal,.story-modal__panel,.story-reel__ring,.hero-slider__dots button{transition:none}
}

/* V21 — interaction, checkout, trust and mobile refinements */
.hero-slider{--hero-transition:950ms;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hero-slide{transition:opacity var(--hero-transition) cubic-bezier(.16,1,.3,1),transform var(--hero-transition) cubic-bezier(.16,1,.3,1),visibility var(--hero-transition)}
@media(max-width:800px){
  .hero-slider__controls{display:none!important}
}

.story-reel__cover:after{display:none}
.story-reel__cover i{display:none!important}
.story-modal{padding:0;background:#050505}
.story-modal__backdrop{background:#050505;backdrop-filter:none;-webkit-backdrop-filter:none}
.story-modal__panel{width:min(100%,520px);height:100dvh;max-height:100dvh;border-radius:0;background:#050505;box-shadow:none;display:grid;place-items:center}
.story-modal video{width:100%;height:100%;max-height:100dvh;aspect-ratio:auto;object-fit:contain;background:#050505}
.story-modal video::-webkit-media-controls{display:none!important}
.story-modal video::-webkit-media-controls-enclosure{display:none!important}
.story-modal video{pointer-events:none}

.category-heading{grid-template-columns:minmax(0,1fr);align-items:center}
.category-heading h2{white-space:nowrap;font-size:clamp(24px,3vw,38px)}
.category-all-link{display:none!important}
.bestseller-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:5px 2px 16px;scrollbar-width:none}
.bestseller-rail::-webkit-scrollbar{display:none}
.bestseller-rail>.product-card{flex:0 0 calc((100% - 54px)/4);min-width:245px;scroll-snap-align:start}

.floating-whatsapp{position:fixed;z-index:118;right:22px;bottom:24px;min-width:52px;height:52px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:#25d366;color:#fff!important;box-shadow:0 14px 36px rgba(37,211,102,.35);font-size:12px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}
.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(37,211,102,.42)}
.floating-whatsapp svg{stroke-width:2}
.footer-enamad{display:flex;justify-content:center;align-items:center;padding:0 0 24px}
.footer-enamad img,.footer-enamad a img{display:block;width:var(--enamad-width,90px);height:auto;max-height:130px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}
@media(min-width:761px){.enamad-hide-desktop{display:none!important}}
@media(max-width:760px){.enamad-hide-mobile{display:none!important}}

.checkout-form--compact{padding:22px;gap:13px}
.checkout-form--compact h2{font-size:20px;margin:2px 0}
.receiver-grid{gap:11px}
.checkout-form--compact label{gap:5px}
.checkout-form--compact input,.checkout-form--compact select{min-height:44px;padding:10px 12px}
.checkout-form--compact textarea{min-height:78px;padding:10px 12px;resize:vertical}
.checkout-form--compact .field-error{display:block;color:#a31d1d;font-size:11px;font-weight:700;line-height:1.65;margin-top:1px}
.checkout-form--compact .field-error[hidden]{display:none}
.checkout-form--compact .has-error input,.checkout-form--compact .has-error select,.checkout-form--compact .has-error textarea{border-color:#c94949;background:#fff8f8;box-shadow:0 0 0 3px rgba(201,73,73,.08)}
.payment-options--single{display:block}
.payment-method-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#fff}
.payment-method-card>span:last-child{display:grid;gap:2px}
.payment-method-card small{font-size:11px;color:var(--muted)}
.payment-method-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(216,170,69,.16);color:var(--brand)}
.payment-method-card.is-disabled{opacity:.68;background:#faf7f4}
.checkout-form button[disabled]{cursor:not-allowed;filter:grayscale(.25);opacity:.7}

.product-detail__grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:38px}
.product-gallery{max-width:540px;justify-self:center;width:100%}
.product-gallery .gallery-main{max-height:520px;overflow:hidden;background:#fbf7f1}
.product-gallery .gallery-main>img{height:100%;max-height:520px;aspect-ratio:1/1;object-fit:cover}

@media(max-width:760px){
  .site-header{position:relative;z-index:300}
  .main-nav,.main-nav--premium{display:flex!important;position:fixed!important;z-index:322;top:0!important;right:auto!important;left:0!important;width:min(86vw,340px);height:100dvh;margin:0!important;padding:18px 16px 28px!important;border:0!important;border-radius:0 0 0 0!important;background:#fff!important;box-shadow:-20px 0 55px rgba(35,13,21,.22)!important;flex-direction:column;align-items:stretch;gap:2px;overflow-y:auto;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s}
  .main-nav.is-open,.main-nav--premium.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
  .main-nav a,.main-nav--premium a{display:flex!important;padding:12px 10px!important;font-size:15px!important;border-bottom:1px solid rgba(74,31,45,.07)}
  .mobile-nav-head{display:flex!important;align-items:center;justify-content:space-between;padding:4px 2px 14px;border-bottom:1px solid var(--line);margin-bottom:7px}
  .nav-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--cream);color:var(--brand);font-size:25px}
  .mobile-nav-contact{display:grid!important;margin-top:auto;padding:18px 10px 5px}
  .nav-backdrop{display:block;position:fixed;z-index:315;inset:0;background:rgba(25,8,14,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}
  .nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .mobile-menu-btn{position:relative;z-index:301}
  .category-heading h2{font-size:min(var(--category-title-mobile-size,22px),5.4vw);line-height:1.35}
  .bestseller-rail{margin-inline:-10px;padding-inline:10px;gap:12px}
  .bestseller-rail>.product-card{flex-basis:min(72vw,270px);min-width:min(72vw,270px)}
  .floating-whatsapp{right:14px;bottom:84px;width:50px;min-width:50px;height:50px;padding:0;border-radius:50%}
  .floating-whatsapp span{display:none}
  .checkout-section{padding-top:25px}
  .checkout-form--compact{padding:15px;border-radius:18px}
  .receiver-grid{grid-template-columns:1fr 1fr;gap:9px}
  .receiver-grid .span-2{grid-column:1/-1}
  .checkout-form--compact label{font-size:12px}
  .checkout-form--compact input,.checkout-form--compact select{min-height:42px;font-size:14px;padding:8px 9px}
  .checkout-form--compact textarea{font-size:14px}
  .product-detail__grid{grid-template-columns:1fr;gap:22px}
  .product-gallery{max-width:360px}
  .product-gallery .gallery-main,.product-gallery .gallery-main>img{max-height:340px}
}
@media(max-width:390px){
  .category-heading h2{font-size:min(var(--category-title-mobile-size,21px),5.2vw)}
  .receiver-grid{grid-template-columns:1fr 1fr}
  .checkout-form--compact{padding:13px}
  .product-gallery{max-width:315px}
  .product-gallery .gallery-main,.product-gallery .gallery-main>img{max-height:300px}
}


/* V23: floating support contact menu */
.support-widget{position:fixed;z-index:122;right:22px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;isolation:isolate}
.support-widget__toggle{position:relative;z-index:2;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3a1824,#1e1118);color:#fff;cursor:pointer;box-shadow:0 17px 42px rgba(42,17,27,.34);transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.support-widget__toggle:hover{transform:translateY(-2px);box-shadow:0 21px 48px rgba(42,17,27,.42)}
.support-widget__toggle:focus-visible,.support-action:focus-visible{outline:3px solid rgba(216,170,69,.7);outline-offset:3px}
.support-widget.is-open .support-widget__toggle{transform:rotate(-8deg) scale(.96);background:linear-gradient(145deg,var(--brand-2,#b75b3a),var(--brand,#4a1f2d))}
.support-widget__menu{position:absolute;right:0;bottom:70px;width:210px;display:grid;gap:10px;pointer-events:none;visibility:hidden}
.support-action{direction:ltr;width:100%;min-height:50px;padding:5px 6px 5px 17px;display:grid;grid-template-columns:1fr 42px;align-items:center;gap:10px;border:1px solid rgba(74,31,45,.09);border-radius:999px;background:rgba(255,255,255,.97);color:var(--ink,#321922)!important;box-shadow:0 12px 34px rgba(50,25,34,.14);backdrop-filter:blur(14px);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;text-decoration:none}
.support-action__label{direction:rtl;text-align:right;font-size:13px;font-weight:900;white-space:nowrap}
.support-action__icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.support-action--instagram .support-action__icon{background:radial-gradient(circle at 30% 110%,#ffd600 0 10%,#ff7a00 30%,#ff0169 55%,#d300c5 75%,#7638fa 100%)}
.support-action--whatsapp .support-action__icon{background:#25d366}
.support-action--bale .support-action__icon{background:#20b89a}
.support-action--phone .support-action__icon{background:#2687d8}
.support-action:hover{transform:translateY(-1px)!important;box-shadow:0 16px 38px rgba(50,25,34,.2)}
.support-widget.is-open .support-widget__menu{pointer-events:auto;visibility:visible}
.support-widget.is-open .support-action{opacity:1;transform:translateY(0) scale(1)}
.support-widget.is-open .support-action:nth-child(1){transition-delay:.03s}
.support-widget.is-open .support-action:nth-child(2){transition-delay:.07s}
.support-widget.is-open .support-action:nth-child(3){transition-delay:.11s}
.support-widget.is-open .support-action:nth-child(4){transition-delay:.15s}
@media(max-width:760px){
  .support-widget{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:9px}
  .support-widget__toggle{width:52px;height:52px}
  .support-widget__menu{bottom:62px;width:min(205px,calc(100vw - 28px));gap:8px}
  .support-action{min-height:48px;padding:4px 5px 4px 15px;grid-template-columns:1fr 40px}
  .support-action__icon{width:40px;height:40px}
  .support-action__label{font-size:12px}
}
@media(max-width:360px){.support-widget__menu{width:184px}.support-action{min-height:45px}.support-action__icon{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.support-widget__toggle,.support-action{transition:none!important}}


/* V24 compact footer structure */
.footer-grid--compact{grid-template-columns:1.18fr .72fr .72fr 1fr;gap:34px;padding-block:44px}
.footer-grid--compact .footer-about>p{max-width:360px;line-height:1.9}
.footer-grid--compact .footer-contact__items{display:grid;gap:12px}
.footer-grid--compact .footer-contact__items>a,.footer-grid--compact .footer-contact__items>span{display:flex;align-items:flex-start;gap:9px;color:inherit;margin:0}


/* ===== cms.css ===== */
.brand--stack img{width:154px;height:58px;object-fit:contain;border-radius:14px}.product-card__price del{font-size:.78rem;color:#9b8177;text-decoration-thickness:1px}.hero-premium__visual img{width:100%;height:100%;object-fit:cover}.hero-main-image{overflow:hidden}.admin-link{opacity:.75}.category-chip__image img{object-fit:cover}.bento-card img,.journey-image img,.insta-item img{object-fit:cover}.image-fallback{background:linear-gradient(135deg,#f7ead4,#fff);display:grid;place-items:center;color:var(--brand)}.hero-slide-nav{display:flex;gap:8px;margin-top:16px}.hero-slide-nav button{width:38px;height:7px;border:0;border-radius:10px;background:rgba(255,255,255,.3);cursor:pointer}.hero-slide-nav button.is-active{background:var(--accent)}.product-gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.product-gallery-thumbs button{border:2px solid transparent;background:#fff;border-radius:14px;padding:0;overflow:hidden;width:72px;height:72px}.product-gallery-thumbs button.is-active{border-color:var(--brand)}.product-gallery-thumbs img{width:100%;height:100%;object-fit:cover}.gallery-main{position:relative}.gallery-main>img{transition:.25s}.section-empty-admin{border:1px dashed #c7b9a9;padding:20px;border-radius:18px;background:#fff;text-align:center}.cms-note{font-size:.82rem;color:#806f65}.stock.is-low{color:#b25a00}.stock.is-out{color:#b42318}.contact-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{padding:24px;border:1px solid #eee1d0;border-radius:22px;background:#fff}.contact-card svg{color:var(--brand)}@media(max-width:800px){.brand--stack img{width:128px;height:48px}.contact-card-grid{grid-template-columns:1fr}.hero-premium__visual{min-height:330px}}
.hero-main-image picture{display:block;width:100%;height:100%}


/* ===== mobile-fit.css ===== */
/* Stack Premium CMS V24 — storefront mobile fit layer */
html{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
main,header,footer,section,nav,.container,.header-row,.footer-grid,.product-detail__grid,.checkout-layout,.cart-layout{
  min-width:0;
  max-width:100%;
}
img,picture,video,canvas,iframe{
  max-width:100%;
}
input,select,textarea,button{
  min-width:0;
  max-width:100%;
}

@media (max-width:760px){
  :root{--mobile-gutter:12px}
  html{font-size:16px}
  body{
    font-size:15px;
    line-height:1.8;
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));
  }
  .container{
    width:calc(100% - (var(--mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  .section{padding:38px 0}
  .section--tight{padding:18px 0}

  /* top strip and header */
  .announcement{width:100%;height:32px}
  .announcement__track{font-size:10px;gap:18px;padding-inline:14px}
  .announcement__track span{gap:5px}
  .announcement__track svg{width:14px;height:14px;flex:none}
  .header-row{
    width:calc(100% - (var(--mobile-gutter) * 2))!important;
    height:70px!important;
    gap:8px!important;
    padding:0!important;
    justify-content:space-between;
  }
  .brand,.brand--premium{
    min-width:0!important;
    max-width:calc(100% - 100px);
    flex:0 1 auto;
  }
  .brand--premium img{width:54px!important;height:54px!important;max-width:100%;box-shadow:none}
  .header-actions{display:flex;align-items:center;gap:7px;margin:0!important;flex:none}
  .icon-btn{width:41px!important;height:41px!important;flex:0 0 41px;padding:0}
  .cart-button span{min-width:18px;height:18px;font-size:9px}

  /* mobile drawer always remains inside viewport */
  .main-nav,.main-nav--premium{
    width:min(88vw,340px)!important;
    max-width:100%!important;
    height:100dvh!important;
    padding:16px 14px calc(24px + env(safe-area-inset-bottom,0px))!important;
  }

  /* main banner */
  .hero-banner-simple{width:100%;padding:8px 0 10px!important}
  .hero-slider{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    border-radius:14px!important;
  }
  .hero-slider__track{aspect-ratio:1.95/1!important;min-height:0!important}
  .hero-slide,.hero-slide__link,.hero-slide picture,.hero-slide img{width:100%;max-width:100%;height:100%}
  .hero-slide img{object-fit:cover;object-position:center}
  .hero-slider__dots{bottom:7px;max-width:calc(100% - 24px)}

  /* stories */
  .story-reels{width:100%;padding:0 0 15px}
  .story-reels__shell{width:100%!important;max-width:100%!important;gap:7px}
  .story-reels__head{padding-inline:var(--mobile-gutter)}
  .story-reels__rail{width:100%;gap:10px;padding:2px var(--mobile-gutter) 8px}
  .story-reel{flex:0 0 66px;min-width:66px}
  .story-reel__ring{width:60px;height:60px}
  .story-reel__title{font-size:9px}
  .story-modal,.story-modal__panel{width:100%;max-width:100%;height:100dvh;max-height:100dvh}
  .story-modal video{width:100%;height:100%;max-width:100%;max-height:100dvh;object-fit:contain}

  /* headings and categories */
  .section-heading,.section-heading--premium{display:block!important;margin-bottom:18px!important;min-width:0}
  .section-heading>div,.section-heading--premium>div{min-width:0}
  .section-heading h2,.section-heading--premium h2{
    max-width:100%;
    font-size:clamp(22px,6.4vw,27px)!important;
    line-height:1.45;
    letter-spacing:-.45px;
    overflow-wrap:anywhere;
  }
  .section-heading p,.section-heading--premium p{font-size:12px!important;line-height:1.85;margin-top:6px}
  .category-section{padding-top:30px!important}
  .category-heading{display:block!important;margin-bottom:16px!important}
  .category-heading h2{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:clamp(18px,5.5vw,22px)!important;
  }
  .category-grid--premium{display:grid;grid-template-columns:1fr;gap:9px;width:100%}
  .category-grid--premium .category-chip{
    width:100%;
    min-width:0!important;
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:10px;
    padding:9px;
    margin:0;
    border-radius:16px;
  }
  .category-grid--premium .category-chip__image{width:56px;height:56px;border-radius:13px}
  .category-grid--premium .category-chip strong{font-size:14px}
  .category-grid--premium .category-chip small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* horizontal products */
  .products-showcase{width:100%}
  .bestseller-rail{
    width:100%;
    max-width:100%;
    margin-inline:0!important;
    gap:10px!important;
    padding:3px 0 13px!important;
  }
  .bestseller-rail>.product-card{
    flex:0 0 min(76vw,260px)!important;
    width:min(76vw,260px)!important;
    min-width:0!important;
    max-width:260px;
  }
  .product-card,.product-card--premium{min-width:0;max-width:100%}
  .product-card__image img{width:100%;height:100%;object-fit:cover}

  /* regular product listings */
  .product-grid,.product-grid--premium{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%;
  }
  .product-card--premium .product-card__body{padding:10px!important}
  .product-card--premium h3{font-size:12px!important;line-height:1.65;min-height:40px!important}
  .product-card__price strong{font-size:12px!important}
  .quick-add{font-size:10px!important;min-height:39px!important}

  /* content cards */
  .bento-grid{width:100%;grid-template-columns:1fr!important;gap:11px!important}
  .bento-card{width:100%;max-width:100%;min-width:0}
  .bento-card--story{min-height:330px!important}
  .bento-card--gift{min-height:205px!important}
  .bento-card--stat{min-height:165px!important}
  .bento-content{right:18px!important;left:18px!important;bottom:20px!important}
  .bento-content h2{font-size:27px!important}
  .feature-strip,.feature-strip--premium{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .feature-strip>div,.feature-strip--premium>div{min-width:0;padding:13px 7px!important}
  .feature-strip strong,.feature-strip--premium strong{font-size:11px!important}
  .testimonial-grid{width:100%;gap:10px}
  .testimonial-card{flex:0 0 86%;min-width:0!important;width:86%;padding:20px}
  .social-shell{width:100%;padding:20px 12px!important;border-radius:20px!important}
  .social-head h2{font-size:25px!important}
  .insta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .faq-premium{width:100%;grid-template-columns:1fr!important}
  .faq-intro h2{font-size:27px!important}
  .accordion--premium summary{font-size:14px!important;padding-inline:0}
  .final-cta__card{width:100%;padding:27px 17px!important;border-radius:22px}
  .final-cta__card h2{font-size:26px!important}
  .final-cta__actions{grid-template-columns:1fr!important;gap:9px!important}
  .final-cta__actions .btn{width:100%;font-size:12px!important}

  /* inner pages */
  .page-hero{padding:32px 0!important}
  .page-hero h1{font-size:clamp(28px,8.2vw,34px)!important;line-height:1.4;overflow-wrap:anywhere}
  .page-hero p{font-size:13px;line-height:1.8}
  .filter-bar{grid-template-columns:1fr!important;gap:9px;width:100%}
  .filter-bar input,.filter-bar select,.filter-bar button{width:100%;min-height:45px}

  /* product detail */
  .product-detail{padding-top:24px!important}
  .product-detail__grid{width:100%;grid-template-columns:1fr!important;gap:18px!important}
  .product-gallery{width:100%!important;max-width:min(100%,340px)!important;margin-inline:auto}
  .product-gallery .gallery-main{width:100%;max-height:310px!important;border-radius:18px}
  .product-gallery .gallery-main>img{width:100%;height:auto!important;max-height:310px!important;aspect-ratio:1/1;object-fit:cover}
  .product-gallery-thumbs{max-width:100%;overflow-x:auto;display:flex;gap:7px;padding-bottom:4px}
  .product-gallery-thumbs button{flex:0 0 58px;width:58px;height:58px}
  .product-info{min-width:0}
  .product-info h1{font-size:clamp(25px,7.5vw,31px)!important;line-height:1.45;overflow-wrap:anywhere}
  .product-info .lead{font-size:13px;line-height:1.95}
  .buy-box{width:100%;padding:15px!important;border-radius:18px}
  .buy-box select,.buy-box input{width:100%;font-size:16px}
  .purchase-row{grid-template-columns:minmax(86px,.42fr) minmax(0,1fr)!important;gap:9px}
  .purchase-row .price{min-width:0;text-align:center;font-size:15px}
  .product-specs{width:100%;grid-template-columns:1fr!important}

  /* cart */
  .cart-layout,.checkout-layout{width:100%;grid-template-columns:1fr!important;gap:16px!important}
  .cart-list{width:100%}
  .cart-item{
    width:100%;
    grid-template-columns:68px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto;
    gap:8px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .cart-item img{width:68px!important;height:68px!important;grid-row:1/3}
  .cart-item>div{min-width:0}
  .cart-item h2,.cart-item h3{font-size:12px!important;line-height:1.6;overflow-wrap:anywhere}
  .cart-item p,.cart-item strong{font-size:10px}
  .cart-item label{grid-column:2;display:flex;align-items:center;gap:7px;font-size:10px}
  .cart-item label input{width:58px!important;padding:7px}
  .cart-item .line-price,.cart-item .line-total{grid-column:3;grid-row:1;font-size:10px;white-space:nowrap}
  .cart-item .remove-link,.cart-item .link-danger{grid-column:3;grid-row:2;font-size:10px;align-self:end}
  .order-summary{width:100%;padding:16px!important;border-radius:17px}
  .order-summary>div{min-width:0}
  .mini-item{grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important}
  .mini-item img{width:46px!important;height:46px!important}
  .mini-item span{min-width:0;font-size:11px!important;overflow-wrap:anywhere}
  .mini-item strong{font-size:10px;white-space:nowrap}

  /* checkout */
  .checkout-section{padding-top:20px!important}
  .checkout-form,.checkout-form--compact{width:100%;padding:14px!important;gap:11px!important;border-radius:17px!important}
  .checkout-form--compact h2{font-size:18px!important}
  .receiver-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%}
  .receiver-grid label{min-width:0}
  .receiver-grid .span-2{grid-column:1/-1}
  .checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;font-size:16px!important}
  .payment-method-card{width:100%;padding:11px;align-items:flex-start}
  .payment-method-card>span:last-child{min-width:0}
  .payment-method-card strong,.payment-method-card small{overflow-wrap:anywhere}

  /* remaining public layouts */
  .track-wrap,.content-grid,.contact-grid{grid-template-columns:1fr!important;gap:16px!important;width:100%}
  .track-form,.order-result,.contact-card{width:100%;padding:17px!important}
  .content-grid h2{font-size:28px!important}
  .success-card{width:100%;max-width:100%;padding:32px 15px!important;border-radius:20px}
  .order-code{max-width:100%;margin-inline:0;font-size:18px;overflow-wrap:anywhere}
  .success-details{grid-template-columns:1fr!important}

  /* footer and floating controls */
  .footer-newsletter{padding-inline:0}
  .footer-newsletter h2{font-size:23px!important}
  .newsletter-form{grid-template-columns:1fr!important;gap:8px!important}
  .newsletter-form button{width:100%}
  .footer-grid,.footer-grid--premium{grid-template-columns:1fr!important;gap:22px!important;padding:34px 0!important}
  .footer-about,.footer-contact{grid-column:auto!important}
  .footer-brand{max-width:100%}
  .footer-contact p{align-items:flex-start;overflow-wrap:anywhere}
  .footer-bottom,.footer-bottom--premium{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .mobile-bottom-nav,.mobile-bottom-nav--premium{
    width:100%;
    max-width:100%;
    height:calc(70px + env(safe-area-inset-bottom,0px))!important;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .mobile-bottom-nav a{min-width:0}
  .floating-whatsapp{right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
}

@media (max-width:420px){
  :root{--mobile-gutter:10px}
  .receiver-grid{grid-template-columns:1fr!important}
  .receiver-grid .span-2{grid-column:auto}
  .hero-slider__track{aspect-ratio:1.82/1!important}
  .brand--premium img{width:52px!important;height:52px!important}
  .header-actions{gap:6px}
  .icon-btn{width:40px!important;height:40px!important;flex-basis:40px}
  .bestseller-rail>.product-card{flex-basis:min(80vw,252px)!important;width:min(80vw,252px)!important}
  .product-gallery{max-width:min(100%,315px)!important}
  .product-gallery .gallery-main,.product-gallery .gallery-main>img{max-height:290px!important}
}

@media (max-width:340px){
  :root{--mobile-gutter:8px}
  .product-grid,.product-grid--premium{grid-template-columns:1fr!important}
  .product-card--premium h3{min-height:auto!important}
  .category-heading h2{font-size:17px!important}
  .purchase-row{grid-template-columns:1fr!important}
  .cart-item{grid-template-columns:60px minmax(0,1fr)!important}
  .cart-item img{width:60px!important;height:60px!important}
  .cart-item .line-price,.cart-item .line-total,.cart-item .remove-link,.cart-item .link-danger{grid-column:2;grid-row:auto;justify-self:start}
}


/* V23 support widget mobile fit */
@media(max-width:760px){
  .support-widget{max-width:calc(100vw - 24px)!important}
  .support-widget__menu{max-width:calc(100vw - 24px)!important}
}


/* V24: compact weekly best-sellers */
@media (min-width:761px){
  .bestseller-rail{gap:14px}
  .bestseller-rail>.product-card{flex-basis:calc((100% - 56px)/5);min-width:188px;max-width:220px}
}
.bestseller-rail .product-card--premium{border-radius:19px}
.bestseller-rail .product-card--premium .product-card__image{border-radius:18px 18px 13px 13px;aspect-ratio:1/.84}
.bestseller-rail .product-card__body{padding:11px 12px 12px}
.bestseller-rail .product-card__meta{font-size:10px}
.bestseller-rail .product-card h3{font-size:13px;line-height:1.55;min-height:40px;margin:4px 0}
.bestseller-rail .product-card__body>p{display:none}
.bestseller-rail .product-card__price{margin-top:5px}
.bestseller-rail .product-card__price strong{font-size:14px}
.bestseller-rail .quick-add{min-height:38px;padding:8px 10px;font-size:10px}
@media (max-width:760px){
  .bestseller-rail{gap:8px!important;padding-bottom:10px!important}
  .bestseller-rail>.product-card{flex:0 0 min(52vw,184px)!important;width:min(52vw,184px)!important;max-width:184px!important}
  .bestseller-rail .product-card__body{padding:8px 9px 9px!important}
  .bestseller-rail .product-card h3{font-size:11px!important;min-height:34px!important;line-height:1.55}
  .bestseller-rail .product-card__price strong{font-size:11px!important}
  .bestseller-rail .product-card__price small,.bestseller-rail .product-card__price em{font-size:8px}
  .bestseller-rail .product-card__tools{top:7px;left:7px}
  .bestseller-rail .wishlist-btn{width:30px;height:30px}
  .bestseller-rail .badge{font-size:8px;padding:3px 6px;top:7px;right:7px}
  .bestseller-rail .quick-add{min-height:34px!important;padding:6px 7px!important;font-size:9px!important}
}

/* V24: calm, compact mobile footer */
.footer-grid--compact .footer-contact__items{display:grid;gap:12px}
.footer-grid--compact .footer-contact__items>a,.footer-grid--compact .footer-contact__items>span{display:flex;align-items:flex-start;gap:9px;color:inherit;margin:0}
.footer-grid--compact .footer-contact__items svg{flex:none;margin-top:2px}
.footer-grid--compact .footer-contact__items small{display:block;margin-top:2px;color:#a99199}
@media (max-width:760px){
  .footer--premium{margin-top:24px}
  .footer--premium .footer-glow{display:none}
  .footer-newsletter{display:none!important}
  .footer-grid,.footer-grid--premium,.footer-grid--compact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px 16px!important;
    padding:24px 0 18px!important;
  }
  .footer-about{grid-column:1/-1!important;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
  .footer-about>p{display:none!important}
  .footer-brand img{width:96px!important;height:42px!important;object-fit:contain;border-radius:10px!important}
  .socials{gap:6px;margin:0}
  .socials a{width:36px!important;height:36px!important;margin:0!important}
  .footer-links{min-width:0}
  .footer--premium h3{font-size:14px!important;margin:0 0 8px}
  .footer--premium .footer-links a{font-size:12px!important;line-height:1.45;margin:0;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .footer-contact{grid-column:1/-1!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
  .footer-contact h3{margin-bottom:9px}
  .footer-contact__items{display:flex!important;flex-wrap:wrap;align-items:center;gap:9px 16px!important}
  .footer-contact__items>a,.footer-contact__items>span{font-size:12px!important;line-height:1.55;flex:1 1 145px}
  .footer-contact__items small{font-size:9px!important}
  .footer-enamad{padding-bottom:14px}
  .footer-bottom,.footer-bottom--premium{padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px))!important;font-size:10px!important;line-height:1.65}
  .support-widget{right:auto!important;left:12px!important}
  .support-widget__menu{right:auto!important;left:0!important}
}
@media (max-width:360px){
  .footer-grid,.footer-grid--premium,.footer-grid--compact{gap:15px 12px!important}
  .footer--premium .footer-links a{font-size:11px!important}
  .footer-contact__items>a,.footer-contact__items>span{flex-basis:100%}
}


/* ===== v25.css ===== */
/* Stack Premium CMS V25 — compact mobile layout and soft professional UI */

/* Global soft components */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){
  border:1px solid rgba(74,31,45,.14);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 18px rgba(42,17,27,.035);
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea):focus{
  border-color:rgba(98,41,58,.58)!important;
  box-shadow:0 0 0 4px rgba(98,41,58,.09),0 8px 24px rgba(42,17,27,.06)!important;
  outline:0;
}
:where(.product-card,.cart-item,.order-summary,.checkout-form,.track-form,.order-result,.empty-state,.testimonial-card,.accordion details,.payment-method-card,.success-card,.contact-card,.section-editor,.final-cta__card){
  border-color:rgba(74,31,45,.10);
  box-shadow:0 10px 34px rgba(42,17,27,.055);
}
:where(.btn,.icon-btn,.remove-link,.category-chip,.accordion summary){
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}

/* Digikala-like carousel: centered slide with a visible edge on both sides */
.hero-banner-simple{
  overflow:hidden;
  padding:10px 0 20px;
  background:#f8f1eb;
}
.hero-slider{
  position:relative;
  width:min(100%,1540px);
  margin-inline:auto;
  overflow:visible;
  border-radius:0;
  background:transparent;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.hero-slider__viewport{
  position:relative;
  width:100%;
  aspect-ratio:3.15/1;
  overflow:visible;
}
.hero-slider__track{
  position:relative;
  display:flex;
  direction:ltr;
  align-items:stretch;
  gap:14px;
  width:max-content;
  height:100%;
  aspect-ratio:auto;
  will-change:transform;
}
.hero-slide,
.hero-slider--fade .hero-slide,
.hero-slider--slide .hero-slide{
  position:relative;
  inset:auto;
  flex:0 0 min(calc(100vw - 96px),1360px);
  height:100%;
  opacity:.82;
  visibility:visible;
  pointer-events:auto;
  transform:scale(.978);
  border-radius:22px;
  overflow:hidden;
  background:#eadfd7;
  box-shadow:0 12px 34px rgba(42,17,27,.10);
  transition:opacity .45s ease,transform .45s ease,box-shadow .45s ease;
}
.hero-slide.is-active,
.hero-slide.is-current{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  z-index:2;
  box-shadow:0 18px 48px rgba(42,17,27,.16);
}
.hero-slide__link,.hero-slide picture,.hero-slide img{display:block;width:100%;height:100%}
.hero-slide img{object-fit:cover;object-position:center}
.hero-slider__dots{display:none!important}
.hero-slider__controls{
  right:clamp(48px,7vw,112px);
  bottom:13px;
}
.hero-slider__arrow{width:34px;height:34px;border-radius:12px}

/* Horizontal compact categories, without the old heading */
.category-section--rail{padding:22px 0 34px}
.category-grid--horizontal{
  display:flex!important;
  grid-template-columns:none!important;
  gap:12px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:4px 2px 10px;
}
.category-grid--horizontal::-webkit-scrollbar{display:none}
.category-chip--compact{
  flex:0 0 205px;
  min-width:205px;
  min-height:88px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius:20px;
  scroll-snap-align:start;
  background:rgba(255,255,255,.94);
}
.category-chip--compact .category-chip__image{width:68px;height:68px;border-radius:16px}
.category-chip--compact>strong{font-size:14px;color:var(--green-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Simpler testimonials and FAQ */
.simple-section-title{margin-bottom:20px}
.simple-section-title h2{margin:0;font-size:clamp(27px,3.2vw,42px);color:var(--green-950)}
.testimonials-section--simple{padding-block:54px;background:#fbf2e7}
.testimonial-grid--compact{gap:16px}
.testimonial-grid--compact .testimonial-card{border-radius:22px;padding:22px}
.faq-preview--simple{padding-block:54px;background:#fffdf9}
.faq-preview--simple>.container{max-width:920px}
.accordion--simple{width:100%}
.accordion--simple details{border-radius:17px;margin-bottom:10px;overflow:hidden;background:#fff}
.accordion--simple summary{min-height:58px;padding:16px 18px;font-size:15px}
.accordion--simple details p{padding:0 18px 18px;margin:0;color:var(--muted);line-height:2}

/* Compact cart rows */
.cart-layout--compact{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:22px}
.cart-list--compact{gap:10px}
.cart-item--compact{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:102px;
  padding:10px 12px;
  border-radius:18px;
  background:#fff;
}
.cart-item--compact .cart-item__image{display:block;width:78px;height:78px;border-radius:14px;overflow:hidden}
.cart-item--compact .cart-item__image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.cart-item__info{min-width:0}
.cart-item__info h2{margin:0 0 4px;font-size:15px;line-height:1.5}
.cart-item__info h2 a{color:var(--ink)}
.cart-item__info p{margin:0;color:var(--muted);font-size:11px}
.cart-item__prices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}
.cart-item__prices span{font-size:10px;color:var(--muted)}
.cart-item__prices strong{font-size:13px;color:var(--green-900)}
.cart-item__actions{display:flex;align-items:center;gap:9px}
.cart-quantity{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}
.cart-quantity input{width:58px;min-height:38px;padding:6px;text-align:center;border-radius:12px}
.cart-item--compact .remove-link{
  min-height:36px;
  padding:7px 11px;
  border:1px solid rgba(180,35,24,.18);
  border-radius:11px;
  background:#fff5f3;
  color:#a52b21;
  font:inherit;
  font-size:11px;
  cursor:pointer;
}
.cart-item--compact .remove-link:hover{background:#ffe9e5;transform:translateY(-1px)}
.cart-update-fallback{justify-self:start;min-height:42px;padding:9px 16px}
.js .cart-update-fallback{display:none}

/* Mobile drawer: crisp panel, dark overlay, no blur */
@media(max-width:760px){
  .site-header{z-index:9000}
  .main-nav,.main-nav--premium{
    z-index:9010!important;
    background:#fff!important;
    box-shadow:-20px 0 55px rgba(35,13,21,.24)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav-backdrop{
    z-index:9005!important;
    background:rgba(25,8,14,.55)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }

  .hero-banner-simple{padding:8px 0 16px}
  .hero-slider{width:100%;border-radius:0}
  .hero-slider__viewport{aspect-ratio:2.08/1}
  .hero-slider__track{gap:9px}
  .hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{
    flex-basis:calc(100vw - 48px);
    border-radius:16px;
    transform:scale(.985);
  }
  .hero-slide.is-active,
.hero-slide.is-current{transform:scale(1)}
  .hero-slider__controls{display:none!important}

  .category-section--rail{padding:16px 0 28px}
  .category-grid--horizontal{margin-inline:-14px;padding-inline:14px;gap:10px}
  .category-chip--compact{
    flex-basis:156px;
    min-width:156px;
    min-height:76px;
    grid-template-columns:56px minmax(0,1fr);
    padding:9px;
    border-radius:17px;
  }
  .category-chip--compact .category-chip__image{width:56px;height:56px;border-radius:13px}
  .category-chip--compact>strong{font-size:13px}

  .simple-section-title{margin-bottom:14px}
  .simple-section-title h2{font-size:25px}
  .testimonials-section--simple,.faq-preview--simple{padding-block:38px}
  .testimonial-grid--compact{
    display:flex;
    overflow-x:auto;
    gap:12px;
    margin-inline:-14px;
    padding:2px 14px 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .testimonial-grid--compact::-webkit-scrollbar{display:none}
  .testimonial-grid--compact .testimonial-card{flex:0 0 min(84vw,330px);scroll-snap-align:start;padding:18px;border-radius:19px}
  .accordion--simple summary{min-height:54px;padding:14px;font-size:14px}
  .accordion--simple details p{padding:0 14px 15px;font-size:13px}

  .cart-section{padding-top:30px}
  .cart-layout--compact{grid-template-columns:1fr;gap:15px}
  .cart-item--compact{
    grid-template-columns:66px minmax(0,1fr);
    gap:10px;
    min-height:90px;
    padding:9px;
    border-radius:16px;
  }
  .cart-item--compact .cart-item__image{width:66px;height:66px;border-radius:12px}
  .cart-item__info h2{font-size:13px;margin-bottom:2px}
  .cart-item__info p{font-size:10px}
  .cart-item__prices{gap:7px;margin-top:4px}
  .cart-item__prices span{font-size:9px}
  .cart-item__prices strong{font-size:12px}
  .cart-item__actions{
    grid-column:1/-1;
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:-2px;
    padding-top:7px;
    border-top:1px solid rgba(74,31,45,.07);
  }
  .cart-quantity{margin-left:auto}
  .cart-quantity input{width:52px;min-height:34px}
  .cart-item--compact .remove-link{min-height:34px;padding:6px 10px}
  .order-summary{padding:17px;border-radius:18px}

  .footer-grid--minimal{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px 14px!important;
    padding:28px 0 22px!important;
  }
  .footer-grid--minimal .footer-links{min-width:0}
  .footer-grid--minimal .footer-contact{grid-column:1/-1!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
  .footer-grid--minimal .footer-contact__items{display:flex!important;flex-wrap:wrap;gap:10px 16px!important}
  .footer-grid--minimal .footer-contact__items>a,.footer-grid--minimal .footer-contact__items>span{flex:1 1 145px}
}

.footer-grid--minimal{
  grid-template-columns:.72fr .72fr 1.15fr;
  gap:34px;
  padding:40px 0 30px;
}
.footer-contact--minimal{align-self:center}
.footer-contact--minimal .footer-contact__items{display:grid;gap:13px}
.footer-contact--minimal .footer-contact__items>a,
.footer-contact--minimal .footer-contact__items>span{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:inherit;
  margin:0;
}
.footer-contact--minimal small{display:block;margin-top:2px;color:#a99199}

@media(max-width:390px){
  .hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{flex-basis:calc(100vw - 40px);border-radius:14px}
  .category-grid--horizontal{margin-inline:-12px;padding-inline:12px}
  .category-chip--compact{flex-basis:145px;min-width:145px}
  .footer-grid--minimal{gap:15px 10px!important}
  .footer--premium .footer-links a{font-size:11px!important}
  .footer-grid--minimal .footer-contact__items>a,.footer-grid--minimal .footer-contact__items>span{flex-basis:100%}
}

@media(prefers-reduced-motion:reduce){
  .hero-slider__track,.hero-slide,.category-chip,.testimonial-card{transition:none!important}
}


/* ===== v26.css ===== */
/* Stack Premium CMS V26 — reliable carousel, compact mobile content and crisp drawer */

/* Main banner: always visible, full images, subtle neighbouring slide peek */
.hero-banner-simple{
  width:100%;
  overflow:hidden;
  padding:10px 0 16px!important;
  background:#f8f1eb;
}
.hero-slider{
  width:100%!important;
  max-width:1540px!important;
  margin-inline:auto!important;
  overflow:visible!important;
  touch-action:pan-y;
}
.hero-slider__viewport{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1440/560!important;
  overflow:hidden!important;
  position:relative;
  direction:ltr!important;
}
.hero-slider__track{
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
  width:max-content!important;
  height:100%!important;
  min-height:0!important;
  direction:ltr;
  will-change:transform;
}
.hero-slide,
.hero-slider--fade .hero-slide,
.hero-slider--slide .hero-slide{
  position:relative!important;
  inset:auto!important;
  flex:0 0 min(calc(100vw - 96px),1360px)!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  opacity:.78!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:scale(.987)!important;
  background:#eadfd7;
  box-shadow:0 10px 28px rgba(42,17,27,.10);
  transition:opacity .38s ease,transform .38s ease,box-shadow .38s ease!important;
}
.hero-slide.is-active,
.hero-slide.is-current{
  opacity:1!important;
  transform:scale(1)!important;
  z-index:2;
  box-shadow:0 14px 38px rgba(42,17,27,.14);
}
.hero-slide__link,.hero-slide picture,.hero-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
}
.hero-slide img{
  object-fit:cover!important;
  object-position:center!important;
  -webkit-user-drag:none;
  user-select:none;
}
.hero-slider__dots{display:none!important}
.hero-slider.is-dragging,.hero-slider.is-dragging *{cursor:grabbing!important}

/* Story title removed: only the circular stories remain. */
.story-reels{padding-top:2px!important}
.story-reels__shell{display:block!important}
.story-reels__head{display:none!important}
.story-reels__rail{padding-top:4px!important}

/* Product categories: image above, name below, no card frame. */
.category-section--rail{padding:18px 0 30px!important}
.category-grid--horizontal{
  display:flex!important;
  align-items:flex-start!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:4px 2px 10px!important;
}
.category-grid--horizontal::-webkit-scrollbar{display:none}
.category-chip--minimal,
.category-chip--compact.category-chip--minimal{
  flex:0 0 96px!important;
  min-width:96px!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-align:start;
}
.category-chip--minimal:hover{
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-2px)!important;
}
.category-chip--minimal .category-chip__image{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#f2e6dd!important;
  box-shadow:0 6px 18px rgba(42,17,27,.08);
}
.category-chip--minimal .category-chip__image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.category-chip--minimal>strong{
  width:100%;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:center!important;
  color:var(--green-950)!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Best sellers: every card stays complete and the whole list is horizontally reachable. */
.products-showcase{overflow:visible!important}
.bestseller-rail{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scroll-padding-inline:12px;
  scrollbar-width:none;
  padding:6px 2px 22px!important;
}
.bestseller-rail::-webkit-scrollbar{display:none}
.bestseller-rail>.product-card{
  flex:0 0 210px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  height:auto!important;
  align-self:stretch;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  overflow:visible!important;
}
.bestseller-rail .product-card__body{
  display:flex!important;
  flex:1 1 auto;
  flex-direction:column;
}
.bestseller-rail .quick-add-form{margin-top:auto}

/* Compact final CTA. */
.final-cta{padding:32px 0!important}
.final-cta__card{
  min-height:0!important;
  padding:28px 32px!important;
  border-radius:24px!important;
  gap:22px!important;
}
.final-cta__card h2{font-size:clamp(25px,3vw,34px)!important;line-height:1.5;margin:3px 0!important}
.final-cta__card p{margin:5px 0 0!important;font-size:13px!important}
.final-cta__actions .btn{min-height:48px!important;padding:11px 18px!important}

/* The mobile menu panel must sit above the overlay and remain fully clickable. */
@media(max-width:760px){
  .main-nav,.main-nav--premium{
    z-index:10020!important;
    opacity:1!important;
    background:#fff!important;
    color:var(--ink)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none;
  }
  .main-nav.is-open,.main-nav--premium.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav-backdrop{
    z-index:10010!important;
    background:rgba(25,8,14,.54)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav-backdrop.is-open{pointer-events:auto!important}

  .hero-banner-simple{padding:7px 0 12px!important}
  .hero-slider__viewport{
    aspect-ratio:1080/520!important;
    min-height:164px!important;
  }
  .hero-slider__track{gap:8px!important}
  .hero-slide,
  .hero-slider--fade .hero-slide,
  .hero-slider--slide .hero-slide{
    flex-basis:calc(100vw - 24px)!important;
    width:calc(100vw - 24px)!important;
    min-width:calc(100vw - 24px)!important;
    border-radius:16px!important;
    transform:scale(.994)!important;
  }
  .hero-slide.is-active,.hero-slide.is-current{transform:scale(1)!important}
  .hero-slider__controls{display:none!important}

  .story-reels{padding:0 0 12px!important}
  .story-reels__rail{padding:3px var(--mobile-gutter) 8px!important}

  .category-section--rail{padding:14px 0 25px!important}
  .category-grid--horizontal{
    margin-inline:calc(var(--mobile-gutter) * -1)!important;
    padding:4px var(--mobile-gutter) 8px!important;
    gap:13px!important;
  }
  .category-chip--minimal,
  .category-chip--compact.category-chip--minimal{
    flex-basis:78px!important;
    min-width:78px!important;
    width:78px!important;
    gap:6px!important;
  }
  .category-chip--minimal .category-chip__image{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
    border-radius:19px!important;
  }
  .category-chip--minimal>strong{font-size:11px!important;line-height:1.45!important}

  .products-showcase .section-heading{margin-bottom:12px!important}
  .bestseller-rail{
    margin-inline:calc(var(--mobile-gutter) * -1)!important;
    width:calc(100% + (var(--mobile-gutter) * 2))!important;
    max-width:none!important;
    padding:5px var(--mobile-gutter) 24px!important;
    gap:9px!important;
  }
  .bestseller-rail>.product-card{
    flex:0 0 min(46vw,178px)!important;
    width:min(46vw,178px)!important;
    min-width:min(46vw,178px)!important;
    max-width:178px!important;
  }
  .bestseller-rail .product-card--premium .product-card__image{aspect-ratio:1/.9!important}
  .bestseller-rail .product-card__body{padding:9px!important}
  .bestseller-rail .product-card h3{font-size:11px!important;min-height:34px!important;margin:4px 0!important}
  .bestseller-rail .quick-add{min-height:36px!important;padding:7px!important;font-size:9px!important}

  .final-cta{padding:22px 0!important}
  .final-cta__card{
    padding:20px 16px!important;
    border-radius:20px!important;
  }
  .final-cta__card .eyebrow{font-size:10px!important}
  .final-cta__card h2{font-size:23px!important;line-height:1.45!important}
  .final-cta__card p{font-size:11px!important;line-height:1.8!important}
  .final-cta__actions{margin-top:14px!important;gap:7px!important}
  .final-cta__actions .btn{min-height:42px!important;padding:8px 12px!important;font-size:11px!important}

  /* Cart products form one tight list with no large gaps. */
  .cart-section{padding:20px 0 28px!important}
  .cart-layout--compact{gap:10px!important}
  .cart-list--compact{display:grid!important;gap:4px!important}
  .cart-item--compact{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    padding:8px!important;
    margin:0!important;
    border-radius:13px!important;
    box-shadow:0 4px 14px rgba(42,17,27,.045)!important;
  }
  .cart-item--compact .cart-item__image{
    grid-row:auto!important;
    width:58px!important;
    height:58px!important;
    border-radius:11px!important;
  }
  .cart-item--compact .cart-item__image img{width:100%!important;height:100%!important}
  .cart-item__info{min-width:0!important}
  .cart-item__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .cart-item__title-wrap{min-width:0;flex:1}
  .cart-item__info h2{margin:0!important;font-size:12px!important;line-height:1.45!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cart-item__info p{margin:1px 0 0!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cart-item__total{flex:none;font-size:10px!important;white-space:nowrap;color:var(--green-900)}
  .cart-item__bottomline{display:flex;align-items:center;gap:6px;margin-top:5px;min-width:0}
  .cart-item__unit{font-size:8px;color:var(--muted);white-space:nowrap;margin-inline-end:auto}
  .cart-quantity{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;font-size:8px!important;color:var(--muted)}
  .cart-quantity input{width:42px!important;min-height:28px!important;height:28px!important;padding:3px!important;border-radius:9px!important;font-size:12px!important}
  .cart-item--compact .remove-link{min-height:28px!important;height:28px!important;padding:3px 8px!important;border-radius:9px!important;font-size:9px!important}
  .order-summary{margin-top:0!important;padding:14px!important}
}

@media(max-width:360px){
  .hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{
    flex-basis:calc(100vw - 20px)!important;
    width:calc(100vw - 20px)!important;
    min-width:calc(100vw - 20px)!important;
  }
  .bestseller-rail>.product-card{
    flex-basis:47vw!important;
    width:47vw!important;
    min-width:47vw!important;
  }
  .cart-item__unit{display:none}
}


/* ===== v27.css ===== */
/* Stack Premium CMS V27 — visual identity based on the official green/yellow/orange logo */
:root{
  --green-1000:#003b20;
  --green-950:#004a28;
  --green-900:#006937;
  --green-800:#087a43;
  --green-700:#149154;
  --yellow:#ffcc00;
  --yellow-soft:#fff0a8;
  --orange:#ff5a00;
  --cream:#fff9df;
  --sand:#f4e8bd;
  --ink:#193127;
  --muted:#64736b;
  --line:#e8dfbf;
  --white:#fff;
  --shadow-xl:0 30px 90px rgba(0,74,40,.14);
  --shadow-lg:0 22px 55px rgba(0,74,40,.11);
  --shadow-md:0 12px 34px rgba(0,74,40,.08);
}

html,body,button,input,select,textarea{font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}
body{background:#fffdf4!important;color:var(--ink)!important}
body:before{background:radial-gradient(circle at 4% 8%,rgba(255,204,0,.12),transparent 28%),radial-gradient(circle at 96% 38%,rgba(0,105,55,.07),transparent 30%)!important}
::selection{background:var(--yellow)!important;color:var(--green-1000)!important}

/* Store announcement and header */
.announcement{background:linear-gradient(90deg,var(--green-1000),var(--green-900),var(--green-1000))!important;border-bottom-color:rgba(255,204,0,.24)!important}
.announcement__track i{background:var(--yellow)!important}
.site-header--premium{background:rgba(255,255,250,.96)!important;border-bottom:1px solid rgba(0,105,55,.12)!important;backdrop-filter:blur(16px) saturate(140%)!important}
.site-header--premium.is-scrolled{box-shadow:0 12px 38px rgba(0,74,40,.10)!important}
.header-row{height:92px!important}
.brand,.brand--premium,.brand--stack{
  min-width:96px!important;
  width:96px!important;
  height:76px!important;
  padding:5px 9px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--yellow)!important;
  border:1px solid rgba(0,105,55,.16)!important;
  border-radius:8px!important;
  box-shadow:0 8px 22px rgba(0,74,40,.10)!important;
  overflow:hidden!important;
}
.brand img,.brand--premium img,.brand--stack img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.main-nav--premium a{color:#355248!important;font-weight:750!important}
.main-nav--premium a:after{background:linear-gradient(90deg,var(--orange),var(--yellow))!important}
.main-nav--premium a.is-active{color:var(--green-900)!important}
.icon-btn{
  border-color:rgba(0,105,55,.17)!important;
  border-radius:12px!important;
  color:var(--green-900)!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(0,74,40,.05)!important;
}
.icon-btn:hover{background:var(--yellow)!important;color:var(--green-1000)!important;border-color:var(--yellow)!important}
.cart-button{background:var(--green-900)!important;color:#fff!important;border-color:var(--green-900)!important}
.cart-button span{background:var(--orange)!important;color:#fff!important;border-color:#fff!important}
.search-panel{border-bottom-color:var(--line)!important}
.search-panel input:focus{border-color:var(--green-700)!important}

/* Buttons and forms */
.btn-primary,.quick-add,.checkout-submit{background:linear-gradient(135deg,var(--green-800),var(--green-1000))!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,105,55,.18)!important}
.btn-yellow{background:linear-gradient(135deg,#ffe25a,var(--yellow))!important;color:var(--green-1000)!important;box-shadow:0 10px 24px rgba(255,204,0,.18)!important}
.btn-outline{color:var(--green-900)!important;border-color:var(--green-700)!important}
.text-link{color:var(--green-900)!important}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){border-color:rgba(0,105,55,.16)!important;box-shadow:0 5px 18px rgba(0,74,40,.035)!important}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea):focus{border-color:rgba(0,105,55,.62)!important;box-shadow:0 0 0 4px rgba(0,105,55,.10),0 8px 24px rgba(0,74,40,.06)!important}

/* Main banner: no arrows, no scale/opacity jumps, smooth transform only */
.hero-banner-simple{background:linear-gradient(180deg,#fff8d2,#fffdf4)!important;padding:10px 0 14px!important}
.hero-slider{max-width:1540px!important;touch-action:pan-y!important;user-select:none!important;-webkit-user-select:none!important}
.hero-slider__viewport{overflow:hidden!important;direction:ltr!important;aspect-ratio:1440/560!important}
.hero-slider__track{
  gap:10px!important;
  direction:ltr!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}
.hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{
  flex:0 0 min(calc(100vw - 72px),1420px)!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  border-radius:18px!important;
  border:1px solid rgba(0,105,55,.10)!important;
  background:#f6e8b5!important;
  box-shadow:0 12px 32px rgba(0,74,40,.10)!important;
  overflow:hidden!important;
  backface-visibility:hidden!important;
}
.hero-slide.is-active,.hero-slide.is-current{opacity:1!important;transform:none!important;box-shadow:0 14px 36px rgba(0,74,40,.12)!important}
.hero-slide img{transform:translateZ(0)!important;backface-visibility:hidden!important}
.hero-slider__controls,.hero-slider__arrow,.hero-slider__dots{display:none!important}

/* Stories and categories */
.story-reel__ring{background:conic-gradient(var(--yellow),var(--orange),var(--green-900),var(--yellow))!important}
.story-reel__cover{background:#fff!important}
.category-chip--minimal .category-chip__image{background:#fff3b1!important;box-shadow:0 6px 18px rgba(0,74,40,.09)!important}
.category-chip--minimal>strong{color:var(--green-950)!important}
.category-chip--minimal:hover strong{color:var(--orange)!important}

/* Product rails and cards */
.section-heading--premium h2,.simple-section-title h2,.page-hero h1,.product-info h1{color:var(--green-950)!important}
.section-heading--premium h2:after{background:linear-gradient(90deg,var(--orange),var(--yellow))!important}
.product-card,.product-card--premium,.cart-item,.order-summary,.checkout-form,.track-form,.order-result,.empty-state,.testimonial-card,.payment-method-card,.success-card,.contact-card{
  border-color:rgba(0,105,55,.11)!important;
  box-shadow:0 10px 30px rgba(0,74,40,.06)!important;
}
.product-card--premium:hover{border-color:rgba(0,105,55,.28)!important;box-shadow:0 16px 38px rgba(0,74,40,.11)!important}
.product-card__badge,.discount-badge{background:var(--orange)!important;color:#fff!important}
.product-card__price strong,.price-current,.line-total{color:var(--green-900)!important}
.wishlist-btn.is-active{background:var(--yellow)!important;color:var(--green-1000)!important}

/* Testimonials */
.testimonials-section--simple{background:linear-gradient(180deg,#fff4b9,#fff9dc)!important}
.testimonial-card{background:rgba(255,255,255,.92)!important}
.testimonial-stars{color:var(--orange)!important}

/* FAQ: one compact connected list with fine separators */
.faq-preview--simple{padding-block:38px!important;background:#fffdf4!important}
.faq-preview--simple>.container{max-width:860px!important}
.faq-preview--simple .simple-section-title{margin-bottom:12px!important}
.accordion--simple{
  width:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(0,105,55,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(0,74,40,.05)!important;
}
.accordion--simple details{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(0,105,55,.12)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.accordion--simple details:last-child{border-bottom:0!important}
.accordion--simple summary{min-height:48px!important;padding:12px 16px!important;font-size:14px!important;color:var(--green-950)!important;background:#fff!important}
.accordion--simple summary:hover{background:#fffbea!important}
.accordion--simple summary span{color:var(--orange)!important}
.accordion--simple details p{margin:0!important;padding:0 16px 13px!important;font-size:12.5px!important;line-height:1.9!important;color:var(--muted)!important}

/* The old first-order block is intentionally removed */
.final-cta{display:none!important}

/* Cart and checkout */
.cart-item--compact{background:#fff!important}
.cart-item--compact .remove-link{border-color:rgba(255,90,0,.22)!important;background:#fff6f0!important;color:#c34600!important}
.order-summary{border-top:4px solid var(--yellow)!important}
.payment-method-card.is-selected{border-color:var(--green-700)!important;background:#f2fff8!important}

/* Footer and floating support */
.footer--premium{background:linear-gradient(160deg,var(--green-1000),#002e18)!important;color:#d7e8df!important}
.footer--premium a{color:#c5dbd0!important}
.footer--premium a:hover{color:var(--yellow)!important}
.footer-newsletter{border-bottom-color:rgba(255,204,0,.18)!important}
.footer-newsletter h2{color:#fff!important}
.newsletter-form input{border-color:rgba(255,204,0,.24)!important}
.footer-glow--one{background:var(--yellow)!important}
.footer-glow--two{background:var(--orange)!important}
.footer-bottom--premium{color:#9fc2b0!important}
.support-widget__toggle{background:var(--yellow)!important;color:var(--green-1000)!important;border:2px solid #fff!important}
.support-action__icon{background:var(--green-900)!important;color:#fff!important}

/* No circular or pill-shaped presentation for the brand logo anywhere */
.footer-brand img,.admin-logo img,.login-card img,.invoice-brand img{border-radius:0!important;object-fit:contain!important}
.mobile-nav-contact{display:none!important}

/* Mobile navigation and bottom bar */
@media(max-width:760px){
  .header-row{height:72px!important;gap:10px!important}
  .brand,.brand--premium,.brand--stack{width:68px!important;min-width:68px!important;height:58px!important;padding:4px 6px!important;border-radius:6px!important}
  .main-nav,.main-nav--premium{background:#fffef7!important;color:var(--ink)!important;border-left:4px solid var(--yellow)!important;box-shadow:-18px 0 50px rgba(0,55,29,.24)!important}
  .main-nav--premium a{color:#29493d!important;border-bottom-color:rgba(0,105,55,.10)!important}
  .mobile-nav-head{background:var(--yellow)!important;color:var(--green-1000)!important}
  .nav-close{color:var(--green-1000)!important}
  .nav-backdrop{background:rgba(0,35,18,.56)!important}

  .hero-banner-simple{padding:7px 0 11px!important}
  .hero-slider__viewport{aspect-ratio:1080/520!important;min-height:164px!important}
  .hero-slider__track{gap:7px!important}
  .hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{
    flex-basis:calc(100vw - 18px)!important;
    width:calc(100vw - 18px)!important;
    min-width:calc(100vw - 18px)!important;
    border-radius:12px!important;
  }

  .faq-preview--simple{padding-block:28px!important}
  .faq-preview--simple .simple-section-title h2{font-size:23px!important}
  .accordion--simple{border-radius:12px!important}
  .accordion--simple summary{min-height:44px!important;padding:10px 13px!important;font-size:13px!important}
  .accordion--simple details p{padding:0 13px 11px!important;font-size:11.5px!important}

  .mobile-bottom-nav{background:#fffef8!important;border-top-color:rgba(0,105,55,.14)!important;box-shadow:0 -8px 28px rgba(0,74,40,.10)!important}
  .mobile-bottom-nav a{color:var(--green-900)!important}
  .mobile-bottom-nav a.is-active{color:var(--orange)!important}
}

@media(max-width:360px){
  .hero-slide,.hero-slider--fade .hero-slide,.hero-slider--slide .hero-slide{flex-basis:calc(100vw - 14px)!important;width:calc(100vw - 14px)!important;min-width:calc(100vw - 14px)!important}
}

@media(prefers-reduced-motion:reduce){
  .hero-slider__track{transition-duration:1ms!important}
}


/* ===== v28.css ===== */
/* Stack Premium CMS V28 — mobile interaction and story refinements */

/* The official transparent logo must not sit inside a yellow card. */
.brand,
.brand--premium,
.brand--stack{
  width:116px!important;
  min-width:116px!important;
  height:78px!important;
  padding:3px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.brand img,
.brand--premium img,
.brand--stack img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Stories: larger circles, transparent area, and more breathing room below. */
.story-reels{
  padding:10px 0 18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.story-reels__shell,
.story-reels__rail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.story-reels__rail{
  gap:22px!important;
  padding:5px 2px 10px!important;
}
.story-reel{
  flex:0 0 100px!important;
  min-width:100px!important;
  gap:8px!important;
}
.story-reel__ring{
  width:92px!important;
  height:92px!important;
  padding:3px!important;
}
.story-reel__cover{
  border-width:3px!important;
  background:transparent!important;
}
.story-reel__title{font-size:12px!important}

/* Push the category/date row down so it is visually detached from stories. */
.category-section--rail{
  margin-top:30px!important;
  padding-top:20px!important;
}

/* Let vertical page scrolling win on the best-seller section. Horizontal movement is handled deliberately in JS. */
.products-showcase,
.products-showcase .container,
.bestseller-rail{
  touch-action:pan-y pinch-zoom!important;
  overscroll-behavior:auto!important;
}
.bestseller-rail{
  scroll-snap-type:none!important;
  -webkit-user-select:none;
  user-select:none;
}
.bestseller-rail.is-touch-dragging{
  cursor:grabbing;
  scroll-behavior:auto!important;
}
.bestseller-rail img{-webkit-user-drag:none}

/* Story viewer: blurred page behind, compact close button and a centered vertical player. */
.story-modal{
  padding:16px!important;
  background:transparent!important;
}
.story-modal__backdrop{
  background:rgba(0,31,17,.66)!important;
  backdrop-filter:blur(16px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(118%)!important;
}
.story-modal__close{
  position:fixed;
  z-index:4;
  top:calc(10px + env(safe-area-inset-top));
  right:12px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:9px;
  background:rgba(0,0,0,.38);
  color:#fff;
  font:400 23px/1 Arial,sans-serif;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
  cursor:pointer;
}
.story-modal__panel{
  width:min(430px,calc(100vw - 32px))!important;
  height:min(760px,calc(100dvh - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  border-radius:20px!important;
  background:#030805!important;
  box-shadow:0 24px 80px rgba(0,0,0,.52)!important;
}
.story-modal video{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#030805!important;
}
body.story-modal-open{overflow:hidden!important;touch-action:none}

@media(max-width:760px){
  .header-row{height:82px!important}
  .brand,
  .brand--premium,
  .brand--stack{
    width:88px!important;
    min-width:88px!important;
    height:66px!important;
    padding:2px 0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .story-reels{padding:9px 0 16px!important}
  .story-reels__rail{
    gap:16px!important;
    padding:5px var(--mobile-gutter) 10px!important;
  }
  .story-reel{
    flex-basis:88px!important;
    min-width:88px!important;
    width:88px!important;
    gap:7px!important;
  }
  .story-reel__ring{
    width:82px!important;
    height:82px!important;
    padding:3px!important;
  }
  .story-reel__cover{border-width:2px!important}
  .story-reel__title{font-size:10.5px!important}

  .category-section--rail{
    margin-top:28px!important;
    padding-top:18px!important;
  }

  .story-modal{padding:14px 12px!important}
  .story-modal__panel{
    width:min(430px,calc(100vw - 24px))!important;
    height:calc(100dvh - 28px)!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:18px!important;
  }
  .story-modal__close{
    top:calc(8px + env(safe-area-inset-top));
    right:10px;
    width:29px;
    height:29px;
    border-radius:8px;
    font-size:22px;
  }
}

@media(max-width:360px){
  .story-reels__rail{gap:13px!important}
  .story-reel{flex-basis:84px!important;min-width:84px!important;width:84px!important}
  .story-reel__ring{width:78px!important;height:78px!important}
}

@media(prefers-reduced-motion:reduce){
  .story-modal__panel{transition:none!important}
}


/* ===== v29.css ===== */
/* Stack Premium CMS V29 — header sizing, transparent stories and native product scrolling */

/* Keep the official logo fully inside the header and at a compact, balanced size. */
.brand,
.brand--premium,
.brand--stack{
  flex:0 0 84px!important;
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  height:62px!important;
  min-height:0!important;
  align-self:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.brand img,
.brand--premium img,
.brand--stack img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Story row has no panel, tint, border, shadow or decorative backdrop. */
.story-reels,
.story-reels__shell,
.story-reels__rail{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.story-reels::before,
.story-reels::after,
.story-reels__shell::before,
.story-reels__shell::after,
.story-reels__rail::before,
.story-reels__rail::after{
  content:none!important;
  display:none!important;
}
.story-reel{
  background:transparent!important;
  box-shadow:none!important;
}

/* Use the browser's native two-axis gesture arbitration on product rails.
   Keeping overflow-y hidden prevents the horizontal rail from becoming a
   nested vertical scroll container and trapping page swipes. */
.products-showcase,
.products-showcase .container{
  touch-action:auto!important;
  overscroll-behavior-y:auto!important;
}
.bestseller-rail{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:auto!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  cursor:auto!important;
}
.bestseller-rail,
.bestseller-rail *{
  -webkit-user-select:auto;
  user-select:auto;
}
.bestseller-rail img{
  -webkit-user-drag:none;
  user-drag:none;
}
.bestseller-rail.is-touch-dragging{
  cursor:auto!important;
}

@media(max-width:760px){
  .header-row{
    height:70px!important;
    min-height:70px!important;
    align-items:center!important;
  }
  .brand,
  .brand--premium,
  .brand--stack{
    flex-basis:62px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:54px!important;
  }

  .story-reels{
    padding:7px 0 14px!important;
  }
  .story-reels__rail{
    gap:14px!important;
    padding:4px var(--mobile-gutter) 8px!important;
  }
  .story-reel{
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    gap:6px!important;
  }
  .story-reel__ring{
    width:70px!important;
    height:70px!important;
    padding:2px!important;
    box-shadow:none!important;
  }
  .story-reel__cover{
    border-width:2px!important;
    background:transparent!important;
  }
  .story-reel__title{
    font-size:10px!important;
  }

  .bestseller-rail,
  .bestseller-rail > *,
  .bestseller-rail a,
  .bestseller-rail button,
  .bestseller-rail form{
    touch-action:auto!important;
  }
}

@media(max-width:360px){
  .brand,
  .brand--premium,
  .brand--stack{
    flex-basis:58px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:50px!important;
  }
  .story-reels__rail{gap:12px!important}
  .story-reel{
    flex-basis:72px!important;
    width:72px!important;
    min-width:72px!important;
  }
  .story-reel__ring{
    width:66px!important;
    height:66px!important;
  }
}


/* ===== v30.css ===== */
/* Stack Premium CMS V30 — logo vertical alignment correction */

/* Keep the current logo size, but lift the whole logo box so every part of
   the official mark remains visible inside the header. */
.brand.brand--premium.brand--stack{
  position:relative!important;
  top:-4px!important;
}

@media(max-width:760px){
  .brand.brand--premium.brand--stack{
    top:-9px!important;
  }
}

@media(max-width:360px){
  .brand.brand--premium.brand--stack{
    top:-7px!important;
  }
}


/* ===== v31.css ===== */
/* Stack Premium CMS V31 — final logo fit and header polish */

/* Use the official transparent Stack logo at a compact, fully visible size. */
.brand,
.brand--premium,
.brand--stack{
  flex:0 0 72px!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  position:relative!important;
  top:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.brand img,
.brand--premium img,
.brand--stack img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.site-header .header-row{
  align-items:center!important;
}

@media(max-width:760px){
  .header-row{
    height:72px!important;
    min-height:72px!important;
  }
  .brand,
  .brand--premium,
  .brand--stack{
    flex-basis:60px!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:48px!important;
    min-height:48px!important;
    top:0!important;
  }
  .brand img,
  .brand--premium img,
  .brand--stack img{
    object-position:center center!important;
  }
}


/* ===== v32.css ===== */
/* Stack Premium CMS V32 — stable AJAX add-to-cart interaction */
.quick-add-form button[type="submit"],
#buyForm button[type="submit"]{
  transition:transform .2s ease,filter .2s ease,opacity .2s ease,background .2s ease!important;
}
.quick-add-form button.is-adding,
#buyForm button.is-adding{
  cursor:wait!important;
  opacity:.82!important;
  filter:saturate(.8)!important;
}
.quick-add-form button.is-added,
#buyForm button.is-added{
  background:linear-gradient(135deg,#087442,#005f33)!important;
}
.cart-button.cart-count-pop,
.mobile-cart.cart-count-pop{
  animation:stack-cart-pop .44s cubic-bezier(.2,.8,.2,1);
}
.toast--error{border-right:4px solid #c9382b!important}
.toast--cart-live{z-index:10050!important;pointer-events:none!important}
@keyframes stack-cart-pop{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.12)}
}
@media(prefers-reduced-motion:reduce){
  .cart-button.cart-count-pop,.mobile-cart.cart-count-pop{animation:none!important}
}


/* ===== v34.css ===== */
/* Stack Premium CMS V34 — keep the story viewer above every site layer */

.story-modal{
  z-index:2147483646!important;
  isolation:isolate!important;
}
.story-modal__backdrop{
  z-index:0!important;
}
.story-modal__panel{
  z-index:2!important;
}
.story-modal__close{
  z-index:3!important;
}

/* While a story is open, no persistent site UI may cover the player. */
body.story-modal-open .announcement,
body.story-modal-open .site-header,
body.story-modal-open .nav-backdrop,
body.story-modal-open .mobile-bottom-nav,
body.story-modal-open .support-widget,
body.story-modal-open .toast{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.story-modal-open .story-modal,
body.story-modal-open .story-modal *{
  visibility:visible!important;
}


/* ===== v43.css ===== */
/* Stack V43 — customer OTP authentication and account */
.auth-section{padding-top:56px}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:28px;align-items:stretch;max-width:980px}.auth-card,.auth-benefits,.account-panel,.account-sidebar{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm)}.auth-card{padding:34px;display:grid;gap:18px}.auth-card__icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--surface-warm);color:var(--brand)}.auth-card__head h1{font-size:30px;margin:5px 0 8px;color:var(--green-900)}.auth-card__head p{margin:0;color:var(--muted);line-height:1.9}.eyebrow{display:inline-block;font-size:11px;font-weight:900;color:var(--brand-2);letter-spacing:.03em}.auth-form{display:grid;gap:15px}.auth-form label,.account-form label{display:grid;gap:7px;font-weight:800;font-size:13px}.auth-form input,.account-form input,.account-form select,.account-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;font:inherit;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,105,55,.1)}.otp-input{text-align:center;font-size:28px!important;font-weight:900;letter-spacing:.3em}.auth-mobile-line{display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-radius:13px;padding:12px 14px;color:var(--muted)}.auth-mobile-line strong{color:var(--green-900)}.auth-secondary-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-secondary-actions form{margin:0}.link-button{border:0;background:none;padding:4px;color:var(--brand);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.link-button:disabled{opacity:.55;cursor:not-allowed}.auth-legal{font-size:11px;color:var(--muted);text-align:center;margin:0}.auth-benefits{padding:34px;background:linear-gradient(145deg,var(--green-950),var(--green-800));color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-benefits .eyebrow{color:var(--yellow)}.auth-benefits h2{font-size:30px;margin:8px 0 22px}.auth-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}.auth-benefits li{display:flex;gap:10px;align-items:center}.auth-benefits svg{color:var(--yellow);flex:none}
.checkout-login-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #eadfd2;background:#fffaf2;border-radius:14px;font-size:12px}.checkout-login-note svg{color:var(--brand);flex:none}.checkout-login-note span{flex:1}.checkout-login-note a{font-weight:900;color:var(--brand);white-space:nowrap}.checkout-login-note.is-logged-in{background:#effbf4;border-color:#cbe8d6}
.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.account-sidebar{padding:24px;position:sticky;top:120px;text-align:center}.account-avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;background:var(--surface-warm);color:var(--brand)}.account-sidebar>strong{display:block;font-size:18px;color:var(--green-900)}.account-sidebar>span{display:block;color:var(--muted);margin:4px 0 18px}.account-sidebar nav{display:grid;text-align:right;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:16px}.account-sidebar nav a{padding:10px 12px;border-radius:10px;font-size:13px}.account-sidebar nav a:hover,.account-sidebar nav a.is-active{background:var(--cream);color:var(--brand);font-weight:900}.account-main{display:grid;gap:20px}.account-panel{padding:26px;scroll-margin-top:120px}.account-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.account-panel__head h2{margin:3px 0 0;color:var(--green-900)}.account-form{display:grid;gap:18px}.customer-orders{display:grid;gap:12px}.customer-order-card{display:grid;grid-template-columns:1.2fr .8fr 1fr .8fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:15px}.customer-order-card>div{display:grid;gap:4px}.customer-order-card small{color:var(--muted);font-size:10px}.customer-order-card strong{font-size:13px}.customer-order-card .status-pill{justify-self:start}.empty-a{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.header-actions .icon-btn.is-active{background:var(--surface-warm);color:var(--brand)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-benefits{min-height:300px}.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-sidebar nav{grid-template-columns:repeat(3,1fr);text-align:center}.customer-order-card{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.auth-section{padding-top:28px}.auth-card,.auth-benefits{padding:24px;border-radius:20px}.auth-card__head h1,.auth-benefits h2{font-size:24px}.auth-secondary-actions{justify-content:center}.account-panel{padding:20px}.account-panel__head{align-items:flex-start}.account-sidebar nav{grid-template-columns:1fr}.customer-order-card{grid-template-columns:1fr 1fr;padding:13px}.checkout-login-note{align-items:flex-start;flex-wrap:wrap}.checkout-login-note span{min-width:180px}}


/* ===== v46.css ===== */
/* V46 — product page interaction and pricing */
.product-gallery .gallery-main{
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
  outline:none;
}
.product-gallery .gallery-main:focus-visible{
  box-shadow:0 0 0 3px rgba(0,102,52,.18);
}
.product-gallery .gallery-main img{
  transition:opacity .17s ease,transform .17s ease;
  -webkit-user-drag:none;
}
.product-gallery .gallery-main img.is-changing{
  opacity:.55;
  transform:scale(.985);
}
.gallery-swipe-hint{
  position:absolute;
  right:50%;
  bottom:12px;
  transform:translateX(50%);
  z-index:2;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,52,29,.72);
  color:#fff;
  font-size:10px;
  font-weight:800;
  pointer-events:none;
  backdrop-filter:blur(5px);
}
.product-rating{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:8px 0 18px;
}
.product-rating .rating-stars{
  color:#f0a400;
  font-size:20px;
  line-height:1;
  letter-spacing:2px;
  direction:ltr;
}
.product-rating strong{
  color:var(--green-900);
  font-size:14px;
}
.product-rating small{
  color:var(--muted);
}
.product-total-price{
  display:grid;
  justify-items:end;
  align-content:center;
  gap:2px;
}
.product-total-price small{
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.product-total-price strong{
  color:var(--green-900);
  font-size:clamp(18px,2vw,25px);
}
.buy-box button:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none!important;
}
@media (max-width:760px){
  .gallery-swipe-hint{display:inline-flex}
  .product-info h1{margin-top:0}
  .product-rating{margin-top:4px}
}
@media (min-width:761px){
  .gallery-swipe-hint{display:none}
}


/* ===== v47.css ===== */
/* V47 — compact product purchase panel and specifications */
.gallery-swipe-hint{display:none!important}

.buy-box{
  display:grid;
  gap:12px;
}
.buy-box__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.buy-box__head>strong{
  color:var(--green-950);
  font-size:15px;
  line-height:1.5;
}
.stock--compact{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  margin:0;
  border-radius:999px;
  background:rgba(0,105,55,.08);
  color:var(--green-800);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.stock--compact.is-out{
  background:#fff0ee;
  color:#b42318;
}
.variant-field{
  display:block!important;
}
.variant-field select{
  min-height:50px;
  padding-block:10px!important;
  padding-inline:14px 38px!important;
  border-radius:14px!important;
  font-weight:800;
  line-height:1.5;
}
.purchase-row--compact{
  grid-template-columns:minmax(130px,.62fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:0!important;
}
.quantity-field{
  display:grid;
  gap:6px;
}
.quantity-field__label{
  color:var(--green-950);
  font-size:12px;
  font-weight:800;
}
.qty-stepper{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  min-height:54px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.qty-stepper:focus-within{
  border-color:var(--green-700);
  box-shadow:0 0 0 3px rgba(18,128,90,.11);
}
.qty-stepper input{
  width:100%!important;
  min-width:0;
  height:100%;
  padding:8px 10px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center;
  font-size:20px!important;
  font-weight:900;
  color:var(--green-950);
  appearance:textfield;
  -moz-appearance:textfield;
}
.qty-stepper input::-webkit-outer-spin-button,
.qty-stepper input::-webkit-inner-spin-button{
  margin:0;
  -webkit-appearance:none;
}
.qty-stepper__controls{
  display:grid;
  grid-template-rows:1fr 1fr;
  border-right:1px solid var(--line);
}
.qty-stepper__controls button{
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  background:#f7fbf8;
  color:var(--green-900);
  font:700 9px/1 Arial,sans-serif;
  cursor:pointer;
}
.qty-stepper__controls button+button{
  border-top:1px solid var(--line);
}
.qty-stepper__controls button:active:not(:disabled){
  background:rgba(0,105,55,.12);
}
.qty-stepper__controls button:disabled{
  opacity:.3;
  cursor:not-allowed;
}
.product-total-price{
  min-height:78px;
  padding:10px 14px;
  border:1px solid rgba(0,105,55,.12);
  border-radius:14px;
  background:linear-gradient(145deg,#fbfffc,#f3faf5);
  justify-items:start!important;
  text-align:right!important;
}
.product-total-price small{
  font-size:11px;
}
.product-total-price strong{
  font-size:clamp(19px,2vw,25px);
}
.buy-box__submit{
  min-height:52px!important;
  margin-top:0;
  border-radius:15px!important;
}

.product-specs{
  gap:8px;
  padding:8px;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.65);
  overflow:visible!important;
}
.product-specs div{
  min-width:0;
  min-height:58px;
  padding:10px 12px!important;
  border:1px solid rgba(0,105,55,.08)!important;
  border-radius:12px;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.product-specs span{
  font-size:10px!important;
  white-space:nowrap;
}
.product-specs strong{
  min-width:0;
  color:var(--green-950);
  font-size:12px;
  text-align:left;
  overflow-wrap:anywhere;
}

@media (max-width:760px){
  .buy-box{
    gap:10px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  .buy-box__head>strong{font-size:13px}
  .stock--compact{font-size:9px;padding:4px 7px;min-height:25px}
  .variant-field select{min-height:46px;font-size:14px!important;padding-block:8px!important}
  .purchase-row--compact{
    grid-template-columns:minmax(112px,.72fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  .qty-stepper{min-height:50px;grid-template-columns:minmax(0,1fr) 32px}
  .qty-stepper input{font-size:18px!important}
  .product-total-price{min-height:72px;padding:8px 10px}
  .product-total-price strong{font-size:18px!important}
  .buy-box__submit{min-height:49px!important;font-size:15px!important}
  .product-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px;
    padding:6px;
  }
  .product-specs div{
    min-height:52px;
    padding:8px 9px!important;
    grid-template-columns:1fr;
    gap:2px;
  }
  .product-specs span{font-size:9px!important}
  .product-specs strong{font-size:11px;text-align:right}
}

@media (max-width:350px){
  .buy-box__head{align-items:flex-start;flex-direction:column}
  .purchase-row--compact{grid-template-columns:1fr!important}
  .product-specs{grid-template-columns:1fr!important}
}


/* ===== v48.css ===== */
/* V48 — consistent ratings, clean prices and compact footer */
.rating-stars{
  display:inline-flex;
  direction:ltr;
  align-items:center;
  color:#f0a400;
  white-space:nowrap;
  line-height:1;
  letter-spacing:1px;
}
.rating-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--green-900);
  font-weight:900;
  line-height:1;
}
.product-card__rating{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-inline-start:auto;
  white-space:nowrap;
}
.product-card__rating .rating-stars{
  font-size:11px;
}
.product-card__rating .rating-value{
  font-size:10px;
}
.product-rating .rating-stars{
  font-size:20px;
  letter-spacing:2px;
}
.product-rating .rating-value{
  font-size:14px;
}
.product-card__price{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.product-card__price>strong{
  min-width:0;
}

.footer-grid--minimal.has-enamad{
  grid-template-columns:.72fr .72fr 1.15fr minmax(90px,.45fr);
  align-items:start;
  gap:26px;
}
.footer-contact--minimal{
  align-self:start;
}
.footer-contact--minimal .footer-contact__items{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.footer-contact--minimal .footer-contact__item{
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  min-width:0;
  margin:0;
  color:inherit;
}
.footer-contact--minimal .footer-contact__item>span{
  min-width:0;
  overflow-wrap:anywhere;
}
.footer-enamad--grid{
  width:auto;
  min-width:0;
  align-self:start;
  justify-self:stretch;
  direction:ltr;
  justify-content:flex-start!important;
  padding:0!important;
}
.footer-enamad--grid img,
.footer-enamad--grid a img{
  margin:0;
}

@media(max-width:760px){
  .product-card__rating{
    gap:3px;
  }
  .product-card__rating .rating-stars{
    font-size:8px;
    letter-spacing:.25px;
  }
  .product-card__rating .rating-value{
    font-size:9px;
  }
  .product-rating .rating-stars{
    font-size:18px;
    letter-spacing:1.5px;
  }
  .product-rating .rating-value{
    font-size:13px;
  }

  .footer-grid--minimal.has-enamad{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
    gap:18px 16px!important;
    padding:25px 0 18px!important;
    align-items:start;
  }
  .footer-grid--minimal.has-enamad .footer-contact{
    grid-column:1!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.1);
  }
  .footer-contact--minimal .footer-contact__items{
    display:grid!important;
    gap:10px!important;
  }
  .footer-grid--minimal .footer-contact__items>a,
  .footer-grid--minimal .footer-contact__items>span{
    flex:none!important;
    width:100%;
    font-size:12px!important;
  }
  .footer-grid--minimal.has-enamad .footer-enamad--grid{
    grid-column:2!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.1);
    justify-content:flex-start!important;
    min-height:0;
  }
  .footer-enamad--grid img,
  .footer-enamad--grid a img{
    max-height:112px;
  }
}
@media(max-width:390px){
  .footer-grid--minimal.has-enamad{
    gap:15px 12px!important;
  }
}


/* ===== v49.css ===== */
/* V49 — one-hour cart lifetime notice */
.cart-expiry-note{margin:0 0 14px;padding:10px 14px;border:1px solid rgba(0,105,55,.14);border-radius:12px;background:#f0f8f3;color:#32634a;font-size:.78rem;line-height:1.8}
@media(max-width:640px){.cart-expiry-note{font-size:.72rem;padding:9px 11px}}

/* =========================================================
   V100 — seamless announcement marquee
   Two identical sets travel as one continuous strip so the
   loop has no visible reset, pause or jump.
   ========================================================= */
.announcement{
  overflow:hidden!important;
}
.announcement__track{
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0!important;
  direction:ltr!important;
  white-space:nowrap!important;
  will-change:transform;
  animation:announcement-seamless 24s linear infinite!important;
}
.announcement__set{
  flex:0 0 auto!important;
  height:100%;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:26px!important;
  padding-inline:18px!important;
  direction:rtl!important;
}
.announcement__set span{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
.announcement__set i{
  flex:0 0 4px;
  width:4px!important;
  height:4px!important;
  margin:0!important;
  border-radius:50%;
}
@keyframes announcement-seamless{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:760px){
  .announcement__track{
    animation-duration:20s!important;
    font-size:12px!important;
  }
  .announcement__set{
    gap:20px!important;
    padding-inline:12px!important;
  }
  .announcement__set span{gap:5px!important}
  .announcement__set svg{width:14px;height:14px;flex:none}
}
/* Keep the user's explicit continuous-motion behavior even when the older
   reduced-motion rule appears earlier in this stylesheet. */
@media(prefers-reduced-motion:reduce){
  .announcement__track{animation:announcement-seamless 28s linear infinite!important}
}



/* =========================================================
   V101 — full-width seamless announcement ticker
   Each repeated set always fills at least one viewport width,
   eliminating the empty interval seen on mobile.
   ========================================================= */
.announcement{
  position:relative!important;
  overflow:hidden!important;
}
.announcement__track{
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:max-content!important;
  min-width:max-content!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  white-space:nowrap!important;
  direction:ltr!important;
  will-change:transform;
  animation:announcement-seamless-v101 22s linear infinite!important;
}
.announcement__set{
  width:100vw!important;
  min-width:100vw!important;
  height:100%!important;
  flex:0 0 100vw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-around!important;
  gap:16px!important;
  padding-inline:14px!important;
  direction:rtl!important;
  overflow:hidden!important;
}
.announcement__set span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.announcement__set i{
  flex:0 0 4px!important;
  width:4px!important;
  height:4px!important;
  margin:0 2px!important;
  border-radius:50%!important;
}
@keyframes announcement-seamless-v101{
  from{transform:translate3d(-100vw,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:760px){
  .announcement__track{animation-duration:18s!important;font-size:12px!important}
  .announcement__set{gap:10px!important;padding-inline:8px!important}
  .announcement__set span{gap:4px!important}
  .announcement__set svg{width:14px!important;height:14px!important;flex:none!important}
}
@media(max-width:430px){
  .announcement__track{animation-duration:17s!important;font-size:11.5px!important}
  .announcement__set{gap:8px!important;padding-inline:6px!important}
}
@media(prefers-reduced-motion:reduce){
  .announcement__track{animation:announcement-seamless-v101 26s linear infinite!important}
}


/* =========================================================
   V103 — mobile store name in header
   ========================================================= */
.mobile-store-name{display:none}
@media(max-width:760px){
  .site-header .header-row{
    gap:8px!important;
  }
  .mobile-store-name{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding-inline:4px!important;
    text-align:center!important;
    color:var(--green-900)!important;
    font-family:"Diba",Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:900!important;
    letter-spacing:-.35px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-actions{
    flex:0 0 auto!important;
  }
}
@media(max-width:390px){
  .mobile-store-name{font-size:18px!important;padding-inline:2px!important}
}

/* =========================================================
   V106 — separator dot attached to every ticker item
   Prevents one yellow dot from disappearing at set boundaries.
   ========================================================= */
.announcement__set i{display:none!important}
.announcement__set span::after{
  content:"";
  display:inline-block;
  flex:0 0 5px;
  width:5px;
  height:5px;
  margin-inline-start:16px;
  border-radius:50%;
  background:#f6b900;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
@media(max-width:760px){
  .announcement__set span::after{
    flex-basis:4px;
    width:4px;
    height:4px;
    margin-inline-start:10px;
  }
}



/* =========================================================
   V107 — explicit separator dot inside every ticker item
   Real DOM dots avoid pseudo-element/order issues in RTL flex.
   ========================================================= */
.announcement__set span::after{content:none!important;display:none!important}
.announcement__set .announcement-dot{
  display:inline-block!important;
  flex:0 0 5px!important;
  width:5px!important;
  height:5px!important;
  margin-inline-start:16px!important;
  border-radius:50%!important;
  background:#f6b900!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
}
@media(max-width:760px){
  .announcement__set .announcement-dot{
    flex-basis:4px!important;
    width:4px!important;
    height:4px!important;
    margin-inline-start:10px!important;
  }
}


/* =========================================================
   V108 — lock each yellow separator to the visual AFTER side
   of every RTL announcement item. Absolute positioning avoids
   RTL flex reordering, so «تنوع محصولات» cannot lose its dot.
   ========================================================= */
.announcement__set span{
  position:relative!important;
  padding-left:24px!important;
}
.announcement__set .announcement-dot{
  position:absolute!important;
  left:4px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  min-height:5px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:#f6b900!important;
  box-shadow:none!important;
  z-index:2!important;
}
@media(max-width:760px){
  .announcement__set span{padding-left:18px!important}
  .announcement__set .announcement-dot{
    left:3px!important;
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    min-height:4px!important;
  }
}


/* =========================================================
   V109 — each ticker message is an independent visual unit.
   The yellow dot belongs to the unit, so adjacent messages can
   never visually merge (including «تنوع محصولات»).
   ========================================================= */
.announcement__set{
  direction:ltr!important;
  justify-content:space-evenly!important;
}
.announcement__set > .announcement__item{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
.announcement__set > .announcement__item > .announcement__text{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
.announcement__set > .announcement__item > .announcement-dot{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  flex:0 0 5px!important;
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  min-height:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#f6b900!important;
  box-shadow:none!important;
  order:2!important;
}
.announcement__set > .announcement__item > .announcement__text{order:1!important}
@media(max-width:760px){
  .announcement__set > .announcement__item{gap:7px!important}
  .announcement__set > .announcement__item > .announcement__text{gap:4px!important}
  .announcement__set > .announcement__item > .announcement-dot{
    flex-basis:4px!important;
    width:4px!important;
    height:4px!important;
    min-width:4px!important;
    min-height:4px!important;
  }
}


/* ===== v121 — premium mobile drawer ===== */
.mobile-nav-logo,.mobile-nav-brand__copy,.menu-link__icon,.menu-link__arrow{display:none}
@media(max-width:760px){
  .main-nav.main-nav--premium{
    width:min(88vw,356px)!important;
    padding:12px 12px calc(22px + env(safe-area-inset-bottom,0px))!important;
    gap:5px!important;
    background:linear-gradient(180deg,#fffefa 0,#fff 28%,#fffdf7 100%)!important;
    border-right:1px solid rgba(0,105,55,.08)!important;
    box-shadow:18px 0 52px rgba(15,57,37,.20)!important;
  }
  .main-nav.main-nav--premium .mobile-nav-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:84px!important;
    padding:10px 11px!important;
    margin:0 0 9px!important;
    border:1px solid rgba(216,170,69,.28)!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#fff8d4 0,#fff1a7 52%,#ffe46b 100%)!important;
    box-shadow:0 8px 24px rgba(147,106,16,.10)!important;
  }
  .mobile-nav-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobile-nav-logo{
    display:grid!important;
    place-items:center;
    width:52px;height:52px;flex:0 0 52px;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(0,105,55,.12);
    box-shadow:0 5px 14px rgba(0,105,55,.10);
  }
  .mobile-nav-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px}
  .mobile-nav-brand__copy{display:grid!important;gap:1px;min-width:0}
  .mobile-nav-brand__copy strong{font-size:17px!important;line-height:1.5;color:#075d36!important;font-weight:950!important;white-space:nowrap}
  .mobile-nav-brand__copy small{font-size:10px;color:#65766c;font-weight:700;white-space:nowrap}
  .main-nav .nav-close{
    width:38px!important;height:38px!important;flex:0 0 38px;
    border:1px solid rgba(0,105,55,.10)!important;
    background:rgba(255,255,255,.9)!important;
    color:#075d36!important;
    font-size:24px!important;
    box-shadow:0 4px 12px rgba(0,105,55,.08);
  }
  .main-nav.main-nav--premium>a.menu-link{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:56px!important;
    padding:7px 9px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#194d36!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:850!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  .main-nav.main-nav--premium>a.menu-link:after{display:none!important}
  .menu-link__icon{
    display:grid!important;
    place-items:center;
    width:42px;height:42px;
    border-radius:13px;
    color:#087143;
    background:#eef8f2;
    border:1px solid rgba(0,105,55,.08);
  }
  .menu-link__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-link__arrow{display:block!important;color:#a1aca5;font-size:24px;line-height:1;text-align:center;transform:translateY(-1px)}
  .main-nav.main-nav--premium>a.menu-link:hover,
  .main-nav.main-nav--premium>a.menu-link:focus-visible{
    background:#f8fbf9!important;
    border-color:rgba(0,105,55,.10)!important;
    transform:translateX(2px);
  }
  .main-nav.main-nav--premium>a.menu-link.is-active{
    background:linear-gradient(90deg,#fff8d9 0,#fffdf5 100%)!important;
    border-color:rgba(216,170,69,.34)!important;
    color:#075d36!important;
    box-shadow:0 5px 16px rgba(116,85,18,.06);
  }
  .main-nav.main-nav--premium>a.menu-link.is-active .menu-link__icon{
    color:#075d36;
    background:#ffefad;
    border-color:rgba(216,170,69,.28);
  }
  .main-nav.main-nav--premium>a.menu-link.is-active .menu-link__arrow{color:#d09b1e}
  .main-nav.main-nav--premium>a.menu-link--account{
    margin-top:8px!important;
    background:linear-gradient(135deg,#087143 0,#005b34 100%)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 9px 22px rgba(0,91,52,.17);
  }
  .main-nav.main-nav--premium>a.menu-link--account .menu-link__icon{
    color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.14);
  }
  .main-nav.main-nav--premium>a.menu-link--account .menu-link__arrow{color:rgba(255,255,255,.75)}
}


/* ===== v122 — compact clean mobile drawer ===== */
@media(max-width:760px){
  .main-nav.main-nav--premium{
    width:min(84vw,330px)!important;
    padding:10px 10px calc(18px + env(safe-area-inset-bottom,0px))!important;
    gap:3px!important;
  }
  .main-nav.main-nav--premium .mobile-nav-head{
    min-height:70px!important;
    padding:8px 9px!important;
    margin:0 0 7px!important;
    border-radius:16px!important;
  }
  .mobile-nav-brand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .mobile-nav-logo{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border-radius:13px!important;
  }
  .mobile-nav-brand__copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    min-width:0!important;
    line-height:1.25!important;
  }
  .mobile-nav-brand__copy strong{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .mobile-nav-brand__copy small{
    display:block!important;
    margin:2px 0 0!important;
    padding:0!important;
    font-size:9.5px!important;
    line-height:1.35!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .main-nav .nav-close{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    font-size:21px!important;
  }
  .main-nav.main-nav--premium>a.menu-link{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:48px!important;
    padding:5px 7px!important;
    border-radius:13px!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:850!important;
  }
  .menu-link__icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }
  .menu-link__icon svg{
    width:18px!important;
    height:18px!important;
  }
  .menu-link__label{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:right!important;
  }
  .menu-link__arrow{display:none!important}
  .main-nav.main-nav--premium>a.menu-link--account{margin-top:5px!important}
}
@media(max-width:390px){
  .main-nav.main-nav--premium{width:min(86vw,318px)!important}
  .mobile-nav-brand__copy strong{font-size:14px!important}
  .main-nav.main-nav--premium>a.menu-link{font-size:12.5px!important}
}


/* ===== v124 — compact professional customer account ===== */
@media(max-width:900px){
  .account-layout{
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  .account-sidebar{
    position:static!important;
    top:auto!important;
    padding:14px!important;
    border-radius:20px!important;
    text-align:center!important;
    box-shadow:0 8px 24px rgba(22,75,47,.06)!important;
  }
  .account-avatar{
    width:52px!important;
    height:52px!important;
    margin:0 auto 7px!important;
    border-radius:16px!important;
  }
  .account-avatar svg{width:28px!important;height:28px!important}
  .account-sidebar>strong{
    font-size:16px!important;
    line-height:1.55!important;
  }
  .account-sidebar>span{
    margin:1px 0 10px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  .account-sidebar nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    text-align:center!important;
    padding:8px 0!important;
    margin:0 0 10px!important;
  }
  .account-sidebar nav a{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 5px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }
  .account-sidebar form{margin:0!important}
  .account-sidebar form .btn,
  .account-sidebar>a.btn,
  .account-sidebar .btn{
    min-height:40px!important;
    padding:8px 14px!important;
    border-radius:12px!important;
    font-size:12.5px!important;
    font-weight:900!important;
  }
  .account-main{gap:12px!important}
  .account-panel{
    padding:16px!important;
    border-radius:20px!important;
    scroll-margin-top:100px!important;
    box-shadow:0 8px 24px rgba(22,75,47,.055)!important;
  }
  .account-panel__head{
    margin-bottom:12px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .account-panel__head h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.45!important;
  }
  .account-panel__head .eyebrow{
    font-size:9px!important;
    margin-bottom:2px!important;
  }
  .account-panel__head .status-pill,
  .account-panel__head .badge,
  .account-panel__head>span{
    font-size:10px!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  .account-form{gap:12px!important}
  .account-form label{gap:5px!important;font-size:11.5px!important}
  .account-form input,.account-form select,.account-form textarea{
    padding:10px 11px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  .customer-orders{gap:8px!important}
  .customer-order-card{
    gap:8px!important;
    padding:11px!important;
    border-radius:12px!important;
  }
}
@media(max-width:600px){
  .account-layout{gap:10px!important}
  .account-sidebar{padding:12px!important;border-radius:18px!important}
  .account-avatar{width:48px!important;height:48px!important;border-radius:15px!important}
  .account-sidebar>strong{font-size:15px!important}
  .account-sidebar>span{font-size:11.5px!important;margin-bottom:8px!important}
  .account-sidebar nav{gap:5px!important;padding:7px 0!important;margin-bottom:8px!important}
  .account-sidebar nav a{min-height:36px!important;padding:6px 3px!important;font-size:10.8px!important}
  .account-sidebar .btn{min-height:38px!important;font-size:12px!important}
  .account-panel{padding:13px!important;border-radius:18px!important}
  .account-panel__head{margin-bottom:10px!important}
  .account-panel__head h2{font-size:16px!important}
  .account-panel__head .eyebrow{display:none!important}
  .account-form{gap:10px!important}
  .account-form input,.account-form select,.account-form textarea{padding:9px 10px!important;font-size:12.5px!important}
  .customer-order-card{grid-template-columns:1fr 1fr!important;padding:10px!important}
}
@media(max-width:390px){
  .account-sidebar nav a{font-size:10px!important}
  .account-panel__head h2{font-size:15px!important}
}

/* ===== v125 — compact purchase history cards ===== */
@media(max-width:600px){
  #orders.account-panel{
    padding:12px!important;
  }
  #orders .account-panel__head{
    margin-bottom:8px!important;
  }
  #orders .customer-orders{
    gap:7px!important;
  }
  #orders .customer-order-card{
    grid-template-columns:1fr 1fr!important;
    gap:6px 12px!important;
    align-items:center!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    min-height:0!important;
  }
  #orders .customer-order-card>div{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    padding:1px 0!important;
    line-height:1.25!important;
  }
  #orders .customer-order-card small{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  #orders .customer-order-card strong{
    min-width:0!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
  }
  #orders .customer-order-card .status-pill{
    max-width:100%!important;
    margin:0!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:390px){
  #orders .customer-order-card{
    gap:5px 8px!important;
    padding:8px!important;
  }
  #orders .customer-order-card small{font-size:9px!important}
  #orders .customer-order-card strong{font-size:10.8px!important}
  #orders .customer-order-card .status-pill{font-size:9.5px!important;padding:4px 6px!important}
}