:root{--ivory:#f7f0e6;--ivory2:#fffaf3;--navy:#111b2e;--navy2:#17243b;--gold:#c7a45d;--amber:#b66a2c;--text:#24211d;--muted:#756f66;--line:rgba(36,33,29,.12);--white:#fff;--shadow:0 22px 60px rgba(17,27,46,.12);--r-lg:30px;--r-md:20px;--r-sm:14px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--text);font-family:Arial,Tahoma,sans-serif;line-height:1.75;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.top-bar{background:#0c1424;color:rgba(247,240,230,.8);font-size:13px}.top-bar__inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.top-bar span:not(:last-child)::after{content:"•";margin-right:22px;color:var(--gold)}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,240,230,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:.2s}.site-header.scrolled{box-shadow:0 12px 30px rgba(17,27,46,.08)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#ead7a8;border:1px solid var(--gold);font-family:Georgia,serif;font-size:20px;letter-spacing:.08em}.brand-copy{display:grid;line-height:1.2}.brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:25px;color:var(--text)}.brand-copy small{font-size:12px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:22px;font-size:14px}.main-nav a{color:rgba(17,27,46,.78);position:relative}.main-nav a.active,.main-nav a:hover{color:var(--navy)}.main-nav a:not(.nav-whatsapp)::after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.2s}.main-nav a.active::after,.main-nav a:hover::after{width:100%}.nav-whatsapp{background:var(--navy);color:var(--ivory2)!important;border-radius:999px;padding:9px 16px;font-weight:700}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.25);border-radius:50%;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--navy);margin:5px auto;border-radius:9px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(199,164,93,.32),transparent 30%),linear-gradient(135deg,#fffaf3 0%,#f1dfc4 58%,#d6b06a 100%)}.hero::before{content:"";position:absolute;inset:28px;border:1px solid rgba(199,164,93,.22);border-radius:34px;pointer-events:none}.hero-grid{position:relative;z-index:1;min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.02fr .88fr;gap:56px;align-items:center;padding:82px 0}.kicker{margin:0 0 12px;color:var(--amber);font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1,.page-hero h1,.section h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.05;letter-spacing:-.03em}.hero h1{margin:0;font-size:clamp(46px,7vw,88px);max-width:760px}.hero p{font-size:19px;color:rgba(36,33,29,.78);max-width:650px;margin:24px 0 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 26px;border:1px solid transparent;font-size:14px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--navy);color:var(--ivory2);box-shadow:0 16px 34px rgba(17,27,46,.18)}.btn-outline{border-color:rgba(17,27,46,.22);background:rgba(255,255,255,.35);color:var(--navy)}.btn-light{background:var(--ivory2);color:var(--navy)}.full{width:100%}.quick-points{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:720px}.quick-points span{background:rgba(255,255,255,.48);border:1px solid rgba(17,27,46,.08);border-radius:18px;padding:14px 12px;text-align:center;font-weight:800;color:var(--navy)}.feature-card{border-radius:var(--r-lg);overflow:hidden;background:var(--white);border:1px solid rgba(199,164,93,.28);box-shadow:var(--shadow)}.feature-image{height:500px}.feature-content{background:var(--navy);color:var(--ivory2);padding:28px}.feature-content span{color:#ead7a8;font-size:13px;font-weight:800}.feature-content h2{margin:8px 0;font-size:34px;color:var(--ivory2)}.feature-content p{margin:0;color:rgba(247,240,230,.78);font-size:16px}.section{padding:88px 0}.section-soft{background:var(--ivory2);border-block:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:38px}.section-head.center{text-align:center;margin-inline:auto}.section h2,.page-hero h1{margin:0;font-size:clamp(38px,5vw,64px)}.section-head p,.page-hero p,.split-copy p{font-size:18px;color:rgba(36,33,29,.72);margin:16px 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{display:grid;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 40px rgba(17,27,46,.07);transition:.2s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-media{height:250px}.category-card div:last-child{padding:26px}.category-card h3,.product-card h3,.cards-3 h3{margin:0 0 8px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.1}.category-card p,.product-card p,.cards-3 p{margin:0;color:rgba(36,33,29,.7)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 42px rgba(17,27,46,.07)}.product-card.is-hidden{display:none}.product-media{display:block;height:310px}.product-body{padding:24px}.status{display:inline-flex;padding:4px 12px;border-radius:999px;background:rgba(199,164,93,.18);color:var(--amber);font-size:13px;font-weight:800}.price-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.price-row strong{font-size:20px;color:var(--navy)}.price-row span{font-size:13px;color:var(--muted);direction:ltr}.card-actions{display:flex;gap:10px;margin-top:18px}.card-actions .btn{min-height:46px;padding:0 18px;flex:1}.section-action{text-align:center;margin-top:34px}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-strip div{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(17,27,46,.05)}.service-strip strong{display:block;color:var(--navy);font-size:18px}.service-strip span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.gift-band{background:var(--navy);color:var(--ivory2)}.gift-band .split-copy h2,.gift-band .split-copy p{color:var(--ivory2)}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:1.08fr .92fr}.split.reverse .split-image{order:2}.split-image{min-height:440px;border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.split-copy h2{margin:0;color:var(--navy);font-size:clamp(38px,5vw,62px)}.clean-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.clean-list li{position:relative;padding-right:24px}.clean-list li:before{content:"";position:absolute;right:0;top:12px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.page-hero{padding:92px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(199,164,93,.22),transparent 30%),linear-gradient(135deg,var(--ivory2),#edd9b7);border-bottom:1px solid var(--line)}.page-hero .container{max-width:900px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.filter-bar a{border:1px solid var(--line);background:rgba(255,255,255,.45);border-radius:999px;padding:10px 18px;font-weight:800;color:var(--navy)}.filter-bar a.is-active,.filter-bar a:hover{background:var(--navy);color:var(--ivory2)}.product-page{background:var(--ivory2)}.product-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:start}.gallery{position:sticky;top:110px}.product-main{min-height:560px;border-radius:var(--r-lg);box-shadow:var(--shadow)}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.thumbs div{height:130px;border-radius:18px;border:1px solid var(--line)}.product-info{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:42px;box-shadow:var(--shadow)}.product-info h1{margin:14px 0 0;color:var(--navy);font-size:clamp(40px,5vw,68px);font-family:Georgia,serif;line-height:1.05}.sku{color:var(--muted);direction:rtl}.lead{font-size:18px;color:rgba(36,33,29,.74)}.product-price{font-size:32px;font-weight:900;color:var(--navy);margin-top:22px}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.meta-grid div{background:var(--ivory2);border:1px solid var(--line);border-radius:18px;padding:16px}.meta-grid span{display:block;color:var(--muted);font-size:13px}.meta-grid strong{color:var(--navy)}.product-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.two-boxes,.cards-3{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cards-3{grid-template-columns:repeat(3,1fr)}.two-boxes article,.cards-3 article,.policy-list article{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:0 14px 34px rgba(17,27,46,.06)}.two-boxes h2,.policy-list h2{margin:0 0 10px;color:var(--navy);font-size:30px}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.order-card{position:sticky;top:110px;background:var(--navy);color:var(--ivory2);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow)}.order-card h2{margin:0 0 20px;color:var(--ivory2);font-size:34px}.order-card ol{padding:0;margin:0;list-style:none;display:grid;gap:18px;counter-reset:x}.order-card li{counter-increment:x;display:grid;grid-template-columns:auto 1fr;gap:14px}.order-card li:before{content:counter(x);width:38px;height:38px;border-radius:50%;background:rgba(199,164,93,.18);color:#ead7a8;display:grid;place-items:center;font-weight:900}.order-card strong{display:block}.order-card span{display:block;color:rgba(247,240,230,.7);font-size:14px}.custom-form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:8px;margin-bottom:16px;color:var(--navy);font-weight:800}input,select,textarea{width:100%;border:1px solid rgba(36,33,29,.16);border-radius:14px;background:var(--ivory2);padding:13px 14px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(199,164,93,.14)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-panel,.contact-note{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;box-shadow:var(--shadow)}.contact-panel h2,.contact-note h2{margin:0 0 18px;color:var(--navy);font-size:34px}.contact-method{display:grid;padding:18px;border-radius:18px;background:var(--ivory2);border:1px solid var(--line);margin-bottom:12px}.contact-method strong{color:var(--navy)}.contact-method span{color:var(--muted)}.policy-list{display:grid;gap:18px;max-width:900px}.policy-list p{margin:0;color:rgba(36,33,29,.72);font-size:17px}.site-footer{background:#0c1424;color:var(--ivory2);padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr .7fr;gap:28px;align-items:start}.footer-brand strong{display:block;font-family:Georgia,serif;font-size:28px}.footer-brand p{max-width:360px;color:rgba(247,240,230,.68);margin:12px 0 0}.footer-links-block h3{margin:0 0 12px;color:#ead7a8;font-size:15px}.footer-inline{display:flex;flex-wrap:wrap;gap:10px 16px}.footer-inline a,.footer-inline span{color:rgba(247,240,230,.72);font-size:14px}.footer-bottom{border-top:1px solid rgba(247,240,230,.12);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;color:rgba(247,240,230,.55);font-size:13px}.floating-whatsapp{position:fixed;left:20px;bottom:20px;z-index:80;background:#1f8b55;color:white;border-radius:999px;min-height:52px;padding:0 20px;display:inline-flex;align-items:center;font-weight:900;box-shadow:0 18px 40px rgba(31,139,85,.32)}.image-placeholder{background-size:cover;background-position:center;position:relative}.image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,27,46,.08),rgba(199,164,93,.12));pointer-events:none}.hero-image{background-image:url('../images/hero-amber.jpg');background-color:#d7ba83}.halo-image{background-image:url('../images/amber-halo.jpg');background-color:#dec797}.curve-image{background-image:url('../images/amber-curve.jpg');background-color:#ead7ad}.crown-image{background-image:url('../images/amber-crown.jpg');background-color:#c99f59}.vip-box-image{background-image:url('../images/vip-box.jpg');background-color:#1b2539}
@media(max-width:1050px){.main-nav{position:fixed;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(247,240,230,.98);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:13px}.main-nav a:after{display:none}.menu-toggle{display:block;order:-1}.hero-grid,.split,.split.reverse,.product-layout,.form-layout,.contact-layout{grid-template-columns:1fr}.split.reverse .split-image{order:0}.gallery,.order-card{position:static}.category-grid,.product-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.service-strip{grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:auto}.hero{padding-top:0}.hero::before{inset:14px}.feature-image{height:390px}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--container))}.top-bar{display:none}.header-inner{min-height:76px}.brand-mark{width:48px;height:48px}.brand-copy strong{font-size:22px}.brand-copy small{display:none}.main-nav{top:76px}.hero-grid{padding:54px 0;gap:36px}.hero h1{font-size:48px}.hero p,.section-head p,.page-hero p,.split-copy p{font-size:17px}.hero-actions,.card-actions,.product-actions{display:grid}.btn{width:100%}.quick-points,.category-grid,.product-grid,.service-strip,.cards-3,.two-boxes,.form-grid,.footer-grid,.meta-grid{grid-template-columns:1fr}.feature-image,.split-image{height:340px;min-height:340px}.section{padding:64px 0}.page-hero{padding:64px 0 54px}.section h2,.page-hero h1{font-size:42px}.product-main{min-height:390px}.thumbs{grid-template-columns:1fr}.thumbs div{height:150px}.product-info,.custom-form,.contact-panel,.contact-note{padding:24px}.footer-inline{display:grid}.footer-bottom{display:grid;gap:6px}.floating-whatsapp{left:14px;bottom:14px}.category-media,.product-media{height:260px}}

