:root{--cream:#F7F4EC;--coffee:#2A1A12;--teal:#217C93;--brown:#6B3E27;--muted:#6B6B6B}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--coffee);line-height:1.6}
a{color:var(--teal);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}

.site-header{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1px solid #e6dfd3}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav a{margin-left:18px;opacity:.9} .nav a.active{font-weight:700;opacity:1} .nav a:hover{opacity:1}
.brandmark{vertical-align:middle;height:36px;width:auto;display:inline-block}

.hero{padding:20px 0 0} .hero h1{font-size:36px;line-height:1.2;margin:.2em 0}
.muted{color:var(--muted)} .cta-row{display:flex;gap:12px;margin-top:12px}
.btn{display:inline-block;border:1px solid #e6dfd3;padding:10px 14px;border-radius:12px;background:white;color:var(--coffee)}
.btn.primary{background:linear-gradient(45deg,var(--teal),#39b6cb);border-color:transparent;color:white}
.btn.small{padding:8px 12px;border-radius:9px;font-size:14px}

.focus-image{margin:18px 0} .focus-card{background:white;border:1px solid #eadfd0;border-radius:16px;overflow:hidden}
.focus-image img{width:100%;height:auto;display:block} .focus-caption{padding:10px 14px;color:#6B3B28}
.focus-actions{display:flex;justify-content:center;padding:0 0 12px}

.collections h2{margin:6px 2px 10px} .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tile{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid #eadfd0}
.tile img{width:100%;height:160px;object-fit:cover;display:block}
.tile span{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);padding:6px 10px;border-radius:10px;border:1px solid #eadfd0;font-weight:700}

.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:10px}

.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));margin:12px 0}
.card{background:white;border:1px solid #eadfd0;border-radius:14px;overflow:hidden}
.card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;image-rendering:auto}
.card .card-body{padding:10px}
.card h3{font-size:16px;line-height:1.25;margin:.25em 0 .35em}

.amazon-ribbon .container{max-width:1120px;margin:0 auto;padding:8px 16px}
.amazon-ribbon span{display:inline-block;background:var(--teal);color:white;padding:10px 16px;border-radius:12px;font-weight:700}

.site-footer{background:var(--cream);border-top:1px solid #e6dfd3;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:18px 0}
.brand-mini{font-weight:800} .small{font-size:12px}

@media (max-width:980px){ .tiles{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .tiles{grid-template-columns:1fr} .cards{grid-template-columns:repeat(2,1fr)} }