/* ==========================================================================
   Asian Kithab — storefront theme  (loaded last, after style.css + modern.css)
   Palette is taken from the logo: royal navy #0a2e6e + saffron gold #d99a1b,
   set on a warm ivory "paper" background. Headings use Cormorant Garamond
   (bookish serif), body/UI uses Manrope, Arabic accents use Amiri.
   Signature motifs: 8-point star (khatam) pattern, mihrab arches, gold rules.
   ========================================================================== */
:root{
  --ak-navy:#0a2e6e;
  --ak-navy-2:#123f8a;
  --ak-navy-deep:#071c45;
  --ak-ink:#10203f;
  --ak-gold:#d99a1b;
  --ak-gold-2:#e8b24a;
  --ak-gold-light:#f3d48c;
  --ak-gold-text:#8f5c06;      /* gold that passes contrast on ivory */
  --ak-cream:#fbf7ef;
  --ak-paper:#fffdf8;
  --ak-sand:#f4ecdc;
  --ak-line:#e8dcc4;
  --ak-muted:#6b6457;
  --ak-r:14px;
  --ak-arch:999px 999px 14px 14px;
  --ak-shadow:0 18px 40px -22px rgba(10,46,110,.35);
  --ak-shadow-sm:0 8px 20px -12px rgba(10,46,110,.28);
  --ak-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --ak-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ak-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23d99a1b' stroke-width='1.1'%3E%3Crect x='26' y='26' width='36' height='36'/%3E%3Crect x='26' y='26' width='36' height='36' transform='rotate(45 44 44)'/%3E%3Ccircle cx='44' cy='44' r='9'/%3E%3Cpath d='M0 44h18.5M69.5 44H88M44 0v18.5M44 69.5V88'/%3E%3Cpath d='M0 0l12 12M88 0 76 12M0 88l12-12M88 88 76 76'/%3E%3C/g%3E%3C/svg%3E");

  /* re-point the legacy variables used throughout style.css / modern.css */
  --navy-dark:var(--ak-navy-deep);--navy:var(--ak-navy);--navy-mid:var(--ak-navy-2);--navy-light:var(--ak-navy);
  --green:var(--ak-navy);--green-dark:var(--ak-navy-deep);--green-bright:var(--ak-gold);
  --red-950:var(--ak-navy-deep);--red-900:var(--ak-navy);--red-800:var(--ak-navy-2);--red-700:var(--ak-navy);
  --red-600:var(--ak-navy-2);--red-500:var(--ak-navy);--red-400:var(--ak-gold);
  --gold:var(--ak-gold);--gold-dark:#b97a08;--amber:var(--ak-gold);
  --ink:var(--ak-ink);--muted:var(--ak-muted);--line:var(--ak-line);--bg:var(--ak-cream);
  --grad-dark:linear-gradient(140deg,#05142f 0%,#0a2e6e 60%,#123f8a 100%);
  --grad-btn:linear-gradient(180deg,#123f8a 0%,#0a2e6e 100%);
  --grad-gold:linear-gradient(135deg,#f0c264 0%,#d99a1b 55%,#c4860e 100%);
  --shadow:var(--ak-shadow);
  --radius:var(--ak-r);
  --dx-cyan:var(--ak-gold);--dx-sky:var(--ak-gold-2);--dx-blue:var(--ak-gold);--dx-royal:var(--ak-navy);
  --dx-deep:var(--ak-navy);--dx-night:var(--ak-navy-deep);--dx-ink:var(--ak-ink);--dx-soft:var(--ak-sand);
  --dx-grad:linear-gradient(180deg,#123f8a 0%,#0a2e6e 100%);
  --dx-grad-dark:linear-gradient(140deg,#05142f 0%,#0a2e6e 62%,#123f8a 100%);
  --dx-r:var(--ak-r);--dx-shadow:var(--ak-shadow);--dx-shadow-sm:var(--ak-shadow-sm);
}

/* ---------------- Base ---------------- */
body{font-family:var(--ak-sans);background:var(--ak-cream);color:var(--ak-ink)}
h1,h2,h3,h4,.display{font-family:var(--ak-serif);letter-spacing:0;font-weight:700}
::selection{background:var(--ak-gold-light);color:var(--ak-navy-deep)}
:focus-visible{outline:2px solid var(--ak-gold);outline-offset:2px}

/* ---------------- Top bar ---------------- */
.topbar{background:var(--ak-navy-deep);color:#efe6d2;border-bottom:1px solid rgba(217,154,27,.35)}
.topbar .mid span i,.topbar .left i{color:var(--ak-gold)}
.topbar .social a{background:rgba(217,154,27,.14);color:var(--ak-gold-light)}
.topbar .social a:hover{background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- Header ---------------- */
header.main{background:var(--ak-paper);padding:12px 0}
.logo-img{max-height:80px;max-width:120px}
.drawer-head .logo-img{max-height:52px}
.searchbar{border-radius:12px;border:1.5px solid var(--ak-line);background:#fff;height:52px}
.searchbar:focus-within{border-color:var(--ak-gold);box-shadow:0 0 0 4px rgba(217,154,27,.16)}
.searchbar .sb-ic{color:#a39a88}
.searchbar select{border-left:1px solid var(--ak-line);color:var(--ak-muted)}
.searchbar button,.searchbar button:hover{border-radius:9px;background:var(--ak-navy);color:#fff;font-family:var(--ak-sans);letter-spacing:.3px}
.searchbar button:hover{background:var(--ak-gold);color:var(--ak-navy-deep);filter:none}
.contact-wa .icon{background:#e9f7ee}
.contact-wa .txt div:first-child{color:var(--ak-muted)}
.head-icons .item{background:#fff;border:1.5px solid var(--ak-line);color:var(--ak-navy)}
.head-icons .item:hover{background:var(--ak-navy);border-color:var(--ak-navy);color:var(--ak-gold-light)}
.head-icons .badge{background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- Nav bar (navy band with gold accents) ---------------- */
nav.mainnav{background:var(--ak-navy);border:0;box-shadow:0 1px 0 rgba(217,154,27,.55) inset,0 10px 24px -18px rgba(5,20,47,.8)}
nav.mainnav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--ak-gold) 18%,var(--ak-gold-2) 50%,var(--ak-gold) 82%,transparent)}
.browse-cat,.browse-cat:hover{background:var(--ak-gold);color:var(--ak-navy-deep);border-radius:10px;font-family:var(--ak-sans);font-weight:800;box-shadow:none}
.browse-cat:hover{background:var(--ak-gold-2);filter:none}
.navlinks>a,.navlinks .nav-item>a{color:#f3ead6;font-weight:600}
.navlinks a:hover,.navlinks .nav-item:hover>a{color:var(--ak-gold-2)}
.navlinks a.active{color:#fff}
.navlinks>a.active::after{background:var(--ak-gold);height:2px;bottom:12px}
.hot{background:var(--ak-gold);color:var(--ak-navy-deep)}
.nav-track{background:transparent;color:var(--ak-gold-light);border:1.5px solid rgba(217,154,27,.6)}
.nav-track:hover{background:var(--ak-gold);color:var(--ak-navy-deep);border-color:var(--ak-gold)}
.nav-toggle{color:#fff}
.nav-dropdown,.mega-panel{border-color:var(--ak-line);background:var(--ak-paper)}
.mega-panel{border-top:3px solid var(--ak-gold)}
.nav-dropdown-link:hover,.mega-head:hover{background:var(--ak-sand);color:var(--ak-navy)}
.nav-dropdown-ic,.mega-ic{background:var(--ak-navy);color:var(--ak-gold-light);border-radius:999px 999px 8px 8px}
.mega-head{font-family:var(--ak-serif);font-size:18px}
.mega-col ul a:hover,.mega-col ul a.more{color:var(--ak-gold-text)}
.mega-foot{background:var(--ak-sand)}
.mega-foot i.fa-circle-check{color:var(--ak-gold)}
.nav-dropdown-all{background:var(--ak-sand)}
.drawer-link i{color:var(--ak-gold-text)}
.drawer-chips a{background:var(--ak-sand);color:var(--ak-navy)}
.mobile-drawer{background:var(--ak-paper)}

/* ---------------- Buttons ---------------- */
.dx-btn{border-radius:10px;font-family:var(--ak-sans);letter-spacing:.2px}
.dx-btn-primary{background:var(--grad-gold);color:var(--ak-navy-deep);box-shadow:0 12px 26px -12px rgba(217,154,27,.75)}
.dx-btn-primary:hover{filter:brightness(1.06)}
.dx-btn-ghost{background:transparent;border:1.5px solid rgba(243,212,140,.55);color:#fff;backdrop-filter:none}
.dx-btn-ghost:hover{background:rgba(217,154,27,.14);border-color:var(--ak-gold)}
.dx-btn-white{background:var(--ak-gold);color:var(--ak-navy-deep)}
.dx-btn-white:hover{background:var(--ak-gold-2)}
.dx-btn-outline-light{border-color:rgba(243,212,140,.55);color:#fff}
.add-btn,.item-cta,.btn-checkout{background:var(--ak-navy);border-radius:10px;box-shadow:none}
.add-btn:hover,.item-cta:hover,.btn-checkout:hover{background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- Hero ---------------- */
.ak-hero{background:var(--grad-dark);padding:70px 0 104px}
.ak-hero::before{width:820px;height:820px;right:-220px;top:-300px;background:radial-gradient(circle,rgba(217,154,27,.30),transparent 62%)}
.ak-hero::after{display:none}
.ak-hero-pattern{position:absolute;inset:0;background-image:var(--ak-star);background-size:88px 88px;opacity:.16;mask-image:radial-gradient(ellipse 80% 90% at 30% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 30% 40%,#000 20%,transparent 75%);pointer-events:none}
.ak-hero-calli{position:absolute;right:38%;bottom:-40px;font-family:'Amiri',serif;font-size:clamp(160px,20vw,300px);line-height:1;color:var(--ak-gold);opacity:.07;pointer-events:none;user-select:none;z-index:1}
.dx-eyebrow{background:rgba(217,154,27,.12);border:1px solid rgba(217,154,27,.45);color:#f6e7c4;border-radius:999px;letter-spacing:.3px}
.dx-eyebrow i{color:var(--ak-gold)}
.dx-hero h1{font-family:var(--ak-serif);font-weight:700;font-size:clamp(40px,5.2vw,70px);line-height:1.02;margin:20px 0 18px}
.dx-hero h1 span{display:block;font-style:italic;font-weight:600;background:linear-gradient(90deg,#f3d48c,#d99a1b);-webkit-background-clip:text;background-clip:text;color:transparent}
.dx-hero-copy p{color:#d9d3c4;font-size:16.5px}
.dx-hero-points{color:#efe6d2}
.dx-hero-points i{color:var(--ak-gold)}

/* arch-shaped hero card */
.ak-arch-card{position:relative;background:var(--ak-paper);border-radius:220px 220px 20px 20px;padding:64px 26px 26px;border:1px solid rgba(217,154,27,.5);box-shadow:0 0 0 8px rgba(217,154,27,.10),0 40px 70px -30px rgba(0,0,0,.65)}
.ak-arch-card::before{content:"";position:absolute;inset:10px;border:1px solid var(--ak-line);border-radius:212px 212px 14px 14px;pointer-events:none}
.ak-arch-card .dx-hero-card-head{flex-direction:column;gap:2px;text-align:center;margin-bottom:18px;position:relative}
.ak-arch-card .dx-hero-card-head span{font-family:var(--ak-serif);font-size:26px;color:var(--ak-navy)}
.ak-arch-card .dx-hero-card-head span::before{content:"";display:block;width:16px;height:16px;margin:0 auto 10px;background:var(--ak-gold);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
.ak-arch-card .dx-hero-card-head a{color:var(--ak-gold-text);font-size:12.5px}
.dx-chip{background:#fff;border:1px solid var(--ak-line);border-radius:12px;color:var(--ak-ink);font-size:12.5px;line-height:1.25;padding:14px 6px}
.dx-chip:hover{border-color:var(--ak-gold);color:var(--ak-navy);box-shadow:var(--ak-shadow-sm)}
.dx-chip-mono{width:46px;height:50px;border-radius:999px 999px 10px 10px;background:var(--ak-navy);color:var(--ak-gold-light);font-size:18px}
.dx-finder-field{border-color:var(--ak-line);border-radius:10px}
.dx-finder-field select,.dx-finder-field input{border-radius:10px}
.dx-finder-field:focus-within{border-color:var(--ak-gold)}
.dx-finder button{border-radius:10px;background:var(--ak-navy);color:#fff}
.dx-finder button:hover{background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- Promises ---------------- */
.dx-promise{background:var(--ak-paper);border:1px solid var(--ak-line);border-top:3px solid var(--ak-gold);border-radius:12px}
.dx-promise-ic{background:var(--ak-sand);color:var(--ak-navy);border-radius:999px 999px 10px 10px;border:1px solid rgba(217,154,27,.45)}
.dx-promise h4{font-family:var(--ak-sans);font-weight:800;font-size:14.5px}

/* ---------------- Section heads ---------------- */
.dx-section{padding-top:72px}
.dx-kicker{color:var(--ak-gold-text);font-family:var(--ak-sans);letter-spacing:2px;font-size:11.5px}
.dx-kicker::before{content:"";width:9px;height:9px;background:var(--ak-gold);transform:rotate(45deg);margin-right:4px}
.dx-kicker.dx-hot{color:#b3261e}
.dx-kicker.dx-hot::before{display:none}
.dx-kicker.light{color:var(--ak-gold-light)}
.dx-head h2{font-size:clamp(30px,3.2vw,44px);font-weight:700;color:var(--ak-navy);line-height:1.08}
.dx-link{background:transparent;color:var(--ak-navy);border:1.5px solid var(--ak-line);border-radius:10px}
.dx-link:hover{background:var(--ak-navy);border-color:var(--ak-navy);color:#fff}

/* ---------------- Collections ---------------- */
.dx-part{background:var(--ak-paper);border:1px solid var(--ak-line);border-radius:var(--ak-r);position:relative;overflow:hidden}
.dx-part:hover{border-color:var(--ak-gold);box-shadow:var(--ak-shadow)}
.dx-part-ic{width:56px;height:64px;border-radius:999px 999px 12px 12px;background:var(--ak-sand);color:var(--ak-navy);border:1px solid rgba(217,154,27,.45)}
.dx-part:hover .dx-part-ic{background:var(--ak-navy);color:var(--ak-gold-light);border-color:var(--ak-navy)}
.dx-part h3{font-size:23px;color:var(--ak-navy);line-height:1.1}
.dx-part-go{color:var(--ak-gold-text)}
.dx-part-feature{background:var(--ak-navy);border-color:var(--ak-navy)}
.dx-part-feature::before{content:"";position:absolute;inset:0;background-image:var(--ak-star);background-size:70px;opacity:.13}
.dx-part-feature>*{position:relative}
.dx-part-feature h3{color:#fff}
.dx-part-feature p{color:#d9d3c4}
.dx-part-feature .dx-part-go{color:var(--ak-gold-light)}
.dx-part-feature .dx-part-ic,.dx-part-feature:hover .dx-part-ic{background:var(--ak-gold);color:var(--ak-navy-deep);border-color:var(--ak-gold)}

/* ---------------- Categories (mihrab arches) ---------------- */
.dx-cat{background:transparent;border:0;padding:0;gap:4px}
.dx-cat:hover{box-shadow:none;transform:none}
.dx-cat-img{border-radius:var(--ak-arch);background:linear-gradient(180deg,var(--ak-sand),#efe2c7);border:1px solid var(--ak-line);box-shadow:inset 0 0 0 6px var(--ak-paper),inset 0 0 0 7px rgba(217,154,27,.45);aspect-ratio:4/5;transition:.25s}
.dx-cat:hover .dx-cat-img{transform:translateY(-5px);box-shadow:inset 0 0 0 6px var(--ak-paper),inset 0 0 0 7px var(--ak-gold),var(--ak-shadow)}
.dx-cat-ph{font-size:46px;color:var(--ak-navy)}
.dx-cat-name{font-family:var(--ak-serif);font-size:20px;color:var(--ak-navy);margin-top:6px}

/* ---------------- Attar spotlight ---------------- */
.ak-attar{background:var(--grad-dark);border-radius:24px;border:1px solid rgba(217,154,27,.4)}
.ak-attar::before{content:"";position:absolute;inset:0;background-image:var(--ak-star);background-size:88px;opacity:.12;mask-image:linear-gradient(90deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000)}
.ak-attar::after{background:radial-gradient(circle,rgba(217,154,27,.38),transparent 65%);right:-60px;bottom:-140px}
.ak-attar>*{position:relative;z-index:1}
.dx-immo h2{font-size:clamp(30px,3.4vw,46px);font-weight:700}
.dx-immo p{color:#d9d3c4}
.dx-immo ul i{background:rgba(217,154,27,.2);color:var(--ak-gold-light)}
.ak-bottle{width:190px;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));animation:dxFloat 5s ease-in-out infinite}
.ak-badge{bottom:-6px;background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- Product cards ---------------- */
.prod-card{background:var(--ak-paper);border:1px solid var(--ak-line);border-radius:var(--ak-r)}
.prod-card:hover{border-color:var(--ak-gold)}
.prod-img{background:var(--ak-sand)}
.prod-img .thumb-placeholder{color:#c9b98f}
.badge-off{background:var(--ak-gold);color:var(--ak-navy-deep);font-weight:800}
.badge-brand{background:var(--ak-paper);color:var(--ak-navy);border-color:var(--ak-line)}
.prod-wish{color:var(--ak-navy)}
.prod-info h3{font-family:var(--ak-sans);font-weight:700;color:var(--ak-ink)}
.price-now{color:var(--ak-navy);font-weight:800}
.prod-actions button,.prod-actions a{border-color:var(--ak-line)}
.prod-actions button.cart,.prod-actions button.cart:hover{background:var(--ak-navy);color:#fff}
.prod-actions button.cart:hover{background:var(--ak-gold);color:var(--ak-navy-deep);filter:none}

/* ---------------- Brands ---------------- */
.dx-brand{background:var(--ak-paper);border-color:var(--ak-line)}
.dx-brand::before{background:var(--ak-gold)}
.dx-brand-mono{background:var(--ak-navy);border:3px solid var(--ak-gold-light);color:var(--ak-gold-light);font-family:var(--ak-serif);font-size:34px}
.dx-brand:hover .dx-brand-mono{background:var(--ak-gold);color:var(--ak-navy-deep);border-color:var(--ak-navy)}
.dx-brand:hover .dx-brand-meta{color:var(--ak-gold-text)}
.brand-filter input{border-color:var(--ak-line);border-radius:10px}
.brand-filter input:focus{border-color:var(--ak-gold)}

/* ---------------- Offers ---------------- */
.dx-offer{background:var(--ak-paper);border-color:var(--ak-line);border-radius:18px}
.dx-offer-ic{background:var(--ak-sand);color:var(--ak-navy);border-radius:999px 999px 12px 12px;height:62px}
.dx-offer h3{font-size:26px;color:var(--ak-navy);font-weight:700}
.dx-offer-accent{background:var(--ak-navy);position:relative;overflow:hidden}
.dx-offer-accent::before{content:"";position:absolute;inset:0;background-image:var(--ak-star);background-size:70px;opacity:.12}
.dx-offer-accent>*{position:relative}
.dx-offer-accent h3{color:#fff}
.dx-offer-accent p{color:#d9d3c4}
.dx-offer-accent .dx-offer-ic{background:var(--ak-gold);color:var(--ak-navy-deep)}

/* ---------------- CTA band (gold) ---------------- */
.dx-cta{background:var(--grad-gold);color:var(--ak-navy-deep);border-radius:20px;position:relative;overflow:hidden}
.dx-cta::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%230a2e6e' stroke-width='1.1'%3E%3Crect x='26' y='26' width='36' height='36'/%3E%3Crect x='26' y='26' width='36' height='36' transform='rotate(45 44 44)'/%3E%3Ccircle cx='44' cy='44' r='9'/%3E%3Cpath d='M0 44h18.5M69.5 44H88M44 0v18.5M44 69.5V88'/%3E%3C/g%3E%3C/svg%3E");background-size:88px;opacity:.09}
.dx-cta>*{position:relative}
.dx-cta h2{font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--ak-navy-deep)}
.dx-cta p{color:#3b2a08}
.dx-cta .dx-btn-white{background:var(--ak-navy);color:#fff}
.dx-cta .dx-btn-white:hover{background:var(--ak-navy-deep)}
.dx-cta .dx-btn-outline-light{border-color:var(--ak-navy);color:var(--ak-navy-deep)}
.dx-cta .dx-btn-outline-light:hover{background:rgba(10,46,110,.08)}
.ak-cta-section{padding-bottom:72px}

/* ---------------- Happy customers ---------------- */
.hc-card{background:var(--ak-paper);border-color:var(--ak-line)}

/* ---------------- Inner-page heroes ---------------- */
.about-hero,.contact-hero,.allcat-hero{background:var(--grad-dark);position:relative}
.contact-hero::before,.allcat-hero::before{content:"";position:absolute;inset:0;background-image:var(--ak-star);background-size:88px;opacity:.12;pointer-events:none}
.contact-hero>*,.allcat-hero>*{position:relative}
.contact-hero h1,.allcat-hero h1,.about-hero h1{font-family:var(--ak-serif);font-weight:700}

/* ---------------- Footer ---------------- */
footer.site-footer{background:var(--ak-navy-deep);color:#cfc6b2;position:relative;overflow:hidden}
footer.site-footer::before{height:3px;background:linear-gradient(90deg,transparent,var(--ak-gold),transparent)}
footer.site-footer::after{content:"";position:absolute;inset:3px 0 0;background-image:var(--ak-star);background-size:88px;opacity:.06;pointer-events:none}
footer.site-footer>*{position:relative;z-index:1}
.footer-logo img{max-height:120px}
.footer-col h4{font-family:var(--ak-serif);font-size:22px;color:var(--ak-gold-light);font-weight:700;letter-spacing:.2px}
.footer-col ul a:hover{color:var(--ak-gold-light)}
.footer-models a{background:rgba(217,154,27,.1);color:#ecdcb8}
.footer-models a:hover{background:var(--ak-gold);color:var(--ak-navy-deep)}
.footer-social a{background:rgba(217,154,27,.14);color:var(--ak-gold-light)}
.footer-social a:hover{background:var(--ak-gold);color:var(--ak-navy-deep)}
.footer-contact-list li i{color:var(--ak-gold)}
.footer-bottom{border-top-color:rgba(217,154,27,.22)}

/* ---------------- Cart drawer / toast / bottom app nav ---------------- */
.cart-drawer{background:var(--ak-paper)}
.cart-drawer-head{border-bottom-color:var(--ak-line)}
.toast{background:var(--ak-navy);border-left:4px solid var(--ak-gold)}
.app-bottom-nav{background:var(--ak-paper)!important;border-top:1px solid var(--ak-line)}
.app-nav-item.active{color:var(--ak-navy)!important}
.app-nav-item.app-nav-main .app-nav-main-ic{background:var(--ak-navy)!important;color:var(--ak-gold-light)!important;box-shadow:0 0 0 4px var(--ak-paper),0 10px 22px -8px rgba(10,46,110,.6)!important}
.app-nav-badge{background:var(--ak-gold)!important;color:var(--ak-navy-deep)!important}

/* ---------------- Tooltip ---------------- */
[data-tip]::after{background:var(--ak-navy-deep);border:1px solid rgba(217,154,27,.4)}

/* ---------------- Responsive ---------------- */
@media(max-width:992px){
  .ak-hero{padding:48px 0 96px}
  .ak-hero-calli{right:4%;bottom:auto;top:8px;font-size:150px}
  .ak-arch-card{border-radius:180px 180px 18px 18px;max-width:560px;width:100%;margin:0 auto}
  .ak-arch-card::before{border-radius:172px 172px 12px 12px}
  nav.mainnav .browse-cat{margin:8px 0}
}
@media(max-width:900px){.logo-img{max-height:58px}}
@media(max-width:768px){
  .dx-section{padding-top:52px}
  .dx-cats{grid-template-columns:repeat(3,1fr);gap:12px}
  .dx-cat-name{font-size:16px}
  .dx-part h3{font-size:19px}
}
@media(max-width:560px){
  .dx-hero h1{font-size:40px}
  .ak-arch-card{padding:52px 14px 16px;border-radius:150px 150px 16px 16px}
  .ak-arch-card::before{border-radius:142px 142px 10px 10px;inset:7px}
  .ak-arch-card .dx-hero-card-head span{font-size:22px}
  .dx-chip{font-size:11.5px}
  .dx-chip-mono{width:40px;height:44px;font-size:16px}
  .dx-part-ic{width:46px;height:52px}
  .dx-head h2{font-size:30px}
  .logo-img{max-height:50px}
}

/* header: push the account / wishlist / cart icons to the right edge */
header.main .head-icons{margin-left:auto}

/* ---------------- Product listing / item page ---------------- */
.card{background:var(--ak-paper);border-color:var(--ak-line)}
.card:hover{border-color:var(--ak-gold)}
.card-img{background:var(--ak-sand);overflow:hidden}
.price,.item-price{font-family:var(--ak-sans);color:var(--ak-navy)}
.item-title{font-family:var(--ak-serif);font-size:34px;font-weight:700;color:var(--ak-navy);line-height:1.1}
.badge-off,.badge-sale,.item-badge{background:var(--ak-gold);color:var(--ak-navy-deep)}
.item-brand{color:var(--ak-gold-text)}
.item-tab-btn.active{color:var(--ak-navy);border-color:var(--ak-gold)}
.filters-sidebar{background:var(--ak-paper);border-color:var(--ak-line)}
.products-head h1{font-family:var(--ak-serif);color:var(--ak-navy)}
@media(max-width:560px){.item-title{font-size:26px}}
@media(max-width:768px){.dx-cat-img{aspect-ratio:1/1.08}.dx-cats{grid-template-columns:repeat(3,1fr);gap:10px}.dx-cat-ph{font-size:34px}}
@media(max-width:360px){.dx-cats{grid-template-columns:repeat(2,1fr)}}
.card-img .badge,.item-gallery .badge{background:var(--ak-gold);color:var(--ak-navy-deep)}