/** Shopify CDN: Minification failed

Line 42:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 37:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 32:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 27:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 22:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 17:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 12:0 Unexpected "<"

**/
/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 1379:0 Unexpected "<"

**/
<style>
/* ============================================================
   KOTHAR — shared design system
   One file, used by index.html, shop.html, product.html, cart.html,
   story.html and contact.html
   ============================================================ */

:root{
 --cream: #f2ecdd;
    --cream-dark: #e9e0c9;
    --paper: #fbf8f0;
    --ink: #241d13;
    --green: #1f3b2b;
    --green-deep: #16291d;
    --maroon: #8a3a33;
    --maroon-deep: #6f2e28;
    --gold: #c99a3e;
    --gold-soft: #e3c789;
    --hero-1: #14100b;
    --hero-2: #2c2113;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-pill: 100px;
    --shadow-sm: 0 1px 2px rgba(36, 29, 19, .06);
    --shadow-md: 0 14px 30px -18px rgba(36, 29, 19, .30);
    --shadow-lg: 0 22px 44px -22px rgba(36, 29, 19, .38);
    --ease: cubic-bezier(.22, .61, .36, 1);
}


/* section anchors shouldn't hide under the sticky navbar */
section[id]{scroll-margin-top:96px;}


/* ---------- buttons ---------- */
/* .btn-kothar{ background:var(--green); border:1px solid var(--green); color:var(--paper);  padding:.75rem 1.6rem; font-weight:600; font-size:.92rem; display:inline-flex; align-items:center; gap:.5rem; transition:all .22s var(--ease); }
.btn-kothar:hover{background:var(--green-deep); color:var(--paper); transform:translateY(-2px); box-shadow:var(--shadow-md);}
.btn-kothar-outline{  border:1px solid rgba(36,29,19,.25); color:var(--ink); padding:.75rem 1.6rem; font-weight:600; font-size:.92rem; display:inline-flex; align-items:center; gap:.5rem; transition:all .22s var(--ease); }
.btn-kothar-outline:hover{border-color:var(--ink);  color:var(--paper); transform:translateY(-2px);}
.btn-gold{ background:var(--gold); border:1px solid var(--gold); color:var(--ink);  padding:.75rem 1.5rem; font-weight:700; font-size:.9rem; display:inline-flex; align-items:center; gap:.5rem; transition:all .22s var(--ease);}
.btn-gold:hover{background:var(--gold-soft); color:var(--ink); transform:translateY(-2px); box-shadow:var(--shadow-md);}
.btn-kothar-lg{ background:var(--green); border:1px solid var(--green); color:var(--paper); border-radius:var(--radius-pill); padding:1rem 1.8rem; font-weight:700; font-size:1rem; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; width:100%; transition:all .22s var(--ease);}
.btn-kothar-lg:hover{background:var(--green-deep); color:var(--paper);}
.btn-wa-lg{ background:rgba(31,59,43,.07); border:1px solid rgba(31,59,43,.2); color:var(--green); border-radius:var(--radius-pill); padding:.85rem 1.6rem; font-weight:700; font-size:.92rem; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; width:100%; transition:all .22s var(--ease);}
.btn-wa-lg:hover{background:rgba(31,59,43,.13);} */

/* ---------- utility bar / navbar (shared header) ---------- */
/* .utility-bar{ background:var(--paper); border-bottom:1px solid rgba(36,29,19,.08); font-size:.78rem; }
.utility-bar .item{display:inline-flex; align-items:center; gap:.4rem;}
.utility-bar .divider{opacity:.3; margin:0 .9rem;}
.utility-bar .icon{color:var(--green);}

.navbar-kothar{ background:var(--cream); border-bottom:1px solid rgba(36,29,19,.08); padding:.9rem 0; }
.navbar-kothar .brand-mark{ width:34px;height:34px;border-radius:8px; background:var(--green); color:var(--gold-soft); display:flex;align-items:center;justify-content:center; font-family:'Fraunces',serif; font-weight:700; font-size:1.05rem; }
.navbar-kothar .brand-name{font-weight:700; letter-spacing:.08em; font-size:.95rem;}
.navbar-kothar .brand-sub{font-size:.62rem; letter-spacing:.1em; opacity:.72;}
.nav-link-kothar{color:var(--ink); font-weight:500; font-size:.92rem; margin:0 .9rem; position:relative;}
.nav-link-kothar.active{font-weight:600;}
.nav-link-kothar.active::after{ content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:var(--maroon); }
.cart-btn{ position:relative; background:transparent; border:1px solid rgba(36,29,19,.2); border-radius:100px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; color:var(--ink); }
.cart-btn:hover{border-color:var(--ink);}
.cart-count{ position:absolute; top:-6px; right:-6px; background:var(--maroon); color:var(--paper); font-size:.65rem; font-weight:700; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; } */

/* breadcrumb */
.breadcrumb-kothar{font-size:.8rem; padding:1.1rem 0; opacity:.75;}
.breadcrumb-kothar a{color:var(--green); text-decoration:none; font-weight:600;}
.breadcrumb-kothar a:hover{color:var(--maroon);}
.breadcrumb-kothar .sep{margin:0 .5rem; opacity:.4;}
.breadcrumb-kothar .current{opacity:.6;}

/* ---------- hero (home) ---------- */
.hero, .page-banner, .jn-door-section{ position:relative; color:var(--paper); overflow:hidden; }
.hero::before, .page-banner::before{ content:''; position:absolute; inset:0; background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 90px); pointer-events:none; }
.hero{ background: radial-gradient(ellipse 900px 500px at 78% 30%, rgba(201,154,62,.35), transparent 60%), linear-gradient(160deg, var(--hero-1), var(--hero-2)); padding:5.5rem 0 6rem; }
.hero .eyebrow{color:var(--gold-soft);}
.hero h1{ font-size:clamp(3.2rem, 8vw, 6rem); font-weight:700; line-height:.92; margin:.6rem 0 .2rem; }
.hero .devanagari-title{ color:var(--gold-soft); font-size:1.6rem; margin-bottom:1.3rem; }
.hero .lede{max-width:560px; font-size:1.02rem; line-height:1.75; color:rgba(251,248,240,.88);}
.hero .lede strong{color:var(--paper); font-weight:600;}
.hero-stats{ margin-top:2.6rem; padding-top:1.8rem; border-top:1px solid rgba(251,248,240,.15); }
.hero-stats .stat-num{font-family:'Fraunces',serif; font-size:1.9rem; color:var(--gold-soft); font-weight:600;}
.hero-stats .stat-label{font-size:.74rem; letter-spacing:.05em; color:rgba(251,248,240,.65); text-transform:uppercase;}

/* ---------- page banner (shop / product / contact hero strips) ---------- */
.page-banner{ background: radial-gradient(ellipse 800px 400px at 82% 20%, rgba(201,154,62,.28), transparent 60%), linear-gradient(160deg, var(--hero-1), var(--hero-2)); padding:3.6rem 0 3.2rem; }
.page-banner .eyebrow{color:var(--gold-soft);}
.page-banner h1{ font-size:clamp(2.3rem,5.5vw,3.6rem); font-weight:700; margin:.5rem 0 .5rem; }
.page-banner p{max-width:640px;opacity:.85;line-height:1.7;font-size: 16px;font-weight: 700;}

/* ---------- generic sections ---------- */
.section-pad{padding:5.5rem 0;}
.section-eyebrow{color:var(--maroon); text-align:center;}
.section-title{text-align:center; color:var(--green); font-size:clamp(1.9rem,4vw,2.6rem); font-weight:600; margin-top:.5rem;}
.section-sub{text-align:center; max-width:560px; margin:1rem auto 0; opacity:.75; font-size:.98rem;}

/* ---------- category / filter pills ---------- */
.filter-bar{ background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:18px; padding:1.1rem 1.2rem; }
.filter-pill{ border:1px solid rgba(36,29,19,.18); background:var(--paper); color:var(--ink); border-radius:100px; padding:.5rem 1.15rem; font-size:.85rem; font-weight:600; margin:0 .35rem .6rem; cursor:pointer; transition:all .18s ease;}
.filter-pill.active, .filter-pill:hover{ background:var(--green); border-color:var(--green); color:var(--paper); }
.filter-count{text-align:center; font-size:.8rem; opacity:.55; margin-top:.4rem;}

/* ---------- product cards ---------- */
img#pdpMainImage-product-detels-section {
    object-fit: contain !important;
    width: 420px;
}

/* ---------- product cards ---------- */
.product-card{background:var(--paper);border-radius: 14px;overflow:hidden;height:100%;border:1px solid rgba(36,29,19,.07);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease);position:relative;display:flex;flex-direction:column;}
.product-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.product-card .art{ height:190px; display:flex; align-items:center; justify-content:center; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); position:relative; flex-shrink:0; overflow:hidden; }
.product-card .art a{position:absolute; inset:0; z-index:1;}
.product-card .art img{width:100%;height:100%;object-fit: contain;}
.badge-region{ position:absolute; top:14px; left:14px; background:var(--maroon); color:var(--paper); font-size:.63rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:.35rem .7rem; border-radius:100px; z-index:2;}
.badge-fav{ position:absolute; top:14px; right:14px; background:var(--gold); color:var(--ink); font-size:.63rem; font-weight:700; letter-spacing:.03em; padding:.35rem .6rem; border-radius:100px; display:flex; align-items:center; gap:.25rem; z-index:2;}
.product-card .body{padding:1.3rem 1.3rem 1.4rem; display:flex; flex-direction:column; flex:1;}
.product-card h3{font-size:1.15rem; font-weight:600; margin-bottom:.1rem;}
.product-card h3 a{color:var(--ink); text-decoration:none;}
.product-card h3 a:hover{color:var(--maroon);}
.product-card .hindi-name{color:var(--maroon); font-size:.83rem;}
.stars-row{color:var(--gold); font-size:.78rem; margin:.4rem 0 .6rem; display:flex; align-items:center; gap:.3rem;}
.stars-row .count{color:var(--ink); opacity:.7; font-size:.76rem;}
.tag-row .tag{ display:inline-block; font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; background:var(--cream-dark); color:var(--green); padding:.22rem .55rem; border-radius:6px; margin:0 .3rem .5rem 0; }
.product-card p.desc{font-size:.86rem; opacity:.8; line-height:1.5; min-height:56px;}
.how-box{ background:var(--cream); border-radius:10px; padding:.65rem .85rem; margin:.5rem 0 .8rem; }
.how-box .lbl{font-size:.63rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--maroon); margin-bottom:.15rem;}
.how-box p{font-size:.8rem; margin:0; opacity:.85;}
.variant-label{font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); opacity:.7; margin-bottom:.35rem; display:block;}
.weight-select{ border:1px solid rgba(36,29,19,.18); border-radius:10px; padding:.55rem .8rem; font-size:.87rem; font-weight:600; background-color:var(--paper); color:var(--ink); width:100%; }
.weight-select:focus{border-color:var(--green); box-shadow:0 0 0 .15rem rgba(31,59,43,.15);}

/* premium selectable radio-pill weight/size options (used on shop + product) */
.opt-list{display:flex; flex-direction:column; gap:.5rem; margin-bottom:.7rem;}
.opt-pill{ position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(36,29,19,.16); border-radius:10px; padding:.55rem .8rem; cursor:pointer; font-size:.86rem; transition:all .15s ease; background:var(--paper);}
.opt-pill:hover{border-color:var(--green);}
.opt-pill input{accent-color:var(--green); margin-right:.6rem;}
.opt-pill .opt-price{font-weight:700; font-family:'Fraunces',serif;}
.opt-pill.checked{ border-color:var(--green); background:rgba(31,59,43,.06); box-shadow:0 0 0 1px var(--green) inset; }

