/* ============================================================
   CHKNA – Premium Brand CSS (No Images – Pure CSS Art)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=Poppins:wght@300;400;500;600;700;800&display=swap');
/* ── CSS Variables (Dark Mode – default) ──────────────────── */
:root, [data-theme="dark"] {
  --primary:        #D4AF37;
  --primary-light:  #F3E5AB;
  --primary-dark:   #996515;
  --secondary:      #800020;
  --secondary-light:#9E1B32;
  --accent:         #F5F5DC;
  --dark:           #0E0B07;
  --dark-2:         #1A1410;
  --dark-3:         #241E18;
  --dark-4:         #2E2620;
  --white:          #FFFFFF;

  /* Semantic */
  --bg-body:        #0E0B07;
  --bg-surface:     rgba(255,255,255,0.025);
  --bg-surface-2:   rgba(255,255,255,0.04);
  --text-primary:   #FFFFFF;
  --text-secondary: rgba(255,255,255,0.55);
  --text-muted:     rgba(255,255,255,0.35);
  --border-subtle:  rgba(255,255,255,0.06);
  --border-mid:     rgba(255,255,255,0.10);
  --navbar-bg:      rgba(14,11,7,0.88);
  --loader-bg:      #0E0B07;
  --footer-bg:      #060402;
  --hero-text-sub:  rgba(255,255,255,0.55);
  --shadow-card:    0 24px 80px rgba(0,0,0,0.5);
  --glass-bg:       rgba(255,255,255,0.05);
  --glass-border:   rgba(255,255,255,0.10);
  --map-region-fill:rgba(255,255,255,0.04);
  --map-label-fill: rgba(255,255,255,0.6);
  --marquee-color:  rgba(255,255,255,0.3);
  --input-bg:       rgba(255,255,255,0.04);
  --input-border:   rgba(255,255,255,0.09);
  --input-color:    #fff;
  --placeholder:    rgba(255,255,255,0.28);
  --faq-q-color:    rgba(255,255,255,0.85);

  --font-heading:   'Playfair Display', Georgia, serif;
  --font-body:      'Poppins', sans-serif;
  --ease-smooth:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-expo:      cubic-bezier(0.19, 1, 0.22, 1);
  --shadow-gold:    0 0 60px rgba(214,158,46,0.18);
  --glass-blur:     blur(20px);
  --radius-card:    24px;
  --radius-sm:      12px;

  /* Collection themes */
  --north-1: #D69E2E; --north-2: #8B6914; --north-3: #3D2E05;
  --south-1: #9B2D52; --south-2: #5C1A33; --south-3: #2A0D18;
  --east-1:  #E8834A; --east-2:  #A04A20; --east-3:  #3D1800;
  --west-1:  #3B82C4; --west-2:  #1E5A8A; --west-3:  #0A2540;
  --central-1:#C8703A;--central-2:#8A3E18; --central-3:#3A1A08;
}

/* ── CSS Variables (Light Mode) ────────────────────────── */
[data-theme="light"] {
  --primary:        #B8860B;  /* Darker gold for contrast on light bg */
  --primary-light:  #D4AF37;
  --primary-dark:   #7A5C00;
  --secondary:      #8B0000;  /* Deep red */
  --secondary-light:#A52A2A;
  --accent:         #FDF3E3;
  --dark:           #FDF8F0;  /* Cream background */
  --dark-2:         #F5EDD8;
  --dark-3:         #EDE0C8;
  --dark-4:         #E3D4B5;
  --white:          #2C1810;  /* Deep warm brown for "white" text */

  /* Semantic */
  --bg-body:        #FDF8F0;
  --bg-surface:     rgba(139,99,44,0.06);
  --bg-surface-2:   rgba(139,99,44,0.09);
  --text-primary:   #2C1810;
  --text-secondary: rgba(44,24,16,0.65);
  --text-muted:     rgba(44,24,16,0.42);
  --border-subtle:  rgba(44,24,16,0.08);
  --border-mid:     rgba(44,24,16,0.14);
  --navbar-bg:      rgba(253,248,240,0.92);
  --loader-bg:      #FDF8F0;
  --footer-bg:      #2C1810;
  --hero-text-sub:  rgba(44,24,16,0.6);
  --shadow-card:    0 24px 80px rgba(44,24,16,0.12);
  --glass-bg:       rgba(255,255,255,0.65);
  --glass-border:   rgba(139,99,44,0.18);
  --map-region-fill:rgba(44,24,16,0.04);
  --map-label-fill: rgba(44,24,16,0.7);
  --marquee-color:  rgba(44,24,16,0.4);
  --input-bg:       rgba(255,255,255,0.8);
  --input-border:   rgba(44,24,16,0.14);
  --input-color:    #2C1810;
  --placeholder:    rgba(44,24,16,0.35);
  --faq-q-color:    #2C1810;

  --shadow-gold:    0 0 60px rgba(184,134,11,0.2);
}