/* Mobile footer compact layout */
@media (max-width: 680px) {
  .site-footer {
    padding: 34px 0 18px;
  }

  .footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 16px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-brand p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7;
    max-width: none;
  }

  .footer-links-block h3 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .footer-inline {
    display: grid;
    gap: 6px;
  }

  .footer-inline a,
  .footer-inline span {
    font-size: 13px;
    line-height: 1.5;
  }

  .footer-bottom {
    margin-top: 22px;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
  }
}

/* Mobile / tablet navigation */
@media (max-width: 1050px) {
  .main-nav {
    position: fixed;
    top: 82px;
    left: 18px;
    right: 18px;
    z-index: 999;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 14px;
    background: #fbf7f0;
    border: 1px solid rgba(36, 33, 29, 0.12);
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(17, 27, 46, 0.18);
  }

  .main-nav.open {
    display: flex;
  }

  .main-nav a {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(36, 33, 29, 0.08);
    font-size: 15px;
  }

  .main-nav a:last-child {
    border-bottom: 0;
  }

  .nav-whatsapp {
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 680px) {
  .main-nav {
    top: 76px;
  }
}
.cart-nav-link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--navy);
  color: var(--ivory2) !important;
  font-weight: 800;
}

.cart-nav-link::after {
  display: none !important;
}

.cart-icon {
  font-size: 16px;
  line-height: 1;
}

.cart-nav-link strong {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 1050px) {
  .cart-nav-link {
    justify-content: center;
    margin-top: 10px;
  }
}

/* UX batch 1: mobile menu, hero slider, cart feedback, footer/news */
.hero-modern{min-height:auto;isolation:isolate}.hero-modern .hero-grid{min-height:620px}.hero-slider{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:amberHeroFade 15s infinite;transform:scale(1.03)}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,240,230,.96) 0%,rgba(247,240,230,.84) 42%,rgba(17,27,46,.28) 100%)}.hero-slide--one{background-image:url('../images/hero-amber.jpg');opacity:1}.hero-slide--two{background-image:url('../images/amber-halo.jpg');animation-delay:5s}.hero-slide--three{background-image:url('../images/vip-box.jpg');animation-delay:10s}@keyframes amberHeroFade{0%,30%{opacity:1}38%,92%{opacity:0}100%{opacity:1}}.hero-showcase{background:rgba(17,27,46,.88);color:var(--ivory2);border:1px solid rgba(234,215,168,.35);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow);max-width:390px;margin-inline-start:auto}.hero-showcase span{color:#ead7a8;font-size:13px;font-weight:900}.hero-showcase strong{display:block;margin-top:8px;font-family:Georgia,serif;font-size:38px;line-height:1.05}.hero-showcase small{display:block;color:rgba(247,240,230,.74);font-size:15px;margin-top:12px}.quick-points--compact span{backdrop-filter:blur(10px)}.section-compact{padding:48px 0}.service-strip--cards div{transition:.2s}.service-strip--cards div:hover{transform:translateY(-3px)}.footer-grid--wide{grid-template-columns:1.25fr .7fr .9fr .75fr .75fr}.footer-social a{border:1px solid rgba(247,240,230,.16);border-radius:999px;padding:7px 12px}.floating-cart{position:fixed;right:18px;bottom:20px;z-index:85;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--ivory2);box-shadow:0 18px 44px rgba(17,27,46,.24);border:1px solid rgba(199,164,93,.55)}.floating-cart__icon{font-size:22px}.floating-cart__count{position:absolute;top:-7px;left:-7px;min-width:24px;height:24px;border-radius:999px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:900;border:2px solid var(--ivory)}.floating-cart:not(.has-items) .floating-cart__count{background:rgba(199,164,93,.55)}.amber-toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);background:var(--navy);color:var(--ivory2);border:1px solid rgba(199,164,93,.5);box-shadow:var(--shadow);padding:13px 20px;border-radius:999px;font-weight:900;opacity:0;pointer-events:none;transition:.22s}.amber-toast.show{opacity:1;transform:translate(-50%,0)}.btn.just-added{background:#1f8b55!important;color:white!important;border-color:#1f8b55!important}.form-note{display:grid;gap:4px;margin-bottom:18px;padding:16px;border-radius:18px;background:rgba(199,164,93,.12);border:1px solid rgba(199,164,93,.25);color:var(--navy)}.form-note span{font-weight:400;color:var(--muted)}.news-cards article{min-height:220px}.main-nav.open{display:flex!important}.menu-toggle[aria-expanded="true"]{background:rgba(199,164,93,.18)}
@media(max-width:1050px){.footer-grid--wide{grid-template-columns:repeat(2,1fr)}.hero-modern .hero-grid{min-height:auto}.hero-showcase{margin-inline:auto}}
@media(max-width:680px){.hero-modern .hero-grid{padding:60px 0 48px}.hero-slide:after{background:linear-gradient(180deg,rgba(247,240,230,.96),rgba(247,240,230,.84))}.hero-showcase{display:none}.quick-points,.quick-points--compact{grid-template-columns:repeat(2,1fr)!important}.quick-points span{padding:12px 8px;font-size:14px}.service-strip,.service-strip--cards{grid-template-columns:repeat(2,1fr)!important;gap:10px}.service-strip div{padding:16px 10px;border-radius:18px}.service-strip strong{font-size:15px}.service-strip span{font-size:12px}.footer-grid--wide{grid-template-columns:1fr 1fr}.floating-cart{right:14px;bottom:82px;width:50px;height:50px}.amber-toast{width:calc(100% - 36px);text-align:center;border-radius:18px;bottom:22px}.cards-3.news-cards{grid-template-columns:1fr!important}}


/* Customer UX batch 2: robust menu + richer packaging/custom order */
body.nav-open{overflow:hidden}.menu-toggle{position:relative;z-index:150}.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1050px){
  .main-nav{z-index:140;max-height:calc(100vh - 105px);overflow:auto}.main-nav.open,body.nav-open .main-nav{display:flex!important}.main-nav a,.main-nav .nav-whatsapp{font-size:17px;border-radius:14px}.site-header{z-index:130}
}
.packaging-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.packaging-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.packaging-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:0 16px 36px rgba(17,27,46,.07)}.packaging-card h3{margin:0 0 8px;color:var(--navy);font-size:28px}.packaging-price{display:inline-flex;align-items:center;justify-content:center;margin:12px 0 0;background:rgba(199,164,93,.14);color:var(--navy);border:1px solid rgba(199,164,93,.3);border-radius:999px;padding:8px 14px;font-weight:900}.packaging-note{margin-top:20px;background:rgba(17,27,46,.04);border:1px solid var(--line);border-radius:22px;padding:20px}.custom-order-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.custom-order-types article{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:22px;padding:18px}.custom-order-types strong{display:block;color:var(--navy);font-size:18px}.custom-order-types span{display:block;color:var(--muted);font-size:14px;margin-top:6px}.custom-form--wide{max-width:none}.custom-form textarea{resize:vertical}.custom-form .full-row{grid-column:1/-1}.mini-note{font-size:13px;color:var(--muted);font-weight:500}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px}.process-grid strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--ivory2);margin-bottom:12px}.mobile-tight-title{word-break:normal}
@media(max-width:900px){.packaging-hero-grid,.packaging-card-grid,.process-grid{grid-template-columns:1fr}.custom-order-types{grid-template-columns:repeat(2,1fr)}.custom-form .full-row{grid-column:auto}.page-hero{padding:58px 0 42px}.page-hero h1{font-size:clamp(40px,12vw,58px);line-height:1.05}.cards-3{grid-template-columns:1fr}.footer-grid,.footer-grid--wide{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:90px}.floating-whatsapp{bottom:18px;left:18px}.floating-cart{bottom:92px}}
@media(max-width:560px){.custom-order-types,.footer-grid,.footer-grid--wide{grid-template-columns:1fr}.packaging-card{padding:22px}.custom-form{padding:22px}.form-grid{grid-template-columns:1fr}.brand-copy strong{font-size:clamp(28px,9vw,42px)}.brand-mark{width:62px;height:62px}.header-inner{gap:10px}}