.price-display{ display:flex; align-items:baseline; gap:.55rem; margin:.75rem 0 .2rem; }
.price-display .amt{font-weight:700; font-family:'Fraunces',serif; font-size:1.3rem; color:var(--ink);}
.price-display .mrp{font-size:.85rem; text-decoration:line-through; opacity:.45;}
.price-display .pack-size{font-size:.85rem; opacity:.6; font-weight:500;}
.price-display .save{font-size:.68rem; font-weight:700; color:var(--green); background:var(--cream-dark); padding:.15rem .5rem; border-radius:100px;}
.note-line{font-size:.73rem; opacity:.6; margin:.1rem 0 .9rem; display:flex; align-items:center; gap:.3rem;}
.card-actions{display:flex; gap:.5rem; margin-top:auto;}
.btn-add-cart{ flex:1; background:var(--green); color:var(--paper); border:none; border-radius:10px; padding:.65rem; font-weight:600; font-size:.85rem; display:flex; align-items:center; justify-content:center; gap:.45rem; transition:background .2s ease; }
.btn-add-cart:hover{background:var(--green-deep); color:var(--paper);}
.btn-add-cart.added{background:var(--gold); color:var(--ink);}
.btn-wa-icon{ width:42px; height:42px; flex-shrink:0; border-radius:10px; border:1px solid rgba(36,29,19,.15); display:flex; align-items:center; justify-content:center; color:var(--green); background:var(--paper); }
.btn-wa-icon:hover{background:var(--cream-dark); color:var(--green-deep);}


/* custom box banner */
.custom-box-band{ background:linear-gradient(150deg, var(--green), var(--green-deep)); border-radius:20px; color:var(--paper); padding:2.6rem; border:1px solid rgba(255,255,255,.08); }
.custom-box-band .icon-wrap{ width:52px;height:52px;border-radius:12px; background:rgba(227,199,137,.15); display:flex; align-items:center; justify-content:center; color:var(--gold-soft); }

/* coming soon banner (shop page) */
.coming-band{ background:linear-gradient(150deg, var(--green), var(--green-deep)); border-radius:20px; color:var(--paper); padding:2.2rem 2.4rem; border:1px solid rgba(255,255,255,.08); }
.coming-band h4{color:var(--paper); margin-bottom:.35rem;}
.coming-band p{opacity:.8; font-size:.9rem; margin:0;}

.process-card{ background:var(--paper); border-radius:16px; padding:1.8rem 1.4rem; height:100%; border:1px solid rgba(36,29,19,.07); }
.process-num{ font-family:'Fraunces',serif; font-weight:600; font-size:.95rem; color:var(--gold-soft); background:var(--green); width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }

.story-heading{color:var(--green); font-weight:600;}
.story-heading em{color:var(--maroon); font-style:italic;}
blockquote.quote-bar{ border-left:3px solid var(--maroon); padding-left:1.1rem; font-family:'Fraunces',serif; font-style:italic; color:var(--maroon); font-size:1.2rem; line-height:1.5; }

.valley-card{padding:2.2rem; height:100%;}
.valley-card.dark{background:var(--green); color:var(--paper);}
.valley-card.light{background:var(--cream-dark); color:var(--ink);}
.valley-card .alt{color:var(--gold);}
.valley-card.light .alt{color:var(--maroon);}

.section-green, .section-maroon{color:var(--paper);}
.section-green h2, .section-maroon h2{color:var(--paper);}
.section-green .accent, .section-maroon .accent{color:var(--gold-soft); font-style:italic;}
.section-green blockquote, .section-maroon blockquote{border-left:3px solid var(--gold-soft); color:var(--gold-soft); font-family:'Fraunces',serif; font-style:italic; padding-left:1.1rem; font-size:1.15rem;}
.section-green{background:var(--green);}
.section-maroon{background:var(--maroon);}

.testi-card{ background:var(--paper); border-radius:var(--radius-md); padding:2rem; height:100%; border:1px solid rgba(36,29,19,.07); transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.testi-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}
.testi-card .stars{color:var(--gold); font-size:.85rem; margin-bottom:.8rem;}
.testi-card p.quote{font-family:'Fraunces',serif; font-style:italic; font-size:1.05rem; color:var(--ink); line-height:1.55;}
.testi-card .who{font-size:.82rem; font-weight:600; margin-top:1rem;}
.testi-card .where{font-size:.76rem; opacity:.72;}

.photo-frame{ border-radius:14px; aspect-ratio:4/5; display:flex; align-items:center; justify-content:center; color:rgba(251,248,240,.55); font-family:'Fraunces',serif; font-style:italic; text-align:center; padding:2rem; position:relative; overflow:hidden; }
.photo-frame img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}