/* Light mode hero background */
[data-theme="light"] .hero-art-bg {
  background: linear-gradient(135deg,#FDF3D8 0%,#FBE9C0 30%,#F9EEDC 60%,#FDF3D8 100%) !important;
}
[data-theme="light"] .hero-art-bg::before {
  background: radial-gradient(ellipse at 20% 50%,rgba(139,0,0,.08) 0%,transparent 50%),
              radial-gradient(ellipse at 80% 30%,rgba(184,134,11,.1) 0%,transparent 45%),
              radial-gradient(ellipse at 50% 90%,rgba(184,134,11,.06) 0%,transparent 40%) !important;
}
[data-theme="light"] .hero-art-bg::after {
  background-image: radial-gradient(rgba(184,134,11,.08) 1px,transparent 1px) !important;
}
[data-theme="light"] #hero { color: #2C1810; }
[data-theme="light"] .hero-title { color: #2C1810; }
[data-theme="light"] .hero-subtitle { color: rgba(44,24,16,0.62); }

/* Light mode loader */
[data-theme="light"] #loader { background: var(--loader-bg); }
[data-theme="light"] .loader-logo { color: var(--primary); }
[data-theme="light"] .loader-tagline { color: rgba(44,24,16,0.45); }
[data-theme="light"] .loader-bar-wrap { background: rgba(44,24,16,0.1); }

/* Light mode navbar */
[data-theme="light"] #navbar.scrolled {
  background: rgba(253,248,240,.94) !important;
  border-bottom-color: rgba(44,24,16,0.1) !important;
  box-shadow: 0 4px 40px rgba(44,24,16,.08) !important;
}
[data-theme="light"] .nav-logo { color: var(--primary); }
[data-theme="light"] .nav-logo span { color: rgba(44,24,16,.45); }
[data-theme="light"] .nav-links a { color: rgba(44,24,16,.65); }
[data-theme="light"] .nav-links a:hover, [data-theme="light"] .nav-links a.active { color: var(--primary); }
[data-theme="light"] .nav-icon-btn { color: rgba(44,24,16,.65); }
[data-theme="light"] .nav-icon-btn:hover { color: var(--primary); }
[data-theme="light"] .hamburger span { background: #2C1810; }
[data-theme="light"] .mobile-nav { background: rgba(253,248,240,.98); }
[data-theme="light"] .mobile-nav a { color: rgba(44,24,16,.85); }

/* Light mode marquee */
[data-theme="light"] .marquee-strip {
  background: rgba(44,24,16,0.025);
  border-color: rgba(44,24,16,0.05);
}
[data-theme="light"] .marquee-item { color: rgba(44,24,16,.45); }

/* Light mode sections text */
[data-theme="light"] .section-sub { color: rgba(44,24,16,.58); }
[data-theme="light"] .section-heading { color: #2C1810; }
[data-theme="light"] .section-tag { color: var(--primary); }
[data-theme="light"] .gold-divider span { background: linear-gradient(90deg,transparent,var(--primary),transparent); }
[data-theme="light"] .gold-divider i { color: var(--primary); }
[data-theme="light"] .text-gold { color: var(--primary); }

/* Light mode about */
[data-theme="light"] #about { background: #FDF8F0; }
[data-theme="light"] .about-bg {
  background: radial-gradient(ellipse at 15% 50%,rgba(139,0,0,.05) 0%,transparent 50%),
              radial-gradient(ellipse at 85% 20%,rgba(184,134,11,.06) 0%,transparent 40%);
}
[data-theme="light"] .about-badge-float {
  background: rgba(255,255,255,0.8);
  border-color: rgba(44,24,16,.15);
}
[data-theme="light"] .about-badge-float .lbl { color: rgba(44,24,16,.5); }
[data-theme="light"] .heritage-tag {
  background: rgba(184,134,11,.1);
  border-color: rgba(184,134,11,.28);
  color: var(--primary);
}

/* Light mode collections */
[data-theme="light"] #collections {
  background: linear-gradient(180deg,#FDF8F0 0%,#F5EAD0 40%,#FDF8F0 100%);
}

/* Light mode why cards */
[data-theme="light"] #why { background: #FDF8F0; }
[data-theme="light"] .why-bg {
  background: radial-gradient(ellipse at 50% 50%,rgba(184,134,11,.06) 0%,transparent 70%);
}
[data-theme="light"] .why-card {
  background: rgba(255,255,255,0.75);
  border-color: rgba(44,24,16,.08);
  box-shadow: 0 4px 24px rgba(44,24,16,.06);
}
[data-theme="light"] .why-card:hover {
  border-color: rgba(184,134,11,.3);
  box-shadow: 0 16px 48px rgba(44,24,16,.12), 0 0 40px rgba(184,134,11,.08);
}
[data-theme="light"] .why-card-title { color: #2C1810; }
[data-theme="light"] .why-card-desc { color: rgba(44,24,16,.55); }
[data-theme="light"] .why-icon {
  background: linear-gradient(135deg,rgba(184,134,11,.15),rgba(184,134,11,.05));
  border-color: rgba(184,134,11,.25);
}

/* Light mode how steps */
[data-theme="light"] #how { background: linear-gradient(180deg,#FDF8F0,#F5EAD0 50%,#FDF8F0); }
[data-theme="light"] .how-step-title { color: #2C1810; }
[data-theme="light"] .how-step-desc { color: rgba(44,24,16,.5); }
[data-theme="light"] .how-step-num {
  background: linear-gradient(135deg,rgba(184,134,11,.15),rgba(184,134,11,.05));
  border-color: rgba(184,134,11,.35);
}

/* Light mode map */
[data-theme="light"] #map-section {
  background: linear-gradient(180deg,#FDF8F0,#F5EAD0 50%,#FDF8F0);
}
[data-theme="light"] .map-region { fill: rgba(44,24,16,.04); stroke: rgba(184,134,11,.3); }
[data-theme="light"] .map-label { fill: rgba(44,24,16,.65); }
[data-theme="light"] .map-info-panel {
  background: rgba(255,255,255,0.75);
  border-color: rgba(44,24,16,.12);
}
[data-theme="light"] .map-info-default { color: rgba(44,24,16,.45); }
[data-theme="light"] .map-snack-story { color: rgba(44,24,16,.6); }
[data-theme="light"] .map-region-sub { color: rgba(44,24,16,.5); }
[data-theme="light"] .map-taste-chip {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.1);
  color: rgba(44,24,16,.65);
}

/* Light mode FAQ */
[data-theme="light"] #faq { background: #FDF8F0; }
[data-theme="light"] .faq-item {
  background: rgba(255,255,255,0.75);
  border-color: rgba(44,24,16,.08);
}
[data-theme="light"] .faq-item.open { border-color: rgba(184,134,11,.3); }
[data-theme="light"] .faq-question { color: #2C1810; }
[data-theme="light"] .faq-item.open .faq-question { color: var(--primary); }
[data-theme="light"] .faq-answer-inner { color: rgba(44,24,16,.6); }
[data-theme="light"] .faq-icon {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.1);
  color: rgba(44,24,16,.5);
}
[data-theme="light"] .faq-item.open .faq-icon {
  background: rgba(184,134,11,.12);
  border-color: rgba(184,134,11,.3);
  color: var(--primary);
}

/* Light mode contact */
[data-theme="light"] #contact {
  background: linear-gradient(135deg,rgba(139,0,0,.06) 0%,rgba(184,134,11,.05) 50%,#FDF8F0 100%);
}
[data-theme="light"] .contact-card {
  background: rgba(255,255,255,0.8);
  border-color: rgba(44,24,16,.12);
  color: #2C1810;
}
[data-theme="light"] .contact-card:hover {
  border-color: rgba(184,134,11,.35);
  box-shadow: 0 12px 40px rgba(44,24,16,.1);
}
[data-theme="light"] .contact-card-label { color: rgba(44,24,16,.45); }
[data-theme="light"] .contact-big-text {
  background: linear-gradient(135deg,var(--primary-dark),var(--primary),var(--secondary)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Light mode footer */
[data-theme="light"] #footer {
  background: #2C1810;
  border-top-color: rgba(255,255,255,.06);
}
[data-theme="light"] .footer-brand-desc { color: rgba(255,255,255,.45); }
[data-theme="light"] .footer-links a { color: rgba(255,255,255,.45); }
[data-theme="light"] .footer-copy { color: rgba(255,255,255,.3); }
[data-theme="light"] .footer-legal a { color: rgba(255,255,255,.3); }
[data-theme="light"] .footer-social-link {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.1);
  color: rgba(255,255,255,.5);
}
[data-theme="light"] .newsletter-input {
  background: rgba(255,255,255,.08);
  color: #fff;
}
[data-theme="light"] .newsletter-input::placeholder { color: rgba(255,255,255,.32); }

/* Light mode forms / cart / checkout */
[data-theme="light"] .form-input, [data-theme="light"] .form-select, [data-theme="light"] .form-textarea {
  background: rgba(255,255,255,.9);
  border-color: rgba(44,24,16,.14);
  color: #2C1810;
}
[data-theme="light"] .form-input::placeholder, [data-theme="light"] .form-textarea::placeholder { color: rgba(44,24,16,.38); }
[data-theme="light"] .form-label { color: rgba(44,24,16,.65); }
[data-theme="light"] .cart-items-panel, [data-theme="light"] .checkout-panel,
[data-theme="light"] .cart-summary, [data-theme="light"] .checkout-summary {
  background: rgba(255,255,255,.75);
  border-color: rgba(44,24,16,.1);
  color: #2C1810;
}
[data-theme="light"] .cart-item-name, [data-theme="light"] .cart-item-price { color: #2C1810; }
[data-theme="light"] .cart-item-region { color: rgba(44,24,16,.45); }
[data-theme="light"] .summary-label { color: rgba(44,24,16,.55); }
[data-theme="light"] .payment-method {
  background: rgba(255,255,255,.7);
  border-color: rgba(44,24,16,.1);
}
[data-theme="light"] .payment-method-label { color: #2C1810; }
[data-theme="light"] .payment-method-sub { color: rgba(44,24,16,.5); }
[data-theme="light"] .coupon-input {
  background: rgba(255,255,255,.8);
  border-color: rgba(44,24,16,.12);
  color: #2C1810;
}
[data-theme="light"] .coupon-input::placeholder { color: rgba(44,24,16,.38); }
[data-theme="light"] .page-title-section { color: #2C1810; }
[data-theme="light"] .cart-items-header h3, [data-theme="light"] .cart-summary h3,
[data-theme="light"] .checkout-panel-header h3 { color: #2C1810; }
[data-theme="light"] .cart-items-header { border-bottom-color: rgba(44,24,16,.07); }
[data-theme="light"] .cart-item { border-bottom-color: rgba(44,24,16,.05); }
[data-theme="light"] .summary-row.total { color: var(--primary); }
[data-theme="light"] .qty-btn {
  background: rgba(44,24,16,.06);
  border-color: rgba(44,24,16,.1);
  color: #2C1810;
}

/* Light mode modal */
[data-theme="light"] .modal-box {
  background: linear-gradient(135deg,#FDF3D8,#FBE9C0);
  border-color: rgba(184,134,11,.2);
}
[data-theme="light"] .modal-subtitle { color: rgba(44,24,16,.6); }
[data-theme="light"] .modal-product-item {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.08);
  color: #2C1810;
}
[data-theme="light"] .modal-product-item:hover {
  background: rgba(184,134,11,.08);
  border-color: rgba(184,134,11,.22);
}
[data-theme="light"] .modal-taste {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.08);
}
[data-theme="light"] .modal-taste-label { color: rgba(44,24,16,.5); }

/* Light mode collections listing */
[data-theme="light"] .coll-listing-card {
  background: rgba(255,255,255,.75);
  border-color: rgba(44,24,16,.08);
}
[data-theme="light"] .coll-listing-card:hover {
  border-color: rgba(184,134,11,.28);
  box-shadow: 0 24px 80px rgba(44,24,16,.12), 0 0 50px rgba(184,134,11,.1);
}
[data-theme="light"] .coll-listing-title, [data-theme="light"] .coll-listing-num { color: #2C1810; }
[data-theme="light"] .coll-listing-desc { color: rgba(44,24,16,.55); }
[data-theme="light"] .coll-listing-product {
  background: rgba(44,24,16,.05);
  border-color: rgba(44,24,16,.09);
  color: rgba(44,24,16,.6);
}

/* Light mode product cards */
[data-theme="light"] .product-card {
  background: rgba(255,255,255,.75);
  border-color: rgba(44,24,16,.08);
}
[data-theme="light"] .product-card:hover {
  border-color: rgba(184,134,11,.28);
  box-shadow: 0 24px 80px rgba(44,24,16,.12), 0 0 30px rgba(184,134,11,.1);
}
[data-theme="light"] .product-card-name { color: #2C1810; }
[data-theme="light"] .product-card-desc { color: rgba(44,24,16,.52); }
[data-theme="light"] .product-card-weight { color: rgba(44,24,16,.45); }

/* Light mode dev/success page */
[data-theme="light"] .dev-page { background: #FDF8F0; }
[data-theme="light"] .dev-card {
  background: rgba(255,255,255,.85);
  border-color: rgba(44,24,16,.1);
}
[data-theme="light"] .dev-title { color: #2C1810; }
[data-theme="light"] .dev-sub { color: rgba(44,24,16,.6); }
[data-theme="light"] .dev-order-ref {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.09);
}
[data-theme="light"] .dev-step {
  background: rgba(44,24,16,.04);
  border-color: rgba(44,24,16,.08);
}
[data-theme="light"] .dev-step-text { color: rgba(44,24,16,.65); }
[data-theme="light"] .dev-step-text strong { color: #2C1810; }

/* Light mode scroll progress & scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track { background: #FDF8F0; }

/* Light mode btn-outline */
[data-theme="light"] .btn-outline {
  color: #2C1810;
  border-color: rgba(44,24,16,.25);
}
[data-theme="light"] .btn-outline:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(184,134,11,.06);
}

/* Hero badge light */
[data-theme="light"] .hero-badge {
  background: rgba(184,134,11,.1);
  border-color: rgba(184,134,11,.3);
  color: var(--primary);
}

/* Hero stats */
[data-theme="light"] .hero-stats { border-top-color: rgba(44,24,16,.1); }
[data-theme="light"] .hero-stat-label { color: rgba(44,24,16,.5); }

/* Region card dots */
[data-theme="light"] .region-dot { background: rgba(44,24,16,.2); }
[data-theme="light"] .region-dot.active { background: var(--primary); }

/* Collection card overlay light */
[data-theme="light"] .collection-card-num { color: rgba(255,255,255,.5); }

/* Page breadcrumb */
[data-theme="light"] .page-breadcrumb a,
[data-theme="light"] .page-breadcrumb { color: rgba(44,24,16,.45); }
[data-theme="light"] .page-breadcrumb .current { color: rgba(44,24,16,.75); }

/* ── Reset ─────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{font-family:var(--font-body);background:var(--bg-body,var(--dark));color:var(--text-primary,#fff);overflow-x:hidden;transition:background .4s,color .4s}
body.modal-open{overflow:hidden}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg-body,var(--dark))}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}
::selection{background:var(--primary);color:var(--dark)}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

/* Mobile cursor override */
@media(max-width:768px){body{cursor:auto}}

/* ═══════════════════════════════════════════════════════════
   CURSOR
═══════════════════════════════════════════════════════════ */
#cursor-dot{position:fixed;width:8px;height:8px;background:var(--primary);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
#cursor-ring{position:fixed;width:36px;height:36px;border:2px solid rgba(214,158,46,.5);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%)}
body.hovering #cursor-dot{width:14px;height:14px;background:var(--primary-light)}
body.hovering #cursor-ring{width:64px;height:64px;border-color:var(--primary)}
body.clicking #cursor-dot{width:5px;height:5px}
body.clicking #cursor-ring{width:20px;height:20px}

/* ═══════════════════════════════════════════════════════════
   SCROLL PROGRESS
═══════════════════════════════════════════════════════════ */
#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--primary-light));z-index:99997;box-shadow:0 0 12px var(--primary)}

/* ═══════════════════════════════════════════════════════════
   LOADER
═══════════════════════════════════════════════════════════ */
#loader{position:fixed;inset:0;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99996;overflow:hidden}
.loader-mandala{position:absolute;border-radius:50%;pointer-events:none}
.loader-mandala:nth-child(1){width:500px;height:500px;border:1px solid rgba(214,158,46,.06);animation:spin-slow 20s linear infinite}
.loader-mandala:nth-child(2){width:360px;height:360px;border:1px solid rgba(122,31,61,.08);animation:spin-slow 14s linear reverse infinite}
.loader-mandala:nth-child(3){width:220px;height:220px;border:1px solid rgba(214,158,46,.1);animation:spin-slow 9s linear infinite}
.loader-logo{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;color:var(--primary);letter-spacing:.3em;opacity:0;position:relative;z-index:1}
.loader-tagline{font-size:.75rem;letter-spacing:.35em;color:rgba(255,255,255,.4);text-transform:uppercase;margin-top:.6rem;opacity:0;position:relative;z-index:1}
.loader-bar-wrap{width:180px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;margin-top:2rem;overflow:hidden;position:relative;z-index:1}
.loader-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--secondary),var(--primary))}
@keyframes spin-slow{to{transform:rotate(360deg)}}

/* ═══════════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════════ */
#navbar{position:fixed;top:0;left:0;right:0;z-index:9000;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;transition:all .4s var(--ease-smooth)}
#navbar.scrolled{background:var(--navbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-mid);padding:.9rem 2rem;box-shadow:0 4px 40px rgba(0,0,0,.18)}
.nav-logo{font-family:var(--font-heading);font-size:1.85rem;font-weight:900;color:var(--primary);letter-spacing:.15em;transition:text-shadow .3s}
.nav-logo span{color:rgba(255,255,255,.6)}
.nav-logo:hover{text-shadow:0 0 24px rgba(214,158,46,.6)}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);position:relative;transition:color .3s}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--primary);transition:width .35s var(--ease-smooth)}
.nav-links a:hover,.nav-links a.active{color:var(--primary)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:.85rem}
.nav-icon-btn{background:none;border:none;color:rgba(255,255,255,.7);font-size:1rem;padding:.4rem;transition:color .3s,transform .3s;position:relative}
.nav-icon-btn:hover{color:var(--primary);transform:scale(1.15)}
.cart-count{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--secondary);border-radius:50%;font-size:.58rem;display:flex;align-items:center;justify-content:center;font-weight:700}
.btn-order{background:linear-gradient(135deg,var(--secondary),#9B2D52);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.4rem;border-radius:50px;border:none;transition:all .3s var(--ease-smooth);box-shadow:0 4px 20px rgba(122,31,61,.35)}
.btn-order:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(122,31,61,.6)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.3rem;z-index:9010}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s var(--ease-smooth)}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{position:fixed;inset:0;background:rgba(10,8,5,.97);backdrop-filter:blur(30px);z-index:9005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;opacity:0;pointer-events:none;transition:opacity .4s}

/* ═══════════════════════════════════════════════════════════
   THEME TOGGLE BUTTON
═══════════════════════════════════════════════════════════ */
#theme-toggle-btn{
  background: none;
  border: 1.5px solid var(--border-mid, rgba(255,255,255,.15));
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary, #fff);
  font-size: .88rem;
  
  transition: all .3s var(--ease-smooth);
  backdrop-filter: blur(8px);
  flex-shrink: 0;
}
#theme-toggle-btn:hover{
  background: rgba(214,158,46,.12);
  border-color: rgba(214,158,46,.4);
  color: var(--primary);
  transform: rotate(20deg) scale(1.1);
  box-shadow: 0 0 16px rgba(214,158,46,.2);
}
.mobile-nav.open{opacity:1;pointer-events:all}
.mobile-nav a{font-family:var(--font-heading);font-size:clamp(1.5rem,5vw,2.4rem);color:rgba(255,255,255,.8);transition:color .3s}
.mobile-nav a:hover{color:var(--primary)}