/* Customer UX batch 3: compact categories + custom order rebuild */
.custom-request-hero{padding:76px 0;background:radial-gradient(circle at 15% 0%,rgba(199,164,93,.2),transparent 34%),linear-gradient(135deg,#fffaf3,#f3e6d4)}
.custom-request-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.custom-request-hero h1{margin:0;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,76px);line-height:1.05}.custom-request-hero p{font-size:18px;color:rgba(36,33,29,.74);max-width:720px}.custom-request-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.custom-request-badges span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:800;color:var(--navy);font-size:13px}.custom-request-summary{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.custom-request-summary strong{display:block;color:var(--navy);font-size:24px;margin-bottom:12px}.custom-request-summary ol{margin:0;padding-inline-start:20px;color:var(--muted)}.custom-request-section{padding-top:54px}.custom-request-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start}.custom-request-side{position:sticky;top:112px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 16px 36px rgba(17,27,46,.07)}.custom-request-side h2{margin:0 0 18px;color:var(--navy);font-size:32px}.custom-request-type-list{display:grid;gap:12px}.custom-request-type-list article{border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--ivory2)}.custom-request-type-list strong{display:block;color:var(--navy);font-size:18px}.custom-request-type-list span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.custom-request-note{margin-top:16px;background:rgba(199,164,93,.12);border:1px solid rgba(199,164,93,.32);border-radius:20px;padding:16px}.custom-request-note p{margin:6px 0 0;color:var(--muted);font-size:14px}.custom-request-form{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.form-section-title{display:flex;align-items:center;gap:14px;margin:18px 0 16px;padding-top:12px;border-top:1px solid var(--line)}.form-section-title:first-child{margin-top:0;padding-top:0;border-top:0}.form-section-title span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--ivory2);font-weight:900}.form-section-title h3{margin:0;color:var(--navy);font-size:24px}.form-section-title p{margin:2px 0 0;color:var(--muted);font-size:14px}.custom-request-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.custom-request-form label{display:grid;gap:8px;color:var(--navy);font-weight:800}.custom-request-form input,.custom-request-form select,.custom-request-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 14px;color:var(--text);outline:none}.custom-request-form input:focus,.custom-request-form select:focus,.custom-request-form textarea:focus{border-color:rgba(199,164,93,.9);box-shadow:0 0 0 4px rgba(199,164,93,.13)}.custom-request-form .full-row{grid-column:1/-1}.custom-request-actions{margin-top:22px}

@media(max-width:900px){.custom-request-hero__grid,.custom-request-layout{grid-template-columns:1fr}.custom-request-side{position:static}.custom-request-form .form-grid{grid-template-columns:1fr}.custom-request-form .full-row{grid-column:auto}}
@media(max-width:720px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{border-radius:22px}.category-media{height:120px}.category-card div:last-child{padding:14px}.category-card h3{font-size:24px;margin-bottom:4px}.category-card p{font-size:13px;line-height:1.55}.custom-request-hero{padding:52px 0}.custom-request-summary,.custom-request-form,.custom-request-side{border-radius:24px;padding:20px}.custom-request-badges span{font-size:12px;padding:8px 11px}.form-section-title{align-items:flex-start}.form-section-title h3{font-size:21px}}
@media(max-width:420px){.category-grid{gap:10px}.category-media{height:105px}.category-card div:last-child{padding:12px}.category-card h3{font-size:22px}.category-card p{font-size:12px}.custom-request-hero h1{font-size:40px}}



