/*
Theme Name: Shree Radhe Creations
Theme URI: https://shreeradhecreations.in
Author: Onestopr
Author URI: https://onestopr.in
Description: A bespoke, ornate WooCommerce theme for Shree Radhe Creations — handcrafted Radha–Krishna & Laddu Gopal devotional products. Premium temple-inspired design with a photography-first homepage that auto-populates from your WooCommerce catalogue.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shree-radhe
Tags: ecommerce, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, e-commerce
*/

/* ============================================================
   SHREE RADHE CREATIONS — DESIGN SYSTEM
   Fonts are enqueued in functions.php (Fraunces, Cormorant
   Garamond, Mukta, Rozha One). Do NOT @import here.
   ============================================================ */
:root{
  /* Greens */
  --green:#0F3D20; --green-2:#123A21; --green-deep:#092A15; --green-darkest:#06200F;
  /* Golds */
  --gold:#C7A24C; --gold-lt:#F4DE9B; --gold-2:#E7C978; --gold-dk:#9A7729;
  /* Accents */
  --saffron:#DD8327; --marigold:#EFA637; --peacock:#1C8E82; --peacock-dk:#0E5F58; --maroon:#7C2230;
  /* Neutrals */
  --ivory:#FCF5E6; --cream:#F6ECD2; --paper:#FBF4E4; --ink:#20160B; --ink-soft:#4A3A28;
  /* Roles */
  --bg:var(--paper); --surface:#FFFDF7; --line:#E7D9B6; --line-strong:#D8C48E;
  --text:var(--ink); --text-soft:var(--ink-soft); --text-inv:#F6ECD2;
  /* Type */
  --f-display:"Fraunces",Georgia,serif;
  --f-accent:"Cormorant Garamond",Georgia,serif;
  --f-body:"Mukta",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --f-deva:"Rozha One","Mukta",serif;
  /* Metrics */
  --wrap:1240px; --gutter:clamp(16px,4vw,40px);
  --r-sm:10px; --r-md:16px; --r-lg:26px;
  --shadow-sm:0 2px 10px rgba(30,20,8,.06);
  --shadow-md:0 14px 40px -18px rgba(30,20,8,.28);
  --shadow-lg:0 30px 80px -30px rgba(20,12,4,.45);
  --niche:150px 150px 22px 22px; /* arched temple niche */
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Gold foil text */
.foil{
  background:linear-gradient(92deg,#9A7729 0%,#E7C978 22%,#F4DE9B 42%,#C7A24C 58%,#F4DE9B 76%,#9A7729 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  -webkit-text-fill-color:transparent;
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--f-body); font-size:17px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none}
button{font-family:inherit; cursor:pointer}
h1,h2,h3,h4{font-family:var(--f-display); font-weight:600; line-height:1.12; margin:0 0 .5em; letter-spacing:-.01em; color:var(--green-deep)}
h1{font-size:clamp(2.2rem,5vw,3.9rem)}
h2{font-size:clamp(1.7rem,3.6vw,2.7rem)}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1em}
.deva{font-family:var(--f-deva); letter-spacing:.01em}
.wrap{max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gutter)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--peacock); outline-offset:3px; border-radius:4px}
svg.i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.15em}