/* ═══════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════ */
.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--dark);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;border-radius:50px;border:none;transition:all .35s var(--ease-smooth);box-shadow:0 6px 30px rgba(214,158,46,.3);position:relative;overflow:hidden}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(214,158,46,.5)}
.btn-secondary{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--secondary),var(--secondary-light));color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;border-radius:50px;border:none;transition:all .35s var(--ease-smooth);box-shadow:0 6px 30px rgba(122,31,61,.3)}
.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(122,31,61,.5)}
.btn-outline{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2rem;border-radius:50px;border:1px solid rgba(255,255,255,.25);transition:all .35s var(--ease-smooth)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);background:rgba(214,158,46,.06)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);font-size:.78rem;font-weight:500;padding:.65rem 1.25rem;border-radius:50px;border:1px solid rgba(255,255,255,.08);transition:all .3s}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}

/* ═══════════════════════════════════════════════════════════
   SECTION COMMONS
═══════════════════════════════════════════════════════════ */
.section-container{max-width:1360px;margin:0 auto;padding:0 2rem}
.section-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}
.section-tag::before,.section-tag::after{content:'';display:block;width:28px;height:1px;background:var(--primary);opacity:.5}
.section-heading{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.12;margin-bottom:1.2rem}
.section-sub{font-size:clamp(.88rem,1.1vw,.98rem);color:rgba(255,255,255,.5);line-height:1.9;max-width:580px}
.text-gold{color:var(--primary)}
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
.gold-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}
.gold-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}
.gold-divider i{color:var(--primary);font-size:.7rem}

/* ═══════════════════════════════════════════════════════════
   CSS ART – COLLECTION GRADIENT CARDS (No Images)
═══════════════════════════════════════════════════════════ */
.coll-art{width:100%;height:100%;position:relative;overflow:hidden;border-radius:inherit}

/* North */
.coll-art-north{background:url('../images/north.jpg') no-repeat center center;background-size:cover}

/* South */
.coll-art-south{background:url('../images/south.jpg') no-repeat center center;background-size:cover}

/* East */
.coll-art-east{background:url('../images/east.jpg') no-repeat center center;background-size:cover}

/* West */
.coll-art-west{background:url('../images/west.jpg') no-repeat center center;background-size:cover}

/* Central */
.coll-art-central{background:url('../images/central.jpg') no-repeat center center;background-size:cover}

/* Hero art background */
.hero-art-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a0600 0%,#1a0d05 30%,#0d0a14 60%,#0a0600 100%)}
.hero-art-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(122,31,61,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(214,158,46,.12) 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(214,158,46,.08) 0%,transparent 40%)}
.hero-art-bg::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(214,158,46,.06) 1px,transparent 1px);background-size:40px 40px}

/* About art */
.about-art{width:100%;aspect-ratio:4/5;border-radius:var(--radius-card);position:relative;overflow:hidden;background:url('../images/central.jpg') no-repeat center center;background-size:cover;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.about-art::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,8,4,.8) 0%,transparent 50%)}
.about-art-inner{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center;padding:2rem}
.about-art-icon{font-size:5rem;margin-bottom:1rem;display:block;animation:float-gentle 4s ease-in-out infinite}
.about-art-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--primary);line-height:1.3}
@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ═════════════════════════════════════════════════════════════════
   MARQUEE STRIP
═════════════════════════════════════════════════════════════════  */
.marquee-strip{overflow:hidden;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.015);padding:.8rem 0}
.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:1.5rem;padding:0 2.5rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap}
.marquee-item .star{color:var(--primary);font-size:.55rem}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═════════════════════════════════════════════════════════════════
   HERO SECTION