/* ===== Amber homepage dashboard-control V2 ===== */
:root{--a-ink:#101a2d;--a-cream:#f8f1e6;--a-gold:#d7b864;--a-line:rgba(16,26,45,.1);--a-shadow:0 16px 38px rgba(16,26,45,.10)}html,body{width:100%;max-width:100%;overflow-x:hidden!important}*,*:before,*:after{box-sizing:border-box}.site-header{position:sticky;top:0;z-index:9000;background:rgba(250,244,232,.96);border-bottom:1px solid var(--a-line);backdrop-filter:blur(12px)}.site-header .header-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 0}.header-logo{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;background:var(--a-ink);color:var(--a-gold);font:24px Georgia,serif;border:1px solid rgba(215,184,100,.65)}.header-brand-name{justify-self:center;text-decoration:none;color:var(--a-ink);font:800 clamp(30px,3.2vw,44px)/1 Georgia,serif;white-space:nowrap}.menu-toggle{display:none}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{text-decoration:none;color:rgba(16,26,45,.78)}.home-v2-hero{position:relative;isolation:isolate;min-height:640px;display:grid;align-items:center;padding:76px 0 42px}.home-v2-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,241,230,.95),rgba(248,241,230,.78),rgba(248,241,230,.45)),var(--home-v2-bg,url('assets/images/hero-amber.jpg')) center/cover no-repeat;z-index:-1}.home-v2-hero-inner,.home-v2-section{width:min(1180px,calc(100% - 32px));margin:auto}.home-v2-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.home-v2-copy{max-width:660px}.home-v2-eyebrow{display:inline-flex;padding:9px 16px;border-radius:99px;background:rgba(255,255,255,.68);border:1px solid var(--a-line);margin-bottom:20px;color:rgba(16,26,45,.7)}.home-v2 h1,.home-v2-hero h1{font:700 clamp(48px,7vw,90px)/1 Georgia,serif;color:var(--a-ink);margin:0 0 20px;letter-spacing:-1.5px}.home-v2-hero p{font-size:clamp(18px,2.1vw,24px);line-height:1.9;color:rgba(16,26,45,.72);margin:0 0 28px}.home-v2-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-luxe,.btn-luxe-outline{min-height:56px;padding:15px 28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.btn-luxe{background:var(--a-ink);color:white;box-shadow:0 14px 30px rgba(16,26,45,.18)}.btn-luxe-outline{background:rgba(255,255,255,.54);color:var(--a-ink);border:1px solid rgba(16,26,45,.14)}.home-v2-visual img{width:100%;height:380px;object-fit:cover;border-radius:34px;box-shadow:var(--a-shadow)}.home-v2-values{width:min(1180px,calc(100% - 32px));margin:-22px auto 48px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-v2-values div{border-radius:24px;background:rgba(255,255,255,.8);border:1px solid var(--a-line);box-shadow:0 12px 26px rgba(16,26,45,.07);padding:18px;min-height:92px}.home-v2-values strong{display:block;color:var(--a-ink);margin-bottom:6px}.home-v2-values span{font-size:14px;color:rgba(16,26,45,.62)}.home-v2-section{margin-bottom:68px}.home-v2-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:16px}.home-v2-section-head p{margin:0 0 6px;color:rgba(16,26,45,.62)}.home-v2-section-head h2{font:700 clamp(34px,5vw,58px)/1.05 Georgia,serif;color:var(--a-ink);margin:0}.home-v2-section-head a{color:var(--a-ink);text-decoration:none;border-bottom:1px solid currentColor}.home-v2-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.home-v2-category{min-height:138px;border-radius:28px;padding:18px;text-decoration:none;color:var(--a-ink);display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:1px solid var(--a-line);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.88)),var(--cat-image) center/cover no-repeat;box-shadow:0 12px 28px rgba(16,26,45,.08)}.home-v2-category strong{font-size:20px}.home-v2-category span{font-size:13px;color:rgba(16,26,45,.62);margin-top:4px}.home-v2-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-v2-product{background:rgba(255,255,255,.82);border:1px solid var(--a-line);border-radius:26px;overflow:hidden;box-shadow:0 14px 32px rgba(16,26,45,.08)}.home-v2-product-img{display:block;height:205px;background:#eee center/cover no-repeat}.home-v2-product-body{padding:14px}.home-v2-product h3{margin:0 0 8px;color:var(--a-ink);font-size:18px}.home-v2-product p{margin:0 0 10px;color:rgba(16,26,45,.58);font-size:14px;line-height:1.6}.home-v2-product-body div{display:flex;justify-content:space-between;margin-bottom:10px}.home-v2-product a,.home-v2-product button{width:100%;min-height:40px;border-radius:99px;border:1px solid rgba(16,26,45,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:7px;cursor:pointer}.home-v2-product-body>a{background:var(--a-ink);color:white}.home-v2-product button{background:white;color:var(--a-ink)}.home-v2-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-v2-split article{min-height:230px;border-radius:34px;padding:28px;background:white;border:1px solid var(--a-line);box-shadow:var(--a-shadow);display:flex;flex-direction:column;justify-content:space-between}.home-v2-split .dark{background:var(--a-ink);color:white}.home-v2-split h3{font:700 clamp(30px,4vw,46px)/1.1 Georgia,serif;margin:0 0 10px}.home-v2-split p{line-height:1.8;opacity:.75}.home-v2-split a{color:inherit;font-weight:800}@media(max-width:768px){.top-bar{display:none!important}.site-header .header-inner{width:100%;padding:10px 14px;grid-template-columns:54px 1fr 54px;direction:ltr}.header-logo{grid-column:1;width:54px;height:54px;font-size:21px}.header-brand-name{grid-column:2;overflow:hidden;text-overflow:ellipsis;font-size:clamp(25px,6.7vw,33px);letter-spacing:-.8px}.menu-toggle{grid-column:3;display:flex!important;width:54px;height:54px;border-radius:50%;border:1px solid rgba(16,26,45,.12);background:rgba(255,255,255,.78);align-items:center;justify-content:center;gap:5px;flex-direction:column;z-index:10070}.menu-toggle span{display:block;width:24px;height:2.5px;border-radius:99px;background:var(--a-ink);transition:.18s}.menu-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}body.menu-open{overflow:hidden!important}body.menu-open:before{content:"";position:fixed;inset:0;background:rgba(16,26,45,.38);z-index:10000}.main-nav{position:fixed!important;top:0;right:0;bottom:0;width:min(84vw,360px);height:100dvh;padding:92px 20px 24px!important;display:flex!important;flex-direction:column;gap:10px;background:#fbf6ec;box-shadow:-18px 0 45px rgba(16,26,45,.22);z-index:10050;transform:translateX(110%);pointer-events:none;transition:transform .22s ease;overflow-y:auto;direction:rtl}.main-nav.open,body.menu-open .main-nav{transform:translateX(0);pointer-events:auto}.main-nav:before{content:"Amber Collection";font:700 27px Georgia,serif;color:var(--a-ink);text-align:center;padding-bottom:14px;border-bottom:1px solid var(--a-line)}.main-nav a{min-height:56px;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(16,26,45,.07);font-size:18px;color:var(--a-ink)}.home-v2-hero{min-height:auto;padding:52px 0 28px}.home-v2-hero:before{background:linear-gradient(180deg,rgba(248,241,230,.96),rgba(248,241,230,.78)),var(--home-v2-bg,url('assets/images/hero-amber.jpg')) center/cover no-repeat}.home-v2-hero-inner{width:calc(100vw - 28px);grid-template-columns:1fr;text-align:center}.home-v2-visual{display:none}.home-v2 h1,.home-v2-hero h1{font-size:clamp(45px,13vw,64px);line-height:1.04}.home-v2-hero p{font-size:18px}.home-v2-actions{display:grid;grid-template-columns:1fr}.home-v2-values{width:calc(100vw - 28px);grid-template-columns:repeat(2,1fr);gap:10px;margin:-4px auto 42px}.home-v2-values div{min-height:82px;padding:14px}.home-v2-section{width:calc(100vw - 28px);margin-bottom:54px}.home-v2-section-head{display:grid;text-align:center;justify-items:center}.home-v2-categories{grid-template-columns:repeat(2,1fr);gap:12px}.home-v2-category{min-height:112px;border-radius:22px;padding:14px}.home-v2-products{grid-template-columns:repeat(2,1fr);gap:12px}.home-v2-product-img{height:138px}.home-v2-product-body{padding:12px}.home-v2-product p{display:none}.home-v2-product h3{font-size:16px}.home-v2-split{grid-template-columns:1fr}.home-v2-split article{min-height:210px;text-align:center}.footer-grid,.footer-grid--wide{grid-template-columns:repeat(2,1fr)!important;width:calc(100vw - 32px)!important}.footer-brand{grid-column:1/-1!important;text-align:center}.footer-social{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px}}@media(max-width:390px){.site-header .header-inner{grid-template-columns:48px 1fr 48px;padding:9px 12px}.header-logo,.menu-toggle{width:48px;height:48px}.header-brand-name{font-size:clamp(22px,6.1vw,27px)}}




/* =========================================================
   Amber Collection - CLEAN CUSTOMER HOME + HEADER FINAL V16
   ========================================================= */
:root{--ac-ink:#111b2e;--ac-cream:#f7f0e6;--ac-soft:#fffaf3;--ac-gold:#c7a45d;--ac-muted:rgba(17,27,46,.65);--ac-line:rgba(17,27,46,.10);--ac-shadow:0 18px 45px rgba(17,27,46,.10)}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}body{background:var(--ac-cream)}*,*::before,*::after{box-sizing:border-box}img,video,canvas,svg,iframe{max-width:100%}
.clean-header{position:sticky;top:0;z-index:9000;background:rgba(247,240,230,.96);border-bottom:1px solid var(--ac-line);backdrop-filter:blur(12px)}
.clean-header-inner{width:min(1180px,calc(100% - 32px));min-height:82px;margin-inline:auto;display:grid;grid-template-columns:64px minmax(0,1fr)64px;align-items:center;gap:14px;direction:ltr!important}.header-logo{grid-column:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ac-ink);color:#ead7a8;border:1px solid var(--ac-gold);font-family:Georgia,serif;font-size:22px;text-decoration:none}.header-brand-name{grid-column:2;justify-self:center;min-width:0;max-width:100%;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1;color:#24211d;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clean-header .menu-toggle{grid-column:3;justify-self:end;display:inline-flex!important;width:56px;height:56px;min-width:56px;border-radius:50%;border:1px solid rgba(17,27,46,.12);background:rgba(255,255,255,.75);align-items:center;justify-content:center;gap:5px;flex-direction:column;cursor:pointer;z-index:10070;box-shadow:0 8px 22px rgba(17,27,46,.08)}.clean-header .menu-toggle span{display:block!important;width:24px;height:2.5px;background:var(--ac-ink);border-radius:999px;margin:0!important;transition:.18s}.clean-header .menu-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.clean-header .menu-toggle.open span:nth-child(2){opacity:0}.clean-header .menu-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.clean-header .main-nav{position:static;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0;direction:rtl}.clean-header .main-nav a{font-size:14px;color:rgba(17,27,46,.78);text-decoration:none}.clean-header .main-nav a.active{color:var(--ac-ink)}
@media(max-width:900px){.clean-header-inner{width:100%;min-height:78px;padding:10px 14px;grid-template-columns:54px minmax(0,1fr)54px}.header-logo{width:52px;height:52px;font-size:20px}.header-brand-name{font-size:clamp(25px,7vw,34px)}.clean-header .main-nav{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(82vw,350px)!important;height:100dvh!important;padding:92px 20px 22px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;background:#fbf6ec!important;border-left:1px solid var(--ac-line)!important;box-shadow:-16px 0 42px rgba(17,27,46,.20)!important;z-index:10050!important;transform:translateX(110%)!important;pointer-events:none!important;transition:transform .20s ease!important;overflow-y:auto!important;direction:rtl!important}.clean-header .main-nav.open,body.menu-open .clean-header .main-nav{transform:translateX(0)!important;pointer-events:auto!important}.clean-header .main-nav::before{content:"Amber Collection";font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:700;color:var(--ac-ink);text-align:center;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid var(--ac-line)}.clean-header .main-nav a{min-height:54px!important;padding:14px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(17,27,46,.07)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;font-size:18px!important;color:var(--ac-ink)!important;box-shadow:0 8px 20px rgba(17,27,46,.04)!important}.clean-header .main-nav a.active{background:rgba(199,164,93,.20)!important;border-color:rgba(199,164,93,.34)!important}body.menu-open{overflow:hidden!important}body.menu-open::before{content:"";position:fixed;inset:0;background:rgba(17,27,46,.38);z-index:10000}}
@media(max-width:390px){.clean-header-inner{grid-template-columns:48px minmax(0,1fr)48px;padding:9px 12px}.header-logo{width:46px;height:46px;font-size:18px}.clean-header .menu-toggle{width:48px;height:48px;min-width:48px}.header-brand-name{font-size:clamp(22px,6.2vw,27px)}}
.home-page{overflow:hidden}.home-hero{--home-hero-image:url('../images/hero-amber.jpg');position:relative;min-height:640px;display:grid;place-items:center;padding:82px 0 52px;text-align:center;isolation:isolate}.home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,240,230,.94),rgba(247,240,230,.72)),var(--home-hero-image) center/cover no-repeat;z-index:-2}.home-hero::after{content:"";position:absolute;inset:36px 10%;border:1px solid rgba(199,164,93,.18);border-radius:42px;z-index:-1}.home-hero__content{width:min(900px,calc(100% - 32px));margin:auto}.home-hero__eyebrow{display:inline-flex;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid var(--ac-line);color:var(--ac-muted);font-size:15px;margin-bottom:24px}.home-hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--ac-ink);font-size:clamp(48px,8vw,96px);line-height:1.03;letter-spacing:-1.5px;margin:0 0 24px}.home-hero p{font-size:clamp(18px,2.1vw,24px);color:rgba(17,27,46,.70);line-height:1.9;margin:0 auto 30px;max-width:760px}.home-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,250px));justify-content:center;gap:14px}.home-btn{min-height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.home-btn--primary{background:var(--ac-ink);color:#fff;box-shadow:0 14px 30px rgba(17,27,46,.18)}.home-btn--secondary{background:rgba(255,255,255,.58);border:1px solid rgba(17,27,46,.14);color:var(--ac-ink)}
.home-values{width:min(1180px,calc(100% - 32px));margin:-28px auto 56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:2}.home-values article{min-height:94px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid var(--ac-line);box-shadow:0 12px 26px rgba(17,27,46,.07);padding:18px}.home-values strong{display:block;color:var(--ac-ink);font-size:18px;margin-bottom:6px}.home-values span{color:rgba(17,27,46,.60);font-size:14px}.home-section{width:min(1180px,calc(100% - 32px));margin:0 auto 70px}.home-section__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.home-section__head p{margin:0 0 6px;color:rgba(17,27,46,.60)}.home-section__head h2{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ac-ink);font-size:clamp(34px,5vw,58px);line-height:1.05}.home-section__head a{border-bottom:1px solid currentColor;color:var(--ac-ink)}.home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.home-category-card{min-height:136px;border-radius:28px;padding:18px;text-decoration:none;color:var(--ac-ink);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;border:1px solid var(--ac-line);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.88)),var(--cat-image) center/cover no-repeat;box-shadow:0 12px 28px rgba(17,27,46,.08)}.home-category-card strong{font-size:20px;line-height:1.1}.home-category-card span{font-size:13px;color:rgba(17,27,46,.62);margin-top:4px}.home-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-product-card{background:rgba(255,255,255,.82);border:1px solid var(--ac-line);border-radius:26px;overflow:hidden;box-shadow:0 14px 32px rgba(17,27,46,.08)}.home-product-card__image{height:198px;display:block;background:#eee center/cover no-repeat}.home-product-card__body{padding:15px}.home-product-card__body h3{margin:0 0 10px;color:var(--ac-ink);font-size:18px;line-height:1.35}.home-product-card__meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.home-product-card__meta strong{font-size:17px;color:var(--ac-ink)}.home-product-card__meta span{font-size:12px;color:rgba(17,27,46,.48)}.home-product-card__link,.home-product-card button{min-height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-top:8px;text-decoration:none}.home-product-card__link{background:var(--ac-ink);color:#fff}.home-product-card button{width:100%;border:1px solid var(--ac-line);background:#fff;color:var(--ac-ink);cursor:pointer}.home-cta-row{width:min(1180px,calc(100% - 32px));margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-cta-card{min-height:245px;border-radius:34px;padding:30px;background:#fff;border:1px solid var(--ac-line);box-shadow:var(--ac-shadow);display:flex;flex-direction:column;justify-content:space-between}.home-cta-card--dark{background:var(--ac-ink);color:#fff}.home-cta-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,46px);margin:0 0 10px}.home-cta-card p{opacity:.72;line-height:1.8;margin:0 0 20px}.home-cta-card a{font-weight:800;color:inherit}
@media(max-width:768px){.home-hero{min-height:auto;padding:60px 0 34px}.home-hero::after{display:none}.home-hero__content{width:min(100%,calc(100vw - 28px))}.home-hero h1{font-size:clamp(43px,12.5vw,62px);line-height:1.07}.home-hero p{font-size:18px;line-height:1.85}.home-hero__actions{grid-template-columns:1fr}.home-values{width:min(100%,calc(100vw - 28px));margin:0 auto 44px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-values article{min-height:82px;padding:14px;border-radius:20px}.home-values strong{font-size:16px}.home-values span{font-size:13px}.home-section{width:min(100%,calc(100vw - 28px));margin-bottom:54px}.home-section__head{display:grid;text-align:center;justify-items:center;gap:10px}.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-category-card{min-height:112px;border-radius:22px;padding:14px}.home-category-card strong{font-size:18px}.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-product-card__image{height:132px}.home-product-card__body{padding:12px}.home-product-card__body h3{font-size:15px}.home-product-card__meta{display:grid;gap:2px}.home-product-card__link,.home-product-card button{min-height:39px;font-size:13px}.home-cta-row{width:min(100%,calc(100vw - 28px));grid-template-columns:1fr}.home-cta-card{text-align:center;min-height:205px;padding:24px}.floating-cart{right:14px!important;left:auto!important}.whatsapp-float{left:14px!important;right:auto!important}}
@media(max-width:768px){.site-footer{overflow:hidden!important}.footer-grid,.footer-grid--wide{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 18px!important;width:min(100%,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important}.footer-brand{grid-column:1/-1!important;text-align:center!important}.footer-social{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.footer-social a{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.footer-bottom{width:min(100%,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;text-align:center!important}}


/* =========================================================
   Amber Collection - HOME FINAL FIX
   Fix mobile header alignment + drawer overlay click/dim issue.
   Keep this block as the LAST block in style.css.
   ========================================================= */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.menu-open {
    overflow: hidden !important;
  }

  /* Overlay must stay BEHIND the drawer, not above it */
  body.menu-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(16, 26, 45, 0.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 9400 !important;
    pointer-events: auto !important;
  }

  .site-header {
    z-index: 9600 !important;
    overflow: visible !important;
  }

  /* Mobile header layout:
     left = AC logo, center = name, right = menu */
  .site-header .header-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 58px !important;
    align-items: center !important;
    gap: 10px !important;
    direction: ltr !important;
  }

  .brand {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    direction: ltr !important;
    overflow: hidden !important;
  }

  .brand-mark {
    grid-column: 1 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    font-size: 21px !important;
    justify-self: start !important;
  }

  .brand-copy {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    justify-self: center !important;
  }

  .brand-copy strong {
    display: block !important;
    font-size: clamp(24px, 6.5vw, 33px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  .brand-copy small {
    display: none !important;
  }

  .menu-toggle {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(16, 26, 45, 0.12) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 8px 22px rgba(16, 26, 45, 0.08) !important;
    cursor: pointer !important;
    z-index: 9800 !important;
    pointer-events: auto !important;
  }

  .menu-toggle span {
    display: block !important;
    width: 24px !important;
    height: 2.5px !important;
    border-radius: 999px !important;
    background: #101a2d !important;
    transition: transform 0.18s ease, opacity 0.18s ease !important;
  }

  .menu-toggle.open span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg) !important;
  }

  .menu-toggle.open span:nth-child(2) {
    opacity: 0 !important;
  }

  .menu-toggle.open span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg) !important;
  }

  /* Drawer must be above overlay and clickable */
  .main-nav,
  .main-nav.mobile-menu {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(84vw, 360px) !important;
    height: 100dvh !important;
    max-width: min(84vw, 360px) !important;
    margin: 0 !important;
    padding: 88px 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    background: #fbf6ec !important;
    border-left: 1px solid rgba(16, 26, 45, 0.10) !important;
    box-shadow: -18px 0 45px rgba(16, 26, 45, 0.22) !important;
    z-index: 9700 !important;
    transform: translateX(110%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transition: transform 0.22s ease !important;
    overflow-y: auto !important;
    direction: rtl !important;
    filter: none !important;
  }

  .main-nav.open,
  body.menu-open .main-nav {
    transform: translateX(0) !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }

  .main-nav::before {
    content: "Amber Collection" !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    color: #101a2d !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    padding: 0 8px 14px !important;
    border-bottom: 1px solid rgba(16, 26, 45, 0.10) !important;
  }

  .main-nav a {
    width: 100% !important;
    min-height: 54px !important;
    padding: 14px 18px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.84) !important;
    color: #101a2d !important;
    border: 1px solid rgba(16, 26, 45, 0.07) !important;
    font-size: 18px !important;
    box-shadow: 0 8px 18px rgba(16, 26, 45, 0.04) !important;
    pointer-events: auto !important;
  }

  .main-nav a.active {
    background: rgba(215, 184, 100, 0.22) !important;
    border-color: rgba(215, 184, 100, 0.38) !important;
  }
}

@media (max-width: 390px) {
  .site-header .header-inner {
    grid-template-columns: 50px minmax(0, 1fr) 50px !important;
    padding: 9px 12px !important;
    gap: 8px !important;
  }

  .brand {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .brand-mark,
  .menu-toggle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  .brand-copy strong {
    font-size: clamp(22px, 6.1vw, 28px) !important;
  }
}
/* =========================================================
   AMBER COLLECTION - ULTIMATE PREMIUM UPGRADE
   ========================================================= */

/* --- Variables جديدة --- */
:root {
  --premium-shadow: 0 20px 60px rgba(17, 27, 46, 0.15);
  --premium-shadow-hover: 0 30px 80px rgba(17, 27, 46, 0.25);
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- قسم "من نحن" (Home About) --- */
.home-about {
  padding: 80px 0;
  background: var(--ivory2);
  border-block: 1px solid var(--line);
}

.home-about__inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.home-about__text .section-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 12px;
}

.home-about__text h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4vw, 48px);
  color: var(--navy);
  line-height: 1.1;
  margin: 0 0 20px;
}

.home-about__text p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.9;
  margin-bottom: 18px;
}

