/* ==========================================================================
   THE GILBILE STUDIO — Premium Swarajya Collection
   Landing page stylesheet · plain CSS, no framework, no build step
   Bilingual: English (Inter/Cinzel) + Marathi (Noto Serif Devanagari)
   ==========================================================================
   Contents
     01  Tokens & reset
     02  Devanagari / Marathi typography
     03  Layout helpers
     04  Icons & buttons
     05  Topbar & nav
     06  Hero
     07  Feature chips band
     08  Brand statement
     09  Our Promise cards
     10  Rajmudra
     11  Sections, cards, timeline
     12  Mavale gallery
     13  Collection (SKUs)  ← equal-height cards
     14  Made to order (5–7 days)
     15  Craft
     16  Respect note
     17  Steps & CTA panel
     18  FAQ
     19  Footer & floating button
     20  Responsive
   ========================================================================== */

/* ---------- 01  TOKENS & RESET ---------- */
:root{
  --ink:            #0b0908;
  --ink-2:          #12100d;
  --ink-3:          #1a1713;
  --line:           rgba(200,151,63,.22);
  --line-soft:      rgba(255,255,255,.08);

  --gold:           #c8973f;
  --gold-lt:        #e6c179;
  --gold-dp:        #8e6a24;
  --saffron:        #ef7215;
  --saffron-lt:     #ff9a3c;

  --cream:          #f4ece0;
  --cream-dim:      #cbbfae;
  --cream-faint:    #9b9083;

  --serif:  "Cinzel", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --body:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --deva:   "Noto Serif Devanagari", "Nirmala UI", "Mangal", "Shobhika", serif;

  --r:      14px;
  --r-sm:   9px;
  --maxw:   1200px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--ink);
  color:var(--cream);
  font-family:var(--body);
  font-size:16.5px;
  line-height:1.7;
  font-weight:300;
  overflow-x:hidden;
  background-image:
    radial-gradient(1100px 620px at 78% -8%,  rgba(200,151,63,.11), transparent 62%),
    radial-gradient(900px 520px  at -6% 34%,  rgba(239,114,21,.07), transparent 60%);
  background-attachment:fixed;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ font-family:var(--serif); font-weight:600; letter-spacing:.005em; line-height:1.18; margin:0 0 .5em; }
p{ margin:0 0 1em; }
ul,ol{ margin:0; padding:0; list-style:none; }
strong{ color:var(--cream); font-weight:600; }
::selection{ background:rgba(200,151,63,.32); color:#fff; }
:focus-visible{ outline:2px solid var(--gold-lt); outline-offset:3px; border-radius:4px; }

/* ---------- 02  DEVANAGARI / MARATHI TYPOGRAPHY ----------
   Marathi carries the emotion on this page, so it gets real typographic
   care — a serif Devanagari face, taller line-height (matras sit above AND
   below the baseline and collide at 1.7), and no letter-spacing (which
   breaks conjuncts). Marathi is never italicised: slanted Devanagari is
   simply badly-set type.                                                   */
[lang="mr"],[lang="sa"]{
  font-family:var(--deva);
  line-height:1.9;
  letter-spacing:0;
  font-style:normal;
  font-weight:400;
}
h1[lang="mr"],h2[lang="mr"],h3[lang="mr"],
[lang="mr"] h1,[lang="mr"] h2,[lang="mr"] h3{
  font-family:var(--deva); font-weight:600; line-height:1.55;
}
em[lang="mr"],cite[lang="mr"],i[lang="mr"]{ font-style:normal; }

/* Small inline Marathi accent that rides alongside an English label */
.card h3 em[lang="mr"],
.tl__h em[lang="mr"],
.step h3 em[lang="mr"],
.footer__nav a em[lang="mr"],
.faq summary em[lang="mr"],
.craft__list em[lang="mr"],
.spec dt em[lang="mr"],
.incl__h em[lang="mr"]{
  display:block; font-size:.82em; font-weight:400;
  color:var(--gold); letter-spacing:0; margin-top:2px;
  text-transform:none;
}
.mr-inline{ font-family:var(--deva); }

/* ---------- 03  LAYOUT HELPERS ---------- */
.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 26px; }
.wrap--narrow{ max-width:880px; }

.section{ padding:96px 0; position:relative; }
.section--alt{
  background:linear-gradient(180deg, var(--ink-2), rgba(11,9,8,.6));
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

.eyebrow{
  font-family:var(--body);
  font-size:11.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold); margin:0 0 14px;
}
.eyebrow[lang="mr"],.eyebrow .mr-inline{
  font-family:var(--deva); letter-spacing:.06em; text-transform:none; font-size:14px;
}

.sec-head{ max-width:820px; margin:0 auto 56px; text-align:center; }
.sec-head h2{ font-size:clamp(28px,4.1vw,45px); margin-bottom:16px; }
.sec-head h2[lang="mr"]{ font-size:clamp(25px,3.7vw,40px); }
.sec-head h2::after{
  content:""; display:block; width:66px; height:2px; margin:22px auto 0;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
}
.sec-head__mr{
  font-family:var(--deva); font-size:clamp(17px,2.2vw,22px);
  color:var(--gold-lt); margin:-4px 0 0;
}
.sec-head__lede{ color:var(--cream-dim); font-size:17.5px; margin:20px 0 0; }
.sec-head__lede--en{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:19px; color:var(--cream-faint); margin-top:10px;
}