/* ---------- Buttons ---------- */
.btn{
  --bg:var(--green); --fg:var(--gold-lt);
  display:inline-flex; align-items:center; gap:.55em; justify-content:center;
  font-family:var(--f-body); font-weight:700; font-size:.98rem; letter-spacing:.02em;
  padding:.86em 1.6em; border-radius:100px; border:1px solid transparent;
  background:var(--bg); color:var(--fg); position:relative; transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;
  box-shadow:0 10px 26px -14px rgba(15,61,32,.7);
}
.btn:hover{transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(15,61,32,.85)}
.btn:active{transform:translateY(0)}
.btn--gold{--bg:linear-gradient(180deg,#E7C978,#C7A24C); --fg:#3A2A0C; box-shadow:0 10px 26px -14px rgba(199,162,76,.9)}
.btn--ghost{--bg:transparent; --fg:var(--green); border-color:var(--line-strong); box-shadow:none}
.btn--ghost:hover{background:var(--surface)}
.btn--onDark{--bg:linear-gradient(180deg,#F4DE9B,#C7A24C); --fg:#3A2A0C}
.btn--block{display:flex; width:100%}
.btn--sm{padding:.6em 1.05em; font-size:.86rem}

/* ---------- Section scaffolding ---------- */
.section{padding:clamp(46px,7vw,92px) 0; position:relative}
.section--tint{background:linear-gradient(180deg,#FFFDF7,#F6ECD2)}
.section--green{background:radial-gradient(120% 140% at 50% 0,#123A21 0,#0C3019 55%,#082312 100%); color:var(--text-inv)}
.section--green h2,.section--green h3{color:#F4DE9B}
.s-head{text-align:center; max-width:640px; margin:0 auto clamp(28px,4vw,52px)}
.s-kicker{display:inline-flex; align-items:center; gap:.6em; font-family:var(--f-body); font-weight:700; text-transform:uppercase; letter-spacing:.28em; font-size:.72rem; color:var(--gold-dk)}
.s-kicker svg{width:20px;height:12px;stroke:var(--gold);opacity:.9}
.section--green .s-kicker{color:var(--gold-2)}
.s-head h2{margin:.35em 0 .25em}
.s-head p{color:var(--text-soft); font-family:var(--f-accent); font-size:1.24rem; font-style:italic; margin:0}
.section--green .s-head p{color:#E6D8B0}
.s-rule{width:96px;height:16px;margin:14px auto 0;color:var(--gold);opacity:.85}

/* ============================================================ 01 ANNOUNCEMENT (marquee) */
.ann{background:linear-gradient(90deg,#0C3019,#124026,#0C3019); color:var(--gold-lt); font-size:.83rem; letter-spacing:.02em; border-bottom:1px solid rgba(199,162,76,.25); overflow:hidden}
.ann__track{display:flex; gap:0; white-space:nowrap; will-change:transform; animation:marquee 34s linear infinite}
.ann__seg{display:inline-flex; align-items:center; padding:8px 0}
.ann__seg span{display:inline-flex; align-items:center; gap:.5em; padding:0 26px}
.ann__seg .dot{color:var(--gold);opacity:.7}
.ann:hover .ann__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ============================================================ 02 HEADER + MEGA MENU */
.hdr{position:sticky; top:0; z-index:60; background:rgba(251,244,228,.86); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); transition:box-shadow .3s,background .3s}
.hdr.is-stuck{box-shadow:0 10px 30px -18px rgba(30,20,8,.4); background:rgba(251,244,228,.96)}
.hdr__bar{display:flex; align-items:center; gap:20px; min-height:76px}
.hdr__logo{display:flex; align-items:center; gap:12px; flex-shrink:0}
.hdr__logo img{height:52px; width:auto}
.hdr__logo .txt{font-family:var(--f-display); font-weight:600; font-size:1.16rem; line-height:1; color:var(--green-deep)}
.hdr__logo .txt small{display:block; font-family:var(--f-body); font-weight:600; letter-spacing:.24em; text-transform:uppercase; font-size:.54rem; color:var(--gold-dk); margin-top:3px}
.hdr__nav{display:flex; align-items:center; gap:4px; margin-left:8px}
.hdr__nav a{font-weight:600; font-size:.95rem; padding:10px 14px; border-radius:100px; color:var(--green-deep); transition:background .2s,color .2s; position:relative}
.hdr__nav a:hover,.hdr__nav .current-menu-item>a{background:rgba(199,162,76,.16); color:var(--green)}
.hdr__nav li{position:relative; list-style:none}
.hdr__nav ul{margin:0;padding:0}
/* dropdown / mega */
.hdr__nav .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:7px;vertical-align:2px;opacity:.6}
.hdr__nav .sub-menu{position:absolute; top:calc(100% + 8px); left:0; min-width:230px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); box-shadow:var(--shadow-md); padding:8px; opacity:0; visibility:hidden; transform:translateY(8px); transition:.22s var(--ease); z-index:70}
.hdr__nav li:hover>.sub-menu{opacity:1; visibility:visible; transform:translateY(0)}
.hdr__nav .sub-menu a{display:block; padding:9px 12px; border-radius:10px; font-size:.9rem}
.hdr__nav .sub-menu a:hover{background:linear-gradient(90deg,rgba(199,162,76,.15),transparent)}
.hdr__actions{display:flex; align-items:center; gap:6px; margin-left:auto}
.hdr__ico{position:relative; display:inline-flex; align-items:center; justify-content:center; width:44px;height:44px; border-radius:50%; color:var(--green-deep); transition:background .2s}
.hdr__ico:hover{background:rgba(199,162,76,.16)}
.hdr__ico svg{width:22px;height:22px}
.hdr__count{position:absolute; top:4px; right:2px; min-width:18px;height:18px;padding:0 4px; border-radius:9px; background:var(--saffron); color:#fff; font-family:var(--f-body); font-size:.66rem; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:1}
.hdr__burger{display:none}
/* search overlay */
.srch{position:fixed; inset:0; z-index:120; background:rgba(9,42,21,.55); backdrop-filter:blur(6px); opacity:0; visibility:hidden; transition:.25s}
.srch.is-open{opacity:1; visibility:visible}
.srch__box{max-width:640px; margin:14vh auto 0; background:var(--surface); border-radius:var(--r-lg); padding:26px; box-shadow:var(--shadow-lg); transform:translateY(-12px); transition:.28s var(--ease)}
.srch.is-open .srch__box{transform:none}
.srch__box form{display:flex; gap:10px}
.srch__box input[type=search]{flex:1; font-family:var(--f-body); font-size:1.05rem; padding:14px 18px; border:1px solid var(--line-strong); border-radius:100px; background:var(--paper); color:var(--text)}
.srch__box input[type=search]:focus{outline:none;border-color:var(--peacock)}

/* mobile drawer */
.drawer{position:fixed; inset:0 0 0 auto; width:min(88vw,360px); z-index:130; background:var(--paper); box-shadow:var(--shadow-lg); transform:translateX(100%); transition:transform .35s var(--ease); display:flex; flex-direction:column; padding:20px}
.drawer.is-open{transform:none}
.drawer__top{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.drawer nav a{display:block; padding:13px 6px; font-weight:600; font-size:1.05rem; border-bottom:1px solid var(--line); color:var(--green-deep)}
.drawer nav ul{list-style:none;margin:0;padding:0}
.drawer nav .sub-menu{padding-left:14px}
.drawer nav .sub-menu a{font-weight:500;font-size:.95rem;color:var(--text-soft)}
.scrim{position:fixed; inset:0; z-index:110; background:rgba(9,42,21,.5); opacity:0; visibility:hidden; transition:.3s}
.scrim.is-open{opacity:1; visibility:visible}

/* ============================================================ 03 HERO */
.hero{position:relative; min-height:clamp(520px,78vh,760px); display:flex; align-items:center; overflow:hidden; background:radial-gradient(120% 120% at 70% 10%,#154329 0,#0C3019 45%,#071F10 100%)}
.hero__media{position:absolute; inset:0; z-index:0}
.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,14,.86) 0,rgba(6,26,14,.55) 42%,rgba(6,26,14,.2) 100%)}
.hero__glow{position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(50% 60% at 78% 40%,rgba(239,166,55,.22),transparent 70%)}
.hero__wrap{position:relative; z-index:2; width:100%}
.hero__in{max-width:600px; color:var(--text-inv)}
.hero__ey{display:inline-flex; align-items:center; gap:.6em; font-family:var(--f-body); font-weight:700; letter-spacing:.26em; text-transform:uppercase; font-size:.72rem; color:var(--gold-2); margin-bottom:18px}
.hero__ey svg{width:22px;height:14px;stroke:var(--gold)}
.hero h1{color:#FFF7E4; font-size:clamp(2.5rem,5.6vw,4.4rem); margin:0 0 .18em; text-shadow:0 2px 30px rgba(0,0,0,.3)}
.hero h1 .foil{filter:drop-shadow(0 1px 10px rgba(199,162,76,.3))}
.hero__sub{font-family:var(--f-accent); font-style:italic; font-size:clamp(1.15rem,2vw,1.5rem); color:#EBDFC0; max-width:34ch; margin:0 0 1.7em}
.hero__cta{display:flex; gap:14px; flex-wrap:wrap}
.hero__scroll{position:absolute; bottom:22px; left:50%; transform:translateX(-50%); z-index:2; color:var(--gold-2); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; display:flex; flex-direction:column; align-items:center; gap:8px; opacity:.85}
.hero__scroll span{width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:scrolldot 2.2s infinite}
@keyframes scrolldot{0%{opacity:0;transform:translateY(-6px)}50%{opacity:1}100%{opacity:0;transform:translateY(10px)}}

/* ============================================================ 04 TRUST STRIP */
.trust{background:var(--green-deep); color:var(--text-inv); border-top:1px solid rgba(199,162,76,.2)}
.trust__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:26px 0}
.trust__item{display:flex; align-items:center; gap:13px; justify-content:center; text-align:left; padding:6px 10px}
.trust__item svg{width:30px;height:30px;stroke:var(--gold-2);flex-shrink:0}
.trust__item b{display:block; font-family:var(--f-display); font-weight:600; font-size:1rem; color:#F4DE9B; line-height:1.15}
.trust__item small{color:#CFC099; font-size:.8rem}
.trust__item+.trust__item{border-left:1px solid rgba(199,162,76,.16)}

/* ============================================================ PRODUCT CARD + NICHE (shared: home + shop) */
.niche{position:relative; border-radius:var(--niche); overflow:hidden; background:radial-gradient(120% 120% at 50% 8%,#154329,#0C3019 60%,#08210F); border:1.5px solid transparent; background-clip:padding-box; aspect-ratio:3/4}
.niche::before{content:"";position:absolute;inset:0;border-radius:var(--niche);padding:1.5px;background:linear-gradient(160deg,#F4DE9B,#C7A24C 40%,#8A6A24 75%,#E7C978);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.niche img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.niche__emblem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.niche__emblem svg{width:56%;height:56%;opacity:.9}
.niche__halo{position:absolute;inset:0;background:radial-gradient(60% 46% at 50% 32%,rgba(239,166,55,.28),transparent 70%);z-index:1}

.card{position:relative; display:flex; flex-direction:column}
.card__media{position:relative}
.card:hover .niche img{transform:scale(1.06)}
.card__badges{position:absolute; top:12px; left:12px; z-index:4; display:flex; flex-direction:column; gap:6px}
.badge{font-family:var(--f-body); font-weight:700; font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; padding:5px 10px; border-radius:100px; color:#fff; box-shadow:var(--shadow-sm)}
.badge--sale{background:linear-gradient(180deg,#E4562F,#B8371C)}
.badge--new{background:linear-gradient(180deg,#1C8E82,#0E5F58)}
.badge--best{background:linear-gradient(180deg,#E7C978,#C7A24C); color:#3A2A0C}
.card__wish{position:absolute; top:12px; right:12px; z-index:4; width:38px;height:38px;border-radius:50%; background:rgba(251,244,228,.92); display:flex; align-items:center; justify-content:center; color:var(--maroon); box-shadow:var(--shadow-sm); border:none; transition:transform .2s,background .2s}
.card__wish:hover{transform:scale(1.1); background:#fff}
.card__wish svg{width:19px;height:19px}
.card__body{padding:16px 6px 6px; text-align:center; display:flex; flex-direction:column; flex:1}
.card__cat{font-family:var(--f-body); font-weight:600; text-transform:uppercase; letter-spacing:.18em; font-size:.62rem; color:var(--gold-dk); margin-bottom:5px}
.card__title{font-family:var(--f-display); font-weight:600; font-size:1.08rem; line-height:1.25; color:var(--green-deep); margin:0 0 8px}
.card__title a:hover{color:var(--peacock-dk)}
.card__rating{display:flex; align-items:center; justify-content:center; gap:5px; margin-bottom:8px; min-height:18px}
.card__stars{--pct:100%; display:inline-block; font-size:.95rem; letter-spacing:2px; line-height:1; background:linear-gradient(90deg,var(--marigold) var(--pct),#D9CBA6 var(--pct));-webkit-background-clip:text;background-clip:text;color:transparent}
.card__stars::before{content:"★★★★★"}
.card__rcount{font-size:.74rem; color:var(--text-soft)}
.card__price{margin-top:auto; padding-top:4px; font-family:var(--f-display); font-weight:600; font-size:1.16rem; color:var(--green); display:flex; gap:8px; align-items:baseline; justify-content:center}
.card__price del{color:var(--text-soft); font-weight:400; font-size:.92rem; opacity:.75}
.card__price ins{text-decoration:none}
.card__price .off{font-family:var(--f-body); font-size:.7rem; font-weight:700; color:#B8371C; background:#FBE3D8; padding:2px 7px; border-radius:100px; align-self:center}
.card__add{margin-top:12px}

/* product grid + carousel */
.pgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.4vw,30px)}
.pcarousel{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(230px,1fr); gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 4px 18px; margin:0 calc(var(--gutter)*-1); padding-inline:var(--gutter); scrollbar-width:thin}
.pcarousel>*{scroll-snap-align:start}
.pcarousel::-webkit-scrollbar{height:6px}
.pcarousel::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:100px}
.row-actions{display:flex;justify-content:center;margin-top:34px}

/* ============================================================ 05 CATEGORY GRID */
.cats{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,28px)}
.cat{position:relative; display:block; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:1/1; background:radial-gradient(120% 120% at 50% 10%,#154329,#0C3019 60%,#08210F); box-shadow:var(--shadow-md); border:1px solid rgba(199,162,76,.3)}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.cat:hover img{transform:scale(1.07)}
.cat__emblem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.85}
.cat__emblem svg{width:46%;height:46%}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,14,.92) 4%,rgba(6,26,14,.35) 40%,transparent 70%)}
.cat__cap{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:20px; text-align:center}
.cat__cap h3{color:#FFF7E4; margin:0 0 3px; font-size:1.22rem}
.cat__cap span{font-family:var(--f-body); font-size:.78rem; color:var(--gold-2); letter-spacing:.04em}
.cat__cap .go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F4DE9B;opacity:0;transform:translateY(6px);transition:.3s}
.cat:hover .cat__cap .go{opacity:1;transform:none}

/* ============================================================ 07 FESTIVAL SPOTLIGHT */
.fest{position:relative; overflow:hidden}
.fest__inner{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,64px); align-items:center}
.fest__media{position:relative; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:4/5; background:radial-gradient(120% 120% at 50% 10%,#1B5138,#0C3019 62%); box-shadow:var(--shadow-lg); border:1px solid rgba(199,162,76,.35)}
.fest__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fest__media .niche__emblem svg{width:44%;height:44%}
.fest__badge{position:absolute;top:16px;left:16px;z-index:3;background:linear-gradient(180deg,#E7C978,#C7A24C);color:#3A2A0C;font-family:var(--f-body);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:100px}
.fest__ey{color:var(--gold-2)}
.fest__desc{color:#E6D8B0; font-family:var(--f-accent); font-style:italic; font-size:1.3rem; margin:.4em 0 1.2em; max-width:40ch}
.countdown{display:flex; gap:12px; margin:8px 0 26px}
.cd{min-width:78px; text-align:center; background:rgba(255,253,247,.06); border:1px solid rgba(199,162,76,.35); border-radius:var(--r-md); padding:14px 8px; backdrop-filter:blur(4px)}
.cd b{display:block; font-family:var(--f-display); font-size:2rem; line-height:1; color:#F4DE9B; font-variant-numeric:tabular-nums}
.cd span{font-family:var(--f-body); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:#CFC099; margin-top:6px; display:block}
.fest__ended{color:#EBDFC0;font-family:var(--f-accent);font-style:italic;font-size:1.2rem}

/* ============================================================ 08 POSHAK BY SIZE */
.size{background:linear-gradient(180deg,#FFFDF7,#F3E7C8)}
.size__panel{max-width:940px; margin:0 auto; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:clamp(24px,4vw,44px); text-align:center}
.size__pills{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px 0}
.size__pill{width:60px;height:60px;border-radius:50%; border:1.5px solid var(--line-strong); background:var(--paper); font-family:var(--f-display); font-weight:600; font-size:1.35rem; color:var(--green); transition:.22s var(--ease); position:relative}
.size__pill small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-family:var(--f-body);font-size:.6rem;font-weight:600;color:var(--text-soft);white-space:nowrap;letter-spacing:.02em}
.size__pill:hover{border-color:var(--gold); color:var(--gold-dk); transform:translateY(-2px)}
.size__pill.is-active{background:linear-gradient(180deg,#154329,#0C3019); color:#F4DE9B; border-color:transparent; box-shadow:0 12px 24px -12px rgba(15,61,32,.7)}
.size__readout{margin-top:30px; min-height:44px; font-family:var(--f-accent); font-style:italic; font-size:1.2rem; color:var(--text-soft)}
.size__readout b{font-family:var(--f-display); font-style:normal; color:var(--green); font-size:1.1rem}
.size__cta{margin-top:18px}

/* ============================================================ 09 BRAND STORY (parallax) */
.story{position:relative; overflow:hidden; background:radial-gradient(130% 120% at 20% 0,#154329,#0C3019 55%,#071F10)}
.story__feathers{position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5}
.story__feathers svg{position:absolute; will-change:transform}
.story__feathers .f1{width:220px;top:-30px;left:-40px;transform:rotate(18deg);opacity:.5}
.story__feathers .f2{width:300px;bottom:-70px;right:-50px;transform:rotate(-24deg);opacity:.4}
.story__in{position:relative; z-index:2; max-width:720px; margin:0 auto; text-align:center; color:var(--text-inv)}
.story__in h2{color:#F4DE9B}
.story__lead{font-family:var(--f-accent); font-style:italic; font-size:clamp(1.3rem,2.4vw,1.7rem); color:#EBDFC0; line-height:1.5; margin:.4em 0 1em}
.story__in p{color:#D8C9A4}
.story__sign{font-family:var(--f-deva); font-size:1.9rem; color:var(--gold-2); margin-top:18px}
.story__stats{display:flex; justify-content:center; gap:clamp(24px,6vw,64px); margin-top:34px; flex-wrap:wrap}
.story__stat b{display:block; font-family:var(--f-display); font-size:2.2rem; color:#F4DE9B}
.story__stat span{font-family:var(--f-body); font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; color:#B8A97F}

/* ============================================================ 10 SHRINGAR SHOWCASE (gallery) */
.shr{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:200px; gap:14px}
.shr__cell{position:relative; border-radius:var(--r-md); overflow:hidden; background:radial-gradient(120% 120% at 50% 10%,#154329,#0C3019 60%); border:1px solid rgba(199,162,76,.3)}
.shr__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.shr__cell:hover img{transform:scale(1.08)}
.shr__cell .niche__emblem svg{width:44%;height:44%;opacity:.8}
.shr__cell.big{grid-column:span 2; grid-row:span 2}
.shr__cell .tag{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--f-body);font-weight:700;font-size:.74rem;color:#FFF7E4;background:rgba(9,42,21,.7);backdrop-filter:blur(4px);padding:5px 11px;border-radius:100px}
.shr__cell::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,14,.55),transparent 55%);opacity:0;transition:.3s}
.shr__cell:hover::after{opacity:1}

/* ============================================================ 11 BHAKTI BLOG */
.blog{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.6vw,30px)}
.post{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .3s var(--ease),box-shadow .3s}
.post:hover{transform:translateY(-4px); box-shadow:var(--shadow-md)}
.post__media{aspect-ratio:16/10; position:relative; overflow:hidden; background:radial-gradient(120% 120% at 50% 10%,#154329,#0C3019 60%)}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post:hover .post__media img{transform:scale(1.05)}
.post__media .niche__emblem svg{width:40%;height:40%;opacity:.8}
.post__body{padding:20px 22px 24px}
.post__meta{font-family:var(--f-body); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:9px}
.post__body h3{font-size:1.2rem; margin:0 0 8px}
.post__body h3 a:hover{color:var(--peacock-dk)}
.post__body p{color:var(--text-soft); font-size:.95rem; margin:0 0 14px}
.post__more{font-weight:700; font-size:.82rem; letter-spacing:.06em; color:var(--green); display:inline-flex; align-items:center; gap:6px}
.post__more svg{width:16px;height:16px}

/* ============================================================ 12 TESTIMONIALS */
.tst{position:relative}
.tst__track{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(320px,1fr); gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding:8px 4px 20px; margin:0 calc(var(--gutter)*-1); padding-inline:var(--gutter); scrollbar-width:none}
.tst__track::-webkit-scrollbar{display:none}
.tst__card{scroll-snap-align:center; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 26px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column}
.tst__stars{color:var(--marigold); letter-spacing:2px; font-size:1rem; margin-bottom:12px}
.tst__quote{font-family:var(--f-accent); font-style:italic; font-size:1.22rem; line-height:1.5; color:var(--ink); margin:0 0 18px}
.tst__who{display:flex; align-items:center; gap:12px; margin-top:auto}
.tst__av{width:46px;height:46px;border-radius:50%; background:linear-gradient(180deg,#154329,#0C3019); color:#F4DE9B; display:flex; align-items:center; justify-content:center; font-family:var(--f-display); font-weight:600; font-size:1.1rem; flex-shrink:0; overflow:hidden}
.tst__av img{width:100%;height:100%;object-fit:cover}
.tst__who b{display:block; font-family:var(--f-display); font-size:1rem; color:var(--green-deep)}
.tst__who span{font-size:.78rem; color:var(--text-soft)}
.tst__vfd{margin-left:auto; font-size:.68rem; font-weight:700; color:var(--peacock-dk); display:flex; align-items:center; gap:4px}
.tst__vfd svg{width:15px;height:15px}

/* ============================================================ 13 INSTAGRAM / UGC */
.insta__head{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:26px}
.insta__grid{display:grid; grid-template-columns:repeat(6,1fr); gap:10px}
.ig{position:relative; aspect-ratio:1/1; border-radius:var(--r-sm); overflow:hidden; background:radial-gradient(120% 120% at 50% 10%,#154329,#0C3019 60%); display:block}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ig:hover img{transform:scale(1.09)}
.ig .niche__emblem svg{width:42%;height:42%;opacity:.75}
.ig__ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(9,42,21,.45);opacity:0;transition:.25s;color:#F4DE9B}
.ig:hover .ig__ov{opacity:1}
.ig__ov svg{width:26px;height:26px}

/* ============================================================ 14 NEWSLETTER + WHATSAPP */
.nl{background:radial-gradient(120% 130% at 50% 0,#154329,#0C3019 58%,#071F10); color:var(--text-inv)}
.nl__in{max-width:680px; margin:0 auto; text-align:center}
.nl__in h2{color:#F4DE9B}
.nl__in p{color:#D8C9A4; font-family:var(--f-accent); font-style:italic; font-size:1.2rem}
.nl__form{display:flex; gap:10px; max-width:480px; margin:22px auto 0; flex-wrap:wrap}
.nl__form input{flex:1; min-width:200px; padding:14px 20px; border-radius:100px; border:1px solid rgba(199,162,76,.4); background:rgba(255,253,247,.08); color:#FFF7E4; font-family:var(--f-body); font-size:1rem}
.nl__form input::placeholder{color:#B8A97F}
.nl__form input:focus{outline:none; border-color:var(--gold-2); background:rgba(255,253,247,.14)}
.nl__wa{margin-top:16px}
.nl__wa a{display:inline-flex; align-items:center; gap:9px; font-weight:700; color:#F4DE9B; border:1px solid rgba(199,162,76,.4); padding:11px 20px; border-radius:100px; transition:background .2s}
.nl__wa a:hover{background:rgba(199,162,76,.14)}
.nl__wa svg{width:20px;height:20px}

/* ============================================================ 15 FOOTER */
.ft{background:linear-gradient(180deg,#0C3019,#071B0E); color:#D8C9A4; padding-top:clamp(48px,6vw,76px)}
.ft__grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:clamp(24px,4vw,48px); padding-bottom:44px}
.ft__brand .logo{display:flex; align-items:center; gap:12px; margin-bottom:16px}
.ft__brand .logo img{height:52px}
.ft__brand .logo b{font-family:var(--f-display); font-size:1.2rem; color:#F4DE9B}
.ft__brand p{font-size:.92rem; color:#B8A97F; max-width:34ch}
.ft__soc{display:flex; gap:10px; margin-top:18px}
.ft__soc a{width:42px;height:42px;border-radius:50%; border:1px solid rgba(199,162,76,.3); display:flex; align-items:center; justify-content:center; color:#E7C978; transition:.2s}
.ft__soc a:hover{background:rgba(199,162,76,.14); transform:translateY(-2px)}
.ft__soc svg{width:19px;height:19px}
.ft__col h4{font-family:var(--f-body); font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; color:#F4DE9B; margin:0 0 16px}
.ft__col ul{list-style:none; margin:0; padding:0}
.ft__col li{margin-bottom:10px}
.ft__col a{font-size:.92rem; color:#C6B78D; transition:color .2s}
.ft__col a:hover{color:#F4DE9B}
.ft__pay{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:6px}
.ft__pay span{font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:#8F8461}
.ft__pay .chip{background:rgba(255,253,247,.06); border:1px solid rgba(199,162,76,.22); border-radius:7px; padding:6px 10px; font-family:var(--f-body); font-weight:700; font-size:.72rem; color:#E7C978}
.ft__bar{border-top:1px solid rgba(199,162,76,.18); padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap}
.ft__bar p{margin:0; font-size:.82rem; color:#9A8C64}
.ft__bar .deva{color:#E7C978; font-size:1.15rem}

/* Floating WhatsApp */
.wa-float{position:fixed; right:18px; bottom:18px; z-index:90; width:56px;height:56px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 30px -8px rgba(37,211,102,.6); transition:transform .25s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px;fill:#fff;stroke:none}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1; transform:none}
.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}

/* ---------- Toast ---------- */
.toast{position:fixed; left:50%; bottom:28px; transform:translate(-50%,20px); z-index:200; background:linear-gradient(180deg,#154329,#0C3019); color:#F4DE9B; border:1px solid rgba(199,162,76,.4); border-radius:100px; padding:13px 22px; font-weight:600; font-size:.92rem; box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transition:.3s var(--ease); display:flex; align-items:center; gap:9px}
.toast.show{opacity:1; visibility:visible; transform:translate(-50%,0)}
.toast svg{width:19px;height:19px;stroke:var(--gold-2)}

/* ============================================================
   WOOCOMMERCE PAGES
   ============================================================ */
.woocommerce-page-wrap{padding:clamp(30px,5vw,60px) 0 clamp(50px,7vw,90px)}
.wc-page-head{text-align:center; margin-bottom:clamp(26px,4vw,46px)}
.wc-page-head .woocommerce-products-header__title,.wc-page-head h1{margin:0}
.woocommerce-breadcrumb{font-family:var(--f-body); font-size:.82rem; color:var(--text-soft); text-align:center; margin-bottom:10px; letter-spacing:.02em}
.woocommerce-breadcrumb a{color:var(--gold-dk)}
/* shop grid uses our .pgrid via content-product override, but style Woo defaults too */
.woocommerce ul.products{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.4vw,30px); margin:0; padding:0; list-style:none}
.woocommerce ul.products li.product{margin:0; width:auto; float:none}
.woocommerce ul.products li.product::before,.woocommerce ul.products li.product::after{display:none}
.woocommerce .woocommerce-result-count{font-family:var(--f-body); font-size:.85rem; color:var(--text-soft)}
.woocommerce .woocommerce-ordering select{font-family:var(--f-body); padding:8px 12px; border:1px solid var(--line-strong); border-radius:100px; background:var(--surface); color:var(--text)}
.woocommerce-ordering,.woocommerce-result-count{margin-bottom:20px}
/* buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--green); color:var(--gold-lt); font-family:var(--f-body); font-weight:700; border-radius:100px; padding:.8em 1.5em; border:none; transition:transform .2s,box-shadow .2s; box-shadow:0 10px 24px -14px rgba(15,61,32,.7)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--green-2); transform:translateY(-2px); color:var(--gold-lt)}
.woocommerce a.added_to_cart{margin-top:8px; display:inline-block; color:var(--peacock-dk); font-weight:700; font-size:.82rem}
.woocommerce span.onsale{background:linear-gradient(180deg,#E4562F,#B8371C); color:#fff; border-radius:100px; font-family:var(--f-body); font-weight:700; min-height:auto; min-width:auto; padding:5px 12px; top:12px; left:12px; margin:0}
/* prices */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green); font-family:var(--f-display); font-weight:600; font-size:1.3rem}
.woocommerce ul.products li.product .price del,.woocommerce div.product p.price del{color:var(--text-soft); font-weight:400; opacity:.7}
.woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins{text-decoration:none}
/* star ratings */
.woocommerce .star-rating span::before,.woocommerce p.stars a::before{color:var(--marigold)}
.woocommerce .star-rating{color:var(--marigold)}
/* single product */
.single-product div.product{display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(30px,5vw,60px); align-items:start}
.single-product div.product .woocommerce-product-gallery{margin:0}
.single-product div.product .woocommerce-product-gallery img{border-radius:var(--r-lg)}
.single-product div.product .summary{margin:0}
.single-product div.product .product_title{font-size:clamp(1.8rem,3vw,2.6rem); color:var(--green-deep); margin-bottom:.2em}
.single-product .woocommerce-product-rating{margin-bottom:14px}
.single-product div.product form.cart{margin:22px 0}
.single-product div.product form.cart .quantity input.qty{width:70px; padding:12px; border:1px solid var(--line-strong); border-radius:100px; text-align:center; font-family:var(--f-body); background:var(--surface)}
.single-product .product_meta{font-size:.85rem; color:var(--text-soft); margin-top:18px; border-top:1px solid var(--line); padding-top:16px}
.single-product .woocommerce-tabs{grid-column:1/-1; margin-top:20px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0; border:none; margin-bottom:20px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent; border:1px solid var(--line); border-radius:100px; margin-right:8px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--green); border-color:var(--green)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--gold-lt)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--green-deep); font-weight:700; font-family:var(--f-body)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.related.products>h2,.upsells.products>h2{font-family:var(--f-display); text-align:center; margin-bottom:26px}
/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--gold); border-radius:var(--r-md); font-family:var(--f-body)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold-dk)}
/* cart + checkout */
.woocommerce table.shop_table{border-radius:var(--r-md); border-color:var(--line)}
.woocommerce .cart-collaterals .cart_totals>h2,.woocommerce-checkout h3{font-family:var(--f-display)}
.woocommerce #payment,.woocommerce-cart .cart-collaterals .cart_totals{border-radius:var(--r-md)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{border:1px solid var(--line-strong)!important; border-radius:12px; padding:10px 14px; font-family:var(--f-body); background:var(--surface)}
/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:none; gap:8px; display:flex; justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line-strong); border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:var(--green-deep); background:var(--surface)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--green); color:var(--gold-lt); border-color:var(--green)}

/* ============================================================ RESPONSIVE */
@media(max-width:1024px){
  .pgrid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .shr{grid-template-columns:repeat(3,1fr)}
  .insta__grid{grid-template-columns:repeat(4,1fr)}
  .ft__grid{grid-template-columns:1fr 1fr}
  .fest__inner{grid-template-columns:1fr; gap:34px}
  .single-product div.product{grid-template-columns:1fr}
}
@media(max-width:820px){
  .hdr__nav{display:none}
  .hdr__burger{display:inline-flex}
  .cats{grid-template-columns:repeat(2,1fr)}
  .trust__grid{grid-template-columns:repeat(2,1fr); gap:14px}
  .trust__item:nth-child(3){border-left:none}
  .trust__item+.trust__item{border-left:none}
  .story__stats{gap:26px}
}
@media(max-width:640px){
  body{font-size:16px}
  .pgrid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr); gap:14px}
  .cats,.blog,.shr,.insta__grid{grid-template-columns:repeat(2,1fr)}
  .ft__grid{grid-template-columns:1fr}
  .shr__cell.big{grid-column:span 2; grid-row:span 1}
  .niche{aspect-ratio:4/5}
  .hero{min-height:70vh}
  .card__title{font-size:.98rem}
  .size__pill{width:52px;height:52px;font-size:1.15rem}
  .cd{min-width:64px;padding:11px 6px}
  .cd b{font-size:1.5rem}
}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ann__track{animation:none;justify-content:center}
  .reveal{opacity:1;transform:none}
}

/* ============================================================
   CONTENT PAGES (blog, single, page, search, 404)
   ============================================================ */
.srk-content{padding:clamp(34px,5vw,64px) 0 clamp(50px,7vw,88px)}
.page-hero{text-align:center; margin-bottom:clamp(26px,4vw,48px)}
.page-hero .s-kicker{justify-content:center}
.page-hero h1{margin:.3em 0 .1em}
.page-hero p{color:var(--text-soft); font-family:var(--f-accent); font-style:italic; font-size:1.2rem; margin:0}
.srk-article,.srk-page{max-width:780px; margin-inline:auto}
.srk-article .entry-cover,.srk-page .entry-cover{border-radius:var(--r-lg); overflow:hidden; margin-bottom:26px; box-shadow:var(--shadow-md)}
.srk-article .entry-cover img,.srk-page .entry-cover img{width:100%;height:auto;display:block}
.entry-meta{font-family:var(--f-body); font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:12px; text-align:center}
.entry-title{font-size:clamp(1.8rem,3.4vw,2.7rem); text-align:center; margin-bottom:.4em}
.entry-content{font-size:1.06rem; line-height:1.85; color:var(--ink)}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2{margin:1.6em 0 .5em}
.entry-content h3{margin:1.4em 0 .4em}
.entry-content a{color:var(--peacock-dk); text-decoration:underline; text-underline-offset:3px}
.entry-content a:hover{color:var(--green)}
.entry-content img{border-radius:var(--r-md); box-shadow:var(--shadow-sm)}
.entry-content blockquote{border-left:3px solid var(--gold); padding:6px 0 6px 22px; margin:1.4em 0; font-family:var(--f-accent); font-style:italic; font-size:1.3rem; color:var(--green-deep)}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content li{margin-bottom:.4em}
.entry-content code{background:var(--cream); padding:2px 7px; border-radius:6px; font-size:.9em}
.entry-footer{margin-top:26px; padding-top:18px; border-top:1px solid var(--line); font-size:.85rem; color:var(--text-soft)}
.entry-footer a{color:var(--gold-dk)}
.srk-tags a{display:inline-block; background:var(--cream); border:1px solid var(--line); border-radius:100px; padding:4px 12px; margin:0 6px 6px 0; font-size:.78rem; color:var(--green-deep)}
.post-nav{max-width:780px; margin:34px auto 0; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap}
.post-nav a{font-weight:700; color:var(--green); display:inline-flex; align-items:center; gap:8px}
.srk-pagination{margin-top:40px; text-align:center}
.srk-pagination .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 8px; margin:0 4px; border:1px solid var(--line-strong); border-radius:50%; color:var(--green-deep); background:var(--surface)}
.srk-pagination .page-numbers.current{background:var(--green); color:var(--gold-lt); border-color:var(--green)}
.srk-pagination .page-numbers.dots{border:none;background:none}
/* comments */
.comments-area{max-width:780px; margin:44px auto 0}
.comments-area .comment-list{list-style:none; padding:0}
.comments-area .comment-body{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); padding:18px 20px; margin-bottom:14px}
.comments-area .comment-author .fn{font-family:var(--f-display); color:var(--green-deep)}
.comment-respond{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px; margin-top:24px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%; border:1px solid var(--line-strong); border-radius:12px; padding:12px 14px; font-family:var(--f-body); background:var(--paper); margin-top:6px}
.comment-form label{font-weight:600; font-size:.9rem}
/* search form */
.search-form{display:flex; gap:10px}
.search-form label{flex:1}
.search-form .search-field{width:100%; padding:14px 18px; border:1px solid var(--line-strong); border-radius:100px; background:var(--paper); font-family:var(--f-body); font-size:1.02rem}
.search-form .search-submit{background:var(--green); color:var(--gold-lt); border:none; border-radius:100px; padding:0 22px; font-family:var(--f-body); font-weight:700}
/* 404 */
.srk-404{text-align:center; max-width:640px; margin:0 auto; padding:clamp(30px,6vw,70px) 0}
.srk-404 .big{font-family:var(--f-display); font-size:clamp(4rem,14vw,9rem); line-height:1; margin:0}
.srk-404 svg.em{width:120px;height:120px;margin:0 auto 10px;display:block}
.no-results{text-align:center; max-width:560px; margin:0 auto; padding:40px 0}