.home-about__text .btn-luxe {
  display: inline-block;
  margin-top: 10px;
  padding: 14px 34px;
  background: var(--navy);
  color: var(--ivory2);
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  transition: var(--transition-smooth);
  box-shadow: 0 8px 24px rgba(17, 27, 46, 0.2);
}

.home-about__text .btn-luxe:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(17, 27, 46, 0.3);
}

.home-about__image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: var(--premium-shadow);
  transition: var(--transition-smooth);
}

.home-about__image img:hover {
  transform: scale(1.02);
  box-shadow: var(--premium-shadow-hover);
}

/* --- تحسين بطاقات الأقسام (Categories) --- */
.home-category-card {
  transition: var(--transition-smooth);
  border: 1px solid transparent;
}

.home-category-card:hover {
  transform: translateY(-8px);
  border-color: var(--gold);
  box-shadow: var(--premium-shadow);
}

.home-category-card strong {
  font-size: 22px;
  font-weight: 900;
}

/* --- تحسين بطاقات المنتجات (Featured Products) --- */
.home-product-card {
  transition: var(--transition-smooth);
  border: 1px solid var(--line);
}

.home-product-card:hover {
  transform: translateY(-8px);
  border-color: var(--gold);
  box-shadow: var(--premium-shadow-hover);
}

