:root{--red:#C0181E;--dred:#8E1218;--cr:#EFE3C8;--gold:#EFE3C8;--dk:#2A1A17;--mu:#5c4a44}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--dk);line-height:1.4;background:var(--red) url(pattern.svg) repeat;background-size:200px}
.hero{text-align:center;padding:30px 16px 26px;color:var(--cr);background:radial-gradient(circle at 50% 38%,rgba(94,10,14,.0) 0,rgba(94,10,14,.55) 70%)}
.emblem{position:relative;width:190px;height:190px;margin:0 auto}
.ring{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.logo{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);background:var(--cr);border-radius:50%;padding:8px;border:2px solid var(--gold)}
.hero h1{margin:14px 0 0;font-family:Georgia,"Noto Serif","DejaVu Serif",serif;font-size:2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cr);text-shadow:0 2px 6px rgba(0,0,0,.4)}
.sub{color:var(--gold);letter-spacing:.35em;text-transform:uppercase;font-size:.78rem;margin-top:2px}
.hero p{margin:8px 0 0;color:var(--cr);font-size:.9rem}
.cats{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:var(--dred);border-bottom:1px solid var(--gold);scrollbar-width:none}
.cats a{flex:none;padding:6px 12px;border-radius:999px;border:1px solid var(--gold);color:var(--cr);text-decoration:none;font-size:.85rem;font-weight:600}
main{max-width:640px;margin:0 auto;padding:0 12px 40px}section{scroll-margin-top:56px}
h2{font-family:Georgia,"Noto Serif","DejaVu Serif",serif;font-size:1.25rem;margin:26px 0 12px;color:var(--cr);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}
h2::before,h2::after{content:"❀";color:var(--gold);margin:0 .5em;font-size:.9em}
.item{background:#FFFAF0;border-radius:14px;margin:0 0 10px;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;border:1px solid var(--gold)}
.item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px}.txt{flex:1;min-width:0}
.item img{flex:none;width:96px;height:96px;object-fit:cover;border-radius:10px;display:block}
.row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}h3{margin:0;font-size:1rem}
.price{flex:none;font-weight:700;color:var(--red);white-space:nowrap}p{margin:6px 0 0;font-size:.88rem;color:var(--mu)}
.tag{display:inline-block;margin:8px 6px 0 0;font-size:.72rem;padding:2px 8px;border-radius:999px;background:#F6E7CC;color:var(--dk)}
.info{background:#FFFAF0;border-radius:14px;padding:4px 14px 12px;margin-top:20px;border:1px solid var(--gold)}
.info h2{color:var(--red);text-shadow:none}.info p{font-size:.85rem}.small{font-size:.75rem!important}
.emblem{width:210px;height:210px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sub{margin-top:12px;font-family:Georgia,"Noto Serif",serif}
.allerg{margin-top:8px;font-size:.74rem;color:#7a6a63;border-top:1px dashed #e6d6b8;padding-top:6px}
.foot{text-align:center;padding:18px 0 30px;font-size:.85rem}.foot a{color:var(--cr)}
.legal{background:#FFFAF0;max-width:640px;margin:20px auto;padding:16px 18px;border-radius:14px;border:1px solid var(--cr)}.legal h1,.legal h2{color:var(--red);font-family:Georgia,"Noto Serif",serif}.legal p,.legal li{font-size:.92rem;color:var(--dk)}.draft{background:#ffe9a8;color:#5a3b00;padding:6px 10px;border-radius:8px;font-weight:700;font-size:.85rem}

.catnote{background:#fff8ec;border-left:4px solid #c9a227;border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:.9rem;line-height:1.5;color:#3a2a1a}
.note{font-size:.85rem;font-style:italic;color:#8a1c1c;margin:4px 0}

.item .price{margin-top:8px;font-size:.95rem}