═════════════════════════════════════════════════════════════════  */
#hero{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:hidden}
.hero-container{position:relative;z-index:2;max-width:1360px;width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:6rem}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.25);border-radius:50px;padding:.35rem 1rem;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem;backdrop-filter:blur(10px)}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}
.hero-title{font-family:var(--font-heading);font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:1.5rem}
.line-block{display:block;overflow:hidden}
.hero-subtitle{font-size:clamp(.88rem,1.2vw,1.02rem);line-height:1.85;color:rgba(255,255,255,.55);max-width:480px;margin-bottom:2.5rem}
.hero-cta-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem;padding:1.5rem 2.5rem;background:rgba(255,255,255,.03);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:24px;width:max-content;box-shadow:0 10px 40px rgba(0,0,0,.15)}
.hero-stat-num{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}
.hero-stat-label{font-size:.68rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}

/* Hero Right – rotating card panel */
.hero-right{display:flex;align-items:center;justify-content:center;position:relative}
.region-cards-wrap{position:relative;width:380px;height:480px}
.region-card{position:absolute;inset:0;border-radius:24px;overflow:hidden;opacity:0;transform:translateY(30px) scale(.95);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth);box-shadow:var(--shadow-card),var(--shadow-gold)}
.region-card.active{opacity:1;transform:translateY(0) scale(1);z-index:2}
.region-card.prev{opacity:0;transform:translateY(-20px) scale(.98);z-index:1}
.region-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 60%)}
.region-card-body{position:absolute;bottom:0;left:0;right:0;padding:1.8rem}
.region-card-tag{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:.35rem}
.region-card-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.3rem}
.region-card-subtitle{font-size:.73rem;color:rgba(255,255,255,.55);margin-bottom:1rem}
.region-dots{display:flex;gap:.4rem}
.region-dot{width:20px;height:3px;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer;transition:all .3s}
.region-dot.active{width:36px;background:var(--primary)}
.hero-ring{display:none}

/* Spice floaters */
.spice-particle{position:absolute;pointer-events:none;font-size:var(--size,1.2rem);opacity:.45;will-change:transform}

/* ═════════════════════════════════════════════════════════════════
   ABOUT SECTION
═════════════════════════════════════════════════════════════════  */
#about{padding:3.5rem 0;position:relative;overflow:hidden}
.about-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 50%,rgba(122,31,61,.07) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(214,158,46,.05) 0%,transparent 40%);pointer-events:none}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.about-img-wrap{position:relative}
.about-badge-float{position:absolute;top:1.5rem;left:-2rem;background:rgba(255,255,255,.06);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem}
.about-badge-float .num{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--primary);line-height:1}
.about-badge-float .lbl{font-size:.68rem;color:rgba(255,255,255,.5)}
.heritage-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}
.heritage-tag{padding:.3rem .9rem;background:rgba(214,158,46,.08);border:1px solid rgba(214,158,46,.2);border-radius:50px;font-size:.72rem;color:var(--primary);font-weight:500}

/* ═════════════════════════════════════════════════════════════════
   COLLECTIONS
═════════════════════════════════════════════════════════════════  */
#collections{padding:3.5rem 0;background:linear-gradient(180deg,var(--dark) 0%,#0d0800 40%,var(--dark) 100%);position:relative;overflow:hidden}
.collections-header{text-align:center;margin-bottom:2.5rem}
.collections-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}
.collection-card{position:relative;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:3/4;transition:transform .5s var(--ease-smooth),box-shadow .5s;will-change:transform}
.collection-card:hover{transform:translateY(-14px) scale(1.02);box-shadow:var(--shadow-card),0 0 60px var(--card-glow,rgba(214,158,46,.2));z-index:2}
.collection-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.93) 0%,transparent 55%);transition:background .4s}
.collection-card:hover .collection-card-overlay{background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.15) 55%)}
.collection-card-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem}
.collection-card-num{font-size:.62rem;letter-spacing:.2em;color:rgba(255,255,255,.35);font-weight:600;margin-bottom:.2rem}
.collection-card-region{font-family:var(--font-heading);font-size:clamp(1rem,1.4vw,1.2rem);font-weight:700;line-height:1.2;margin-bottom:.2rem}
.collection-card-tagline{font-size:.68rem;color:rgba(255,255,255,.45);margin-bottom:.85rem}
.collection-card-badge{display:inline-block;padding:.25rem .75rem;background:var(--badge-bg,rgba(214,158,46,.18));border-radius:50px;font-size:.62rem;font-weight:600;color:var(--badge-color,var(--primary));margin-bottom:.85rem}
.collection-card-cta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--badge-color,var(--primary));opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.collection-card:hover .collection-card-cta{opacity:1;transform:translateY(0)}
/* card colour themes */
.collection-card.north{--card-glow:rgba(214,158,46,.25);--badge-bg:rgba(214,158,46,.2);--badge-color:#D69E2E}
.collection-card.south{--card-glow:rgba(122,31,61,.3);--badge-bg:rgba(122,31,61,.3);--badge-color:#C87DB0}
.collection-card.east{--card-glow:rgba(220,90,30,.25);--badge-bg:rgba(220,90,30,.2);--badge-color:#E8834A}
.collection-card.west{--card-glow:rgba(30,100,180,.25);--badge-bg:rgba(30,100,180,.2);--badge-color:#6EB3E8}
.collection-card.central{--card-glow:rgba(180,80,40,.25);--badge-bg:rgba(180,80,40,.2);--badge-color:#D4845A}

/* ═════════════════════════════════════════════════════════════════
   MAP SECTION
═════════════════════════════════════════════════════════════════  */
#map-section{padding:3.5rem 0;background:linear-gradient(180deg,var(--dark),#0d0900 50%,var(--dark));position:relative;overflow:hidden}
.map-header{text-align:center;margin-bottom:2.5rem}
.map-wrapper{display:grid;grid-template-columns:1fr 360px;gap:4rem;align-items:center}
.india-map-svg-container{display:flex;justify-content:center}
.india-map-svg-container svg{width:100%;max-width:540px;height:auto;filter:drop-shadow(0 0 50px rgba(214,158,46,.2)) drop-shadow(0 0 20px rgba(214,158,46,.08))}
.map-region{fill:rgba(255,255,255,.06);stroke:rgba(214,158,46,.35);stroke-width:2;stroke-linejoin:round;cursor:pointer;transition:fill .35s ease,filter .35s ease,stroke .35s ease}
.map-region:hover,.map-region.active{stroke:rgba(214,158,46,.75);stroke-width:2.5;filter:drop-shadow(0 0 14px rgba(214,158,46,.4))}
.map-label{fill:rgba(255,255,255,.8);font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:rgba(0,0,0,.5);stroke-width:3px}
.map-info-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;min-height:400px;display:flex;flex-direction:column;justify-content:center}
.map-info-default{text-align:center;color:rgba(255,255,255,.3)}
.map-info-default i{font-size:2.5rem;color:rgba(214,158,46,.25);margin-bottom:1rem;display:block}
.map-info-default p{font-size:.82rem;line-height:1.8}
.map-info-content{display:none}
.map-info-content.visible{display:flex;flex-direction:column;gap:1.25rem}
.map-region-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.map-region-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:700}
.map-region-sub{font-size:.72rem;color:rgba(255,255,255,.45);margin-top:.2rem}
.map-snack-story{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.8}
.map-taste-profile{display:flex;gap:.5rem;flex-wrap:wrap}
.map-taste-chip{padding:.25rem .7rem;border-radius:50px;font-size:.65rem;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.65)}

/* ═══════════════════════════════════════════════════════════
   WHY CHKNA
═══════════════════════════════════════════════════════════ */
#why{padding:3.5rem 0;position:relative;overflow:hidden}
.why-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(214,158,46,.04) 0%,transparent 70%);pointer-events:none}
.why-header{text-align:center;margin-bottom:2.5rem}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.why-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .4s var(--ease-smooth);position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(214,158,46,.05) 0%,transparent 60%);opacity:0;transition:opacity .4s}
.why-card:hover{border-color:rgba(214,158,46,.2);transform:translateY(-8px);box-shadow:var(--shadow-card),0 0 40px rgba(214,158,46,.08)}
.why-card:hover::before{opacity:1}
.why-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(214,158,46,.13),rgba(214,158,46,.04));border:1px solid rgba(214,158,46,.18);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.5rem;color:var(--primary);transition:all .4s var(--ease-bounce)}
.why-card:hover .why-icon{transform:scale(1.15) rotate(5deg);box-shadow:0 0 30px rgba(214,158,46,.2)}
.why-card-title{font-family:var(--font-heading);font-size:1.02rem;font-weight:700;margin-bottom:.6rem;line-height:1.3}
.why-card-desc{font-size:.76rem;color:rgba(255,255,255,.45);line-height:1.8}

/* ═══════════════════════════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════════════════════════ */
#how{padding:3.5rem 0;background:linear-gradient(180deg,var(--dark),#0d0800 50%,var(--dark));position:relative;overflow:hidden}
.how-header{text-align:center;margin-bottom:2.5rem}
.how-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.how-steps::before{content:'';position:absolute;top:40px;left:calc(10% + 32px);right:calc(10% + 32px);height:1px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));opacity:.25}
.how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1rem}
.how-step-num{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(214,158,46,.13),rgba(214,158,46,.04));border:1.5px solid rgba(214,158,46,.28);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem;position:relative;z-index:1;transition:all .4s var(--ease-bounce);backdrop-filter:blur(10px)}
.how-step:hover .how-step-num{transform:scale(1.15);box-shadow:0 0 40px rgba(214,158,46,.28)}
.how-step-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:.5rem}
.how-step-desc{font-size:.76rem;color:rgba(255,255,255,.58);line-height:1.75}