.grad{
  background:linear-gradient(96deg,var(--gold-lt) 0%, var(--gold) 42%, var(--saffron) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--gold);
}

/* Image frame — reads as intentional even before the photo exists */
.shot{
  margin:0; position:relative; overflow:hidden;
  border-radius:var(--r);
  border:1px solid var(--line);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(200,151,63,.14), transparent 60%),
    linear-gradient(180deg,#171410,#0c0a08);
  box-shadow:0 20px 46px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  min-height:180px;
  display:flex; flex-direction:column;
}
.shot img{
  width:100%; flex:1 1 auto; min-height:0;
  object-fit:contain;               /* never crop a statue */
  padding:14px;
  color:var(--cream-faint);
  font-family:var(--body); font-size:12.5px; line-height:1.6;
  text-align:center; font-style:italic;
}
.shot figcaption{
  font-size:12.5px; color:var(--cream-faint); text-align:center;
  padding:11px 14px 14px; border-top:1px solid var(--line-soft);
  background:rgba(0,0,0,.28);
}
.shot figcaption[lang="mr"]{ font-family:var(--deva); line-height:1.7; }

/* ---------- 04  ICONS & BUTTONS ---------- */
.ico-wa,.ico-ig{
  width:1.05em; height:1.05em; flex:0 0 auto;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center;  mask-position:center;
  -webkit-mask-size:contain;     mask-size:contain;
  display:inline-block; vertical-align:-.13em;
}
.ico-wa{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.347-.347.52-.52.174-.173.232-.297.347-.495.115-.198.057-.371-.058-.52-.115-.148-.669-1.612-.916-2.207-.243-.584-.49-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.347-.347.52-.52.174-.173.232-.297.347-.495.115-.198.057-.371-.058-.52-.115-.148-.669-1.612-.916-2.207-.243-.584-.49-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E");
}
.ico-ig{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0m0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.9.423.421.682.819.9 1.381.163.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.9 1.382-.419.423-.824.682-1.38.9-.42.163-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.9-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421C8.517 2.18 8.892 2.16 12 2.16m0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m7.846-10.405a1.441 1.441 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0m0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.9.423.421.682.819.9 1.381.163.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.9 1.382-.419.423-.824.682-1.38.9-.42.163-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.9-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421C8.517 2.18 8.892 2.16 12 2.16m0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m7.846-10.405a1.441 1.441 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0'/%3E%3C/svg%3E");
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 26px; border-radius:999px;
  font-family:var(--deva);      /* buttons carry Marathi text */
  font-size:15px; font-weight:600; letter-spacing:.01em; line-height:1.5;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform .18s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.btn:hover{ transform:translateY(-2px); }
.btn--wa{
  background:linear-gradient(180deg,#2ee06f,#16a34a);
  color:#05230f; box-shadow:0 12px 30px rgba(37,211,102,.24);
}
.btn--wa:hover{ box-shadow:0 18px 40px rgba(37,211,102,.34); }
.btn--ig{
  background:transparent; color:var(--cream);
  border-color:var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.btn--ig:hover{ border-color:var(--gold); color:var(--gold-lt); background:rgba(200,151,63,.07); }
.btn--sm{ padding:10px 20px; font-size:13.5px; }
.btn--lg{ padding:17px 34px; font-size:16px; }
.btn--full{ width:100%; }

.link-ig{
  display:block; text-align:center; margin:12px auto 0; width:fit-content;
  font-family:var(--deva); font-size:13.5px; color:var(--cream-faint);
  border-bottom:1px dotted transparent;
}
.link-ig:hover{ color:var(--gold-lt); border-bottom-color:var(--gold); }

/* ---------- 05  TOPBAR & NAV ---------- */
.topbar{
  background:linear-gradient(90deg,var(--gold-dp),var(--saffron) 52%,var(--gold-dp));
  color:#20140a; font-size:12.5px; font-weight:500;
}
.topbar__inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:38px; flex-wrap:wrap;
}
.topbar__mantra{ font-family:var(--deva); font-weight:600; font-size:13.5px; }
.topbar__launch{ letter-spacing:.03em; }
.topbar__launch .mr-inline{ font-weight:600; font-size:13.5px; }

.nav{
  position:sticky; top:0; z-index:60;
  background:rgba(11,9,8,.88);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-soft);
}
.nav__inner{ display:flex; align-items:center; gap:22px; min-height:74px; }

.brand{ display:flex; align-items:center; gap:12px; margin-right:auto; }
.brand__mark{
  width:44px; height:44px; border-radius:50%;
  border:1px solid var(--line); background:rgba(200,151,63,.1);
  object-fit:cover; padding:3px; flex:0 0 auto;
}
.brand__text{ display:flex; flex-direction:column; line-height:1.15; }
.brand__name{
  font-family:var(--serif); font-size:18px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase; color:var(--cream);
}
.brand__sub{ font-family:var(--deva); font-size:12px; color:var(--gold); line-height:1.5; }

.nav__links{ display:flex; gap:24px; }
.nav__links a{
  font-size:13.5px; letter-spacing:.05em; color:var(--cream-dim);
  padding:6px 0; position:relative; transition:color .2s ease; white-space:nowrap;
}
.nav__links a::after{
  content:""; position:absolute; left:0; right:100%; bottom:0; height:1px;
  background:var(--gold); transition:right .25s ease;
}
.nav__links a:hover{ color:var(--cream); }
.nav__links a:hover::after{ right:0; }
.nav__cta{ flex:0 0 auto; }

/* ---------- 06  HERO ---------- */
.hero{ position:relative; padding:78px 0 88px; overflow:hidden; }
.hero__glow{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(680px 420px at 72% 26%, rgba(239,114,21,.14), transparent 65%),
    radial-gradient(520px 380px at 14% 78%, rgba(200,151,63,.10), transparent 68%);
}
.hero__inner{
  position:relative;
  display:grid; grid-template-columns:1.08fr .92fr; gap:64px; align-items:center;
}
.hero__copy{ min-width:0; }

.hero__title{ margin-bottom:24px; }
.hero__mr{
  display:block; font-family:var(--deva); font-weight:700; line-height:1.4;
  font-size:clamp(32px,5vw,58px);
}
.hero__en{
  display:block; margin-top:14px;
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-weight:400;
  font-size:clamp(17px,2.1vw,23px); color:var(--cream-faint); line-height:1.4;
}

.hero__lede{ color:var(--cream-dim); font-size:18px; max-width:56ch; }
.hero__lede--en{
  font-size:15.5px; color:var(--cream-faint);
  padding-top:14px; margin-top:16px; border-top:1px solid var(--line-soft);
}
.hero__cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.hero__note{ font-size:14px; color:var(--cream-faint); margin-top:16px; }

.hero__shot--tall,.shot--tall{ min-height:520px; }
.hero__shot img{ max-height:600px; }

/* ---------- 07  FEATURE CHIPS BAND ---------- */
.chips-band{
  padding:26px 0;
  background:linear-gradient(180deg,rgba(200,151,63,.07),rgba(11,9,8,0));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line-soft);
}
.chips{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
}
.chip{
  display:flex; align-items:center; gap:9px;
  padding:9px 16px 9px 12px; border-radius:999px;
  background:rgba(26,23,19,.75); border:1px solid var(--line-soft);
  transition:border-color .22s ease, transform .22s ease, background .22s ease;
}
.chip:hover{ border-color:var(--gold); transform:translateY(-2px); background:rgba(200,151,63,.08); }
.chip__i{ font-size:16px; line-height:1; filter:saturate(.85); }
.chip__t{
  display:flex; flex-direction:column; line-height:1.25;
  font-size:12.5px; font-weight:600; letter-spacing:.03em; color:var(--cream);
}
.chip__t em{
  font-family:var(--deva); font-style:normal; font-weight:400;
  font-size:12px; color:var(--gold); line-height:1.6;
}

