/* Foody Chaskaa — shared stylesheet */
:root{
  --ink:#15110D; --ink-soft:#221A14; --chili:#C22B26; --chili-dark:#8F1F1C; --chili-light:#E85950;
  --turmeric:#E8A33E; --turmeric-dark:#B87A22; --parchment:#F4EEE1; --parchment-2:#EBE2CC; --coal:#241C16;
  --steam:#FFFFFF; --line: rgba(244,238,225,0.14); --radius: 3px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Work Sans', sans-serif; background:var(--parchment); color:var(--coal); line-height:1.5; -webkit-font-smoothing:antialiased; padding-bottom:64px;}
h1,h2,h3,.display{font-family:'Archivo Black', sans-serif; font-weight:400; line-height:1.05; letter-spacing:-0.01em;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
@media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important;} }

header{position:sticky; top:0; z-index:50; background:var(--ink); border-bottom:1px solid var(--line);}
.headbar{display:flex; align-items:center; justify-content:space-between; padding:12px 24px; max-width:1180px; margin:0 auto; gap:16px;}
.logo-img{height:34px; width:auto;}
nav.mainnav{display:flex; gap:22px;}
nav.mainnav a{color:var(--parchment-2); font-size:13px; font-weight:500; padding:6px 0; border-bottom:2px solid transparent;}
nav.mainnav a:hover, nav.mainnav a.active{border-color:var(--turmeric); color:var(--steam);}
.head-actions{display:flex; align-items:center; gap:14px;}
.phone-pill{color:var(--parchment-2); font-size:13px; display:none;}
.btn{display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; cursor:pointer; border:none; border-radius:var(--radius); padding:11px 20px; transition:transform .15s ease, background .15s ease;}
.btn:active{transform:scale(0.97);}
.btn-primary{background:var(--chili); color:var(--steam);}
.btn-primary:hover{background:#a92320;}
.btn-outline{background:transparent; border:1.5px solid var(--parchment-2); color:var(--steam);}
.btn-outline:hover{border-color:var(--turmeric); color:var(--turmeric);}
.cart-chip{position:relative; color:var(--steam); font-size:20px; cursor:pointer; padding:6px;}
.cart-count{position:absolute; top:-2px; right:-2px; background:var(--turmeric); color:var(--ink); font-size:10px; font-weight:700; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center;}

/* ---------- Hero (all pages) ---------- */
.hero{position:relative; background:var(--ink); overflow:hidden; min-height:64vh; display:flex; align-items:flex-end;}
.hero.hero-tall{min-height:72vh;}
.hero-slides{position:absolute; inset:0;}
.hero-slide{position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease; background-size:cover; background-position:center;}
.hero-slide.active{opacity:1;}
.hero-slide::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(21,17,13,0.96) 5%, rgba(21,17,13,0.55) 45%, rgba(21,17,13,0.35) 100%);}
.hero-static::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(21,17,13,0.92) 10%, rgba(21,17,13,0.5) 55%, rgba(21,17,13,0.3) 100%);}
.hero-content{position:relative; z-index:2; padding:56px 24px 48px; max-width:1180px; margin:0 auto; width:100%;}
.hero-eyebrow{color:var(--turmeric); font-weight:600; font-size:14px; margin-bottom:14px; display:flex; align-items:center; gap:10px;}
.hero-eyebrow::before{content:''; width:26px; height:2px; background:var(--turmeric); display:inline-block;}
.hero h1{color:var(--steam); font-size:clamp(34px, 6vw, 72px); max-width:800px; text-transform:uppercase;}
.hero p.sub{color:var(--parchment-2); font-size:16.5px; max-width:520px; margin:16px 0 10px;}
.hero p.tagline{color:var(--turmeric); font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; margin-bottom:26px;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
.hero-dots{display:flex; gap:8px; margin-top:32px;}
.hero-dot{width:26px; height:3px; background:rgba(244,238,225,0.3); cursor:pointer; border:none;}
.hero-dot.active{background:var(--turmeric);}

/* ---------- Stats strip ---------- */
.stats-strip{background:var(--ink-soft); border-bottom:1px solid var(--line);}
.stats-strip .wrap{display:grid; grid-template-columns:repeat(4,1fr); padding:22px 24px;}
.stat-item{display:flex; align-items:center; gap:12px; padding:0 16px; border-left:1px solid rgba(244,238,225,0.12);}
.stat-item:first-child{border-left:none; padding-left:0;}
.stat-icon{font-size:22px;}
.stat-item b{color:var(--steam); font-size:13.5px; display:block;}
.stat-item span{color:rgba(244,238,225,0.55); font-size:11.5px;}

.usp{background:var(--parchment-2); border-bottom:1px solid rgba(36,28,22,0.08);}
.usp .wrap{display:grid; grid-template-columns:repeat(4,1fr); padding:20px 24px;}
.usp-item{display:flex; flex-direction:column; gap:2px; padding:0 16px; border-left:1px solid rgba(36,28,22,0.12);}
.usp-item:first-child{border-left:none; padding-left:0;}
.usp-item b{font-size:13.5px;} .usp-item span{font-size:12px; color:#5c5044;}

.section{padding:60px 0;}
.section-tight{padding:40px 0;}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px; gap:20px; flex-wrap:wrap;}
.section-head h2{font-size:clamp(28px,4vw,42px); text-transform:uppercase;}
.section-head p{color:#5c5044; max-width:420px; font-size:14.5px;}
.section-head-center{text-align:center; margin-bottom:36px;}
.section-head-center h2{font-size:clamp(28px,4vw,40px); text-transform:uppercase; display:inline-flex; align-items:center; gap:16px;}
.section-head-center h2::before, .section-head-center h2::after{content:''; width:36px; height:0; border-top:3px dotted var(--chili);}
.section-head-center p{color:#5c5044; max-width:520px; margin:10px auto 0; font-size:14.5px;}

/* ---------- Menu tabs / items (menu.html, best-sellers.html) ---------- */
.menu-tabs{display:flex; gap:0; margin-bottom:8px; flex-wrap:wrap; border-bottom:1px solid rgba(36,28,22,0.15); overflow-x:auto;}
.menu-tab{background:none; border:none; cursor:pointer; font-family:'Work Sans'; font-weight:600; font-size:13.5px; color:#5c5044; padding:10px 4px; margin-right:20px; border-bottom:3px solid transparent; transition:color .15s; white-space:nowrap;}
.menu-tab.active{color:var(--coal); border-color:var(--chili);}
.menu-panel{display:none;}
.menu-panel.active{display:block; padding-top:26px;}

.sub-heading{font-family:'Archivo Black'; font-size:19px; text-transform:uppercase; margin:34px 0 4px; padding-bottom:8px; border-bottom:2px solid var(--coal);}
.sub-heading:first-child{margin-top:0;}
.sub-note{font-size:12px; color:#5c5044; margin-bottom:14px; font-style:italic;}

.badge-pill{display:inline-block; font-size:9px; font-weight:800; padding:2px 6px; border-radius:2px; margin-left:6px; text-transform:uppercase; letter-spacing:.02em; vertical-align:middle;}
.badge-BS{background:var(--turmeric); color:var(--ink);}
.badge-NEW{background:#4C8B4A; color:#fff;}
.badge-CS{background:#6B4FA0; color:#fff;}
.badge-SP{background:var(--chili); color:#fff;}

.photo-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:8px;}
.photo-card{background:var(--ink); border-radius:var(--radius); overflow:hidden; border:1px solid rgba(0,0,0,0.4);}
.photo-card .img-wrap{aspect-ratio:4/3; overflow:hidden; position:relative;}
.photo-card img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.photo-card:hover img{transform:scale(1.05);}
.photo-card .body{padding:14px 16px 16px;}
.photo-card h3{color:var(--steam); font-family:'Work Sans'; font-weight:700; font-size:15px; margin-bottom:2px;}
.photo-card p.desc{color:rgba(244,238,225,0.55); font-size:12px; margin-bottom:10px;}

.price-rows{display:flex; flex-direction:column; gap:6px;}
.price-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.price-row .grp{font-size:11px; font-weight:700; min-width:52px; color:rgba(244,238,225,0.6); text-transform:uppercase;}
.list-item .price-row .grp{color:#8a7c68;}
.price-pills{display:flex; gap:6px; flex-wrap:wrap;}
.price-pill{position:relative; background:var(--chili-dark); color:var(--steam); border:none; border-radius:2px; padding:6px 10px; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; transition:transform .1s, background .15s;}
.price-pill:hover{background:var(--chili);}
.price-pill:active{transform:scale(.94);}
.price-pill .pl-size{opacity:.75; font-size:10.5px; margin-right:3px;}
.list-item .price-pill{background:var(--coal);}
.list-item .price-pill:hover{background:var(--chili);}

.list-item{padding:12px 0; border-bottom:1px solid rgba(36,28,22,0.08); display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap;}
.list-item:last-child{border-bottom:none;}
.li-name{font-weight:600; font-size:14px;}
.li-desc{font-size:11.5px; color:#5c5044; margin-top:2px;}

.highlight-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:18px;}
.hl-card{background:var(--ink); border-radius:var(--radius); overflow:hidden; border:1px solid rgba(0,0,0,0.4); display:flex; flex-direction:column;}
.hl-card .img-wrap{aspect-ratio:16/9; overflow:hidden;}
.hl-card img{width:100%; height:100%; object-fit:cover;}
.hl-card .body{padding:18px 20px 20px;}
.hl-card h3{color:var(--turmeric); font-size:20px; text-transform:uppercase; margin-bottom:8px;}
.hl-card p.desc{color:rgba(244,238,225,0.7); font-size:13px; margin-bottom:14px; line-height:1.55;}

/* ---------- Search ---------- */
.search-wrap{margin-bottom:20px; position:relative;}
.search-input{width:100%; padding:13px 16px 13px 40px; border:1.5px solid rgba(36,28,22,0.2); border-radius:4px; font-size:14.5px; font-family:'Work Sans'; background:#fff; color:var(--coal);}
.search-input:focus{outline:none; border-color:var(--chili);}
.search-icon{position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:15px; opacity:.5; pointer-events:none;}
#menu.searching .menu-tabs{display:none;}
#menu.searching .menu-panel{display:none !important;}
#menu.searching #panel-search{display:block !important; padding-top:6px;}

/* ---------- Offer slider (home) ---------- */
.offer-slider{position:relative; overflow:hidden;}
.offer-track{display:flex; transition:transform .5s ease;}
.offer-slide{min-width:100%; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:44px 8px;}
.offer-card{background:linear-gradient(145deg, var(--ink), var(--ink-soft)); border-radius:8px; padding:28px; position:relative; overflow:hidden; aspect-ratio:4/3; display:flex; flex-direction:column; justify-content:flex-end;}
.offer-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5;}
.offer-card .offer-badge{position:relative; z-index:2; background:var(--chili); color:#fff; font-size:11px; font-weight:800; padding:5px 12px; border-radius:20px; display:inline-block; margin-bottom:auto; text-transform:uppercase; letter-spacing:.03em;}
.offer-card .offer-price{position:relative; z-index:2; color:var(--turmeric); font-family:'Archivo Black'; font-size:clamp(32px,5vw,52px); text-shadow:0 2px 12px rgba(0,0,0,0.6);}
.offer-info h3{font-size:clamp(24px,3.5vw,34px); text-transform:uppercase; margin-bottom:14px;}
.offer-info p{color:#5c5044; font-size:14.5px; margin-bottom:20px; max-width:440px; line-height:1.6;}
.offer-dots{display:flex; gap:8px; justify-content:center; margin-top:24px;}
.offer-dot{width:8px; height:8px; border-radius:50%; background:rgba(36,28,22,0.2); border:none; cursor:pointer;}
.offer-dot.active{background:var(--chili); width:22px; border-radius:5px;}
.offer-nav{position:absolute; top:50%; transform:translateY(-50%); background:var(--steam); border:1px solid rgba(36,28,22,0.15); width:38px; height:38px; border-radius:50%; cursor:pointer; font-size:16px; z-index:5; display:flex; align-items:center; justify-content:center;}
.offer-nav:hover{background:var(--chili); color:#fff;}
.offer-prev{left:-4px;} .offer-next{right:-4px;}

/* ---------- Meet the Menu (home) ---------- */
.mtm-grid{display:grid; grid-template-columns:repeat(5, 1fr); gap:16px;}
.mtm-card{display:block;}
.mtm-card .img-wrap{aspect-ratio:1; border-radius:6px; overflow:hidden; margin-bottom:12px;}
.mtm-card img{width:100%; height:100%; object-fit:cover; transition:transform .35s ease;}
.mtm-card:hover img{transform:scale(1.07);}
.mtm-card h4{font-size:15px; text-transform:none; font-family:'Work Sans'; font-weight:700; margin-bottom:5px;}
.mtm-card p{font-size:12px; color:#5c5044; line-height:1.5;}

/* ---------- USP dark feature block (home) ---------- */
.usp-feature{background:var(--ink); color:var(--parchment); position:relative;}
.usp-feature-grid{display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:32px; align-items:center;}
.usp-feature-col{display:flex; flex-direction:column; gap:36px;}
.usp-feature-item{display:flex; align-items:flex-start; gap:14px;}
.usp-feature-item .icon{width:44px; height:44px; border-radius:50%; border:1px solid rgba(244,238,225,0.3); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0;}
.usp-feature-item.right{flex-direction:row-reverse; text-align:right;}
.usp-feature-item b{display:block; font-size:13px; text-transform:uppercase; margin-bottom:4px; letter-spacing:.02em;}
.usp-feature-item span{font-size:12.5px; color:rgba(244,238,225,0.6);}
.usp-feature-center img{border-radius:12px; width:100%; aspect-ratio:4/5; object-fit:cover;}

/* ---------- Why choose us ---------- */
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.why-card{background:#fff; border:1px solid rgba(36,28,22,0.08); border-radius:6px; padding:24px; text-align:center;}
.why-card .icon{font-size:28px; margin-bottom:12px;}
.why-card h4{font-size:14.5px; text-transform:uppercase; margin-bottom:8px; font-family:'Work Sans'; font-weight:700;}
.why-card p{font-size:12.5px; color:#5c5044; line-height:1.55;}

/* ---------- FAQ ---------- */
.faq-list{max-width:760px; margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(36,28,22,0.12);}
.faq-q{width:100%; text-align:left; background:none; border:none; padding:18px 0; font-size:15px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--coal);}
.faq-q .plus{font-size:20px; color:var(--chili); flex-shrink:0; transition:transform .2s;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-a p{padding-bottom:18px; font-size:13.5px; color:#5c5044; line-height:1.6; max-width:680px;}
.faq-item.open .faq-a{max-height:300px;}

/* ---------- Review widget wrap ---------- */
.review-wrap{max-width:900px; margin:0 auto;}

/* ---------- Brand strip ---------- */
.brand-strip{background:var(--parchment-2); padding:30px 0; border-top:1px solid rgba(36,28,22,0.08); border-bottom:1px solid rgba(36,28,22,0.08);}
.brand-strip .wrap{display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap; gap:24px;}
.brand-logo{font-family:'Archivo Black'; font-size:16px; color:#8a7c68; text-transform:uppercase; opacity:.7; letter-spacing:.01em;}
.brand-strip-label{text-align:center; font-size:11px; color:#8a7c68; text-transform:uppercase; letter-spacing:.05em; margin-bottom:14px;}

.about{background:var(--ink); color:var(--parchment);}
.about .wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
.about h2{color:var(--steam); font-size:clamp(28px,4vw,42px); text-transform:uppercase; margin-bottom:20px;}
.about p{color:rgba(244,238,225,0.65); font-size:15.5px; margin-bottom:16px; max-width:480px;}
.about-img{position:relative; border-radius:var(--radius); overflow:hidden;}
.about-img img{aspect-ratio:5/4; object-fit:cover;}
.badge-row{display:flex; gap:26px; margin-top:28px; flex-wrap:wrap;}
.badge{display:flex; flex-direction:column;}
.badge b{font-family:'Archivo Black'; color:var(--turmeric); font-size:26px;}
.badge span{font-size:12px; color:rgba(244,238,225,0.55);}

.location{background:var(--parchment-2);}
.location .wrap{display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:stretch;}
.loc-card{background:var(--steam); border-radius:var(--radius); padding:32px; border:1px solid rgba(36,28,22,0.08);}
.loc-card h3{font-size:22px; text-transform:uppercase; margin-bottom:18px;}
.loc-row{display:flex; gap:14px; padding:14px 0; border-top:1px solid rgba(36,28,22,0.08);}
.loc-row:first-of-type{border-top:none;}
.loc-row .k{font-weight:700; font-size:13px; min-width:90px; color:#5c5044;}
.loc-row .v{font-size:14px;}
.map-embed{border-radius:var(--radius); overflow:hidden; min-height:340px; border:1px solid rgba(36,28,22,0.08);}
.map-embed iframe{width:100%; height:100%; min-height:340px; border:0;}

/* ---------- Bulk order form ---------- */
.bulk-wrap{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
.bulk-info h2{font-size:clamp(26px,4vw,38px); text-transform:uppercase; margin-bottom:16px;}
.bulk-info p{color:#5c5044; font-size:14.5px; margin-bottom:14px; line-height:1.65;}
.bulk-perks{margin-top:20px; display:flex; flex-direction:column; gap:12px;}
.bulk-perk{display:flex; align-items:flex-start; gap:10px; font-size:13.5px;}
.bulk-perk .tick{color:#4C8B4A; font-weight:800;}
.bulk-form-card{background:#fff; border:1px solid rgba(36,28,22,0.1); border-radius:6px; padding:28px;}
.bulk-form-card h3{font-size:18px; text-transform:uppercase; margin-bottom:18px;}
.bform-row{margin-bottom:14px;}
.bform-row label{display:block; font-size:11px; font-weight:700; color:#5c5044; margin-bottom:5px; text-transform:uppercase;}
.bform-row input, .bform-row textarea{width:100%; padding:11px 12px; border:1px solid rgba(36,28,22,0.2); border-radius:2px; font-family:'Work Sans'; font-size:13.5px;}
.bform-row textarea{min-height:70px; resize:vertical;}
.bform-error{color:var(--chili); font-size:11.5px; margin:-6px 0 10px; display:none;}
.bform-error.show{display:block;}

/* ---------- Footer ---------- */
footer{background:var(--ink); color:rgba(244,238,225,0.55); padding:44px 0 26px;}
footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; padding-bottom:26px; border-bottom:1px solid var(--line);}
footer .fcol h4{color:var(--steam); font-size:13px; margin-bottom:10px; font-weight:700;}
footer .fcol div, footer .fcol a{font-size:13px; margin-bottom:6px; display:block;}
footer .fcol a:hover{color:var(--turmeric);}
.foot-bottom{display:flex; justify-content:space-between; padding-top:18px; font-size:12px; flex-wrap:wrap; gap:8px; max-width:1180px; margin:0 auto; padding-left:24px; padding-right:24px;}
.foot-bottom a{text-decoration:underline;}

/* ---------- Cart bar + drawer ---------- */
.cart-bar{position:fixed; bottom:0; left:0; right:0; z-index:60; background:var(--ink); color:var(--steam); transform:translateY(100%); transition:transform .3s ease; box-shadow:0 -6px 24px rgba(0,0,0,0.3);}
.cart-bar.show{transform:translateY(0);}
.cart-bar-inner{max-width:1180px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.cart-summary{font-size:14px;} .cart-summary b{color:var(--turmeric);}
.cart-actions{display:flex; gap:10px; align-items:center;}
.clear-link{font-size:12px; color:rgba(244,238,225,0.55); cursor:pointer; text-decoration:underline;}

.mini-stepper{display:inline-flex; align-items:center; background:var(--turmeric); border-radius:2px; overflow:hidden;}
.mini-stepper .stepper-btn{width:26px; height:26px; border:none; background:transparent; color:var(--ink); font-weight:800; font-size:15px; cursor:pointer; line-height:1;}
.mini-stepper .stepper-btn:hover{background:rgba(0,0,0,0.12);}
.mini-stepper .mini-qty{min-width:20px; text-align:center; font-weight:800; font-size:12.5px; color:var(--ink);}

.cart-drawer-overlay{position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:80; display:none;}
.cart-drawer-overlay.show{display:block;}
.cart-drawer{position:fixed; top:0; right:0; height:100%; width:420px; max-width:92vw; background:var(--parchment); z-index:81; transform:translateX(100%); transition:transform .3s ease; display:flex; flex-direction:column; box-shadow:-8px 0 24px rgba(0,0,0,0.3);}
.cart-drawer.show{transform:translateX(0);}
.cart-drawer-header{padding:18px 20px; background:var(--ink); color:var(--steam); display:flex; justify-content:space-between; align-items:center; flex-shrink:0;}
.cart-drawer-header h3{font-family:'Archivo Black'; font-size:17px; text-transform:uppercase;}
.cart-close-btn{background:none; border:none; color:var(--steam); font-size:24px; cursor:pointer; line-height:1; padding:4px;}
.cart-drawer-body{flex:1; overflow-y:auto; padding:8px 20px;}
.cart-drawer-empty{text-align:center; padding:70px 20px; color:#8a7c68; font-size:14px;}
.cart-line{display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid rgba(36,28,22,0.1); gap:10px;}
.cart-line-info{flex:1; min-width:0;}
.cart-line-name{font-weight:600; font-size:13.5px;}
.cart-line-price{font-size:11.5px; color:#5c5044; margin-top:2px;}
.cart-line-right{display:flex; flex-direction:column; align-items:flex-end; gap:6px;}
.cart-line-total{font-weight:700; font-size:13px;}
.cart-remove-btn{background:none; border:none; color:var(--chili); font-size:11px; cursor:pointer; text-decoration:underline; padding:0;}
.cart-drawer-footer{padding:16px 20px 20px; border-top:1px solid rgba(36,28,22,0.12); background:var(--parchment-2); flex-shrink:0; max-height:70vh; overflow-y:auto;}
.totals-row{display:flex; justify-content:space-between; font-size:13.5px; padding:4px 0; color:#5c5044;}
.totals-row.grand{font-weight:800; font-size:17px; padding-top:10px; border-top:1px solid rgba(36,28,22,0.15); margin-top:6px; color:var(--coal);}
.gstin-note{font-size:11px; color:#8a7c68; margin:10px 0 14px; text-align:center;}

.customer-form{margin-bottom:16px;}
.form-row{margin-bottom:10px;}
.form-row label{display:block; font-size:11px; font-weight:700; color:#5c5044; margin-bottom:4px; text-transform:uppercase;}
.form-row input, .form-row textarea{width:100%; padding:9px 10px; border:1px solid rgba(36,28,22,0.2); border-radius:2px; font-family:'Work Sans'; font-size:13px; background:#fff; color:var(--coal);}
.form-row textarea{resize:vertical; min-height:52px;}
.type-toggle{display:flex; gap:8px; margin-bottom:10px;}
.type-btn{flex:1; padding:9px; border:1px solid rgba(36,28,22,0.2); background:#fff; border-radius:2px; font-weight:600; font-size:13px; cursor:pointer; color:var(--coal);}
.type-btn.active{background:var(--chili); color:#fff; border-color:var(--chili);}

.receipt{background:#fff; border:1px dashed rgba(36,28,22,0.35); padding:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--coal); margin-bottom:16px; line-height:1.55;}
.receipt-center{text-align:center;}
.receipt-divider{border-top:1px dashed rgba(36,28,22,0.35); margin:7px 0;}
.receipt-row{display:flex; justify-content:space-between; gap:8px;}
.receipt b{font-weight:800;}

@keyframes shake{ 10%,90%{transform:translateX(-1px);} 20%,80%{transform:translateX(2px);} 30%,50%,70%{transform:translateX(-5px);} 40%,60%{transform:translateX(5px);} }
.form-row.error input, .form-row.error textarea{border-color:var(--chili); border-width:2px; animation:shake .4s;}
.form-toast{position:fixed; top:76px; left:50%; transform:translateX(-50%) translateY(-16px); background:var(--chili); color:#fff; padding:12px 20px; border-radius:4px; font-size:13.5px; font-weight:600; z-index:100; opacity:0; pointer-events:none; transition:all .25s ease; box-shadow:0 6px 20px rgba(0,0,0,0.3); max-width:90vw; text-align:center;}
.form-toast.show{opacity:1; transform:translateX(-50%) translateY(0);}
.btn.incomplete{opacity:.55;}

.location-btn{background:none; border:1px dashed var(--chili); color:var(--chili); font-size:12px; font-weight:600; padding:7px 10px; border-radius:2px; cursor:pointer; margin-top:6px;}
.location-btn:hover{background:rgba(194,43,38,0.06);}
.location-status{font-size:11.5px; color:#4C8B4A; margin-top:6px;}

.payment-box{background:#fff; border:1px solid rgba(36,28,22,0.12); border-radius:4px; padding:16px; margin-bottom:16px; text-align:center;}
.payment-title{font-weight:700; font-size:13.5px; margin-bottom:10px;}
.btn-upi{display:block; width:100%; background:#1B7F4C; color:#fff; padding:11px; border-radius:2px; font-weight:700; font-size:14px; margin-bottom:12px; text-align:center;}
.btn-upi:hover{background:#156b3e;}
.qr-row{display:flex; flex-direction:column; align-items:center; gap:6px; margin-bottom:10px;}
.qr-row img{border:1px solid rgba(36,28,22,0.1); border-radius:2px;}
.qr-caption{font-size:11px; color:#8a7c68;}
.payment-note{font-size:11px; color:#8a7c68; line-height:1.5;}

/* ---------- Legal pages ---------- */
.legal-content{max-width:820px; margin:0 auto;}
.legal-content h2{font-size:26px; text-transform:uppercase; margin:32px 0 12px;}
.legal-content h2:first-child{margin-top:0;}
.legal-content p, .legal-content li{font-size:14px; color:#5c5044; line-height:1.7; margin-bottom:10px;}
.legal-content ul{padding-left:20px;}
.legal-updated{font-size:12px; color:#8a7c68; margin-bottom:30px;}

@media (max-width: 880px){
  nav.mainnav{display:none;}
  .usp .wrap, .stats-strip .wrap{grid-template-columns:1fr 1fr; row-gap:16px;}
  .usp-item:nth-child(3){border-left:none;}
  .photo-grid, .highlight-grid{grid-template-columns:1fr 1fr; gap:12px;}
  .about .wrap{grid-template-columns:1fr;}
  .location .wrap{grid-template-columns:1fr;}
  .btn-outline{display:none;} .phone-pill{display:none !important;}
  .offer-slide{grid-template-columns:1fr; gap:20px;}
  .mtm-grid{grid-template-columns:repeat(2,1fr);}
  .usp-feature-grid{grid-template-columns:1fr;}
  .usp-feature-col{flex-direction:row; overflow-x:auto; gap:20px;}
  .usp-feature-item.right{flex-direction:row; text-align:left;}
  .why-grid{grid-template-columns:1fr;}
  .bulk-wrap{grid-template-columns:1fr;}
}
@media (max-width: 560px){
  .photo-grid, .highlight-grid{grid-template-columns:1fr;}
  .mtm-grid{grid-template-columns:1fr;}
  .hero{min-height:78vh;}
}