/* ═══════════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════════ */
#faq{padding:5rem 0}
.faq-header{text-align:center;margin-bottom:4rem}
.faq-grid{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.faq-item{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:rgba(214,158,46,.22)}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-size:.88rem;font-weight:500;line-height:1.55;gap:1rem;transition:color .3s}
.faq-item.open .faq-question{color:var(--primary)}
.faq-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(255,255,255,.45);font-size:.68rem;transition:all .4s var(--ease-smooth)}
.faq-item.open .faq-icon{background:rgba(214,158,46,.13);border-color:rgba(214,158,46,.28);color:var(--primary);transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s var(--ease-smooth)}
.faq-answer-inner{padding:0 1.5rem 1.25rem;font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.9}

/* ═══════════════════════════════════════════════════════════
   HOW IT WORKS – PAYMENT STRIP
═══════════════════════════════════════════════════════════ */
.how-payments{margin-top:3.5rem;display:flex;align-items:center;gap:1.5rem;justify-content:center;flex-wrap:wrap;padding:1.5rem 2rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px}
.how-pay-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap}
.how-pay-chips{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.how-pay-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:var(--bg-surface-2);border:1px solid var(--border-mid);border-radius:100px;font-size:.73rem;color:var(--text-secondary);transition:all .25s}
.how-pay-chip:hover{border-color:rgba(214,158,46,.3);color:var(--primary)}

/* ═══════════════════════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════════════════════ */
#testimonials{padding:3.5rem 0;background:linear-gradient(180deg,var(--dark) 0%,rgba(13,8,0,1) 50%,var(--dark) 100%);position:relative}
.testimonials-header{text-align:center;margin-bottom:2.5rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:3.5rem}
@media(max-width:1100px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.testimonials-grid{grid-template-columns:1fr}}
.testimonial-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem;transition:all .35s var(--ease-smooth);position:relative;overflow:hidden}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s}
.testimonial-card:hover{border-color:rgba(214,158,46,.18);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.testimonial-card:hover::before{opacity:1}
.testimonial-stars{color:var(--primary);font-size:1rem;letter-spacing:.1em}
.testimonial-text{font-size:.82rem;line-height:1.85;color:var(--text-secondary);font-style:italic;flex:1}
.testimonial-author{display:flex;align-items:center;gap:.8rem;margin-top:.5rem;flex-wrap:wrap}
.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;flex-shrink:0}
.testimonial-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}
.testimonial-location{font-size:.68rem;color:var(--text-muted);margin-top:.1rem}
.testimonial-region{margin-left:auto;font-size:.6rem;font-weight:600;padding:.22rem .7rem;border-radius:100px;text-transform:uppercase;letter-spacing:.08em}
.testimonial-region.north{background:rgba(214,158,46,.12);color:#D69E2E;border:1px solid rgba(214,158,46,.2)}
.testimonial-region.south{background:rgba(155,45,82,.15);color:#C4567A;border:1px solid rgba(155,45,82,.25)}
.testimonial-region.west{background:rgba(59,130,196,.12);color:#5DA5E0;border:1px solid rgba(59,130,196,.2)}
.testimonial-region.central{background:rgba(200,112,58,.12);color:#D4845A;border:1px solid rgba(200,112,58,.2)}
/* Trust bar */
.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:linear-gradient(135deg,rgba(214,158,46,.06),rgba(128,0,32,.04));border:1px solid rgba(214,158,46,.12);border-radius:20px;overflow:hidden}
@media(max-width:700px){.trust-bar{grid-template-columns:repeat(2,1fr)}}
.trust-stat{padding:1.8rem 1rem;text-align:center}
.trust-num{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1.2}
.trust-label{font-size:.68rem;color:var(--text-muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.08em}
.trust-divider{width:1px;background:rgba(214,158,46,.1)}

/* ═══════════════════════════════════════════════════════════
   CORPORATE GIFTING
═══════════════════════════════════════════════════════════ */
#corporate{padding:3.5rem 0;background:linear-gradient(135deg,rgba(128,0,32,.08) 0%,var(--dark) 60%);position:relative;overflow:hidden}
#corporate::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(214,158,46,.05),transparent 65%);pointer-events:none}
.corp-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:900px){.corp-grid{grid-template-columns:1fr;gap:3rem}}
.corp-left{}
.corp-features{display:flex;flex-direction:column;gap:1.25rem;margin:2rem 0}
.corp-feature{display:flex;align-items:flex-start;gap:1rem}
.corp-feature-icon{width:42px;height:42px;border-radius:12px;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.18);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.9rem;flex-shrink:0;margin-top:.1rem}
.corp-feature-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}
.corp-feature-desc{font-size:.75rem;color:var(--text-muted);line-height:1.7}
.corp-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
/* Right panel */
.corp-right{}
.corp-occasions{background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:24px;padding:2rem;position:relative;overflow:hidden}
.corp-occasions::before{content:'"';position:absolute;top:-1rem;right:1.5rem;font-family:var(--font-heading);font-size:8rem;color:rgba(214,158,46,.06);line-height:1}
.corp-occasion-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1.25rem}
.corp-occasion-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.corp-occasion-item{display:flex;align-items:center;gap:.85rem;font-size:.83rem;color:var(--text-secondary);padding:.65rem 1rem;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:10px;transition:all .25s}
.corp-occasion-item i{color:var(--primary);width:16px;text-align:center;flex-shrink:0}
.corp-occasion-item:hover{border-color:rgba(214,158,46,.2);color:var(--text-primary)}
.corp-testimonial{border-top:1px solid var(--border-subtle);padding-top:1.5rem;margin-top:.5rem}
.corp-quote{font-size:.8rem;font-style:italic;color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}
.corp-quote-author{font-size:.7rem;color:var(--text-muted)}

/* Light mode overrides for new sections */
[data-theme="light"] #testimonials{background:linear-gradient(180deg,#FDF8F0,#F5EAD0 50%,#FDF8F0)}
[data-theme="light"] .testimonial-card{background:rgba(255,255,255,.75);border-color:rgba(139,99,44,.12)}
[data-theme="light"] .testimonial-text{color:rgba(44,24,16,.6)}
[data-theme="light"] .testimonial-name{color:#2C1810}
[data-theme="light"] .trust-bar{background:linear-gradient(135deg,rgba(184,134,11,.06),rgba(139,0,0,.04));border-color:rgba(184,134,11,.15)}
[data-theme="light"] .trust-label{color:rgba(44,24,16,.5)}
[data-theme="light"] #corporate{background:linear-gradient(135deg,rgba(139,0,0,.05),#FDF8F0 60%)}
[data-theme="light"] .corp-occasions{background:rgba(255,255,255,.8);border-color:rgba(139,99,44,.12)}
[data-theme="light"] .corp-occasion-item{background:rgba(184,134,11,.04);border-color:rgba(184,134,11,.1);color:rgba(44,24,16,.7)}
[data-theme="light"] .corp-occasion-item:hover{color:#2C1810;border-color:rgba(184,134,11,.25)}
[data-theme="light"] .corp-feature-title{color:#2C1810}
[data-theme="light"] .corp-quote{color:rgba(44,24,16,.6)}
[data-theme="light"] .how-payments{background:rgba(184,134,11,.04);border-color:rgba(184,134,11,.1)}
[data-theme="light"] .how-pay-chip{background:rgba(184,134,11,.06);border-color:rgba(184,134,11,.12);color:rgba(44,24,16,.6)}

/* ═══════════════════════════════════════════════════════════
   CONTACT
═══════════════════════════════════════════════════════════ */

#contact{padding:5.5rem 0;background:linear-gradient(135deg,rgba(122,31,61,.1) 0%,rgba(214,158,46,.05) 50%,var(--dark) 100%);position:relative;overflow:hidden}
.contact-inner{text-align:center;max-width:720px;margin:0 auto}
.contact-big-text{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1.05;background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}
.contact-cards{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:3rem 0}
.contact-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;color:#fff;transition:all .3s var(--ease-smooth);min-width:190px}
.contact-card:hover{border-color:rgba(214,158,46,.28);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.contact-card-icon{width:42px;height:42px;border-radius:10px;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.18);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem;flex-shrink:0}
.contact-card-label{font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em}
.contact-card-value{font-size:.78rem;font-weight:500;margin-top:.1rem}
.contact-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;pointer-events:none}

/* ═══════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════ */
#footer{background:var(--footer-bg,#060402);border-top:1px solid rgba(255,255,255,.04);padding:4rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}
.footer-brand-desc{font-size:.76rem;color:rgba(255,255,255,.35);line-height:1.9;max-width:260px;margin-top:1rem}
.footer-col-title{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:1.25rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.footer-links a{font-size:.78rem;color:rgba(255,255,255,.38);transition:color .3s}
.footer-links a:hover{color:var(--primary)}
.newsletter-form-wrap{display:flex;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.09);margin-top:.5rem}
.newsletter-input{flex:1;background:rgba(255,255,255,.035);border:none;padding:.75rem 1rem;font-size:.76rem;color:#fff;font-family:var(--font-body);outline:none}
.newsletter-input::placeholder{color:rgba(255,255,255,.28)}
.newsletter-btn{background:var(--primary);border:none;padding:.75rem 1rem;color:var(--dark);font-size:.78rem;font-weight:700;transition:background .3s}
.newsletter-btn:hover{background:var(--primary-light)}
.footer-social{display:flex;gap:.75rem;margin-top:1rem}
.footer-social-link{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);transition:all .3s;font-size:.82rem}
.footer-social-link:hover{background:rgba(214,158,46,.13);border-color:rgba(214,158,46,.28);color:var(--primary);transform:translateY(-3px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.25)}
.footer-legal{display:flex;gap:1.5rem}
.footer-legal a{font-size:.7rem;color:rgba(255,255,255,.25);transition:color .3s}
.footer-legal a:hover{color:var(--primary)}

/* ═══════════════════════════════════════════════════════════
   COLLECTION DETAIL PAGE
═══════════════════════════════════════════════════════════ */
.page-hero{padding:10rem 0 5rem;position:relative;overflow:hidden}
.page-hero-art{position:absolute;inset:0;opacity:.9}
.page-hero-art::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,7,.4) 0%,rgba(14,11,7,.9) 100%)}
.page-breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:2rem}
.page-breadcrumb a{color:rgba(255,255,255,.4);transition:color .3s}
.page-breadcrumb a:hover{color:var(--primary)}
.page-breadcrumb .sep{color:rgba(255,255,255,.2)}
.page-breadcrumb .current{color:rgba(255,255,255,.7)}