.home-product-card__image {
  transition: transform 0.8s ease;
}

.home-product-card:hover .home-product-card__image {
  transform: scale(1.05);
}

.home-product-card__link {
  transition: var(--transition-smooth);
}

.home-product-card__link:hover {
  background: var(--gold);
  color: var(--navy);
}

.home-product-card button {
  transition: var(--transition-smooth);
}

.home-product-card button:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--navy);
}

/* --- قسم الـ CTA (تغليف الهدايا والطلب الخاص) --- */
.home-cta-card {
  transition: var(--transition-smooth);
  border: 1px solid var(--line);
}

.home-cta-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--premium-shadow-hover);
}

.home-cta-card--dark:hover {
  background: #0c1424;
}

.home-cta-card a {
  transition: var(--transition-smooth);
  position: relative;
  width: fit-content;
}

.home-cta-card a::after {
  content: "←";
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.3s ease;
}

.home-cta-card a:hover::after {
  transform: translateX(-6px);
}

/* --- تحسينات عامة للعناوين والأزرار --- */
.section-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.home-section__head h2 {
  position: relative;
}

.home-section__head h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: var(--gold);
  margin-top: 10px;
  border-radius: 999px;
}

.home-section__head.center h2::after {
  margin: 10px auto 0;
}

/* --- تحسين الهيرو (Hero Section) --- */
.home-hero {
  min-height: 720px;
}

.home-hero h1 {
  font-size: clamp(52px, 9vw, 96px);
}

.home-hero p {
  font-size: clamp(18px, 2.2vw, 24px);
}

.home-hero__eyebrow {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
  padding: 10px 24px;
  font-weight: 700;
}

/* --- تحسين قسم القيم (Values) --- */
.home-values article {
  transition: var(--transition-smooth);
  border: 1px solid transparent;
}

.home-values article:hover {
  transform: translateY(-4px);
  border-color: var(--gold);
  box-shadow: var(--premium-shadow);
}

/* --- RESPONSIVE TWEAKS --- */
@media (max-width: 900px) {
  .home-about__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .home-about__text .btn-luxe {
    display: inline-block;
  }

  .home-about__image img {
    height: 300px;
  }

  .home-section__head h2::after {
    margin: 10px auto 0;
  }
}

@media (max-width: 680px) {
  .home-about {
    padding: 50px 0;
  }

  .home-about__image img {
    height: 220px;
  }

  .home-hero {
    min-height: 580px;
    padding: 40px 0 20px;
  }

  .home-hero__actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
/* =========================================================
   Amber Collection - MOBILE HOME UX V2
   1) Floating cart appears only when cart has items.
   2) Hero image is a separate clear slider, not a text background.
   3) Gift packaging + custom order cards stay side-by-side on mobile.
   Keep this block as the LAST block in style.css.
   ========================================================= */

.floating-cart[hidden] {
  display: none !important;
}

.floating-cart {
  opacity: 0;
  transform: translateY(8px) scale(.96);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.floating-cart.has-items {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.home-hero--split {
  min-height: 680px;
  padding: 74px 0 54px;
  text-align: right;
  background:
    radial-gradient(circle at 20% 18%, rgba(215, 184, 100, .16), transparent 34%),
    linear-gradient(180deg, rgba(247,240,230,.98), rgba(247,240,230,.78));
}

.home-hero--split::before {
  background: none !important;
}

.home-hero--split::after {
  inset: 34px 7%;
}

.home-hero__wrap {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(320px, .76fr);
  align-items: center;
  gap: clamp(22px, 4vw, 56px);
}

.home-hero--split .home-hero__content {
  width: 100%;
  margin: 0;
}

.home-hero__media {
  min-height: 430px;
  border-radius: 38px;
  padding: 12px;
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(17,27,46,.10);
  box-shadow: 0 24px 58px rgba(17,27,46,.14);
  overflow: hidden;
}

.home-hero__slider {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 406px;
  border-radius: 30px;
  overflow: hidden;
  background: #eee;
}

.home-hero__slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.025);
  animation: amberHomeHeroSlide 13.5s infinite;
}

.home-hero__slide--one {
  background-image: var(--home-hero-slide-1, url('../images/hero-amber.jpg'));
  opacity: 1;
}

.home-hero__slide--two {
  background-image: var(--home-hero-slide-2, url('../images/amber-halo.jpg'));
  animation-delay: 4.5s;
}

.home-hero__slide--three {
  background-image: var(--home-hero-slide-3, url('../images/vip-box.jpg'));
  animation-delay: 9s;
}

@keyframes amberHomeHeroSlide {
  0%, 30% { opacity: 1; transform: scale(1.025); }
  38%, 92% { opacity: 0; transform: scale(1.075); }
  100% { opacity: 1; transform: scale(1.025); }
}

@media (max-width: 768px) {
  .home-hero--split {
    min-height: auto !important;
    padding: 28px 0 34px !important;
    text-align: center !important;
  }

  .home-hero__wrap {
    width: min(100%, calc(100vw - 28px));
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-hero--split .home-hero__content {
    order: 1;
  }

  .home-hero__media {
    order: 2;
    min-height: 285px;
    border-radius: 26px;
    padding: 8px;
  }

  .home-hero__slider {
    min-height: 269px;
    border-radius: 20px;
  }

  .home-hero--split h1 {
    font-size: clamp(37px, 10.5vw, 54px) !important;
    line-height: 1.08 !important;
    margin-bottom: 16px !important;
  }

  .home-hero--split p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
  }

  .home-hero--split .home-hero__actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .home-hero--split .home-btn {
    min-height: 48px;
    padding-inline: 10px;
    font-size: 13px;
  }

  .home-cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 50px !important;
  }

  .home-cta-card {
    min-height: 158px !important;
    padding: 15px 12px !important;
    border-radius: 22px !important;
    text-align: center !important;
  }

  .home-cta-card h3 {
    font-size: clamp(21px, 6.2vw, 28px) !important;
    margin-bottom: 8px !important;
  }

  .home-cta-card p {
    font-size: 12px !important;
    line-height: 1.55 !important;
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .home-cta-card a {
    width: auto !important;
    margin-inline: auto;
    font-size: 12px !important;
  }

  .floating-cart {
    right: 14px !important;
    left: auto !important;
    bottom: 86px !important;
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 380px) {
  .home-hero--split .home-hero__actions {
    grid-template-columns: 1fr !important;
  }

  .home-cta-card {
    padding: 13px 10px !important;
  }

  .home-cta-card p {
    -webkit-line-clamp: 2;
  }
}

/* =========================================================
   Amber Collection - STORE UX V4
   Store filters, mobile cards, add-to-cart feedback, floating cart.
   Keep this block after previous mobile/home blocks.
   ========================================================= */
.store-page .page-hero {
  padding: 70px 0 48px;
}

.store-page .filter-bar {
  position: sticky;
  top: 92px;
  z-index: 20;
  margin: -12px 0 28px;
  padding: 10px 0;
  background: linear-gradient(180deg, rgba(247,240,230,.96), rgba(247,240,230,.86));
  backdrop-filter: blur(10px);
}

.store-page .filter-bar a {
  transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}

.store-page .filter-bar a:hover,
.store-page .filter-bar a.is-active {
  transform: translateY(-1px);
}

.store-product-card {
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.store-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(199,164,93,.38);
  box-shadow: 0 20px 50px rgba(17,27,46,.11);
}

.store-product-card .product-media {
  position: relative;
  overflow: hidden;
}

.store-product-card .product-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(17,27,46,.15));
  opacity: .65;
}

.product-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.status--ok {
  background: rgba(38,128,82,.12);
  color: #26704a;
}

.status--low {
  background: rgba(199,164,93,.20);
  color: #9a641d;
}

.status--out {
  background: rgba(120,38,38,.12);
  color: #8d2f2f;
}

