:root{--cream:#FFF6E9;--paper:#FFFDF8;--orange:#C2571B;--orange-d:#9A3F10;--brown:#4A2E1B;--gold:#E8A33D;--ink:#2E1D10;--muted:#7A5C40;--line:#EBD9BE;--ok:#2E7D32}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.55}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--brown);line-height:1.2;margin:.4em 0}
a{color:var(--orange-d)}
img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
/* header */
.site-head{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:3px solid var(--gold);box-shadow:0 1px 8px rgba(74,46,27,.08)}
.head-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0}
.brand{font-family:Georgia,serif;font-weight:700;font-size:1.25rem;color:var(--brown);text-decoration:none}
.brand span{color:var(--orange)}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a{padding:7px 10px;border-radius:999px;text-decoration:none;color:var(--brown);font-weight:600;font-size:.95rem}
nav.main a:hover,nav.main a[aria-current="page"]{background:var(--cream);color:var(--orange-d)}
.head-search{display:flex;gap:6px;margin-left:auto}
.head-search input{padding:8px 12px;border:2px solid var(--line);border-radius:999px;min-width:170px;background:#fff}
.btn{display:inline-block;border:0;cursor:pointer;background:var(--orange);color:#fff;font-weight:700;padding:9px 16px;border-radius:999px;text-decoration:none;font-size:.95rem}
.btn:hover{background:var(--orange-d)}
.btn.gold{background:var(--gold);color:var(--brown)}
.btn.ghost{background:#fff;color:var(--orange-d);border:2px solid var(--orange)}
.btn.small{padding:6px 12px;font-size:.88rem}
.cart-link{position:relative}
.cart-count{background:var(--orange);color:#fff;border-radius:999px;font-size:.75rem;padding:1px 7px;margin-left:4px;vertical-align:top}
/* motto + hero */
.motto{background:var(--brown);color:var(--gold);text-align:center;font-weight:700;letter-spacing:.14em;padding:7px 10px;font-size:.85rem}
.hero{padding:34px 0 8px;text-align:center}
.hero h1{font-size:2.3rem;margin-bottom:.2em}
.hero p.lede{font-size:1.12rem;color:var(--muted);max-width:640px;margin:0 auto 14px}
.cast{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.cast figure{margin:0;width:200px;background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:10px}
.cast img{border-radius:12px;width:100%}
.cast figcaption{font-weight:700;color:var(--brown);margin-top:6px}
.cast figcaption small{display:block;font-weight:400;color:var(--muted)}
/* sections + cards */
section{padding:26px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.card h3{margin:0;font-size:1.08rem}
.card p{margin:0;color:var(--muted);font-size:.95rem;flex:1}
.price{font-size:1.25rem;font-weight:800;color:var(--orange-d)}
.price small{font-size:.8rem;color:var(--muted);font-weight:600}
.tag{display:inline-block;background:var(--cream);border:1px solid var(--gold);color:var(--brown);border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:700}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stores{display:flex;gap:6px;flex-wrap:wrap}
.stores a{font-size:.85rem;font-weight:700}
.trust{background:var(--paper);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.trust ul{margin:0;padding-left:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.filters select,.filters input{padding:9px 12px;border:2px solid var(--line);border-radius:10px;background:#fff;font-size:.95rem}
.filters input{flex:1;min-width:200px}
/* cart */
table.cart{width:100%;border-collapse:collapse;background:var(--paper);border:2px solid var(--line);border-radius:12px;overflow:hidden}
table.cart th,table.cart td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.cart th{background:var(--cream);color:var(--brown)}
.num{text-align:right;white-space:nowrap}
.notice{background:#FFF3D6;border:2px solid var(--gold);border-radius:12px;padding:12px 16px}
.free-price{color:var(--ok);font-weight:800}
/* footer */
footer.site{margin-top:34px;background:var(--brown);color:#F5E7D3;padding:28px 0}
footer.site a{color:var(--gold)}
.foot-in{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start}
.foot-in img.qr{width:132px;height:132px;background:#fff;border-radius:10px;padding:6px}
footer.site h3{color:#fff;margin-top:0}
.small{font-size:.88rem;color:var(--muted)}
footer.site .small{color:#D9C3A5}
article.post{max-width:760px;margin:0 auto;background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:26px}
article.post p{color:#43301D}
@media (max-width:640px){.hero h1{font-size:1.8rem}.head-search{margin-left:0;width:100%}.head-search input{flex:1}.cast figure{width:150px}}