/* Product grid on collection detail */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.product-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;transition:all .4s var(--ease-smooth);position:relative}
.product-card:hover{border-color:rgba(214,158,46,.2);transform:translateY(-6px);box-shadow:var(--shadow-card),0 0 30px rgba(214,158,46,.08)}
.product-card-art{height:200px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card-emoji{font-size:4rem;z-index:1;position:relative;animation:float-gentle 3s ease-in-out infinite}
.product-card-body{padding:1.5rem}
.product-card-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:.4rem}
.product-card-desc{font-size:.76rem;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:1rem}
.product-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.product-card-price{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--primary)}
.product-card-weight{font-size:.7rem;color:rgba(255,255,255,.4)}
.product-card-actions{display:flex;gap:.6rem}
.product-card-actions .btn-primary,.product-card-actions .btn-outline{flex:1;text-align:center;justify-content:center;font-size:.72rem;padding:.65rem .8rem}
.taste-bars{margin-bottom:1.25rem}
.taste-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.taste-label{font-size:.65rem;color:rgba(255,255,255,.4);width:55px;flex-shrink:0}
.taste-track{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.taste-fill{height:100%;border-radius:4px}
.taste-fill.spicy{background:linear-gradient(90deg,#ff6b35,#ff0000)}
.taste-fill.crunchy{background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.taste-fill.savory{background:linear-gradient(90deg,var(--secondary),var(--secondary-light))}
.taste-pct{font-size:.62rem;color:rgba(255,255,255,.35);width:28px;text-align:right}
.spice-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;background:rgba(255,107,53,.15);border:1px solid rgba(255,107,53,.25);color:#ff8c5a}

/* ═══════════════════════════════════════════════════════════
   CART PAGE
═══════════════════════════════════════════════════════════ */
.page-title-section{padding:10rem 0 4rem;position:relative;text-align:center}
.page-title-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(214,158,46,.07) 0%,transparent 65%);pointer-events:none}
.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start;margin-top:3rem;margin-bottom:6rem}
.cart-items-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);overflow:hidden}
.cart-items-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.cart-items-header h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}
.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:1.25rem;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.04)}
.cart-item:last-child{border-bottom:none}
.cart-item-art{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.cart-item-name{font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:.25rem}
.cart-item-region{font-size:.7rem;color:rgba(255,255,255,.4);margin-bottom:.6rem}
.cart-item-qty{display:flex;align-items:center;gap:.75rem}
.qty-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qty-btn:hover{background:rgba(214,158,46,.15);border-color:rgba(214,158,46,.3);color:var(--primary)}
.qty-num{font-weight:600;font-size:.88rem;min-width:20px;text-align:center}
.cart-item-remove{background:none;border:none;color:rgba(255,255,255,.25);font-size:.85rem;transition:color .2s;padding:.25rem}
.cart-item-remove:hover{color:#ff6b6b}
.cart-item-price{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--primary);white-space:nowrap}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;gap:1rem}
.cart-empty i{font-size:3.5rem;color:rgba(214,158,46,.2)}
.cart-empty p{color:rgba(255,255,255,.4);font-size:.9rem}
.cart-summary{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);padding:2rem;position:sticky;top:7rem}
.cart-summary h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}
.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;font-size:.82rem}
.summary-row.total{font-weight:700;font-size:1rem;color:var(--primary);margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.summary-label{color:rgba(255,255,255,.5)}
.summary-value{font-weight:600}
.coupon-row{display:flex;gap:.5rem;margin:1.25rem 0}
.coupon-input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.65rem 1rem;font-size:.78rem;color:#fff;font-family:var(--font-body);outline:none;transition:border-color .3s}
.coupon-input:focus{border-color:rgba(214,158,46,.35)}
.coupon-input::placeholder{color:rgba(255,255,255,.28)}
.coupon-apply{background:rgba(214,158,46,.12);border:1px solid rgba(214,158,46,.25);color:var(--primary);font-size:.75rem;font-weight:600;padding:.65rem 1rem;border-radius:10px;transition:all .3s}
.coupon-apply:hover{background:rgba(214,158,46,.22)}

/* ═══════════════════════════════════════════════════════════
   CHECKOUT PAGE
═══════════════════════════════════════════════════════════ */
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start;margin-top:3rem;margin-bottom:6rem}
.checkout-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);overflow:hidden}
.checkout-panel-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.75rem}
.checkout-panel-header .step-num{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--dark);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.checkout-panel-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:700}
.checkout-form{padding:2rem}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.form-label{font-size:.73rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase}
.form-input,.form-select,.form-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:#fff;font-family:var(--font-body);outline:none;transition:border-color .3s,background .3s;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(214,158,46,.4);background:rgba(255,255,255,.06)}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.28)}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.4)' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:2.5rem;}
.form-select option{background:#1a1410;color:#fff}
.form-textarea{resize:vertical;min-height:90px}
.payment-methods{display:flex;flex-direction:column;gap:.75rem;padding:0 2rem 2rem}
.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:all .3s;position:relative}
.payment-method:hover{border-color:rgba(214,158,46,.2)}
.payment-method.selected{border-color:rgba(214,158,46,.4);background:rgba(214,158,46,.05)}
.payment-method input[type=radio]{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}
.payment-method-icon{font-size:1.3rem;width:36px;text-align:center}
.payment-method-label{font-size:.85rem;font-weight:500}
.payment-method-sub{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:.1rem}
.upi-apps{display:flex;gap:.5rem;margin-top:.6rem}
.upi-app{padding:.25rem .75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.65rem;font-weight:600;color:rgba(255,255,255,.6)}
.checkout-terms{font-size:.72rem;color:rgba(255,255,255,.35);line-height:1.7;margin-top:1rem;text-align:center}
.checkout-terms a{color:var(--primary)}

/* ═══════════════════════════════════════════════════════════
   ORDER SUCCESS / UNDER DEVELOPMENT PAGE
═══════════════════════════════════════════════════════════ */
.dev-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}
.dev-page-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(122,31,61,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(214,158,46,.1) 0%,transparent 50%)}
.dev-page-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(214,158,46,.05) 1px,transparent 1px);background-size:35px 35px}
.dev-card{position:relative;z-index:1;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:4rem;max-width:640px;width:100%;text-align:center}
.dev-card-rings{position:absolute;inset:0;border-radius:32px;overflow:hidden;pointer-events:none}
.dev-ring{position:absolute;border-radius:50%;border:1px solid rgba(214,158,46,.08);animation:spin-slow var(--dur,20s) linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}
.dev-ring:nth-child(1){width:300px;height:300px}
.dev-ring:nth-child(2){width:450px;height:450px;animation-direction:reverse;--dur:14s;border-color:rgba(122,31,61,.06)}
.dev-ring:nth-child(3){width:600px;height:600px;--dur:28s}
.dev-icon{font-size:4rem;margin-bottom:1.5rem;display:block;animation:float-gentle 3s ease-in-out infinite}
.dev-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(214,158,46,.12);border:1px solid rgba(214,158,46,.28);border-radius:50px;padding:.4rem 1rem;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem}
.dev-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2;margin-bottom:1rem}
.dev-title .gold{color:var(--primary)}
.dev-sub{font-size:.9rem;color:rgba(255,255,255,.5);line-height:1.85;max-width:460px;margin:0 auto 2.5rem}
.dev-order-ref{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;margin-bottom:2rem}
.dev-order-ref-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.35rem}
.dev-order-ref-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--primary);letter-spacing:.1em}
.dev-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem;text-align:left}
.dev-step{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px}
.dev-step-icon{width:36px;height:36px;border-radius:10px;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.dev-step-text{font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.5}
.dev-step-text strong{color:#fff;display:block;font-size:.82rem}
.dev-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.dev-progress-bar{height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin-top:2.5rem}
.dev-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:4px;width:35%;animation:progress-pulse 3s ease-in-out infinite}
@keyframes progress-pulse{0%,100%{width:30%}50%{width:42%}}

/* ═══════════════════════════════════════════════════════════
   COLLECTIONS LISTING PAGE
═══════════════════════════════════════════════════════════ */
.collections-listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;margin-bottom:6rem}
.coll-listing-card{border-radius:var(--radius-card);overflow:hidden;position:relative;display:grid;grid-template-columns:240px 1fr;min-height:280px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);transition:all .4s var(--ease-smooth)}
.coll-listing-card:hover{border-color:rgba(214,158,46,.2);transform:translateY(-6px);box-shadow:var(--shadow-card),0 0 50px rgba(214,158,46,.1)}
.coll-listing-art{width:240px;flex-shrink:0;position:relative;overflow:hidden;min-height:280px}
.coll-listing-body{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}
.coll-listing-num{font-size:.62rem;letter-spacing:.2em;color:rgba(255,255,255,.3);font-weight:600;margin-bottom:.3rem}
.coll-listing-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.35rem}
.coll-listing-tag{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.65rem;font-weight:600;margin-bottom:.85rem}
.coll-listing-desc{font-size:.8rem;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:1.25rem}
.coll-listing-products{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}
.coll-listing-product{padding:.2rem .6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50px;font-size:.65rem;color:rgba(255,255,255,.5)}
.coll-listing-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.coll-listing-actions .btn-primary,.coll-listing-actions .btn-outline{font-size:.75rem;padding:.7rem 1.4rem}