.stock-pill {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(17,27,46,.055);
  color: rgba(17,27,46,.62);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.old-price {
  display: block;
  margin-top: 2px;
  color: rgba(36,33,29,.45);
  font-size: 13px;
  font-weight: 700;
  text-decoration: line-through;
}

.store-product-card.is-unavailable .product-media,
.store-product-card.is-unavailable .product-body {
  opacity: .72;
}

.store-product-card.is-unavailable::before {
  content: "غير متوفر";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  border-radius: 999px;
  background: rgba(17,27,46,.86);
  color: #fff;
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 900;
}

.product-card.cart-added {
  animation: amberCardAdded .62s ease both;
}

@keyframes amberCardAdded {
  0% { transform: translateY(0) scale(1); border-color: var(--line); }
  35% { transform: translateY(-4px) scale(1.018); border-color: rgba(199,164,93,.75); box-shadow: 0 20px 54px rgba(199,164,93,.22); }
  100% { transform: translateY(0) scale(1); }
}

.btn.is-loading {
  opacity: .75;
  cursor: wait;
}

.btn.is-added,
.btn.is-added:hover {
  background: #26704a !important;
  color: #fff !important;
  border-color: #26704a !important;
  transform: translateY(0) !important;
}

.cart-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 10080;
  min-width: 250px;
  max-width: min(360px, calc(100vw - 36px));
  padding: 14px 18px;
  border-radius: 20px;
  background: rgba(17,27,46,.96);
  color: #fff;
  box-shadow: 0 18px 46px rgba(17,27,46,.24);
  font-weight: 800;
  text-align: center;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.cart-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.floating-cart.cart-bump {
  animation: amberCartBump .52s ease both;
}

@keyframes amberCartBump {
  0%,100% { transform: translateY(0) scale(1); }
  35% { transform: translateY(-5px) scale(1.12); }
  60% { transform: translateY(0) scale(.98); }
}

.store-page .cart-empty {
  grid-column: 1 / -1;
  text-align: center;
  background: rgba(255,255,255,.72);
  border: 1px dashed rgba(17,27,46,.18);
  border-radius: 28px;
  padding: 42px 22px;
}

.store-page .cart-empty .btn {
  margin-top: 16px;
  width: auto;
}

@media (max-width: 768px) {
  .store-page .page-hero {
    padding: 46px 0 28px !important;
    text-align: center;
  }

  .store-page .page-hero h1 {
    font-size: clamp(34px, 10.4vw, 48px) !important;
  }

  .store-page .page-hero p {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  .store-page .section {
    padding-top: 44px !important;
  }

  .store-page .filter-bar {
    top: 75px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    margin-bottom: 24px;
    padding: 9px 0 12px;
    scrollbar-width: none;
  }

  .store-page .filter-bar::-webkit-scrollbar {
    display: none;
  }

  .store-page .filter-bar a {
    flex: 0 0 auto;
    padding: 9px 14px;
    font-size: 13px;
  }

  .store-page .section-head {
    margin-bottom: 22px;
    text-align: center;
  }

  .store-page .section-head h2 {
    font-size: clamp(31px, 9vw, 42px) !important;
  }

  .store-page .section-head p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .store-page .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .store-product-card {
    border-radius: 22px !important;
  }

  .store-product-card .product-media {
    height: 150px !important;
  }

  .store-product-card .product-body {
    padding: 12px !important;
  }

  .product-card-topline {
    align-items: start;
    gap: 6px;
    margin-bottom: 9px;
  }

  .store-product-card .status,
  .store-product-card .stock-pill {
    font-size: 10px;
    padding: 3px 8px;
  }

  .store-product-card h3 {
    font-size: 17px !important;
    line-height: 1.22 !important;
    min-height: 42px;
    margin-bottom: 6px !important;
  }

  .store-product-card p {
    display: none;
  }

  .store-product-card .price-row {
    display: grid;
    gap: 2px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .store-product-card .price-row strong {
    font-size: 15px !important;
  }

  .store-product-card .price-row span {
    font-size: 10px !important;
  }

  .store-product-card .card-actions {
    display: grid !important;
    gap: 7px !important;
    margin-top: 11px !important;
  }

  .store-product-card .card-actions .btn {
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    width: 100%;
  }

  .cart-toast {
    right: 14px;
    left: 14px;
    bottom: 22px;
    width: auto;
    max-width: none;
    min-width: 0;
  }
}

@media (max-width: 370px) {
  .store-page .product-grid {
    gap: 10px !important;
  }
  .store-product-card .product-media {
    height: 136px !important;
  }
  .store-product-card h3 {
    font-size: 15px !important;
    min-height: 38px;
  }
}


/* =========================================================
   Amber Collection - Product Specs UX V6
   Store cards and product details read the same dashboard schema.
   ========================================================= */
.product-card-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 0;
}
.product-card-specs span,
.product-spec-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(199,164,93,.13);
  border: 1px solid rgba(199,164,93,.18);
  color: rgba(17,27,46,.78);
  font-size: 12px;
  font-weight: 800;
}
.price-stack { display: grid; gap: 2px; }
.product-spec-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 4px;
}
.specs-table {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
}
.specs-row {
  display: grid;
  grid-template-columns: minmax(120px,.8fr) 1.2fr;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--line);
}
.specs-row:last-child { border-bottom: 0; }
.specs-row dt { margin: 0; color: rgba(17,27,46,.58); font-weight: 900; }
.specs-row dd { margin: 0; color: var(--navy); font-weight: 800; }
.info-card--wide { grid-column: span 2; }
.product-page .floating-cart { right: 18px; bottom: 82px; }
@media(max-width:980px){ .info-card--wide{grid-column:auto} }
@media(max-width:680px){
  .product-card-specs { margin-top: 8px; gap: 4px; }
  .product-card-specs span { font-size: 10px; min-height: 24px; padding: 3px 7px; }
  .product-spec-chips span { font-size: 11px; }
  .specs-row { grid-template-columns: 1fr; gap: 4px; padding: 12px 14px; }
  .specs-row dt { font-size: 12px; }
  .specs-row dd { font-size: 14px; }
  .product-page .floating-cart { right: 14px; bottom: 88px; }
}

/* =========================================================
   Amber Collection - Product Detail Specs Polish V10
   Clean mobile-first specification cards for product details.
   ========================================================= */
.product-page .section-soft {
  background: linear-gradient(180deg, #fffaf3 0%, #f8f1e6 100%) !important;
}
.product-page .product-info-panel {
  max-width: 1040px !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border-radius: 32px !important;
}
.product-page .product-info-panel .section-head {
  margin-bottom: 22px !important;
}
.product-page .product-info-panel .section-head h2 {
  max-width: 620px !important;
  font-size: clamp(32px, 5vw, 54px) !important;
  line-height: 1.08 !important;
}
.product-page .product-info-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
.product-page .info-card {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(17,27,46,.10) !important;
  border-radius: 24px !important;
  padding: 20px !important;
  box-shadow: 0 12px 30px rgba(17,27,46,.045) !important;
}
.product-page .info-card--wide {
  grid-column: auto !important;
  grid-row: span 2 !important;
}
.product-page .info-card h3 {
  margin-bottom: 14px !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
}
.product-page .specs-table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.product-page .specs-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  min-height: 82px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(17,27,46,.09) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,243,.82)) !important;
  box-shadow: 0 8px 18px rgba(17,27,46,.035) !important;
}
.product-page .specs-row dt {
  margin: 0 !important;
  color: rgba(17,27,46,.52) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}
.product-page .specs-row dd {
  margin: 0 !important;
  color: var(--navy) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}
