:root{
  --bg:#fffdf6; --ink:#2B2A2A; --ink-60:rgba(43,42,42,.6);
  --brand:#F5B800; --brand-ink:#594a2a; --radius:12px; --shadow:0 6px 30px rgba(0,0,0,.07);
}
*{box-sizing:border-box} html,body{margin:0}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; line-height:1.55; color:var(--ink); background:var(--bg)}
img{max-width:100%; height:auto; display:block}
.container{width:min(1100px, 92%); margin-inline:auto}
.section{padding:64px 0} .section.alt{background:#fff7dc}
h1,h2,h3{line-height:1.2; margin:0 0 12px} h1{font-size:clamp(32px,4vw,56px)} h2{font-size:clamp(24px,3vw,36px)} h3{font-size:clamp(18px,2.2vw,22px)} p{margin:0 0 12px}
.p-small{font-size:.95rem; color:var(--ink-60)} .note{font-size:.9rem; color:var(--ink-60); margin-top:16px}
.btn{background:var(--brand); color:#111; border:none; border-radius:999px; padding:12px 18px; font-weight:600; display:inline-block; text-decoration:none; box-shadow:var(--shadow)}
.btn:hover{filter:brightness(.98)} .btn--ghost{background:transparent; border:2px solid var(--brand); color:var(--ink)} .btn--small{padding:8px 12px; font-size:.95rem} .btn--lg{padding:14px 22px}
.site-header{position:sticky; top:0; background:rgba(255,253,246,.9); backdrop-filter:saturate(140%) blur(6px); z-index:5; border-bottom:1px solid #f0e1b5}
.nav{display:flex; align-items:center; justify-content:space-between; padding:10px 0}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-weight:700}
.nav__list{display:flex; gap:14px; list-style:none; margin:0; padding:0}
.nav__list a{text-decoration:none; color:var(--ink); padding:8px 12px; border-radius:8px}
.nav__list a:hover{background:#fff0b8}
.nav__toggle{display:none}
@media (max-width:900px){
  .nav__list{display:none} .nav__toggle{display:inline-block; border:1px solid #e3d79b; background:transparent; padding:8px 10px; border-radius:8px}
  .mobile-nav[hidden]{display:none}
}
.mobile-nav{position:sticky; top:64px; background:#fff7dc; padding:10px; display:grid; gap:8px; border-bottom:1px solid #f0e1b5; z-index:4}
.mobile-nav a{text-decoration:none; color:var(--ink); padding:10px; border-radius:8px} .mobile-nav a.btn{justify-self:start}
.hero{position:relative; isolation:isolate}
.hero__bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; z-index:-2}
.hero::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,253,246,0) 0%, #fffdf6 90%); z-index:-1}
.hero__grid{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; min-height:64svh; align-items:center; padding:40px 0}
.hero__copy .subtitle{font-size:1.2rem; color:var(--brand-ink); font-weight:600; margin-bottom:14px}
.hero__badges{display:flex; gap:10px; list-style:none; margin:14px 0 0; padding:0}
.hero__badges li{background:#fff; border:1px solid #f0e1b5; border-radius:999px; padding:6px 10px; font-size:.9rem}
.hero__visual{justify-self:end}
@media (max-width:900px){ .hero__grid{grid-template-columns:1fr; min-height:unset} .hero__visual{justify-self:center} }
.grid.products{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.product{background:#fff; border:1px solid #f0e1b5; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column}
.product h3{padding:12px 14px 0} .product img{aspect-ratio:1/1; object-fit:cover}
.product p,.product .prices,.product .stock,.product .btn{padding:0 14px 10px}
.product .prices{display:flex; gap:10px; font-weight:600; flex-wrap:wrap}
.stock.in{color:#2f7a2f}
@media (max-width:1000px){.grid.products{grid-template-columns:repeat(2,1fr)}} @media (max-width:600px){.grid.products{grid-template-columns:1fr}}
.cols{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center} @media (max-width:900px){.cols{grid-template-columns:1fr}}
.list{margin:8px 0 0 18px}
.testimonials .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.testimonials blockquote{background:#fff; border:1px solid #f0e1b5; border-radius:var(--radius); padding:14px; box-shadow:var(--shadow); margin:0}
.testimonials cite{display:block; margin-top:6px; color:var(--ink-60); font-style:normal}
@media (max-width:900px){.testimonials .testi-grid{grid-template-columns:1fr}}
.shop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.shop-card{background:#fff; border:1px solid #f0e1b5; border-radius:var(--radius); padding:18px; box-shadow:var(--shadow)}
@media (max-width:900px){.shop-grid{grid-template-columns:1fr}}
.contact{display:grid; grid-template-columns:1fr 1fr; gap:24px}
.form label{display:grid; gap:6px; margin-bottom:10px}
.form input,.form textarea{padding:10px; border:1px solid #e1d7a5; border-radius:8px; font:inherit}
.form__status{font-size:.95rem; color:var(--ink-60); margin-top:8px}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.footer{background:#fff0b8; padding:20px 0; border-top:1px solid #f0e1b5}
.footer__grid{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:10px; font-weight:700}
.legal{padding:40px 0; border-top:1px solid #f0e1b5}