/* ═══════════════════════════════════════════════════════════
   MODAL (collection)
═══════════════════════════════════════════════════════════ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);z-index:8000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;padding:1.5rem}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-box{background:linear-gradient(135deg,#1a1008,#110c06);border:1px solid rgba(214,158,46,.12);border-radius:28px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;transform:translateY(40px) scale(.95);transition:transform .5s var(--ease-bounce);position:relative}
.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}
.modal-box::-webkit-scrollbar{width:3px}
.modal-box::-webkit-scrollbar-thumb{background:var(--primary)}
.modal-close{position:sticky;top:1.25rem;float:right;margin-right:1.25rem;width:40px;height:40px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.88rem;transition:all .3s;z-index:1}
.modal-close:hover{background:rgba(214,158,46,.18);color:var(--primary);transform:rotate(90deg)}
.modal-grid{display:grid;grid-template-columns:1fr 1fr}
.modal-art-panel{position:relative;min-height:480px;border-radius:28px 0 0 28px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.modal-art-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}
.modal-art-emoji{font-size:7rem;z-index:1;position:relative;animation:float-gentle 4s ease-in-out infinite}
.modal-region-badge{position:absolute;top:1.5rem;left:1.5rem;padding:.4rem 1rem;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--primary)}
.modal-content-panel{padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}
.modal-title{font-family:var(--font-heading);font-size:1.9rem;font-weight:800;line-height:1.2}
.modal-subtitle{font-size:.82rem;color:rgba(255,255,255,.5);line-height:1.75}
.modal-products-heading{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:.65rem}
.modal-product-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.modal-product-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:.8rem;transition:all .3s;}
.modal-product-item:hover{background:rgba(214,158,46,.07);border-color:rgba(214,158,46,.18);transform:translateX(4px)}
.modal-product-item i{color:var(--primary);font-size:.68rem}
.modal-taste{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.25rem}
.modal-taste-row{display:flex;align-items:center;gap:1rem;margin-bottom:.65rem}
.modal-taste-row:last-child{margin-bottom:0}
.modal-taste-label{font-size:.7rem;color:rgba(255,255,255,.45);width:75px;flex-shrink:0}
.taste-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,.07);border-radius:5px;overflow:hidden}
.taste-bar{height:100%;border-radius:5px;transition:width 1s var(--ease-smooth) .3s}
.taste-bar.spicy{background:linear-gradient(90deg,#ff6b35,#ff0000)}
.taste-bar.crunchy{background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.taste-bar.savory{background:linear-gradient(90deg,var(--secondary),var(--secondary-light))}
.modal-cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.modal-cta-row .btn-primary,.modal-cta-row .btn-outline{flex:1;text-align:center;justify-content:center;font-size:.75rem;padding:.8rem 1rem}

/* ═══════════════════════════════════════════════════════════
   GLASS UTILITY
═══════════════════════════════════════════════════════════ */
.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}