/* gallery tiles (home) */
.gallery-tile{ position:relative; border-radius:var(--radius-md); overflow:hidden; display:flex; align-items:flex-end; padding:1.1rem; color:var(--paper); transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.gallery-tile:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.gallery-tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform .5s var(--ease);}
.gallery-tile:hover img{transform:scale(1.06);}
.gallery-tile .cap{ position:relative; z-index:2; font-family:'Fraunces',serif; font-style:italic; font-size:.95rem; }
.gallery-tile .place{ position:relative; z-index:2; font-size:.68rem; opacity:.75; text-transform:uppercase; letter-spacing:.05em; }
.gallery-tile::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.55), transparent 55%); z-index:1; }
.gallery-tile.tall{aspect-ratio:3/4;}
.gallery-tile.wide{aspect-ratio:4/3;}
.g1{background:linear-gradient(150deg,#2a4a36,#16291d);}
.g2{background:linear-gradient(150deg,#a3443c,#6f2e28);}
.g3{background:linear-gradient(150deg,#d4ac5c,#a3782f);}
.g4{background:linear-gradient(150deg,#3c5a44,#1f3b2b);}
.g5{background:linear-gradient(150deg,#8a3a33,#4c221d);}
.g6{background:linear-gradient(150deg,#c99a3e,#7a5a20);}

.accordion-kothar .accordion-item{ background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:12px !important; margin-bottom:.8rem; overflow:hidden; }
.accordion-kothar .accordion-button{ font-family:'Fraunces',serif; font-weight:600; color:var(--green); background:var(--paper); }
.accordion-kothar .accordion-button:not(.collapsed){ background:var(--cream-dark); color:var(--green); box-shadow:none; }
.accordion-kothar .accordion-button:focus{box-shadow:none; border-color:rgba(36,29,19,.08);}

.cta-band{background:var(--cream-dark);}

footer.site-footer{background:var(--green-deep); color:rgba(251,248,240,.75);}
footer.site-footer a{color:rgba(251,248,240,.85); text-decoration:none; font-size:.88rem;}
footer.site-footer a:hover{color:var(--gold-soft);}
footer.site-footer h6{color:var(--paper); font-family:'Fraunces',serif; letter-spacing:.05em;}
footer .fbrand .brand-mark{background:var(--gold-soft); color:var(--green-deep);}

/* ---------- cart offcanvas ---------- */
.offcanvas-kothar{background:var(--paper); max-width:400px;}
.cart-item{display:flex; justify-content:space-between; gap:.75rem; padding:.9rem 0; border-bottom:1px solid rgba(36,29,19,.08);}
.cart-item .info{flex:1;}
.cart-item .name{font-weight:600; font-size:.9rem;}
.cart-item .meta{font-size:.78rem; opacity:.65;}
.cart-item .remove-btn{background:none; border:none; color:var(--maroon); font-size:.78rem; padding:0;}
.cart-empty{text-align:center; padding:3rem 1rem; opacity:.6; font-size:.9rem;}
.qty-btn{border:1px solid rgba(36,29,19,.2);border-radius:6px;background:none;width:22px;height:22px;font-size:.75rem;}

/* ============================================================
   PRODUCT SINGLE PAGE
   ============================================================ */
.pdp-gallery-main{ border-radius:18px; overflow:hidden; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; position:relative; border:1px solid rgba(36,29,19,.08); }
.pdp-gallery-main .badge-region{top:16px; left:16px;}
.pdp-thumbs{display:flex; gap:.6rem; margin-top:.8rem;}
.pdp-thumb{ width:74px; height:74px; border-radius:10px; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); display:flex; align-items:center; justify-content:center; border:1px solid rgba(36,29,19,.1); cursor:pointer; flex-shrink:0; transition:all .15s ease;}
.pdp-thumb.active{border-color:var(--green); box-shadow:0 0 0 1px var(--green);}
.pdp-trust-strip{ display:flex; flex-wrap:wrap; gap:0; margin-top:1.1rem; background:var(--green); border-radius:12px; overflow:hidden; }
.pdp-trust-strip .t{ flex:1; min-width:120px; text-align:center; color:var(--paper); font-size:.76rem; font-weight:600; padding:.75rem .5rem; border-right:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; align-items:center; gap:.25rem;}
.pdp-trust-strip .t:last-child{border-right:none;}

.pdp-title-block .eyebrow{color:var(--maroon);}
.pdp-title-block h1{font-size:clamp(2rem,4vw,2.7rem); color:var(--ink); font-weight:600; margin:.4rem 0 .5rem;}
.pdp-title-block .hindi-name{color:var(--maroon); font-size:1.1rem;}
.pdp-rating{color:var(--gold); font-size:.85rem; display:flex; align-items:center; gap:.4rem; margin:.6rem 0 1rem;}
.pdp-rating .count{color:var(--ink); opacity:.6; font-size:.82rem;}
.pdp-lede{font-size:.95rem; line-height:1.7; opacity:.85;}
.pdp-lede strong{color:var(--ink);}

.meter-row{margin-bottom:.7rem;}
.meter-row .lbl-row{display:flex; justify-content:space-between; font-size:.76rem; font-weight:600; margin-bottom:.3rem;}
.meter-track{display:flex; gap:4px;}
.meter-seg{flex:1; height:8px; border-radius:4px; background:rgba(36,29,19,.1);}
.meter-seg.on{background:var(--green);}

.pdp-price-box{ margin:1.3rem 0 1rem; }
.pdp-price-box .amt{font-family:'Fraunces',serif; font-weight:700; font-size:2.1rem; color:var(--ink);}
.pdp-price-box .mrp{font-size:1rem; text-decoration:line-through; opacity:.45; margin-left:.6rem;}
.pdp-price-box .save{font-size:.72rem; font-weight:700; color:var(--green); background:var(--cream-dark); padding:.2rem .6rem; border-radius:100px; margin-left:.5rem;}
.pdp-price-box .tax-note{display:block; font-size:.78rem; opacity:.6; margin-top:.3rem;}

.promo-strip{ background:var(--cream-dark); border:1px dashed var(--gold); border-radius:12px; padding:.8rem 1rem; display:flex; align-items:center; gap:.7rem; margin-bottom:1.3rem; font-size:.85rem; }
.promo-strip .icon-wrap{width:34px; height:34px; border-radius:9px; background:var(--gold); color:var(--ink); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.promo-strip code{background:var(--paper); border-radius:5px; padding:.05rem .4rem; font-weight:700; color:var(--maroon);}

.pdp-section-label{font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; opacity:.65; margin-bottom:.6rem;}

.size-card{ border:1px solid rgba(36,29,19,.16); border-radius:12px; padding:.9rem .7rem; text-align:center; cursor:pointer; position:relative; transition:all .15s ease; background:var(--paper);}
.size-card:hover{border-color:var(--green);}
.size-card.checked{border-color:var(--green); background:rgba(31,59,43,.06); box-shadow:0 0 0 1px var(--green) inset;}
.size-card .pin{position:absolute; top:-9px; left:50%; transform:translateX(-50%); background:var(--green); color:var(--gold-soft); font-size:.6rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.15rem .55rem; border-radius:100px; white-space:nowrap;}
.size-card .nm{font-weight:700; font-size:.92rem;}
.size-card .sub{font-size:.72rem; opacity:.6; margin-top:.15rem;}

.box-card{ border:1px solid rgba(36,29,19,.16); border-radius:12px; padding:1rem; cursor:pointer; transition:all .15s ease; background:var(--paper);}
.box-card:hover{border-color:var(--green);}
.box-card.checked{border-color:var(--green); background:rgba(31,59,43,.06); box-shadow:0 0 0 1px var(--green) inset;}
.box-card .nm{font-weight:700; font-family:'Fraunces',serif; font-size:1.1rem;}
.box-card .pp{font-size:.72rem; opacity:.55;}

.info-callout{ background:var(--paper); border:1px solid rgba(36,29,19,.1); border-radius:10px; padding:.75rem .9rem; font-size:.82rem; opacity:.85; display:flex; gap:.6rem; align-items:flex-start; margin-bottom:.7rem;}
.info-callout .icon{color:var(--green); flex-shrink:0; margin-top:.15rem;}
.stock-note{color:var(--maroon); font-size:.82rem; font-weight:600; display:flex; align-items:center; gap:.4rem; margin-bottom:1rem;}
.stock-dot{width:7px; height:7px; border-radius:50%; background:var(--maroon); display:inline-block;}

.founder-quote{ background:var(--cream-dark); border-radius:14px; padding:1.2rem 1.3rem; display:flex; gap:.9rem; align-items:flex-start; margin:1.3rem 0; }
.founder-quote .avatar{ width:44px; height:44px; border-radius:50%; background:var(--green); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; flex-shrink:0; }
.founder-quote p{font-family:'Fraunces',serif; font-style:italic; font-size:.95rem; margin-bottom:.4rem; line-height:1.5;}
.founder-quote .who{font-size:.78rem; font-weight:700; opacity:.7;}

.freshness-box{ background:var(--green); color:var(--paper); border-radius:14px; padding:1.2rem 1.3rem; display:flex; gap:.9rem; }
.freshness-box .icon-wrap{ width:38px; height:38px; border-radius:10px; background:rgba(227,199,137,.18); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.freshness-box h6{color:var(--gold-soft); margin-bottom:.25rem;}
.freshness-box p{font-size:.84rem; opacity:.85; margin:0;}

.pdp-tabs .nav-link{ color:var(--ink); font-weight:600; font-family:'Fraunces',serif; border:none; border-bottom:2px solid transparent; border-radius:0; padding:.7rem 1.3rem;}
.pdp-tabs .nav-link.active{color:var(--green); border-bottom-color:var(--maroon); background:none;}
.pdp-tab-body{padding:2rem 0; font-size:.92rem; line-height:1.75; opacity:.85;}
.pdp-tab-body ul{padding-left:1.2rem;}

.related-strip .section-title{text-align:left; margin-bottom:1.8rem;}

.qty-stepper{ display:inline-flex; align-items:center; border:1px solid rgba(36,29,19,.18); border-radius:10px; overflow:hidden; }
.qty-stepper button{ background:var(--paper); border:none; width:38px; height:38px; font-size:1rem; color:var(--ink); }
.qty-stepper button:hover{background:var(--cream-dark);}
.qty-stepper .qty-input{ width:44px; text-align:center; border:none; border-left:1px solid rgba(36,29,19,.15); border-right:1px solid rgba(36,29,19,.15); height:38px; font-weight:700; background:var(--paper); color:var(--ink); }
.qty-stepper .qty-input:focus{outline:none;}

.pref-toggle{ display:flex; align-items:center; gap:.6rem; background:var(--paper); border:1px solid rgba(36,29,19,.14); border-radius:10px; padding:.7rem .9rem; font-size:.85rem; cursor:pointer; }
.pref-toggle input{accent-color:var(--green); width:16px; height:16px;}
.gift-note-box{display:none; margin-top:.6rem;}
.gift-note-box textarea{border:1px solid rgba(36,29,19,.18); border-radius:10px; font-size:.85rem; padding:.6rem .75rem; width:100%;}

@media (max-width: 767px){
  .hero{padding:3.5rem 0 3.5rem;}
  .page-banner{padding:2.6rem 0 2.4rem;}
  .section-pad{padding:3.5rem 0;}
  .pdp-trust-strip .t{border-right:none; border-bottom:1px solid rgba(255,255,255,.12);}
}

/* ============================================================
   CART PAGE (cart.html)
   ============================================================ */

.cart-head{padding:2.2rem 0 .4rem;}
.cart-head h1{font-size:clamp(1.9rem,4vw,2.5rem); color:var(--ink); font-weight:600; margin-bottom:.15rem;}
.cart-head .count{font-size:1rem; font-weight:400; opacity:.5; margin-left:.3rem;}
.cart-head .sub{font-size:.86rem; opacity:.65;}

.cart-trust-row{display:flex; flex-wrap:wrap; gap:.8rem; margin:1.3rem 0 1.8rem;}
.cart-trust-card{ flex:1; min-width:150px; background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:14px; padding:1rem .9rem; text-align:center; }
.cart-trust-card .icon-wrap{ width:36px; height:36px; border-radius:9px; background:var(--cream-dark); color:var(--green); display:flex; align-items:center; justify-content:center; margin:0 auto .55rem; }
.cart-trust-card .lbl{font-weight:700; font-size:.83rem;}
.cart-trust-card .sub{font-size:.72rem; opacity:.68; margin-top:.1rem;}

.cart-line-card{ background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px; padding:1.3rem; position:relative; margin-bottom:1.3rem; }
.cart-line-card .row-top{display:flex; gap:1.1rem;}
.cart-line-thumb{ width:88px; height:88px; border-radius:12px; flex-shrink:0; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.cart-line-thumb img{width:100%; height:100%; object-fit:cover;}
.cart-line-remove{ position:absolute; top:1.1rem; right:1.2rem; background:none; border:none; color:var(--maroon); font-size:.78rem; font-weight:600; display:flex; align-items:center; gap:.3rem; }
.cart-line-remove:hover{color:var(--maroon-deep);}
.cart-line-card .hindi-name{color:var(--maroon); font-size:.85rem;}
.cart-date-pill{ display:inline-flex; align-items:center; gap:.3rem; background:var(--cream-dark); color:var(--green); font-size:.72rem; font-weight:600; padding:.25rem .6rem; border-radius:100px; margin:.4rem 0; }
.cart-variant-note{font-size:.78rem; opacity:.6; margin-left:.4rem;}
.cart-line-tags{display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0 .8rem;}
.cart-line-tags .tag-chip{ background:var(--cream); border:1px solid rgba(36,29,19,.12); border-radius:100px; padding:.22rem .65rem; font-size:.74rem; font-weight:600; }
.cart-line-tags .tag-chip a{color:var(--green); text-decoration:underline; margin-left:.3rem; font-weight:700;}
.cart-line-bottom{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:.9rem;}

.cart-add-more{margin-top:2.2rem;}
.cart-add-more .hd{display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid rgba(36,29,19,.1); padding-bottom:.9rem; margin-bottom:1.4rem;}
.cart-add-more .hd h2{font-size:1.15rem; color:var(--ink); font-weight:600; margin:0;}
.cart-add-more .hd p{font-size:.78rem; opacity:.55; margin:.15rem 0 0;}
.cart-mini-card .art{height:130px;}
.cart-mini-card .body{padding:.9rem 1rem 1rem;}
.cart-mini-card h3{font-size:.95rem;}
.cart-mini-card .price-display{margin:.5rem 0 .7rem;}
.cart-mini-card .price-display .amt{font-size:1.05rem;}
.cart-mini-card .btn-add-cart{font-size:.8rem; padding:.55rem;}

.toggle-switch{ position:relative; width:38px; height:22px; flex-shrink:0; }
.toggle-switch input{opacity:0; width:0; height:0;}
.toggle-switch .slider{ position:absolute; inset:0; background:rgba(36,29,19,.2); border-radius:100px; transition:.2s; }
.toggle-switch .slider::before{ content:''; position:absolute; width:16px; height:16px; left:3px; top:3px; background:var(--paper); border-radius:50%; transition:.2s; }
.toggle-switch input:checked + .slider{background:var(--green);}
.toggle-switch input:checked + .slider::before{transform:translateX(16px);}
.cart-gift-row{ display:flex; align-items:center; justify-content:space-between; gap:.9rem; background:var(--paper); border:1px solid rgba(36,29,19,.1); border-radius:14px; padding:.9rem 1.1rem; margin-top:1.6rem; }
.cart-gift-row .lbl{display:flex; align-items:center; gap:.7rem; font-size:.87rem;}
.cart-gift-row .lbl .icon-wrap{ width:34px; height:34px; border-radius:9px; background:var(--cream-dark); color:var(--maroon); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.cart-gift-row .lbl small{display:block; opacity:.55; font-weight:400; font-size:.76rem;}

.order-summary{ background:linear-gradient(155deg, var(--green), var(--green-deep)); border-radius:18px; color:var(--paper); padding:1.6rem 1.5rem; position:sticky; top:96px; }
.order-summary h2{font-size:1.15rem; color:var(--paper); font-weight:600; margin-bottom:.9rem;}
.order-summary .date-pill{ display:inline-flex; align-items:center; gap:.4rem; background:rgba(227,199,137,.16); color:var(--gold-soft); font-size:.74rem; font-weight:700; padding:.3rem .7rem; border-radius:100px; margin-bottom:1.1rem; }
.order-summary .founder-row{ display:flex; gap:.7rem; align-items:center; font-size:.8rem; opacity:.9; padding-bottom:1rem; border-bottom:1px solid rgba(251,248,240,.14); margin-bottom:1rem; }
.order-summary .founder-row .av{ width:32px; height:32px; border-radius:50%; background:rgba(227,199,137,.18); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; font-size:.85rem; flex-shrink:0; }
.order-summary .founder-row strong{color:var(--gold-soft); font-weight:700;}
.order-summary .ship-note{display:flex; gap:.5rem; font-size:.78rem; opacity:.8; margin-bottom:1.1rem; line-height:1.5;}
.order-summary .ship-note .icon{flex-shrink:0; margin-top:.2rem; color:var(--gold-soft);}
.order-summary .line{display:flex; justify-content:space-between; font-size:.85rem; opacity:.9; margin-bottom:.5rem;}
.order-summary hr{border-color:rgba(251,248,240,.15); margin:1rem 0;}
.order-summary .total-line{display:flex; justify-content:space-between; font-family:'Fraunces',serif; font-weight:600; font-size:1.15rem; margin-bottom:1.1rem;}
.order-summary .save-note{color:var(--gold-soft); font-weight:600;}
.order-summary-trust{display:flex; flex-wrap:wrap; gap:.5rem 1rem; font-size:.72rem; opacity:.75; margin-bottom:1.2rem;}
.order-summary-trust span{display:inline-flex; align-items:center; gap:.3rem;}
.btn-cart-checkout{ background:var(--gold); border:1px solid var(--gold); color:var(--ink); border-radius:100px; padding:.95rem 1.2rem; font-weight:700; font-size:.95rem; width:100%; display:flex; align-items:center; justify-content:center; gap:.55rem; transition:all .2s ease;}
.btn-cart-checkout:hover{background:var(--gold-soft); color:var(--ink);}
.order-summary .assure{ display:flex; gap:.5rem; font-size:.76rem; opacity:.85; margin-top:1rem; line-height:1.5; }
.order-summary .assure .icon{color:var(--gold-soft); flex-shrink:0; margin-top:.15rem;}
.order-summary .pay-note{font-size:.72rem; opacity:.6; text-align:center; margin-top:1rem;}

@media (max-width: 991px){
  .order-summary{position:static; margin-top:1.8rem;}
}

/* ============================================================
   OUR STORY PAGE (story.html) — original section classes
   kept here so nothing else on the site breaks; the story page
   itself now uses the "jn-" (journey) classes added below instead.
   ============================================================ */

.accent-gold{color:var(--gold-soft); font-style:italic;}
.bg-cream-dark{background:var(--cream-dark);}
.bg-paper{background:var(--paper);}

.story-hero{padding:6rem 0 6.5rem;}
.story-hero .ridge{position:absolute; left:0; right:0; bottom:0; width:100%; height:auto; opacity:.55; pointer-events:none;}
.story-hero .hero-copy{position:relative; z-index:2; max-width:760px;}
.story-hero h1{font-size:clamp(2.6rem,6vw,4.2rem); font-weight:700; line-height:1.08; margin:.6rem 0 1.1rem;}
.story-hero .lede{max-width:600px; font-size:1rem; line-height:1.75; color:rgba(251,248,240,.85);}

.story-timeline{position:relative; margin-top:1.8rem; padding-left:2.6rem;}
.story-timeline::before{content:''; position:absolute; left:15px; top:6px; bottom:6px; width:1px; background:rgba(36,29,19,.15);}
.timeline-item{position:relative; padding-bottom:1.6rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-num{position:absolute; left:-2.6rem; top:0; width:31px; height:31px; border-radius:50%; background:var(--green); color:var(--gold-soft); font-family:'Fraunces',serif; font-weight:700; font-size:.82rem; display:flex; align-items:center; justify-content:center;}
.timeline-item h4{font-family:'Fraunces',serif; font-weight:600; font-size:1rem; color:var(--ink); margin-bottom:.25rem;}
.timeline-item p{font-size:.85rem; opacity:.7; line-height:1.6; margin:0;}

.define-box{ border-left:3px solid var(--maroon); background:rgba(138,58,51,.06); border-radius:0 10px 10px 0; padding:1rem 1.3rem; margin:1.3rem 0; font-family:'Fraunces',serif; font-style:italic; color:var(--maroon-deep); font-size:1.02rem; line-height:1.65; }
.define-box strong{font-weight:700; font-style:normal;}

.valley-card{position:relative; overflow:hidden;}
.valley-card .alt-num{font-family:'Fraunces',serif; font-weight:700; font-size:1.5rem; display:block; margin-bottom:.3rem;}
.valley-card .place{font-weight:700; font-size:1.05rem; margin-bottom:.6rem;}
.valley-card p{font-size:.85rem; line-height:1.65; opacity:.85; position:relative; z-index:2;}
.valley-card .pattern{position:absolute; inset:0; opacity:.14; z-index:1;}
.valley-card.dark .pattern svg{fill:var(--gold-soft);}
.valley-card.light .pattern svg{fill:var(--maroon);}

.divider-zigzag{ height:18px; background: linear-gradient(-45deg, var(--cream) 9px, transparent 0), linear-gradient(45deg, var(--cream) 9px, transparent 0); background-position:left bottom; background-repeat:repeat-x; background-size:18px 18px; background-color:var(--green);}
.divider-zigzag.flip{ background: linear-gradient(135deg, var(--cream-dark) 9px, transparent 0), linear-gradient(225deg, var(--cream-dark) 9px, transparent 0); background-position:left top; background-repeat:repeat-x; background-size:18px 18px; background-color:transparent;}

.info-grid{ display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(36,29,19,.12); border-radius:14px; overflow:hidden; background:var(--paper); }
.info-cell{padding:1.4rem 1.5rem; border-right:1px solid rgba(36,29,19,.1); border-bottom:1px solid rgba(36,29,19,.1);}
.info-cell:nth-child(2n){border-right:none;}
.info-cell:nth-last-child(-n+2){border-bottom:none;}
.info-cell h4{font-family:'Fraunces',serif; font-weight:600; color:var(--green); font-size:1.02rem; margin-bottom:.4rem;}
.info-cell p{font-size:.84rem; opacity:.75; line-height:1.6; margin:0;}
@media (max-width:767px){
  .info-grid{grid-template-columns:1fr;}
  .info-cell{border-right:none;}
  .info-cell:nth-last-child(-n+2){border-bottom:1px solid rgba(36,29,19,.1);}
  .info-cell:last-child{border-bottom:none;}
}

.photo-panel{ border-radius:18px; overflow:hidden; position:relative; aspect-ratio:4/5; background:
  repeating-linear-gradient(45deg, rgba(227,199,137,.10) 0 2px, transparent 2px 34px),
  repeating-linear-gradient(-45deg, rgba(0,0,0,.12) 0 2px, transparent 2px 34px),
  linear-gradient(150deg, #2a4a36, var(--green-deep));
  display:flex; align-items:flex-end; padding:1.3rem; }
.photo-panel img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.photo-panel .tag{position:relative; z-index:2; color:rgba(251,248,240,.8); font-family:'Fraunces',serif; font-style:italic; font-size:.82rem; line-height:1.5;}
.photo-caption{font-size:.78rem; opacity:.6; margin-top:.7rem; line-height:1.5;}

.story-final-cta{text-align:center; padding:5rem 0 5.5rem;}
.story-final-cta h2{font-size:clamp(1.9rem,4vw,2.7rem); color:var(--ink);}
.story-final-cta .sub{max-width:480px; margin:.9rem auto 1.6rem; opacity:.65; font-size:.92rem; line-height:1.6;}

/* ============================================================
   CONTACT PAGE (contact.html)
   Reuses .page-banner, .section-pad, .accordion-kothar, .btn-kothar,
   .btn-gold, .cta-band, .founder-quote, .info-callout, .photo-panel
   from above — only genuinely new patterns are defined below.
   ============================================================ */

/* quick-contact method cards under the hero */
.contact-methods{ margin-top:-2.6rem; position:relative; z-index:5; }
.contact-method-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px;
  padding:1.5rem 1.4rem; height:100%; text-align:center;
  box-shadow:0 18px 40px -26px rgba(36,29,19,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.contact-method-card:hover{transform:translateY(-4px); box-shadow:0 22px 44px -22px rgba(36,29,19,.4);}
.contact-method-card .icon-wrap{
  width:52px; height:52px; border-radius:14px; margin:0 auto .9rem;
  display:flex; align-items:center; justify-content:center;
  background:var(--cream-dark); color:var(--green); font-size:1.35rem;
}
.contact-method-card.primary .icon-wrap{background:var(--green); color:var(--gold-soft);}
.contact-method-card h6{font-weight:700; margin-bottom:.3rem;}
.contact-method-card .val{font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; color:var(--ink); margin-bottom:.15rem;}
.contact-method-card .hint{font-size:.78rem; opacity:.6; margin-bottom:1rem;}
.contact-method-card a.act{font-size:.82rem; font-weight:700; color:var(--green); text-decoration:none;}
.contact-method-card a.act:hover{color:var(--maroon);}

/* contact form card */
.contact-form-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:20px;
  padding:2.2rem; height:100%;
}
.contact-form-card .form-label-k{
  font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  opacity:.7; margin-bottom:.4rem; display:block;
}
.contact-form-card .form-control-k{
  width:100%; border:1px solid rgba(36,29,19,.18); border-radius:10px;
  padding:.75rem .95rem; font-size:.92rem; font-family:'Inter',sans-serif;
  background:var(--cream); color:var(--ink);
}
.contact-form-card .form-control-k:focus{
  outline:none; border-color:var(--green); background:var(--paper);
  box-shadow:0 0 0 .15rem rgba(31,59,43,.15);
}
.contact-form-card textarea.form-control-k{resize:vertical; min-height:120px;}
.contact-form-card select.form-control-k{appearance:auto;}
.reason-chip-row{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.1rem;}
.reason-chip{
  border:1px solid rgba(36,29,19,.18); background:var(--cream); color:var(--ink);
  border-radius:100px; padding:.4rem .95rem; font-size:.8rem; font-weight:600; cursor:pointer;
  transition:all .15s ease;
}
.reason-chip.active, .reason-chip:hover{background:var(--green); border-color:var(--green); color:var(--paper);}
.form-note-k{font-size:.76rem; opacity:.55; margin-top:.3rem;}

/* right column: hours + address + map */
.contact-side-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:20px;
  padding:1.8rem; margin-bottom:1.3rem;
}
.contact-side-card h5{font-weight:600; margin-bottom:1rem; display:flex; align-items:center; gap:.6rem;}
.contact-side-card h5 .icon-wrap-sm{
  width:32px; height:32px; border-radius:9px; background:var(--cream-dark); color:var(--green);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.hours-table{width:100%; font-size:.87rem;}
.hours-table tr{border-bottom:1px solid rgba(36,29,19,.08);}
.hours-table tr:last-child{border-bottom:none;}
.hours-table td{padding:.55rem 0;}
.hours-table td:first-child{font-weight:600;}
.hours-table td:last-child{text-align:right; opacity:.75;}
.hours-table tr.today td{color:var(--maroon); font-weight:700;}
.status-pill{
  display:inline-flex; align-items:center; gap:.4rem; font-size:.78rem; font-weight:700;
  background:rgba(31,59,43,.1); color:var(--green); padding:.3rem .7rem; border-radius:100px; margin-bottom:1rem;
}
.status-pill .dot{width:7px; height:7px; border-radius:50%; background:var(--green);}

.map-panel{
  border-radius:16px;
  overflow:hidden;
  position:relative;
  aspect-ratio:16/11;
  background:
    repeating-linear-gradient(45deg, rgba(227,199,137,.08) 0 2px, transparent 2px 30px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.10) 0 2px, transparent 2px 30px),
    linear-gradient(150deg, #2a4a36, var(--green-deep));
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(251,248,240,.85);
}
/* Once a real embedded map or static map image is added, wrap it in
   <div class="map-panel"><img src="..." alt="..."></div> and this rule
   will make it fill the panel cleanly instead of stretching/distorting. */
.map-panel img{width:100%; height:100%; object-fit:cover;}
.map-panel .pin-marker{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  z-index:2;
}
.map-panel .pin-marker .pin-icon{
  width:46px; height:46px; border-radius:50%; background:var(--gold); color:var(--ink);
  display:flex; align-items:center; justify-content:center; margin-bottom:.6rem; font-size:1.3rem;
  box-shadow:0 8px 20px rgba(0,0,0,.3);
}
.map-panel .pin-marker .addr{font-family:'Fraunces',serif; font-style:italic; font-size:.9rem; max-width:220px;}

.social-row-contact{display:flex; gap:.6rem; margin-top:1rem;}
.social-btn{
  width:40px; height:40px; border-radius:10px; border:1px solid rgba(36,29,19,.15);
  display:flex; align-items:center; justify-content:center; color:var(--ink); background:var(--paper);
  transition:all .15s ease;
}
.social-btn:hover{background:var(--green); color:var(--paper); border-color:var(--green);}

/* ============================================================
   OUR STORY PAGE — REDESIGN V2 ("jn-" = journey)
   New structural language for story.html only: a wooden vertical
   "shelf plank" timeline, a full-bleed door reveal for the kothar
   definition, a stat split, grain chips and a locket-style photo
   card. Everything below is additive — nothing above is removed
   or overridden, so index/shop/product/cart/contact are untouched.
   ============================================================ */

.jn-section{overflow:hidden;}

/* ---- wooden shelf timeline ---- */
.jn-rail{position:relative; max-width:920px; margin:0 auto;}
.jn-plank{
  position:absolute; left:50%; top:6px; bottom:6px; width:6px; transform:translateX(-50%);
  border-radius:4px;
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,.10) 0 3px, transparent 3px 9px),
    linear-gradient(180deg, var(--gold), var(--maroon) 50%, var(--green));
  opacity:.6;
}
.jn-row{position:relative; display:grid; grid-template-columns:1fr 64px 1fr; align-items:start; margin-bottom:2.4rem;}
.jn-row:last-child{margin-bottom:0;}
.jn-marker{
  grid-column:2; justify-self:center; width:56px; height:56px; border-radius:50%;
  background:var(--paper); border:2px solid var(--gold); color:var(--maroon);
  display:flex; align-items:center; justify-content:center; font-size:1.3rem;
  box-shadow:0 0 0 6px var(--cream); position:relative; z-index:2;
}
.jn-card{
  grid-row:1; background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px;
  padding:1.6rem 1.7rem; box-shadow:0 10px 26px -20px rgba(36,29,19,.4);
}
.jn-card.jn-left{grid-column:1;}
.jn-card.jn-right{grid-column:3;}
.jn-tag{
  display:inline-block; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--maroon); background:rgba(138,58,51,.08); padding:.25rem .6rem; border-radius:100px; margin-bottom:.6rem;
}
.jn-card h3{font-family:'Fraunces',serif; font-weight:600; color:var(--green); font-size:1.2rem; margin-bottom:.5rem;}
.jn-card p{font-size:.9rem; line-height:1.7; opacity:.85; margin:0;}

@media (max-width:767px){
  .jn-plank{left:27px;}
  .jn-row{grid-template-columns:56px 1fr; column-gap:1rem;}
  .jn-marker{grid-column:1; width:46px; height:46px; font-size:1.05rem;}
  .jn-card.jn-left, .jn-card.jn-right{grid-column:2;}
}

/* ---- the door : signature reveal ---- */
.jn-door-section{
  position:relative; overflow:hidden; padding:5.5rem 0;
  background: radial-gradient(ellipse 800px 420px at 50% 0%, rgba(227,199,137,.14), transparent 65%), linear-gradient(160deg, var(--hero-1), var(--hero-2));
  color:var(--paper);
}
.jn-door-word{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  font-size:min(34vw, 320px); line-height:1; color:rgba(227,199,137,.05); font-weight:600;
  white-space:nowrap; pointer-events:none; user-select:none;
}
.jn-door-icon{
  width:64px; height:64px; margin:0 auto 1.4rem; border-radius:14px;
  background:rgba(227,199,137,.12); border:1px solid rgba(227,199,137,.3);
  display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:var(--gold-soft);
}
.jn-door-h{font-family:'Fraunces',serif; font-weight:600; font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:1.1rem;}
.jn-door-h em{color:var(--gold-soft); font-style:italic;}
.jn-door-p{font-size:1rem; line-height:1.85; opacity:.85; max-width:640px; margin:0 auto;}
.jn-door-p strong{color:var(--paper);}

/* ---- why now : stat split ---- */
.jn-stat-card{
  background:rgba(227,199,137,.08); border:1px solid rgba(227,199,137,.25); border-radius:20px;
  padding:2.4rem 2rem; text-align:center;
}
.jn-stat-big{display:block; font-family:'Fraunces',serif; font-weight:700; font-size:5.5rem; line-height:1; color:var(--gold-soft);}
.jn-stat-lbl{display:block; margin-top:.8rem; font-size:.9rem; line-height:1.6; opacity:.85;}

/* ---- disappearing grains : chip row ---- */
.jn-grain-row{display:flex; flex-wrap:wrap; gap:.7rem;}
.jn-grain-chip{
  display:inline-flex; align-items:center; gap:.5rem; font-family:'Fraunces',serif; font-weight:600; font-size:.98rem;
  background:rgba(227,199,137,.12); border:1px solid rgba(227,199,137,.3); color:var(--gold-soft);
  padding:.6rem 1.1rem; border-radius:100px;
}
.jn-grain-chip .icon{color:var(--gold-soft);}

/* ---- the one who keeps it : locket card ---- */
.jn-locket-card{
  display:grid; grid-template-columns:280px 1fr; gap:0; background:var(--paper);
  border:1px solid rgba(36,29,19,.08); border-radius:22px; overflow:hidden;
  box-shadow:0 20px 50px -30px rgba(36,29,19,.4);
}
.jn-locket-photo{
  position:relative; min-height:260px; display:flex; align-items:flex-end; padding:1.2rem;
  background:
    repeating-linear-gradient(45deg, rgba(227,199,137,.10) 0 2px, transparent 2px 34px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.12) 0 2px, transparent 2px 34px),
    linear-gradient(150deg, #2a4a36, var(--green-deep));
}
.jn-locket-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.jn-locket-photo .tag{position:relative; z-index:2; color:rgba(251,248,240,.8); font-family:'Fraunces',serif; font-style:italic; font-size:.8rem; line-height:1.5;}
.jn-locket-body{padding:2.2rem 2.2rem 2.2rem 2rem;}

@media (max-width:767px){
  .jn-locket-card{grid-template-columns:1fr;}
  .jn-locket-photo{aspect-ratio:16/9; min-height:0;}
}


/* ============================================================================================= */


  .hindi-name{display:flex; align-items:center; gap:.4rem;}
  .pronounce-btn{
    background:none; border:none; padding:0; color:var(--maroon); opacity:.6;
    display:inline-flex; align-items:center; font-size:.85rem; cursor:pointer;
    transition:opacity .15s ease, transform .15s ease;
  }
  .pronounce-btn:hover{opacity:1; transform:scale(1.15);}
  .pronounce-btn.speaking{opacity:1; color:var(--green);}
  .batch-note{
    font-size: 12px;
    color:var(--green);
    opacity:.85;
    display:flex;
    font-weight: 500;
    align-items:center;
    gap:.35rem;
    margin:.2rem 0 .6rem;
  }

  /* category chip strip */
  .cat-chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin: 0px auto;width: 100%;max-width: fit-content;padding-top: 15px;}
  .cat-chip{
    display:inline-flex; align-items:center; gap:.45rem; padding:.55rem 1rem; border-radius:100px;
    background:var(--paper); border:1px solid rgba(36,29,19,.14); color:var(--ink); font-size:.83rem; font-weight:600;
    transition:all .2s ease; white-space:nowrap;
  }
  .cat-chip i{color:var(--maroon); font-size:.9rem;}
  .cat-chip:hover{background:var(--green); color:var(--paper); border-color:var(--green); transform:translateY(-2px);}
  .cat-chip:hover i{color:var(--gold-soft);}

  @media (max-width:700px){
    .cat-chip-row{
      flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory;
      margin-left:-20px; margin-right:-20px; padding:0 20px 6px; gap:.5rem;
      scrollbar-width:none;
    }
    .cat-chip-row::-webkit-scrollbar{display:none;}
    .cat-chip{scroll-snap-align:start; flex-shrink:0; font-size:.78rem; padding:.5rem .85rem;}
  }

  /* scroll-in motion */
  .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease,ease), transform .7s var(--ease,ease);}
  .reveal.in-view{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1; transform:none; transition:none;} }

  /* hero visual anchor */
  .hero-visual{
    position:relative; aspect-ratio:4/5; border-radius:var(--radius-lg,22px); overflow:hidden;
    background:
      repeating-linear-gradient(48deg, rgba(227,199,137,.08) 0 2px, transparent 2px 34px),
      linear-gradient(155deg, #2c2113, #14100b);
    border:1px solid rgba(227,199,137,.18);
    display:flex; align-items:center; justify-content:center; text-align:center; padding:2rem;
  }
  .hero-visual .door-icon{font-size:3rem; color:var(--gold-soft); margin-bottom:.75rem;}
  .hero-visual .cap{color:rgba(251,248,240,.55); font-family:'Fraunces',serif; font-style:italic; font-size:.85rem;}

  /* social proof strip under hero CTAs */
  .hero-social-proof{display:flex; align-items:center; gap:.6rem; margin-top:1.6rem;}
  .avatar-stack{display:flex;}
  .avatar-stack span{
    width:28px; height:28px; border-radius:50%; border:2px solid var(--hero-1,#14100b);
    background:linear-gradient(140deg, var(--gold-soft), var(--gold)); margin-left:-8px;
  }
  .avatar-stack span:first-child{margin-left:0;}

  /* payment method chips (icon-based, since no logo assets available yet) */
  .pay-chip{
    display:inline-flex; align-items:center; gap:.35rem; font-size:.74rem; font-weight:600;
    color:var(--ink); background:var(--paper); border:1px solid rgba(36,29,19,.15);
    border-radius:6px; padding:.35rem .6rem;
  }

  /* footer social icons */
  .social-row{display:flex; gap:.7rem; margin-top:.9rem;}
  .social-row a{
    width:34px; height:34px; border-radius:50%; border:1px solid rgba(251,248,240,.25);
    display:flex; align-items:center; justify-content:center; color:var(--paper); opacity:.8;
    transition:opacity .2s ease, background .2s ease;
  }
  .social-row a:hover{opacity:1; background:rgba(251,248,240,.1);}



 




  /*  */




/* gallery tiles (home) */
.gallery-tile{ position:relative; border-radius:var(--radius-md); overflow:hidden; display:flex; align-items:flex-end; padding:1.1rem; color:var(--paper); transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.gallery-tile:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.gallery-tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform .5s var(--ease);}
.gallery-tile:hover img{transform:scale(1.06);}
.gallery-tile .cap{ position:relative; z-index:2; font-family:'Fraunces',serif; font-style:italic; font-size:.95rem; }
.gallery-tile .place{ position:relative; z-index:2; font-size:.68rem; opacity:.75; text-transform:uppercase; letter-spacing:.05em; }
.gallery-tile::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.55), transparent 55%); z-index:1; }
.gallery-tile.tall{aspect-ratio:3/4;}
.gallery-tile.wide{aspect-ratio:4/3;}
.g1{background:linear-gradient(150deg,#2a4a36,#16291d);}
.g2{background:linear-gradient(150deg,#a3443c,#6f2e28);}
.g3{background:linear-gradient(150deg,#d4ac5c,#a3782f);}
.g4{background:linear-gradient(150deg,#3c5a44,#1f3b2b);}
.g5{background:linear-gradient(150deg,#8a3a33,#4c221d);}
.g6{background:linear-gradient(150deg,#c99a3e,#7a5a20);}

.accordion-kothar .accordion-item{ background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:12px !important; margin-bottom:.8rem; overflow:hidden; }
.accordion-kothar .accordion-button{ font-family:'Fraunces',serif; font-weight:600; color:var(--green); background:var(--paper); }
.accordion-kothar .accordion-button:not(.collapsed){ background:var(--cream-dark); color:var(--green); box-shadow:none; }
.accordion-kothar .accordion-button:focus{box-shadow:none; border-color:rgba(36,29,19,.08);}

.cta-band{background:var(--cream-dark);}

footer.site-footer{background:var(--green-deep); color:rgba(251,248,240,.75);}
footer.site-footer a{color:rgba(251,248,240,.85); text-decoration:none; font-size:.88rem;}
footer.site-footer a:hover{color:var(--gold-soft);}
footer.site-footer h6{color:var(--paper); font-family:'Fraunces',serif; letter-spacing:.05em;}
footer .fbrand .brand-mark{background:var(--gold-soft); color:var(--green-deep);}

/* ---------- cart offcanvas ---------- */
.offcanvas-kothar{background:var(--paper); max-width:400px;}
.cart-item{display:flex; justify-content:space-between; gap:.75rem; padding:.9rem 0; border-bottom:1px solid rgba(36,29,19,.08);}
.cart-item .info{flex:1;}
.cart-item .name{font-weight:600; font-size:.9rem;}
.cart-item .meta{font-size:.78rem; opacity:.65;}
.cart-item .remove-btn{background:none; border:none; color:var(--maroon); font-size:.78rem; padding:0;}
.cart-empty{text-align:center; padding:3rem 1rem; opacity:.6; font-size:.9rem;}
.qty-btn{border:1px solid rgba(36,29,19,.2);border-radius:6px;background:none;width:22px;height:22px;font-size:.75rem;}

/* ============================================================
   PRODUCT SINGLE PAGE
   ============================================================ */
.pdp-gallery-main{ border-radius:18px; overflow:hidden; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; position:relative; border:1px solid rgba(36,29,19,.08); }
.pdp-gallery-main .badge-region{top:16px; left:16px;}
.pdp-thumbs{display:flex; gap:.6rem; margin-top:.8rem;}
.pdp-thumb{ width:74px; height:74px; border-radius:10px; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); display:flex; align-items:center; justify-content:center; border:1px solid rgba(36,29,19,.1); cursor:pointer; flex-shrink:0; transition:all .15s ease;}
.pdp-thumb.active{border-color:var(--green); box-shadow:0 0 0 1px var(--green);}
.pdp-trust-strip{ display:flex; flex-wrap:wrap; gap:0; margin-top:1.1rem; background:var(--green); border-radius:12px; overflow:hidden; }
.pdp-trust-strip .t{ flex:1; min-width:120px; text-align:center; color:var(--paper); font-size:.76rem; font-weight:600; padding:.75rem .5rem; border-right:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; align-items:center; gap:.25rem;}
.pdp-trust-strip .t:last-child{border-right:none;}

.pdp-title-block .eyebrow{color:var(--maroon);}
.pdp-title-block h1{font-size:clamp(2rem,4vw,2.7rem); color:var(--ink); font-weight:600; margin:.4rem 0 .5rem;}
.pdp-title-block .hindi-name{color:var(--maroon); font-size:1.1rem;}
.pdp-rating{color:var(--gold); font-size:.85rem; display:flex; align-items:center; gap:.4rem; margin:.6rem 0 1rem;}
.pdp-rating .count{color:var(--ink); opacity:.6; font-size:.82rem;}
.pdp-lede{font-size:.95rem; line-height:1.7; opacity:.85;}
.pdp-lede strong{color:var(--ink);}

.meter-row{margin-bottom:.7rem;}
.meter-row .lbl-row{display:flex; justify-content:space-between; font-size:.76rem; font-weight:600; margin-bottom:.3rem;}
.meter-track{display:flex; gap:4px;}
.meter-seg{flex:1; height:8px; border-radius:4px; background:rgba(36,29,19,.1);}
.meter-seg.on{background:var(--green);}

.pdp-price-box{ margin:1.3rem 0 1rem; }
.pdp-price-box .amt{font-family:'Fraunces',serif; font-weight:700; font-size:2.1rem; color:var(--ink);}
.pdp-price-box .mrp{font-size:1rem; text-decoration:line-through; opacity:.45; margin-left:.6rem;}
.pdp-price-box .save{font-size:.72rem; font-weight:700; color:var(--green); background:var(--cream-dark); padding:.2rem .6rem; border-radius:100px; margin-left:.5rem;}
.pdp-price-box .tax-note{display:block; font-size:.78rem; opacity:.6; margin-top:.3rem;}

.promo-strip{ background:var(--cream-dark); border:1px dashed var(--gold); border-radius:12px; padding:.8rem 1rem; display:flex; align-items:center; gap:.7rem; margin-bottom:1.3rem; font-size:.85rem; }
.promo-strip .icon-wrap{width:34px; height:34px; border-radius:9px; background:var(--gold); color:var(--ink); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.promo-strip code{background:var(--paper); border-radius:5px; padding:.05rem .4rem; font-weight:700; color:var(--maroon);}

.pdp-section-label{font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; opacity:.65; margin-bottom:.6rem;}

.size-card{ border:1px solid rgba(36,29,19,.16); border-radius:12px; padding:.9rem .7rem; text-align:center; cursor:pointer; position:relative; transition:all .15s ease; background:var(--paper);}
.size-card:hover{border-color:var(--green);}
.size-card.checked{border-color:var(--green); background:rgba(31,59,43,.06); box-shadow:0 0 0 1px var(--green) inset;}
.size-card .pin{position:absolute; top:-9px; left:50%; transform:translateX(-50%); background:var(--green); color:var(--gold-soft); font-size:.6rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.15rem .55rem; border-radius:100px; white-space:nowrap;}
.size-card .nm{font-weight:700; font-size:.92rem;}
.size-card .sub{font-size:.72rem; opacity:.6; margin-top:.15rem;}

.box-card{ border:1px solid rgba(36,29,19,.16); border-radius:12px; padding:1rem; cursor:pointer; transition:all .15s ease; background:var(--paper);}
.box-card:hover{border-color:var(--green);}
.box-card.checked{border-color:var(--green); background:rgba(31,59,43,.06); box-shadow:0 0 0 1px var(--green) inset;}
.box-card .nm{font-weight:700; font-family:'Fraunces',serif; font-size:1.1rem;}
.box-card .pp{font-size:.72rem; opacity:.55;}

.info-callout{ background:var(--paper); border:1px solid rgba(36,29,19,.1); border-radius:10px; padding:.75rem .9rem; font-size:.82rem; opacity:.85; display:flex; gap:.6rem; align-items:flex-start; margin-bottom:.7rem;}
.info-callout .icon{color:var(--green); flex-shrink:0; margin-top:.15rem;}
.stock-note{color:var(--maroon); font-size:.82rem; font-weight:600; display:flex; align-items:center; gap:.4rem; margin-bottom:1rem;}
.stock-dot{width:7px; height:7px; border-radius:50%; background:var(--maroon); display:inline-block;}

.founder-quote{ background:var(--cream-dark); border-radius:14px; padding:1.2rem 1.3rem; display:flex; gap:.9rem; align-items:flex-start; margin:1.3rem 0; }
.founder-quote .avatar{ width:44px; height:44px; border-radius:50%; background:var(--green); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; flex-shrink:0; }
.founder-quote p{font-family:'Fraunces',serif; font-style:italic; font-size:.95rem; margin-bottom:.4rem; line-height:1.5;}
.founder-quote .who{font-size:.78rem; font-weight:700; opacity:.7;}

.freshness-box{ background:var(--green); color:var(--paper); border-radius:14px; padding:1.2rem 1.3rem; display:flex; gap:.9rem; }
.freshness-box .icon-wrap{ width:38px; height:38px; border-radius:10px; background:rgba(227,199,137,.18); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.freshness-box h6{color:var(--gold-soft); margin-bottom:.25rem;}
.freshness-box p{font-size:.84rem; opacity:.85; margin:0;}

.pdp-tabs .nav-link{ color:var(--ink); font-weight:600; font-family:'Fraunces',serif; border:none; border-bottom:2px solid transparent; border-radius:0; padding:.7rem 1.3rem;}
.pdp-tabs .nav-link.active{color:var(--green); border-bottom-color:var(--maroon); background:none;}
.pdp-tab-body{padding:2rem 0; font-size:.92rem; line-height:1.75; opacity:.85;}
.pdp-tab-body ul{padding-left:1.2rem;}

.related-strip .section-title{text-align:left; margin-bottom:1.8rem;}

.qty-stepper{ display:inline-flex; align-items:center; border:1px solid rgba(36,29,19,.18); border-radius:10px; overflow:hidden; }
.qty-stepper button{ background:var(--paper); border:none; width:38px; height:38px; font-size:1rem; color:var(--ink); }
.qty-stepper button:hover{background:var(--cream-dark);}
.qty-stepper .qty-input{ width:44px; text-align:center; border:none; border-left:1px solid rgba(36,29,19,.15); border-right:1px solid rgba(36,29,19,.15); height:38px; font-weight:700; background:var(--paper); color:var(--ink); }
.qty-stepper .qty-input:focus{outline:none;}

.pref-toggle{ display:flex; align-items:center; gap:.6rem; background:var(--paper); border:1px solid rgba(36,29,19,.14); border-radius:10px; padding:.7rem .9rem; font-size:.85rem; cursor:pointer; }
.pref-toggle input{accent-color:var(--green); width:16px; height:16px;}
.gift-note-box{display:none; margin-top:.6rem;}
.gift-note-box textarea{border:1px solid rgba(36,29,19,.18); border-radius:10px; font-size:.85rem; padding:.6rem .75rem; width:100%;}

@media (max-width: 767px){
  .hero{padding:3.5rem 0 3.5rem;}
  .page-banner{padding:2.6rem 0 2.4rem;}
  .section-pad{padding:3.5rem 0;}
  .pdp-trust-strip .t{border-right:none; border-bottom:1px solid rgba(255,255,255,.12);}
}

.freshness-box{ background:var(--green); color:var(--paper); border-radius:14px; padding:1.2rem 1.3rem; display:flex; gap:.9rem; }
.freshness-box .icon-wrap{ width:38px; height:38px; border-radius:10px; background:rgba(227,199,137,.18); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.freshness-box h6{color:var(--gold-soft); margin-bottom:.25rem;}
.freshness-box p{font-size:.84rem; opacity:.85; margin:0;}

.pdp-tabs .nav-link{ color:var(--ink); font-weight:600; font-family:'Fraunces',serif; border:none; border-bottom:2px solid transparent; border-radius:0; padding:.7rem 1.3rem;}
.pdp-tabs .nav-link.active{color:var(--green); border-bottom-color:var(--maroon); background:none;}
.pdp-tab-body{padding:2rem 0; font-size:.92rem; line-height:1.75; opacity:.85;}
.pdp-tab-body ul{padding-left:1.2rem;}

.related-strip .section-title{text-align:left; margin-bottom:1.8rem;}

.qty-stepper{ display:inline-flex; align-items:center; border:1px solid rgba(36,29,19,.18); border-radius:10px; overflow:hidden; }
.qty-stepper button{ background:var(--paper); border:none; width:38px; height:38px; font-size:1rem; color:var(--ink); }
.qty-stepper button:hover{background:var(--cream-dark);}
.qty-stepper .qty-input{ width:44px; text-align:center; border:none; border-left:1px solid rgba(36,29,19,.15); border-right:1px solid rgba(36,29,19,.15); height:38px; font-weight:700; background:var(--paper); color:var(--ink); }
.qty-stepper .qty-input:focus{outline:none;}

.pref-toggle{ display:flex; align-items:center; gap:.6rem; background:var(--paper); border:1px solid rgba(36,29,19,.14); border-radius:10px; padding:.7rem .9rem; font-size:.85rem; cursor:pointer; }
.pref-toggle input{accent-color:var(--green); width:16px; height:16px;}
.gift-note-box{display:none; margin-top:.6rem;}
.gift-note-box textarea{border:1px solid rgba(36,29,19,.18); border-radius:10px; font-size:.85rem; padding:.6rem .75rem; width:100%;}

@media (max-width: 767px){
  .hero{padding:3.5rem 0 3.5rem;}
  .page-banner{padding:2.6rem 0 2.4rem;}
  .section-pad{padding:3.5rem 0;}
  .pdp-trust-strip .t{border-right:none; border-bottom:1px solid rgba(255,255,255,.12);}
}
/* ============================================================
   CART PAGE (cart.html)
   ============================================================ */

.cart-head{padding:2.2rem 0 .4rem;}
.cart-head h1{font-size:clamp(1.9rem,4vw,2.5rem); color:var(--ink); font-weight:600; margin-bottom:.15rem;}
.cart-head .count{font-size:1rem; font-weight:400; opacity:.5; margin-left:.3rem;}
.cart-head .sub{font-size:.86rem; opacity:.65;}

.cart-trust-row{display:flex; flex-wrap:wrap; gap:.8rem; margin:1.3rem 0 1.8rem;}
.cart-trust-card{ flex:1; min-width:150px; background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:14px; padding:1rem .9rem; text-align:center; }
.cart-trust-card .icon-wrap{ width:36px; height:36px; border-radius:9px; background:var(--cream-dark); color:var(--green); display:flex; align-items:center; justify-content:center; margin:0 auto .55rem; }
.cart-trust-card .lbl{font-weight:700; font-size:.83rem;}
.cart-trust-card .sub{font-size:.72rem; opacity:.68; margin-top:.1rem;}

.cart-line-card{ background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px; padding:1.3rem; position:relative; margin-bottom:1.3rem; }
.cart-line-card .row-top{display:flex; gap:1.1rem;}
.cart-line-thumb{ width:88px; height:88px; border-radius:12px; flex-shrink:0; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.cart-line-thumb img{width:100%; height:100%; object-fit:cover;}
.cart-line-remove{ position:absolute; top:1.1rem; right:1.2rem; background:none; border:none; color:var(--maroon); font-size:.78rem; font-weight:600; display:flex; align-items:center; gap:.3rem; }
.cart-line-remove:hover{color:var(--maroon-deep);}
.cart-line-card .hindi-name{color:var(--maroon); font-size:.85rem;}
.cart-date-pill{ display:inline-flex; align-items:center; gap:.3rem; background:var(--cream-dark); color:var(--green); font-size:.72rem; font-weight:600; padding:.25rem .6rem; border-radius:100px; margin:.4rem 0; }
.cart-variant-note{font-size:.78rem; opacity:.6; margin-left:.4rem;}
.cart-line-tags{display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0 .8rem;}
.cart-line-tags .tag-chip{ background:var(--cream); border:1px solid rgba(36,29,19,.12); border-radius:100px; padding:.22rem .65rem; font-size:.74rem; font-weight:600; }
.cart-line-tags .tag-chip a{color:var(--green); text-decoration:underline; margin-left:.3rem; font-weight:700;}
.cart-line-bottom{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:.9rem;}

.cart-add-more{margin-top:2.2rem;}
.cart-add-more .hd{display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid rgba(36,29,19,.1); padding-bottom:.9rem; margin-bottom:1.4rem;}
.cart-add-more .hd h2{font-size:1.15rem; color:var(--ink); font-weight:600; margin:0;}
.cart-add-more .hd p{font-size:.78rem; opacity:.55; margin:.15rem 0 0;}
.cart-mini-card .art{height:130px;}
.cart-mini-card .body{padding:.9rem 1rem 1rem;}
.cart-mini-card h3{font-size:.95rem;}
.cart-mini-card .price-display{margin:.5rem 0 .7rem;}
.cart-mini-card .price-display .amt{font-size:1.05rem;}
.cart-mini-card .btn-add-cart{font-size:.8rem; padding:.55rem;}

.toggle-switch{ position:relative; width:38px; height:22px; flex-shrink:0; }
.toggle-switch input{opacity:0; width:0; height:0;}
.toggle-switch .slider{ position:absolute; inset:0; background:rgba(36,29,19,.2); border-radius:100px; transition:.2s; }
.toggle-switch .slider::before{ content:''; position:absolute; width:16px; height:16px; left:3px; top:3px; background:var(--paper); border-radius:50%; transition:.2s; }
.toggle-switch input:checked + .slider{background:var(--green);}
.toggle-switch input:checked + .slider::before{transform:translateX(16px);}
.cart-gift-row{ display:flex; align-items:center; justify-content:space-between; gap:.9rem; background:var(--paper); border:1px solid rgba(36,29,19,.1); border-radius:14px; padding:.9rem 1.1rem; margin-top:1.6rem; }
.cart-gift-row .lbl{display:flex; align-items:center; gap:.7rem; font-size:.87rem;}
.cart-gift-row .lbl .icon-wrap{ width:34px; height:34px; border-radius:9px; background:var(--cream-dark); color:var(--maroon); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.cart-gift-row .lbl small{display:block; opacity:.55; font-weight:400; font-size:.76rem;}

.order-summary{ background:linear-gradient(155deg, var(--green), var(--green-deep)); border-radius:18px; color:var(--paper); padding:1.6rem 1.5rem; position:sticky; top:96px; }
.order-summary h2{font-size:1.15rem; color:var(--paper); font-weight:600; margin-bottom:.9rem;}
.order-summary .date-pill{ display:inline-flex; align-items:center; gap:.4rem; background:rgba(227,199,137,.16); color:var(--gold-soft); font-size:.74rem; font-weight:700; padding:.3rem .7rem; border-radius:100px; margin-bottom:1.1rem; }
.order-summary .founder-row{ display:flex; gap:.7rem; align-items:center; font-size:.8rem; opacity:.9; padding-bottom:1rem; border-bottom:1px solid rgba(251,248,240,.14); margin-bottom:1rem; }
.order-summary .founder-row .av{ width:32px; height:32px; border-radius:50%; background:rgba(227,199,137,.18); color:var(--gold-soft); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:700; font-size:.85rem; flex-shrink:0; }
.order-summary .founder-row strong{color:var(--gold-soft); font-weight:700;}
.order-summary .ship-note{display:flex; gap:.5rem; font-size:.78rem; opacity:.8; margin-bottom:1.1rem; line-height:1.5;}
.order-summary .ship-note .icon{flex-shrink:0; margin-top:.2rem; color:var(--gold-soft);}
.order-summary .line{display:flex; justify-content:space-between; font-size:.85rem; opacity:.9; margin-bottom:.5rem;}
.order-summary hr{border-color:rgba(251,248,240,.15); margin:1rem 0;}
.order-summary .total-line{display:flex; justify-content:space-between; font-family:'Fraunces',serif; font-weight:600; font-size:1.15rem; margin-bottom:1.1rem;}
.order-summary .save-note{color:var(--gold-soft); font-weight:600;}
.order-summary-trust{display:flex; flex-wrap:wrap; gap:.5rem 1rem; font-size:.72rem; opacity:.75; margin-bottom:1.2rem;}
.order-summary-trust span{display:inline-flex; align-items:center; gap:.3rem;}
.btn-cart-checkout{ background:var(--gold); border:1px solid var(--gold); color:var(--ink); border-radius:100px; padding:.95rem 1.2rem; font-weight:700; font-size:.95rem; width:100%; display:flex; align-items:center; justify-content:center; gap:.55rem; transition:all .2s ease;}
.btn-cart-checkout:hover{background:var(--gold-soft); color:var(--ink);}
.order-summary .assure{ display:flex; gap:.5rem; font-size:.76rem; opacity:.85; margin-top:1rem; line-height:1.5; }
.order-summary .assure .icon{color:var(--gold-soft); flex-shrink:0; margin-top:.15rem;}
.order-summary .pay-note{font-size:.72rem; opacity:.6; text-align:center; margin-top:1rem;}

@media (max-width: 991px){
  .order-summary{position:static; margin-top:1.8rem;}
}

/* ============================================================
   OUR STORY PAGE (story.html) — original section classes
   kept here so nothing else on the site breaks; the story page
   itself now uses the "jn-" (journey) classes added below instead.
   ============================================================ */

.accent-gold{color:var(--gold-soft); font-style:italic;}
.bg-cream-dark{background:var(--cream-dark);}
.bg-paper{background:var(--paper);}

.story-hero{padding:6rem 0 6.5rem;}
.story-hero .ridge{position:absolute; left:0; right:0; bottom:0; width:100%; height:auto; opacity:.55; pointer-events:none;}
.story-hero .hero-copy{position:relative; z-index:2; max-width:760px;}
.story-hero h1{font-size:clamp(2.6rem,6vw,4.2rem); font-weight:700; line-height:1.08; margin:.6rem 0 1.1rem;}
.story-hero .lede{max-width:600px; font-size:1rem; line-height:1.75; color:rgba(251,248,240,.85);}

.story-timeline{position:relative; margin-top:1.8rem; padding-left:2.6rem;}
.story-timeline::before{content:''; position:absolute; left:15px; top:6px; bottom:6px; width:1px; background:rgba(36,29,19,.15);}
.timeline-item{position:relative; padding-bottom:1.6rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-num{position:absolute; left:-2.6rem; top:0; width:31px; height:31px; border-radius:50%; background:var(--green); color:var(--gold-soft); font-family:'Fraunces',serif; font-weight:700; font-size:.82rem; display:flex; align-items:center; justify-content:center;}
.timeline-item h4{font-family:'Fraunces',serif; font-weight:600; font-size:1rem; color:var(--ink); margin-bottom:.25rem;}
.timeline-item p{font-size:.85rem; opacity:.7; line-height:1.6; margin:0;}

.define-box{ border-left:3px solid var(--maroon); background:rgba(138,58,51,.06); border-radius:0 10px 10px 0; padding:1rem 1.3rem; margin:1.3rem 0; font-family:'Fraunces',serif; font-style:italic; color:var(--maroon-deep); font-size:1.02rem; line-height:1.65; }
.define-box strong{font-weight:700; font-style:normal;}

.valley-card{position:relative; overflow:hidden;}
.valley-card .alt-num{font-family:'Fraunces',serif; font-weight:700; font-size:1.5rem; display:block; margin-bottom:.3rem;}
.valley-card .place{font-weight:700; font-size:1.05rem; margin-bottom:.6rem;}
.valley-card p{font-size:.85rem; line-height:1.65; opacity:.85; position:relative; z-index:2;}
.valley-card .pattern{position:absolute; inset:0; opacity:.14; z-index:1;}
.valley-card.dark .pattern svg{fill:var(--gold-soft);}
.valley-card.light .pattern svg{fill:var(--maroon);}

.divider-zigzag{ height:18px; background: linear-gradient(-45deg, var(--cream) 9px, transparent 0), linear-gradient(45deg, var(--cream) 9px, transparent 0); background-position:left bottom; background-repeat:repeat-x; background-size:18px 18px; background-color:var(--green);}
.divider-zigzag.flip{ background: linear-gradient(135deg, var(--cream-dark) 9px, transparent 0), linear-gradient(225deg, var(--cream-dark) 9px, transparent 0); background-position:left top; background-repeat:repeat-x; background-size:18px 18px; background-color:transparent;}

.info-grid{ display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(36,29,19,.12); border-radius:14px; overflow:hidden; background:var(--paper); }
.info-cell{padding:1.4rem 1.5rem; border-right:1px solid rgba(36,29,19,.1); border-bottom:1px solid rgba(36,29,19,.1);}
.info-cell:nth-child(2n){border-right:none;}
.info-cell:nth-last-child(-n+2){border-bottom:none;}
.info-cell h4{font-family:'Fraunces',serif; font-weight:600; color:var(--green); font-size:1.02rem; margin-bottom:.4rem;}
.info-cell p{font-size:.84rem; opacity:.75; line-height:1.6; margin:0;}
@media (max-width:767px){
  .info-grid{grid-template-columns:1fr;}
  .info-cell{border-right:none;}
  .info-cell:nth-last-child(-n+2){border-bottom:1px solid rgba(36,29,19,.1);}
  .info-cell:last-child{border-bottom:none;}
}

.photo-panel{ border-radius:18px; overflow:hidden; position:relative; aspect-ratio:4/5; background:
  repeating-linear-gradient(45deg, rgba(227,199,137,.10) 0 2px, transparent 2px 34px),
  repeating-linear-gradient(-45deg, rgba(0,0,0,.12) 0 2px, transparent 2px 34px),
  linear-gradient(150deg, #2a4a36, var(--green-deep));
  display:flex; align-items:flex-end; padding:1.3rem; }
.photo-panel img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.photo-panel .tag{position:relative; z-index:2; color:rgba(251,248,240,.8); font-family:'Fraunces',serif; font-style:italic; font-size:.82rem; line-height:1.5;}
.photo-caption{font-size:.78rem; opacity:.6; margin-top:.7rem; line-height:1.5;}

.story-final-cta{text-align:center; padding:5rem 0 5.5rem;}
.story-final-cta h2{font-size:clamp(1.9rem,4vw,2.7rem); color:var(--ink);}
.story-final-cta .sub{max-width:480px; margin:.9rem auto 1.6rem; opacity:.65; font-size:.92rem; line-height:1.6;}

/* ============================================================
   CONTACT PAGE (contact.html)
   Reuses .page-banner, .section-pad, .accordion-kothar, .btn-kothar,
   .btn-gold, .cta-band, .founder-quote, .info-callout, .photo-panel
   from above — only genuinely new patterns are defined below.
   ============================================================ */

/* quick-contact method cards under the hero */
.contact-methods{ margin-top:-2.6rem; position:relative; z-index:5; }
.contact-method-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px;
  padding:1.5rem 1.4rem; height:100%; text-align:center;
  box-shadow:0 18px 40px -26px rgba(36,29,19,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.contact-method-card:hover{transform:translateY(-4px); box-shadow:0 22px 44px -22px rgba(36,29,19,.4);}
.contact-method-card .icon-wrap{
  width:52px; height:52px; border-radius:14px; margin:0 auto .9rem;
  display:flex; align-items:center; justify-content:center;
  background:var(--cream-dark); color:var(--green); font-size:1.35rem;
}
.contact-method-card.primary .icon-wrap{background:var(--green); color:var(--gold-soft);}
.contact-method-card h6{font-weight:700; margin-bottom:.3rem;}
.contact-method-card .val{font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; color:var(--ink); margin-bottom:.15rem;}
.contact-method-card .hint{font-size:.78rem; opacity:.6; margin-bottom:1rem;}
.contact-method-card a.act{font-size:.82rem; font-weight:700; color:var(--green); text-decoration:none;}
.contact-method-card a.act:hover{color:var(--maroon);}

/* contact form card */
.contact-form-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:20px;
  padding:2.2rem; height:100%;
}
.contact-form-card .form-label-k{
  font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  opacity:.7; margin-bottom:.4rem; display:block;
}
.contact-form-card .form-control-k{
  width:100%; border:1px solid rgba(36,29,19,.18); border-radius:10px;
  padding:.75rem .95rem; font-size:.92rem; font-family:'Inter',sans-serif;
  background:var(--cream); color:var(--ink);
}
.contact-form-card .form-control-k:focus{
  outline:none; border-color:var(--green); background:var(--paper);
  box-shadow:0 0 0 .15rem rgba(31,59,43,.15);
}
.contact-form-card textarea.form-control-k{resize:vertical; min-height:120px;}
.contact-form-card select.form-control-k{appearance:auto;}
.reason-chip-row{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.1rem;}
.reason-chip{
  border:1px solid rgba(36,29,19,.18); background:var(--cream); color:var(--ink);
  border-radius:100px; padding:.4rem .95rem; font-size:.8rem; font-weight:600; cursor:pointer;
  transition:all .15s ease;
}
.reason-chip.active, .reason-chip:hover{background:var(--green); border-color:var(--green); color:var(--paper);}
.form-note-k{font-size:.76rem; opacity:.55; margin-top:.3rem;}

/* right column: hours + address + map */
.contact-side-card{
  background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:20px;
  padding:1.8rem; margin-bottom:1.3rem;
}
.contact-side-card h5{font-weight:600; margin-bottom:1rem; display:flex; align-items:center; gap:.6rem;}
.contact-side-card h5 .icon-wrap-sm{
  width:32px; height:32px; border-radius:9px; background:var(--cream-dark); color:var(--green);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.hours-table{width:100%; font-size:.87rem;}
.hours-table tr{border-bottom:1px solid rgba(36,29,19,.08);}
.hours-table tr:last-child{border-bottom:none;}
.hours-table td{padding:.55rem 0;}
.hours-table td:first-child{font-weight:600;}
.hours-table td:last-child{text-align:right; opacity:.75;}
.hours-table tr.today td{color:var(--maroon); font-weight:700;}
.status-pill{
  display:inline-flex; align-items:center; gap:.4rem; font-size:.78rem; font-weight:700;
  background:rgba(31,59,43,.1); color:var(--green); padding:.3rem .7rem; border-radius:100px; margin-bottom:1rem;
}
.status-pill .dot{width:7px; height:7px; border-radius:50%; background:var(--green);}

.map-panel{
  border-radius:16px;
  overflow:hidden;
  position:relative;
  aspect-ratio:16/11;
  background:
    repeating-linear-gradient(45deg, rgba(227,199,137,.08) 0 2px, transparent 2px 30px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.10) 0 2px, transparent 2px 30px),
    linear-gradient(150deg, #2a4a36, var(--green-deep));
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(251,248,240,.85);
}
/* Once a real embedded map or static map image is added, wrap it in
   <div class="map-panel"><img src="..." alt="..."></div> and this rule
   will make it fill the panel cleanly instead of stretching/distorting. */
.map-panel img{width:100%; height:100%; object-fit:cover;}
.map-panel .pin-marker{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  z-index:2;
}
.map-panel .pin-marker .pin-icon{
  width:46px; height:46px; border-radius:50%; background:var(--gold); color:var(--ink);
  display:flex; align-items:center; justify-content:center; margin-bottom:.6rem; font-size:1.3rem;
  box-shadow:0 8px 20px rgba(0,0,0,.3);
}
.map-panel .pin-marker .addr{font-family:'Fraunces',serif; font-style:italic; font-size:.9rem; max-width:220px;}

.social-row-contact{display:flex; gap:.6rem; margin-top:1rem;}
.social-btn{
  width:40px; height:40px; border-radius:10px; border:1px solid rgba(36,29,19,.15);
  display:flex; align-items:center; justify-content:center; color:var(--ink); background:var(--paper);
  transition:all .15s ease;
}
.social-btn:hover{background:var(--green); color:var(--paper); border-color:var(--green);}

/* ============================================================
   OUR STORY PAGE — REDESIGN V2 ("jn-" = journey)
   New structural language for story.html only: a wooden vertical
   "shelf plank" timeline, a full-bleed door reveal for the kothar
   definition, a stat split, grain chips and a locket-style photo
   card. Everything below is additive — nothing above is removed
   or overridden, so index/shop/product/cart/contact are untouched.
   ============================================================ */

.jn-section{overflow:hidden;}

/* ---- wooden shelf timeline ---- */
.jn-rail{position:relative; max-width:920px; margin:0 auto;}
.jn-plank{
  position:absolute; left:50%; top:6px; bottom:6px; width:6px; transform:translateX(-50%);
  border-radius:4px;
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,.10) 0 3px, transparent 3px 9px),
    linear-gradient(180deg, var(--gold), var(--maroon) 50%, var(--green));
  opacity:.6;
}
.jn-row{position:relative; display:grid; grid-template-columns:1fr 64px 1fr; align-items:start; margin-bottom:2.4rem;}
.jn-row:last-child{margin-bottom:0;}
.jn-marker{
  grid-column:2; justify-self:center; width:56px; height:56px; border-radius:50%;
  background:var(--paper); border:2px solid var(--gold); color:var(--maroon);
  display:flex; align-items:center; justify-content:center; font-size:1.3rem;
  box-shadow:0 0 0 6px var(--cream); position:relative; z-index:2;
}
.jn-card{
  grid-row:1; background:var(--paper); border:1px solid rgba(36,29,19,.08); border-radius:16px;
  padding:1.6rem 1.7rem; box-shadow:0 10px 26px -20px rgba(36,29,19,.4);
}
.jn-card.jn-left{grid-column:1;}
.jn-card.jn-right{grid-column:3;}
.jn-tag{
  display:inline-block; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--maroon); background:rgba(138,58,51,.08); padding:.25rem .6rem; border-radius:100px; margin-bottom:.6rem;
}
.jn-card h3{font-family:'Fraunces',serif; font-weight:600; color:var(--green); font-size:1.2rem; margin-bottom:.5rem;}
.jn-card p{font-size:.9rem; line-height:1.7; opacity:.85; margin:0;}

@media (max-width:767px){
  .jn-plank{left:27px;}
  .jn-row{grid-template-columns:56px 1fr; column-gap:1rem;}
  .jn-marker{grid-column:1; width:46px; height:46px; font-size:1.05rem;}
  .jn-card.jn-left, .jn-card.jn-right{grid-column:2;}
}

/* ---- the door : signature reveal ---- */
.jn-door-section{
  position:relative; overflow:hidden; padding:5.5rem 0;
  background: radial-gradient(ellipse 800px 420px at 50% 0%, rgba(227,199,137,.14), transparent 65%), linear-gradient(160deg, var(--hero-1), var(--hero-2));
  color:var(--paper);
}
.jn-door-word{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  font-size:min(34vw, 320px); line-height:1; color:rgba(227,199,137,.05); font-weight:600;
  white-space:nowrap; pointer-events:none; user-select:none;
}
.jn-door-icon{
  width:64px; height:64px; margin:0 auto 1.4rem; border-radius:14px;
  background:rgba(227,199,137,.12); border:1px solid rgba(227,199,137,.3);
  display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:var(--gold-soft);
}
.jn-door-h{font-family:'Fraunces',serif; font-weight:600; font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:1.1rem;}
.jn-door-h em{color:var(--gold-soft); font-style:italic;}
.jn-door-p{font-size:1rem; line-height:1.85; opacity:.85; max-width:640px; margin:0 auto;}
.jn-door-p strong{color:var(--paper);}

/* ---- why now : stat split ---- */
.jn-stat-card{
  background:rgba(227,199,137,.08); border:1px solid rgba(227,199,137,.25); border-radius:20px;
  padding:2.4rem 2rem; text-align:center;
}
.jn-stat-big{display:block; font-family:'Fraunces',serif; font-weight:700; font-size:5.5rem; line-height:1; color:var(--gold-soft);}
.jn-stat-lbl{display:block; margin-top:.8rem; font-size:.9rem; line-height:1.6; opacity:.85;}

/* ---- disappearing grains : chip row ---- */
.jn-grain-row{display:flex; flex-wrap:wrap; gap:.7rem;}
.jn-grain-chip{
  display:inline-flex; align-items:center; gap:.5rem; font-family:'Fraunces',serif; font-weight:600; font-size:.98rem;
  background:rgba(227,199,137,.12); border:1px solid rgba(227,199,137,.3); color:var(--gold-soft);
  padding:.6rem 1.1rem; border-radius:100px;
}
.jn-grain-chip .icon{color:var(--gold-soft);}

/* ---- the one who keeps it : locket card ---- */
.jn-locket-card{
  display:grid; grid-template-columns:280px 1fr; gap:0; background:var(--paper);
  border:1px solid rgba(36,29,19,.08); border-radius:22px; overflow:hidden;
  box-shadow:0 20px 50px -30px rgba(36,29,19,.4);
}
.jn-locket-photo{
  position:relative; min-height:260px; display:flex; align-items:flex-end; padding:1.2rem;
  background:
    repeating-linear-gradient(45deg, rgba(227,199,137,.10) 0 2px, transparent 2px 34px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.12) 0 2px, transparent 2px 34px),
    linear-gradient(150deg, #2a4a36, var(--green-deep));
}
.jn-locket-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.jn-locket-photo .tag{position:relative; z-index:2; color:rgba(251,248,240,.8); font-family:'Fraunces',serif; font-style:italic; font-size:.8rem; line-height:1.5;}
.jn-locket-body{padding:2.2rem 2.2rem 2.2rem 2rem;}

@media (max-width:767px){
  .jn-locket-card{grid-template-columns:1fr;}
  .jn-locket-photo{aspect-ratio:16/9; min-height:0;}
}
  .hindi-name{display:flex; align-items:center; gap:.4rem;}
  .pronounce-btn{background:none; border:none; padding:0; color:var(--maroon); opacity:.6; display:inline-flex; align-items:center; font-size:.9rem; cursor:pointer; transition:opacity .15s ease, transform .15s ease;}
  .pronounce-btn:hover{opacity:1; transform:scale(1.15);}
  .pronounce-btn.speaking{opacity:1; color:var(--green);}
  .batch-note-pdp{font-size:.8rem; color:var(--green); opacity:.9; display:flex; align-items:center; gap:.4rem; margin:.9rem 0 0;}
  .qty-selector{display:flex; align-items:center; gap:1rem; border:1.5px solid rgba(36,29,19,.18); border-radius:100px; padding:.4rem .5rem; width:fit-content;}
  .qty-selector button{background:var(--cream-dark); border:none; color:var(--green); width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .15s ease;}
  .qty-selector button:hover{background:var(--gold-soft);}
  .qty-selector span{font-weight:700; min-width:1.5rem; text-align:center;}
  .pdp-cta-row{display:flex; gap:.8rem; margin-top:1.3rem; flex-wrap:wrap;}
  .pdp-cta-row .btn-kothar{flex:1; min-width:200px; justify-content:center;}
  .reviews-empty{text-align:center; padding:2.6rem 1.5rem; background:var(--paper); border:1px dashed rgba(36,29,19,.18); border-radius:16px;}
  .size-card .serves{font-size:.66rem; opacity:.55; margin-top:.25rem;}
  .why-note{font-size:.78rem; opacity:.7; background:rgba(36,29,19,.05); border-radius:10px; padding:.7rem .9rem; display:flex; align-items:flex-start; gap:.45rem; margin-top:1.2rem;}
  .why-note i{color:var(--green); margin-top:.15rem;}
  .size-card .pin-value{background:var(--maroon); color:#fff;}
  .season-note{font-size:.8rem; color:var(--maroon); display:flex; align-items:center; gap:.4rem; background:rgba(138,58,51,.07); border-radius:10px; padding:.6rem .8rem; margin:1.2rem 0 0;}
  .delivery-note{font-size:.8rem; opacity:.75; display:flex; align-items:center; gap:.4rem; margin:.9rem 0 0; flex-wrap:wrap;}
  .delivery-note i{color:var(--green);} .delivery-note strong{color:var(--green);}
  .reviews-empty i{font-size:1.8rem; color:var(--gold); opacity:.8;}
  .reviews-empty h4{font-family:'Fraunces',serif; font-size:1.15rem; font-weight:600; margin:.7rem 0 .4rem; color:var(--ink);}
  .reviews-empty p{font-size:.88rem; opacity:.7; max-width:420px; margin:0 auto 1.2rem;}
  .gallery-caption{font-family:'Fraunces',serif; font-style:italic; color:var(--wood-soft,#6d5c48); text-align:center; padding:2rem; font-size:.9rem;}
  .pdp-thumb{flex-direction:column; gap:.2rem; background:linear-gradient(150deg, var(--cream-dark), var(--cream)); font-size:1rem; color:var(--wood-soft,#6d5c48);}
  .pdp-thumb span{font-size:.6rem; font-weight:600; letter-spacing:.02em;}
  .pdp-thumb.active{color:var(--green);}
  .btn-view-product{display:block; text-align:center; border:1px solid rgba(36,29,19,.2); border-radius:100px; padding:.55rem; font-size:.82rem; font-weight:600; color:var(--green); text-decoration:none; margin-top:.8rem; transition:all .18s ease;}
  .btn-view-product:hover{background:var(--green); color:var(--paper); border-color:var(--green);}
  .grower-block{display:grid; grid-template-columns:.85fr 1.15fr; gap:2.2rem; align-items:center; background:linear-gradient(160deg, var(--green), var(--green-deep)); border-radius:20px; padding:2.2rem; color:var(--paper); overflow:hidden;}
  @media (max-width:800px){ .grower-block{grid-template-columns:1fr; gap:1.4rem; padding:1.6rem;} }
  .grower-photo{aspect-ratio:4/5; border-radius:14px; background:repeating-linear-gradient(48deg, rgba(227,199,137,.07) 0 2px, transparent 2px 30px), linear-gradient(155deg,#2c2113,#14100b); display:flex; align-items:center; justify-content:center; text-align:center; padding:1.2rem; font-family:'Fraunces',serif; font-style:italic; font-size:.82rem; color:rgba(251,248,240,.5); border:1px solid rgba(227,199,137,.18);}
  @media (max-width:800px){ .grower-photo{aspect-ratio:16/9;} }
  .grower-body h3{font-family:'Fraunces',serif; font-size:1.6rem; font-weight:600; color:var(--paper); margin-bottom:.9rem;}
  .grower-body p{font-size:.92rem; line-height:1.75; color:rgba(251,248,240,.82); margin-bottom:.8rem;}
  .grower-link{display:inline-flex; align-items:center; gap:.4rem; color:var(--gold-soft); font-weight:600; font-size:.86rem; text-decoration:none; margin-top:.3rem;}
  .grower-link:hover{color:var(--gold); text-decoration:underline;}
  @media (max-width:991px){
    .pdp-gallery-main{aspect-ratio:4/3;}
    .pdp-thumbs{overflow-x:auto; scrollbar-width:none; padding-bottom:2px;}
    .pdp-thumbs::-webkit-scrollbar{display:none;}
    .pdp-col-gallery{display:flex; flex-direction:column;}
    .pdp-col-gallery .pdp-trust-strip{display:none;}
    .pdp-col-details .mobile-trust-strip{display:flex;}
    .row.pdp-main-row{--bs-gutter-y:1.5rem;}
  }
  .mobile-trust-strip{display:none;}