:root{--cream:#fdf6ea;--paper:#fffaf2;--sand:#f1dbc1;--brown:#5b3d29;--brown2:#7a5a44;--orange:#c85f23;--orange-d:#a94c19;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito","Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--brown);background:var(--cream);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange-d)}
h1,h2,h3{font-family:Georgia,"Palatino Linotype","Book Antiqua",serif;line-height:1.2;margin:0 0 .5em}
.wrap{width:min(1120px,92%);margin:0 auto}
.site-header{padding:14px 0;background:var(--paper);border-bottom:1px solid var(--sand)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.brand{font-family:Georgia,serif;font-weight:700;font-size:1.3rem;color:var(--brown);text-decoration:none}
.nav{display:flex;gap:16px;font-weight:700;font-size:.95rem}.nav a{color:var(--brown2);text-decoration:none}.nav a:hover{color:var(--orange)}
.hero-banner{width:100%;aspect-ratio:2.4/1;object-fit:cover}@media(min-width:640px){.hero-banner{aspect-ratio:4/1}}
.hero{text-align:center;padding:36px 0 44px}
.hero h1{font-size:clamp(1.8rem,5vw,3rem)}
.hero p{font-size:1.1rem;max-width:620px;margin:0 auto 24px;color:var(--brown2)}
.btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;text-align:center;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-d)}
.btn-ghost{border:2px solid var(--orange);color:var(--orange-d);background:transparent}
.btn-light{background:#fff;color:var(--orange-d)}
.promo{background:var(--orange);color:#fff;text-align:center;padding:14px 0;font-weight:700;font-size:1.05rem}
.promo code{background:#fff;color:var(--orange-d);padding:2px 10px;border-radius:8px;font-weight:900;letter-spacing:.06em}
section{padding:56px 0}
.section-head{text-align:center;margin-bottom:28px}.section-head h2{font-size:clamp(1.6rem,4vw,2.3rem)}.section-head p{color:var(--brown2);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
@media(min-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}
.card{background:var(--paper);border:1px solid var(--sand);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(91,61,41,.08)}
.card img{width:100%;background:var(--sand)}
.card-body{padding:14px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.05rem}
.price{font-weight:900;font-size:1.15rem;color:var(--orange-d);margin:0 0 12px}.price span{font-weight:600;font-size:.8rem;color:var(--brown2)}
.card-btns{display:flex;flex-direction:column;gap:8px;margin-top:auto}.card-btns .btn{padding:9px 12px;font-size:.92rem}
.sampler{background:var(--sand)}
.sampler-box{background:var(--paper);border-radius:var(--radius);padding:32px 24px;text-align:center;max-width:760px;margin:0 auto}
.sampler-box p{color:var(--brown2)}
.social{text-align:center}
.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.footer{background:var(--brown);color:var(--cream);text-align:center;padding:28px 0;font-size:.95rem}.footer a{color:#ffd9b8}
.footer img{width:56px;height:56px;border-radius:50%;margin:0 auto 10px}