/* ═══════════════════════════════════════════════════════════
   TOAST
═══════════════════════════════════════════════════════════ */
.chkna-toast{position:fixed;bottom:2rem;right:2rem;z-index:99990;border-radius:14px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#fff;box-shadow:0 8px 40px rgba(0,0,0,.4);max-width:340px;backdrop-filter:blur(20px)}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .collections-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .map-wrapper{grid-template-columns:1fr}
  .cart-layout,.checkout-layout{grid-template-columns:1fr}
  .cart-summary,.checkout-summary{position:static}
  .coll-listing-card{grid-template-columns:1fr}
  .coll-listing-art{width:100%;min-height:200px}
}
@media(max-width:900px){
  .hero-container{grid-template-columns:1fr;padding-top:8rem;text-align:center}
  .hero-subtitle,.hero-cta-row{margin-left:auto;margin-right:auto}
  .hero-cta-row{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-right{margin-top:3rem}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .about-badge-float{left:auto;right:0}
  .modal-grid{grid-template-columns:1fr}
  .modal-art-panel{min-height:260px;border-radius:28px 28px 0 0}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .how-steps{grid-template-columns:1fr;gap:2.5rem}
  .how-steps::before{display:none}
}
@media(max-width:768px){
  #navbar{padding:1rem}
  .nav-links,.btn-order{display:none}
  .hamburger{display:flex}
  .collections-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .region-cards-wrap{width:300px;height:380px}
  .collections-listing-grid{grid-template-columns:1fr}
  .dev-card{padding:2.5rem 1.5rem}
  .form-grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}
.cart-items-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);overflow:hidden}
.cart-items-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.cart-items-header h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}
.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:1.25rem;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.04)}
.cart-item:last-child{border-bottom:none}
.cart-item-art{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.cart-item-name{font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:.25rem}
.cart-item-region{font-size:.7rem;color:rgba(255,255,255,.4);margin-bottom:.6rem}
.cart-item-qty{display:flex;align-items:center;gap:.75rem}
.qty-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qty-btn{hover:background:rgba(214,158,46,.15);border-color:rgba(214,158,46,.3);color:var(--primary)}
.qty-num{font-weight:600;font-size:.88rem;min-width:20px;text-align:center}
.cart-item-remove{background:none;border:none;color:rgba(255,255,255,.25);font-size:.85rem;transition:color .2s;padding:.25rem}
.cart-item-remove:hover{color:#ff6b6b}
.cart-item-price{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--primary);white-space:nowrap}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;gap:1rem}
.cart-empty i{font-size:3.5rem;color:rgba(214,158,46,.2)}
.cart-empty p{color:rgba(255,255,255,.4);font-size:.9rem}
.cart-summary{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);padding:2rem;position:sticky;top:7rem}
.cart-summary h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}
.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;font-size:.82rem}
.summary-row.total{font-weight:700;font-size:1rem;color:var(--primary);margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.summary-label{color:rgba(255,255,255,.5)}
.summary-value{font-weight:600}
.coupon-row{display:flex;gap:.5rem;margin:1.25rem 0}
.coupon-input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.65rem 1rem;font-size:.78rem;color:#fff;font-family:var(--font-body);outline:none;transition:border-color .3s}
.coupon-input:focus{border-color:rgba(214,158,46,.35)}
.coupon-input::placeholder{color:rgba(255,255,255,.28)}
.coupon-apply{background:rgba(214,158,46,.12);border:1px solid rgba(214,158,46,.25);color:var(--primary);font-size:.75rem;font-weight:600;padding:.65rem 1rem;border-radius:10px;transition:all .3s}
.coupon-apply:hover{background:rgba(214,158,46,.22)}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   CHECKOUT PAGE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start;margin-top:3rem;margin-bottom:6rem}
.checkout-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-card);overflow:hidden}
.checkout-panel-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.75rem}
.checkout-panel-header .step-num{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--dark);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.checkout-panel-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:700}
.checkout-form{padding:2rem}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.form-label{font-size:.73rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase}
.form-input,.form-select,.form-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:#fff;font-family:var(--font-body);outline:none;transition:border-color .3s,background .3s;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(214,158,46,.4);background:rgba(255,255,255,.06)}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.28)}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.4)' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:2.5rem;}
.form-select option{background:#1a1410;color:#fff}
.form-textarea{resize:vertical;min-height:90px}
.payment-methods{display:flex;flex-direction:column;gap:.75rem;padding:0 2rem 2rem}
.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:all .3s;position:relative}
.payment-method:hover{border-color:rgba(214,158,46,.2)}
.payment-method.selected{border-color:rgba(214,158,46,.4);background:rgba(214,158,46,.05)}
.payment-method input[type=radio]{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}
.payment-method-icon{font-size:1.3rem;width:36px;text-align:center}
.payment-method-label{font-size:.85rem;font-weight:500}
.payment-method-sub{font-size:.7rem;color:rgba(255,255,255,.4);margin-top:.1rem}
.upi-apps{display:flex;gap:.5rem;margin-top:.6rem}
.upi-app{padding:.25rem .75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.65rem;font-weight:600;color:rgba(255,255,255,.6)}
.checkout-terms{font-size:.72rem;color:rgba(255,255,255,.35);line-height:1.7;margin-top:1rem;text-align:center}
.checkout-terms a{color:var(--primary)}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   ORDER SUCCESS / UNDER DEVELOPMENT PAGE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.dev-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}
.dev-page-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(122,31,61,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(214,158,46,.1) 0%,transparent 50%)}
.dev-page-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(214,158,46,.05) 1px,transparent 1px);background-size:35px 35px}
.dev-card{position:relative;z-index:1;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:4rem;max-width:640px;width:100%;text-align:center}
.dev-card-rings{position:absolute;inset:0;border-radius:32px;overflow:hidden;pointer-events:none}
.dev-ring{position:absolute;border-radius:50%;border:1px solid rgba(214,158,46,.08);animation:spin-slow var(--dur,20s) linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}
.dev-ring:nth-child(1){width:300px;height:300px}
.dev-ring:nth-child(2){width:450px;height:450px;animation-direction:reverse;--dur:14s;border-color:rgba(122,31,61,.06)}
.dev-ring:nth-child(3){width:600px;height:600px;--dur:28s}
.dev-icon{font-size:4rem;margin-bottom:1.5rem;display:block;animation:float-gentle 3s ease-in-out infinite}
.dev-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(214,158,46,.12);border:1px solid rgba(214,158,46,.28);border-radius:50px;padding:.4rem 1rem;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem}
.dev-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2;margin-bottom:1rem}
.dev-title .gold{color:var(--primary)}
.dev-sub{font-size:.9rem;color:rgba(255,255,255,.5);line-height:1.85;max-width:460px;margin:0 auto 2.5rem}
.dev-order-ref{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;margin-bottom:2rem}
.dev-order-ref-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.35rem}
.dev-order-ref-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--primary);letter-spacing:.1em}
.dev-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem;text-align:left}
.dev-step{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px}
.dev-step-icon{width:36px;height:36px;border-radius:10px;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.dev-step-text{font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.5}
.dev-step-text strong{color:#fff;display:block;font-size:.82rem}
.dev-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.dev-progress-bar{height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin-top:2.5rem}
.dev-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:4px;width:35%;animation:progress-pulse 3s ease-in-out infinite}
@keyframes progress-pulse{0%,100%{width:30%}50%{width:42%}}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   COLLECTIONS LISTING PAGE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.collections-listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;margin-bottom:6rem}
.coll-listing-card{border-radius:var(--radius-card);overflow:hidden;position:relative;display:grid;grid-template-columns:240px 1fr;min-height:280px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);transition:all .4s var(--ease-smooth)}
.coll-listing-card:hover{border-color:rgba(214,158,46,.2);transform:translateY(-6px);box-shadow:var(--shadow-card),0 0 50px rgba(214,158,46,.1)}
.coll-listing-art{width:240px;flex-shrink:0;position:relative;overflow:hidden;min-height:280px}
.coll-listing-body{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}
.coll-listing-num{font-size:.62rem;letter-spacing:.2em;color:rgba(255,255,255,.3);font-weight:600;margin-bottom:.3rem}
.coll-listing-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.35rem}
.coll-listing-tag{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.65rem;font-weight:600;margin-bottom:.85rem}
.coll-listing-desc{font-size:.8rem;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:1.25rem}
.coll-listing-products{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}
.coll-listing-product{padding:.2rem .6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50px;font-size:.65rem;color:rgba(255,255,255,.5)}
.coll-listing-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.coll-listing-actions .btn-primary,.coll-listing-actions .btn-outline{font-size:.75rem;padding:.7rem 1.4rem}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   MODAL (collection)
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);z-index:8000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;padding:1.5rem}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-box{background:linear-gradient(135deg,#1a1008,#110c06);border:1px solid rgba(214,158,46,.12);border-radius:28px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;transform:translateY(40px) scale(.95);transition:transform .5s var(--ease-bounce);position:relative}
.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}
.modal-box::-webkit-scrollbar{width:3px}
.modal-box::-webkit-scrollbar-thumb{background:var(--primary)}
.modal-close{position:sticky;top:1.25rem;float:right;margin-right:1.25rem;width:40px;height:40px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.88rem;transition:all .3s;z-index:1}
.modal-close:hover{background:rgba(214,158,46,.18);color:var(--primary);transform:rotate(90deg)}
.modal-grid{display:grid;grid-template-columns:1fr 1fr}
.modal-art-panel{position:relative;min-height:480px;border-radius:28px 0 0 28px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.modal-art-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}
.modal-art-emoji{font-size:7rem;z-index:1;position:relative;animation:float-gentle 4s ease-in-out infinite}
.modal-region-badge{position:absolute;top:1.5rem;left:1.5rem;padding:.4rem 1rem;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--primary)}
.modal-content-panel{padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}
.modal-title{font-family:var(--font-heading);font-size:1.9rem;font-weight:800;line-height:1.2}
.modal-subtitle{font-size:.82rem;color:rgba(255,255,255,.5);line-height:1.75}
.modal-products-heading{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:.65rem}
.modal-product-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.modal-product-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:.8rem;transition:all .3s;}
.modal-product-item:hover{background:rgba(214,158,46,.07);border-color:rgba(214,158,46,.18);transform:translateX(4px)}
.modal-product-item i{color:var(--primary);font-size:.68rem}
.modal-taste{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.25rem}
.modal-taste-row{display:flex;align-items:center;gap:1rem;margin-bottom:.65rem}
.modal-taste-row:last-child{margin-bottom:0}
.modal-taste-label{font-size:.7rem;color:rgba(255,255,255,.45);width:75px;flex-shrink:0}
.taste-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,.07);border-radius:5px;overflow:hidden}
.taste-bar{height:100%;border-radius:5px;transition:width 1s var(--ease-smooth) .3s}
.taste-bar.spicy{background:linear-gradient(90deg,#ff6b35,#ff0000)}
.taste-bar.crunchy{background:linear-gradient(90deg,var(--primary),var(--primary-light))}
.taste-bar.savory{background:linear-gradient(90deg,var(--secondary),var(--secondary-light))}
.modal-cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.modal-cta-row .btn-primary,.modal-cta-row .btn-outline{flex:1;text-align:center;justify-content:center;font-size:.75rem;padding:.8rem 1rem}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   GLASS UTILITY
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   TOAST
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.chkna-toast{position:fixed;bottom:2rem;right:2rem;z-index:99990;border-radius:14px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#fff;box-shadow:0 8px 40px rgba(0,0,0,.4);max-width:340px;backdrop-filter:blur(20px)}

/* ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 
   RESPONSIVE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
@media(max-width:1100px){
  .collections-grid{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .map-wrapper{grid-template-columns:1fr}
  .cart-layout,.checkout-layout{grid-template-columns:1fr}
  .cart-summary,.checkout-summary{position:static}
  .coll-listing-card{grid-template-columns:1fr}
  .coll-listing-art{width:100%;min-height:200px}
}
@media(max-width:900px){
  .hero-container{grid-template-columns:1fr;padding-top:8rem;text-align:center}
  .hero-subtitle,.hero-cta-row{margin-left:auto;margin-right:auto}
  .hero-cta-row{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-right{margin-top:3rem}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .about-badge-float{left:auto;right:0}
  .modal-grid{grid-template-columns:1fr}
  .modal-art-panel{min-height:260px;border-radius:28px 28px 0 0}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .how-steps{grid-template-columns:1fr;gap:2.5rem}
  .how-steps::before{display:none}
}
@media(max-width:768px){
  #navbar{padding:1rem}
  .nav-links,.btn-order{display:none}
  .hamburger{display:flex}
  .collections-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .region-cards-wrap{width:300px;height:380px}
  .collections-listing-grid{grid-template-columns:1fr}
  .dev-card{padding:2.5rem 1.5rem}
  .form-grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .collections-grid{grid-template-columns:1fr;max-width:320px;margin-inline:auto}
  .why-grid{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .contact-cards{flex-direction:column;align-items:stretch}
  #cursor-dot,#cursor-ring{display:none !important;}
  body{cursor:auto !important;}
  button,a{cursor:pointer !important;}
}




/* Added missing Light Mode text visibility rules */
[data-theme="light"] .contact-card-value { color: #2C1810; }
[data-theme="light"] .summary-value { color: #2C1810; }
[data-theme="light"] .coupon-input { color: #2C1810; }
[data-theme="light"] .qty-num { color: #2C1810; }
[data-theme="light"] .step-pill { color: rgba(44,24,16,0.65); }
[data-theme="light"] .step-pill.done { color: var(--primary); }
/* Refactored Modal Classes (Base/Dark) */
.modal-desc { font-size: .8rem; color: rgba(255,255,255,0.5); line-height: 1.8; }
.modal-product-name { font-weight: 600; font-size: .8rem; }
.modal-product-desc { font-size: .7rem; color: rgba(255,255,255,0.45); margin-top: .1rem; }
.modal-taste-value { font-size: .68rem; color: rgba(255,255,255,0.35); width: 28px; text-align: right; }

/* Refactored Modal Classes (Light Mode) */
[data-theme="light"] .modal-desc { color: rgba(44,24,16,0.6); }
[data-theme="light"] .modal-product-name { color: #2C1810; }
[data-theme="light"] .modal-product-desc { color: rgba(44,24,16,0.5); }
[data-theme="light"] .modal-taste-value { color: rgba(44,24,16,0.45); }
[data-theme="light"] .modal-close { background: rgba(44,24,16,0.05); border-color: rgba(44,24,16,0.1); color: #2C1810; }
[data-theme="light"] .modal-close:hover { background: rgba(184,134,11,0.15); color: var(--primary); }

/* Globals for Cursor visibility */
#cursor-dot, #cursor-ring { display: none !important; }
body, html { cursor: auto !important; }
a, button, [data-hover], .map-region, .region-dot { cursor: pointer !important; }