/* ---------- 08  BRAND STATEMENT ---------- */
.statement{
  padding:88px 0;
  background:
    radial-gradient(760px 340px at 50% 0%, rgba(239,114,21,.12), transparent 70%),
    linear-gradient(180deg,#0e0b09,#0b0908);
  text-align:center;
}
.statement__inner{ max-width:900px; }
.statement__label{
  font-family:var(--deva); font-size:14px; color:var(--gold);
  letter-spacing:.06em; margin-bottom:20px;
}
.statement__h{
  font-family:var(--deva); font-weight:700; line-height:1.45;
  font-size:clamp(26px,4.2vw,44px); margin-bottom:14px;
}
.statement__en{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:clamp(17px,2.1vw,21px); color:var(--cream-faint); margin-bottom:30px;
}
.statement__body{
  font-size:17px; color:var(--cream-dim); max-width:64ch; margin:0 auto 14px;
}
.statement__body--en{
  font-size:15px; color:var(--cream-faint); max-width:70ch;
  padding-top:16px; border-top:1px solid var(--line-soft); margin-top:24px;
}

/* ---------- 09  OUR PROMISE ---------- */
.promise{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:18px;
}
.pcard{
  position:relative; padding:28px 24px 24px;
  background:linear-gradient(180deg,var(--ink-3),rgba(13,11,9,.55));
  border:1px solid var(--line-soft); border-radius:var(--r);
  display:flex; flex-direction:column;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.pcard:hover{
  border-color:var(--line); transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(0,0,0,.45);
}
.pcard__i{
  font-size:24px; line-height:1; margin-bottom:14px;
  width:50px; height:50px; border-radius:50%;
  display:grid; place-items:center;
  background:radial-gradient(circle at 35% 30%, rgba(200,151,63,.22), rgba(200,151,63,.05));
  border:1px solid var(--line);
}
.pcard h3{ font-size:18.5px; color:var(--cream); margin-bottom:4px; }
.pcard__mr{
  font-family:var(--deva); font-size:15px; color:var(--gold-lt);
  margin:0 0 12px; line-height:1.7;
}
.pcard p{ font-size:14.5px; color:var(--cream-dim); margin:0; }
.pcard__mr2{
  font-family:var(--deva); font-size:14.5px; color:var(--cream-faint);
  margin-top:12px !important; padding-top:12px;
  border-top:1px solid var(--line-soft); line-height:1.85;
}
.pcard--hl{
  border-color:rgba(239,114,21,.3);
  background:linear-gradient(180deg,rgba(239,114,21,.10),rgba(13,11,9,.6));
}
.pcard--hl .pcard__i{ border-color:rgba(239,114,21,.4); }

/* ---------- 10  RAJMUDRA ---------- */
.mudra{
  padding:74px 0;
  background:
    radial-gradient(700px 300px at 50% 0%, rgba(200,151,63,.14), transparent 70%),
    linear-gradient(180deg,#0f0c0a,#0b0908);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
}
.mudra__inner{ max-width:840px; }
.mudra__label{
  font-family:var(--deva); font-size:15px; letter-spacing:.14em;
  color:var(--gold); font-weight:600; margin-bottom:26px;
}
.mudra__verse{
  font-family:var(--deva); font-size:clamp(19px,2.7vw,28px); line-height:2;
  color:var(--gold-lt); margin:0 0 26px; font-weight:600;
  text-shadow:0 2px 24px rgba(200,151,63,.22);
}
.mudra__trans{
  font-family:var(--deva); font-size:clamp(16px,2vw,20px); color:var(--cream);
  max-width:64ch; margin:0 auto 16px;
}
.mudra__trans--en{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:clamp(16px,2vw,20px); color:var(--cream-faint); margin-bottom:22px;
}
.mudra__note{ font-size:15.5px; color:var(--cream-faint); max-width:62ch; margin:0 auto; }

/* ---------- 11  SECTIONS, CARDS, TIMELINE ---------- */
.grid{ display:grid; gap:20px; }
.grid--3{ grid-template-columns:repeat(3,1fr); }
.grid--4{ grid-template-columns:repeat(3,1fr); }
.grid--tight{ gap:16px; }

.card{
  background:linear-gradient(180deg,var(--ink-3),rgba(18,16,13,.55));
  border:1px solid var(--line-soft);
  border-radius:var(--r); padding:26px 24px;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.card:hover{
  border-color:var(--line); transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(0,0,0,.42);
}
.card h3{ font-size:18px; color:var(--gold-lt); margin-bottom:12px; }
.card p{ font-size:15px; color:var(--cream-dim); margin:0; }
.card--name h3{
  font-family:var(--serif); font-size:17px; color:var(--cream);
  padding-bottom:11px; border-bottom:1px solid var(--line);
}
.card--name h3 em[lang="mr"]{ font-size:1.15em; color:var(--gold-lt); margin-top:5px; }
.card--name p{ font-size:14.5px; }
.card--occ h3{ font-size:16.5px; }

.timeline{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.tl{
  position:relative; padding:26px 24px 24px;
  background:linear-gradient(180deg,rgba(26,23,19,.92),rgba(13,11,9,.6));
  border:1px solid var(--line-soft); border-radius:var(--r);
  border-top:2px solid var(--gold-dp);
  transition:border-top-color .25s ease, transform .25s ease;
}
.tl:hover{ border-top-color:var(--saffron); transform:translateY(-3px); }
.tl__year{
  display:inline-block; font-family:var(--serif); font-size:13px; font-weight:700;
  letter-spacing:.18em; color:var(--gold);
  padding:4px 12px; margin-bottom:14px;
  border:1px solid var(--line); border-radius:999px;
  background:rgba(200,151,63,.08);
}
.tl__h{ font-size:19px; margin-bottom:12px; color:var(--cream); }
.tl__h em[lang="mr"]{ font-size:.95em; color:var(--gold-lt); margin-top:4px; }
.tl p{ font-size:15px; color:var(--cream-dim); margin:0; }
.tl p [lang="mr"]{ color:var(--gold-lt); }
.tl--crown{
  border-top-color:var(--saffron);
  background:linear-gradient(180deg,rgba(239,114,21,.13),rgba(13,11,9,.7));
  box-shadow:0 0 0 1px rgba(239,114,21,.2), 0 18px 44px rgba(239,114,21,.10);
}
.tl--crown .tl__year{ color:var(--saffron-lt); border-color:rgba(239,114,21,.42); }

/* ---------- 12  MAVALE GALLERY ---------- */
.gallery{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:44px; }
.gallery .shot{ min-height:250px; }
.gallery__note{
  text-align:center; font-size:14.5px; color:var(--cream-faint); margin-top:18px;
}

/* ---------- 13  COLLECTION (SKUs) ----------
   Equal-height cards: the grid stretches every card to the tallest row
   (NO align-items:start), the body is a flex column, and .sku__cta is pushed
   to the bottom with margin-top:auto — so all three buttons line up exactly
   even though SKU 3 lists eight inclusions and SKU 1 lists five.           */
.skus{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  align-items:stretch;
}
.sku{
  position:relative; height:100%;
  background:linear-gradient(180deg,#16130f,#0d0b09);
  border:1px solid var(--line-soft); border-radius:18px;
  overflow:hidden; display:flex; flex-direction:column;
  transition:border-color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.sku:hover{
  border-color:var(--line); transform:translateY(-4px);
  box-shadow:0 26px 60px rgba(0,0,0,.5);
}
.sku__num{
  position:absolute; top:16px; left:16px; z-index:2;
  width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center;
  font-family:var(--serif); font-size:14px; font-weight:700; color:var(--gold-lt);
  background:rgba(11,9,8,.78); border:1px solid var(--line);
  backdrop-filter:blur(4px);
}
.sku__shot{
  flex:0 0 auto;                       /* image band is a fixed height in all 3 */
  border:0; border-radius:0; box-shadow:none; height:320px; min-height:320px;
  border-bottom:1px solid var(--line-soft);
  background:
    radial-gradient(110% 80% at 50% 0%, rgba(200,151,63,.15), transparent 62%),
    linear-gradient(180deg,#191510,#0b0908);
}
.sku__shot img{ height:100%; }

.sku__body{ padding:26px 24px 28px; display:flex; flex-direction:column; flex:1 1 auto; }
.sku__head{ min-height:132px; }        /* keeps titles/taglines on one baseline */
.sku__title{ font-size:21px; margin-bottom:4px; color:var(--cream); }
.sku__mr{
  font-family:var(--deva); font-size:16px; color:var(--gold-lt);
  margin:0 0 10px; line-height:1.6;
}
.sku__tag{
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:14px;
}
.sku__line{
  font-family:var(--deva); font-size:16px; color:var(--cream-dim);
  padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line-soft);
  line-height:1.75;
}

.spec{ margin:0 0 20px; display:grid; gap:11px; }
.spec div{ display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.spec dt{
  font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--cream-faint);
}
.spec dd{ margin:0; font-size:14.5px; font-weight:500; color:var(--cream); text-align:right; }
.spec dd span{ color:var(--cream-faint); font-weight:300; font-size:13px; }

.incl__h{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:12px;
}
.incl{ display:grid; gap:9px; margin-bottom:24px; }
.incl li{
  position:relative; padding-left:22px; font-size:14.5px; color:var(--cream-dim);
  line-height:1.55;
}
.incl li::before{
  content:""; position:absolute; left:0; top:.55em;
  width:9px; height:9px; border-radius:2px; transform:rotate(45deg);
  background:linear-gradient(135deg,var(--gold-lt),var(--gold-dp));
}
.sku__cta{ margin-top:auto; padding-top:6px; }

.sku--feature{
  border-color:rgba(239,114,21,.34);
  box-shadow:0 0 0 1px rgba(239,114,21,.14), 0 24px 60px rgba(239,114,21,.10);
}
.sku--feature .sku__shot{
  background:
    radial-gradient(110% 80% at 50% 0%, rgba(239,114,21,.18), transparent 64%),
    linear-gradient(180deg,#1b1510,#0b0908);
}
.ribbon{
  position:absolute; top:18px; right:-1px; z-index:2;
  font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#20140a; padding:7px 16px;
  background:linear-gradient(90deg,var(--saffron-lt),var(--saffron));
  border-radius:999px 0 0 999px;
  box-shadow:0 6px 18px rgba(239,114,21,.34);
}
.skus__foot{
  text-align:center; font-size:15px; color:var(--cream-faint);
  max-width:72ch; margin:34px auto 0;
}

/* ---------- 14  MADE TO ORDER (5–7 DAYS) ---------- */
.mto{
  text-align:center; padding:46px 40px;
  border:1px solid var(--line); border-radius:20px;
  background:
    radial-gradient(600px 280px at 50% 0%, rgba(200,151,63,.13), transparent 70%),
    linear-gradient(180deg,#16130f,#0b0908);
  box-shadow:0 26px 64px rgba(0,0,0,.46);
}
.mto__label{
  font-family:var(--deva); font-size:14px; letter-spacing:.1em;
  color:var(--gold); font-weight:600; margin-bottom:16px;
}
.mto__h{
  font-family:var(--deva); font-weight:700; line-height:1.5;
  font-size:clamp(22px,3.2vw,34px); color:var(--cream); margin-bottom:10px;
}
.mto__en{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:18px; color:var(--cream-faint); margin-bottom:26px;
}
.mto__body{ font-size:16.5px; color:var(--cream-dim); max-width:62ch; margin:0 auto 14px; }
.mto__body--en{
  font-size:14.5px; color:var(--cream-faint); max-width:66ch;
  padding-top:14px; margin-top:18px; border-top:1px solid var(--line-soft);
}
.mto__steps{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  margin:32px 0 30px;
}
.mto__step{
  padding:16px 10px; border-radius:var(--r-sm);
  background:rgba(200,151,63,.06); border:1px solid var(--line-soft);
}
.mto__step span{
  display:block; font-family:var(--serif); font-size:12px; font-weight:700;
  letter-spacing:.16em; color:var(--gold); margin-bottom:6px;
}
.mto__step p{ margin:0; font-size:13.5px; font-weight:500; color:var(--cream); line-height:1.4; }
.mto__step em{
  display:block; font-family:var(--deva); font-style:normal;
  font-size:13px; color:var(--gold-lt); margin-top:3px; line-height:1.7;
}
.mto__badge{
  display:inline-flex; flex-direction:column; gap:2px; margin:0;
  padding:14px 30px; border-radius:999px;
  background:linear-gradient(90deg,rgba(239,114,21,.2),rgba(200,151,63,.16));
  border:1px solid rgba(239,114,21,.36);
}
.mto__badge strong{
  font-size:14.5px; letter-spacing:.06em; color:var(--cream);
}
.mto__badge span{ font-family:var(--deva); font-size:14px; color:var(--saffron-lt); }

/* ---------- 15  CRAFT ---------- */
.craft{ display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; }
.craft h2{ font-size:clamp(26px,3.6vw,40px); margin-bottom:8px; }
.craft__en-h{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:19px; color:var(--cream-faint); margin-bottom:24px;
}
.craft__copy p{ color:var(--cream-dim); font-size:16.5px; }
.craft__list{ display:grid; gap:14px; margin:28px 0 24px; }
.craft__list li{
  position:relative; padding-left:26px; font-size:15px; color:var(--cream-dim);
}
.craft__list li::before{
  content:""; position:absolute; left:0; top:.6em;
  width:11px; height:11px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, var(--gold-lt), var(--gold-dp));
  box-shadow:0 0 0 3px rgba(200,151,63,.12);
}
.craft__care{
  font-size:15px; color:var(--cream-faint);
  padding:16px 18px; border-left:2px solid var(--gold);
  background:rgba(200,151,63,.06); border-radius:0 var(--r-sm) var(--r-sm) 0; margin:0;
}
.craft__shots{ display:grid; gap:18px; }
.craft__shots .shot{ min-height:260px; }

/* ---------- 16  RESPECT NOTE ---------- */
.respect{
  padding:82px 0;
  background:
    radial-gradient(760px 320px at 50% 100%, rgba(239,114,21,.10), transparent 70%),
    linear-gradient(180deg,#0b0908,#100d0a);
  border-top:1px solid var(--line);
}
.respect__inner{ max-width:860px; text-align:center; }
.respect__label{
  font-family:var(--deva); font-size:14.5px; letter-spacing:.06em;
  color:var(--gold); font-weight:600; margin-bottom:26px;
}
.respect__shloka{
  font-family:var(--deva); font-weight:600; line-height:2;
  font-size:clamp(19px,2.6vw,26px); color:var(--gold-lt);
  margin:0 0 30px; padding:22px 0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  text-shadow:0 2px 22px rgba(200,151,63,.2);
}
.respect__shloka cite{
  display:block; margin-top:10px; font-style:normal;
  font-size:14px; font-weight:400; color:var(--cream-faint); letter-spacing:.04em;
}
.respect__body{ font-size:17px; line-height:2; color:var(--cream); margin-bottom:20px; }
.respect__body--en{
  font-family:"Cormorant Garamond",Georgia,serif; font-style:italic;
  font-size:17px; line-height:1.7; color:var(--cream-faint);
}
.respect__sign{
  font-family:var(--serif); font-size:13px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold); margin:0;
}

/* ---------- 17  STEPS & CTA PANEL ---------- */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.step{
  position:relative; padding:32px 26px 28px;
  background:linear-gradient(180deg,var(--ink-3),rgba(13,11,9,.6));
  border:1px solid var(--line-soft); border-radius:var(--r);
}
.step__n{
  position:absolute; top:-19px; left:26px;
  width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center;
  font-family:var(--serif); font-weight:700; font-size:15px; color:#20140a;
  background:linear-gradient(180deg,var(--gold-lt),var(--gold));
  box-shadow:0 8px 20px rgba(200,151,63,.28);
}
.step h3{ font-size:19px; margin:10px 0 12px; color:var(--cream); }
.step p{ font-family:var(--deva); font-size:15px; color:var(--cream-dim); margin:0; line-height:1.85; }

.cta-panel{
  margin-top:56px; padding:40px 44px;
  display:flex; align-items:center; justify-content:space-between; gap:34px;
  border-radius:20px; border:1px solid var(--line);
  background:
    radial-gradient(600px 260px at 12% 0%, rgba(239,114,21,.16), transparent 68%),
    linear-gradient(120deg,#191410,#0d0b09);
  box-shadow:0 26px 64px rgba(0,0,0,.46);
}
.cta-panel__copy{ min-width:0; }
.cta-panel__k{
  font-family:var(--deva); font-size:14px; letter-spacing:.04em;
  color:var(--saffron-lt); font-weight:600; margin-bottom:8px;
}
.cta-panel h3{ font-size:clamp(21px,2.7vw,29px); margin-bottom:8px; line-height:1.45; }
.cta-panel__sub{ color:var(--cream-dim); font-size:15.5px; margin:0; }
.cta-panel__btns{ display:flex; gap:14px; flex-wrap:wrap; flex:0 0 auto; }

/* ---------- 18  FAQ ---------- */
.faq{ display:grid; gap:12px; }
.faq details{
  border:1px solid var(--line-soft); border-radius:var(--r-sm);
  background:linear-gradient(180deg,rgba(26,23,19,.8),rgba(13,11,9,.5));
  transition:border-color .22s ease;
}
.faq details[open]{ border-color:var(--line); }
.faq summary{
  cursor:pointer; list-style:none; padding:18px 52px 18px 22px; position:relative;
  font-family:var(--serif); font-size:16.5px; color:var(--cream); font-weight:600;
  line-height:1.4;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary em[lang="mr"]{ font-size:.95em; margin-top:4px; }
.faq summary::after{
  content:""; position:absolute; right:22px; top:26px;
  width:11px; height:11px;
  border-right:2px solid var(--gold); border-bottom:2px solid var(--gold);
  transform:rotate(45deg); transition:transform .24s ease;
}
.faq details[open] summary::after{ transform:rotate(-135deg); }
.faq summary:hover{ color:var(--gold-lt); }
.faq details p{ margin:0; padding:0 22px 22px; font-size:15.5px; color:var(--cream-dim); }

/* ---------- 19  FOOTER & FAB ---------- */
.footer{
  background:linear-gradient(180deg,#0a0807,#080706);
  border-top:1px solid var(--line);
  padding:64px 0 26px;
}
.footer__inner{
  display:grid; grid-template-columns:1.4fr .9fr 1fr; gap:44px;
  padding-bottom:40px; border-bottom:1px solid var(--line-soft);
}
.footer__brand .brand__mark{ width:56px; height:56px; margin-bottom:16px; }
.footer__name{
  font-family:var(--serif); font-size:19px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--cream); margin:0 0 6px;
}
.footer__mantra{ font-family:var(--deva); font-size:15px; color:var(--gold); margin:0 0 14px; }
.footer__made{ font-size:15px; color:var(--cream-dim); margin:0; max-width:36ch; }
.footer__made-en{ font-family:var(--body); font-size:13.5px; color:var(--cream-faint); }

.footer__h{
  font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:16px;
}
.footer__nav{ display:flex; flex-direction:column; gap:13px; }
.footer__nav a{ font-size:14.5px; color:var(--cream-dim); width:fit-content; line-height:1.3; }
.footer__nav a em[lang="mr"]{ font-size:.9em; }
.footer__nav a:hover{ color:var(--gold-lt); }

.footer__contact{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.footer__link{
  display:inline-flex; align-items:center; gap:10px;
  font-size:14.5px; color:var(--cream-dim);
  padding:9px 18px; border:1px solid var(--line-soft); border-radius:999px;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.footer__link:hover{ border-color:var(--gold); color:var(--gold-lt); background:rgba(200,151,63,.07); }
.footer__small{ font-size:13.5px; color:var(--cream-faint); margin:0; }

.footer__bottom{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding-top:22px;
}
.footer__bottom p{ margin:0; font-size:13px; color:var(--cream-faint); }
.footer__tribute{ color:var(--gold) !important; }

.fab{
  position:fixed; right:20px; bottom:20px; z-index:80;
  display:inline-flex; align-items:center; gap:11px;
  padding:15px 22px; border-radius:999px;
  background:linear-gradient(180deg,#2ee06f,#128c3e); color:#04230f;
  font-family:var(--deva); font-size:14.5px; font-weight:600;
  box-shadow:0 14px 36px rgba(18,140,62,.42);
  transition:transform .18s ease, box-shadow .22s ease;
}
.fab:hover{ transform:translateY(-3px); box-shadow:0 20px 46px rgba(18,140,62,.55); }
.fab .ico-wa{ width:20px; height:20px; }

/* ---------- 20  RESPONSIVE ---------- */
@media (max-width:1080px){
  .nav__links{ display:none; }
  .hero__inner{ grid-template-columns:1fr; gap:44px; }
  .hero__shot{ order:-1; min-height:420px; }
  .hero__shot img{ max-height:440px; }
  .timeline,.grid--3,.grid--4{ grid-template-columns:repeat(2,1fr); }
  .skus{ grid-template-columns:1fr; max-width:560px; margin-inline:auto; }
  .sku__head{ min-height:0; }
  .gallery{ grid-template-columns:repeat(3,1fr); }
  .craft{ grid-template-columns:1fr; gap:40px; }
  .craft__shots{ grid-template-columns:1fr 1fr; }
  .steps{ grid-template-columns:1fr; gap:34px; }
  .cta-panel{ flex-direction:column; text-align:center; align-items:center; }
  .footer__inner{ grid-template-columns:1fr 1fr; }
}

@media (max-width:680px){
  body{ font-size:16px; }
  .wrap{ padding:0 18px; }
  .section{ padding:64px 0; }
  .topbar__inner{ justify-content:center; text-align:center; padding:7px 0; }
  .topbar__launch{ font-size:11.5px; }
  .nav__inner{ min-height:66px; }
  .brand__name{ font-size:15px; letter-spacing:.06em; }
  .brand__sub{ font-size:11px; }
  .brand__mark{ width:38px; height:38px; }
  .hero{ padding:48px 0 64px; }
  .hero__cta .btn{ width:100%; }
  .chips{ justify-content:flex-start; gap:8px; }
  .chip{ padding:8px 13px 8px 10px; }
  .statement,.respect,.mudra{ padding:60px 0; }
  .timeline,.grid--3,.grid--4,.promise{ grid-template-columns:1fr; }
  .gallery{ grid-template-columns:repeat(2,1fr); }
  .gallery .shot{ min-height:200px; }
  .mto{ padding:32px 20px; }
  .mto__steps{ grid-template-columns:repeat(2,1fr); }
  .mto__badge{ width:100%; align-items:center; }
  .craft__shots{ grid-template-columns:1fr; }
  .cta-panel{ padding:32px 22px; }
  .cta-panel__btns{ width:100%; flex-direction:column; }
  .cta-panel__btns .btn{ width:100%; }
  .footer__inner{ grid-template-columns:1fr; gap:34px; }
  .footer__bottom{ flex-direction:column; text-align:center; }
  .fab{ right:14px; bottom:14px; padding:14px; }
  .fab__t{ display:none; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ transition:none !important; animation:none !important; }
}

/* Print — a clean enquiry sheet */
@media print{
  body{ background:#fff; color:#111; background-image:none; }
  .topbar,.nav,.fab,.hero__glow,.gallery,.craft__shots,.chips-band{ display:none; }
  .shot{ box-shadow:none; border-color:#ccc; }
  .section,.section--alt,.mudra,.respect,.statement,.mto{ background:none; border-color:#ddd; padding:24px 0; }
  h1,h2,h3,.card h3,.tl__h,.sku__title,.pcard h3{ color:#111; }
  p,.card p,.tl p,.pcard p{ color:#333; }
}

/* ---------- 18  SHOP ON AMAZON ---------- */
.btn--amz{
  background:linear-gradient(180deg,#ffd978,#f0a93c);
  color:#2a1a05; box-shadow:0 12px 30px rgba(240,169,60,.22);
  font-family:var(--body); font-weight:600;
}
.btn--amz:hover{ box-shadow:0 18px 40px rgba(240,169,60,.32); }
.btn--ghost{
  background:transparent; color:var(--cream);
  border-color:var(--line); font-family:var(--body);
}
.btn--ghost:hover{ border-color:var(--gold); color:var(--gold-lt); background:rgba(200,151,63,.07); }

.shop-grid{
  display:grid; gap:22px; margin-top:34px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.shop-card{
  display:flex; flex-direction:column;
  background:var(--ink-2); border:1px solid var(--line-soft);
  border-radius:var(--r); overflow:hidden;
  transition:border-color .22s ease, transform .22s ease;
}
.shop-card:hover{ border-color:var(--line); transform:translateY(-3px); }
.shop-card__shot{ margin:0; border:0; border-radius:0; background:var(--ink-3); }
.shop-card__shot img{ width:100%; height:260px; object-fit:cover; display:block; }
.shop-card__body{ padding:20px 20px 22px; display:flex; flex-direction:column; flex:1; }
.shop-card__title{
  font-family:var(--serif); font-size:17px; line-height:1.35;
  color:var(--gold-lt); margin:0 0 6px;
}
.shop-card__mr{ font-family:var(--deva); font-size:13.5px; color:var(--gold); margin:0 0 10px; }
.shop-card__line{ font-size:14px; color:var(--cream-dim); line-height:1.65; margin:0 0 18px; flex:1; }
.shop-all{ text-align:center; margin:34px 0 0; }

@media (max-width:640px){
  .shop-card__shot img{ height:220px; }
}

/* ---------- 19  COLLECTION — LAUNCHING SOON ---------- */
.collection--soon{ position:relative; overflow:hidden; }
.collection--soon::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(70% 55% at 50% -10%, rgba(239,114,21,.16), transparent 70%),
    radial-gradient(50% 40% at 50% 110%, rgba(200,151,63,.10), transparent 70%);
}
.collection--soon > .wrap{ position:relative; z-index:1; }

.eyebrow--flare{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 18px; border-radius:999px;
  background:linear-gradient(90deg,rgba(239,114,21,.18),rgba(200,151,63,.18));
  border:1px solid rgba(239,114,21,.45);
  color:var(--saffron-lt); letter-spacing:.14em;
  animation:soonPulse 2.8s ease-in-out infinite;
}
.eyebrow--flare em{ font-family:var(--deva); font-style:normal; color:var(--gold-lt); letter-spacing:0; }
@keyframes soonPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(239,114,21,.30); }
  50%    { box-shadow:0 0 0 9px rgba(239,114,21,0); }
}

.sku--soon{ border-color:rgba(200,151,63,.26); }
.sku--soon:hover{ border-color:rgba(239,114,21,.5); }
.soon-badge{
  position:absolute; top:18px; right:0; z-index:3;
  padding:7px 16px 7px 14px;
  background:linear-gradient(90deg,var(--saffron),#d2590a);
  color:#fff6ec; font-family:var(--body); font-size:11.5px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  border-radius:999px 0 0 999px;
  box-shadow:0 8px 22px rgba(239,114,21,.35);
}
.sku__tagline{
  margin:16px 0 0; padding-top:14px;
  border-top:1px solid var(--line-soft);
  font-family:var(--serif); font-size:13.5px; line-height:1.6;
  color:var(--gold-lt); letter-spacing:.02em;
}

.soon-strip{
  margin:40px 0 0; padding:26px 28px;
  border:1px solid var(--line); border-radius:var(--r);
  background:linear-gradient(180deg,rgba(239,114,21,.07),rgba(13,11,9,.5));
  text-align:center;
}
.soon-strip__h{
  margin:0 0 16px; font-family:var(--serif); font-size:14px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold);
}
.soon-strip__h em{ font-family:var(--deva); font-style:normal; letter-spacing:0; text-transform:none; color:var(--gold-lt); }
.soon-strip__list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px 14px;
}
.soon-strip__list li{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:999px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.03);
  font-size:13.5px; color:var(--cream-dim);
}
.soon-strip__note{
  margin:18px 0 0; font-family:var(--deva); font-size:14px; color:var(--gold-lt); line-height:1.7;
}
.soon-strip__note-en{
  display:block; font-family:var(--body); font-size:12.5px;
  color:var(--cream-faint); font-style:italic; margin-top:4px;
}

@media (max-width:900px){
  .soon-strip{ padding:22px 18px; }
  .soon-strip__list li{ font-size:12.5px; padding:8px 13px; }
}

/* Feature card carries two tags — stack them so they never overlap */
.ribbon--second{ top:62px; background:linear-gradient(90deg,var(--gold-lt),var(--gold)); }