.product-page .product-spec-chips span {
  gap: 4px !important;
  min-height: 30px !important;
  padding: 5px 11px !important;
  font-size: 12px !important;
}
@media (max-width: 820px) {
  .product-page .page-hero {
    padding: 42px 0 34px !important;
    text-align: right !important;
  }
  .product-page .page-hero h1 {
    font-size: clamp(38px, 10vw, 54px) !important;
  }
  .product-page .product-info-grid {
    grid-template-columns: 1fr !important;
  }
  .product-page .info-card--wide {
    grid-row: auto !important;
  }
}
@media (max-width: 520px) {
  .product-page .product-info-panel {
    width: calc(100vw - 28px) !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }
  .product-page .product-info-panel .section-head {
    text-align: right !important;
    margin-bottom: 18px !important;
  }
  .product-page .product-info-panel .section-head h2 {
    font-size: clamp(30px, 8.8vw, 42px) !important;
    letter-spacing: -.8px !important;
  }
  .product-page .specs-table {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .product-page .specs-row {
    min-height: 76px !important;
    padding: 11px 10px !important;
    border-radius: 15px !important;
  }
  .product-page .specs-row dt {
    font-size: 11px !important;
  }
  .product-page .specs-row dd {
    font-size: 14.5px !important;
  }
  .product-page .info-card:not(.info-card--wide) {
    padding: 16px !important;
  }
}
@media (max-width: 360px) {
  .product-page .specs-table {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Amber Collection - Compact Product Specs V11
   Make technical specs look like a premium compact sheet, not tall cards.
   ========================================================= */
.product-page .product-info-panel {
  padding: clamp(16px, 2.4vw, 28px) !important;
}
.product-page .product-info-panel .section-head {
  margin-bottom: 14px !important;
}
.product-page .product-info-panel .section-head h2 {
  max-width: 520px !important;
  font-size: clamp(26px, 3.8vw, 42px) !important;
  line-height: 1.12 !important;
}
.product-page .product-info-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .75fr) !important;
  gap: 14px !important;
}
.product-page .info-card {
  padding: 16px !important;
  border-radius: 22px !important;
}
.product-page .info-card h3 {
  margin-bottom: 12px !important;
  font-size: clamp(18px, 1.7vw, 24px) !important;
}
.product-page .specs-table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.product-page .specs-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 9px 11px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(17,27,46,.10) !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: none !important;
}
.product-page .specs-row dt {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: rgba(17,27,46,.55) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}
.product-page .specs-row dd {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: var(--navy) !important;
  font-size: 13.5px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
html[dir="rtl"] .product-page .specs-row dd,
.product-page[dir="rtl"] .specs-row dd,
body[dir="rtl"] .product-page .specs-row dd {
  text-align: left !important;
}
@media (max-width: 820px) {
  .product-page .section-soft {
    padding: 34px 0 !important;
  }
  .product-page .product-info-grid {
    gap: 12px !important;
  }
}
@media (max-width: 520px) {
  .product-page .product-info-panel {
    width: calc(100vw - 24px) !important;
    padding: 13px !important;
    border-radius: 22px !important;
  }
  .product-page .product-info-panel .section-head {
    margin-bottom: 12px !important;
  }
  .product-page .product-info-panel .section-head .kicker {
    font-size: 12px !important;
  }
  .product-page .product-info-panel .section-head h2 {
    max-width: 100% !important;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.4px !important;
  }
  .product-page .info-card {
    padding: 13px !important;
    border-radius: 18px !important;
  }
  .product-page .info-card h3 {
    margin-bottom: 10px !important;
    font-size: 18px !important;
  }
  .product-page .specs-table {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  .product-page .specs-row {
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }
  .product-page .specs-row dt {
    font-size: 11px !important;
  }
  .product-page .specs-row dd {
    font-size: 13px !important;
  }
}
@media (min-width: 521px) and (max-width: 820px) {
  .product-page .specs-table {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Amber Collection - Product Specs Final V12
   Compact premium specification sheet. Overrides older V10/V11 card styles.
   ========================================================= */
.product-page .section-soft {
  padding: 42px 0 !important;
  background: #faf3e8 !important;
}
.product-page .product-info-panel {
  max-width: 1060px !important;
  width: calc(100% - 32px) !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(17,27,46,.08) !important;
  box-shadow: 0 18px 45px rgba(17,27,46,.06) !important;
}
.product-page .product-info-panel .section-head {
  margin: 0 0 14px !important;
  text-align: right !important;
}
.product-page .product-info-panel .section-head .kicker {
  margin-bottom: 5px !important;
  font-size: 12px !important;
}
.product-page .product-info-panel .section-head h2 {
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(22px, 2.8vw, 34px) !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}
.product-page .product-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}
.product-page .info-card {
  padding: 14px !important;
  border-radius: 18px !important;
  background: #fffdf9 !important;
  border: 1px solid rgba(17,27,46,.09) !important;
  box-shadow: none !important;
}
.product-page .info-card--wide {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}
.product-page .info-card h3 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  color: var(--navy) !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
}
.product-page .info-card h3::after {
  content: "" !important;
  height: 1px !important;
  flex: 1 !important;
  background: rgba(199,164,93,.28) !important;
}
.product-page .info-card p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: rgba(36,33,29,.72) !important;
}
.product-page .specs-table {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(17,27,46,.10) !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.product-page .specs-row {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,27,46,.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.product-page .specs-row:nth-child(even) {
  background: rgba(250,243,232,.52) !important;
}
.product-page .specs-row:last-child {
  border-bottom: 0 !important;
}
.product-page .specs-row dt,
.product-page .specs-row dd {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}
.product-page .specs-row dt {
  padding: 8px 14px !important;
  color: rgba(17,27,46,.58) !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  border-left: 1px solid rgba(17,27,46,.075) !important;
  background: rgba(255,255,255,.46) !important;
}
.product-page .specs-row dd {
  justify-content: flex-start !important;
  padding: 8px 14px !important;
  color: var(--navy) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}
html[dir="rtl"] .product-page .specs-row dd,
body[dir="rtl"] .product-page .specs-row dd,
.product-page[dir="rtl"] .specs-row dd {
  text-align: right !important;
}
.product-page .product-spec-chips {
  gap: 6px !important;
  margin: 12px 0 2px !important;
}
.product-page .product-spec-chips span {
  min-height: 24px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}
@media (max-width: 680px) {
  .product-page .section-soft {
    padding: 24px 0 !important;
  }
  .product-page .product-info-panel {
    width: calc(100vw - 20px) !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }
  .product-page .product-info-panel .section-head {
    margin-bottom: 10px !important;
    padding: 0 2px !important;
  }
  .product-page .product-info-panel .section-head .kicker {
    font-size: 11px !important;
  }
  .product-page .product-info-panel .section-head h2 {
    font-size: 21px !important;
    line-height: 1.3 !important;
  }
  .product-page .product-info-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .product-page .info-card {
    padding: 10px !important;
    border-radius: 14px !important;
  }
  .product-page .info-card h3 {
    margin-bottom: 8px !important;
    font-size: 16px !important;
  }
  .product-page .info-card p {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
  .product-page .specs-table {
    border-radius: 12px !important;
  }
  .product-page .specs-row {
    grid-template-columns: 39% 61% !important;
    min-height: 36px !important;
  }
  .product-page .specs-row dt,
  .product-page .specs-row dd {
    min-height: 36px !important;
  }
  .product-page .specs-row dt {
    padding: 7px 9px !important;
    font-size: 11.5px !important;
    white-space: normal !important;
  }
  .product-page .specs-row dd {
    padding: 7px 9px !important;
    font-size: 12.8px !important;
  }
}

/* =========================================================
   Amber Collection - HOME HERO HORIZONTAL SLIDER V13
   Force the home banner images to slide sideways, not fade.
   Keep this block after all previous hero slider styles.
   ========================================================= */
.home-hero__slider {
  direction: ltr;
}

.home-hero__track {
  display: flex !important;
  width: 300% !important;
  height: 100% !important;
  min-height: inherit !important;
  animation: amberHomeHeroTrackSlide 13.5s infinite ease-in-out !important;
  will-change: transform;
}

.home-hero__slide {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 33.333333% !important;
  width: 33.333333% !important;
  height: auto !important;
  min-height: inherit !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

@keyframes amberHomeHeroTrackSlide {
  0%, 26% { transform: translateX(0); }
  34%, 60% { transform: translateX(-33.333333%); }
  68%, 94% { transform: translateX(-66.666666%); }
  100% { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__track {
    animation: none !important;
    transform: translateX(0) !important;
  }
}

/* =========================================================
   Amber Collection - PRODUCT DETAIL POLISH V14
   Single final override: compact specs, cleaner gallery, clearer price/SKU.
   ========================================================= */
.product-page .product-gallery-panel,
.product-page .product-buy-panel,
.product-page .product-info-panel {
  border-color: rgba(17,27,46,.085) !important;
}

.product-page .product-gallery-main {
  background-color: #f7efe3 !important;
  box-shadow: inset 0 0 0 1px rgba(17,27,46,.045) !important;
}

.product-page .product-gallery-thumbs button {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.product-page .product-gallery-thumbs button:hover,
.product-page .product-gallery-thumbs button.active {
  transform: translateY(-1px) !important;
  border-color: rgba(199,164,93,.82) !important;
  box-shadow: 0 10px 24px rgba(17,27,46,.08) !important;
}

.product-page .product-price-line {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  margin-top: 22px !important;
}

.product-page .product-price-line .product-price-main {
  margin-top: 0 !important;
}

.product-page .product-price-compare {
  color: rgba(36,33,29,.48) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: line-through !important;
}

.product-page .product-sku {
  display: inline-flex !important;
  width: auto !important;
  margin-top: 8px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(17,27,46,.08) !important;
  border-radius: 999px !important;
  background: rgba(250,243,232,.72) !important;
  color: rgba(17,27,46,.62) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

.product-page .product-info-panel {
  max-width: 1080px !important;
  width: min(1080px, calc(100% - 32px)) !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

.product-page .product-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.product-page .info-card--wide {
  grid-column: 1 / -1 !important;
}

.product-page .info-card {
  padding: 13px !important;
  border-radius: 16px !important;
  background: rgba(255,253,249,.94) !important;
}

.product-page .info-card h3 {
  margin-bottom: 9px !important;
  font-size: 17px !important;
}

.product-page .specs-table {
  display: block !important;
  border: 1px solid rgba(17,27,46,.105) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.product-page .specs-row {
  display: grid !important;
  grid-template-columns: 168px minmax(0, 1fr) !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,27,46,.07) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-page .specs-row:nth-child(even) {
  background: rgba(250,243,232,.38) !important;
}

.product-page .specs-row:last-child {
  border-bottom: 0 !important;
}

.product-page .specs-row dt,
.product-page .specs-row dd {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

.product-page .specs-row dt {
  padding: 6px 12px !important;
  border-left: 1px solid rgba(17,27,46,.075) !important;
  background: rgba(255,255,255,.48) !important;
  color: rgba(17,27,46,.57) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.product-page .specs-row dd {
  justify-content: flex-start !important;
  padding: 6px 12px !important;
  color: var(--navy) !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

.product-page .product-actions-main .btn.is-added,
.product-card button.is-added,
.home-product-card button.is-added {
  background: #1f7a4d !important;
  border-color: #1f7a4d !important;
  color: #fff !important;
}

@media (max-width: 760px) {
  .product-page .product-info-panel {
    width: calc(100vw - 20px) !important;
    padding: 10px !important;
  }

  .product-page .product-info-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .product-page .info-card {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .product-page .specs-row {
    grid-template-columns: 41% 59% !important;
    min-height: 33px !important;
  }

  .product-page .specs-row dt,
  .product-page .specs-row dd {
    min-height: 33px !important;
    padding: 6px 8px !important;
  }

  .product-page .specs-row dt {
    font-size: 11.2px !important;
    white-space: normal !important;
  }

  .product-page .specs-row dd {
    font-size: 12.6px !important;
  }
}


/* V28 dynamic logo support */
.header-logo.has-logo-image,
.brand-mark.has-logo-image {
  overflow: hidden;
  padding: 0;
  background: #111b2e;
}
.header-logo.has-logo-image img,
.brand-mark.has-logo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
.brand-mark.has-logo-image {
  font-size: 0;
}