*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#ecebe7;color:#1d1d1d}a{color:inherit}
.proto{background:#d9480f;color:#fff;text-align:center;font-weight:700;padding:8px;font-size:14px}
header{background:#1b1d20;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 20px;gap:10px;border-bottom:4px solid #f08c00}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px}.brand img{height:48px;border-radius:6px}.brand small{display:block;font-size:11px;font-weight:400;color:#aaa}
nav a{margin-left:14px;text-decoration:none;color:#ddd}.etsy-link{color:#f08c00!important;font-weight:700}
.hero{background:repeating-linear-gradient(45deg,#26292d 0 20px,#2c2f33 20px 40px);color:#fff;padding:60px 20px;text-align:center}.hero .mono{width:min(420px,85%);border-radius:14px}.hero h1{font-size:clamp(28px,5vw,48px);margin:16px 0 8px}.hero p{max-width:620px;margin:0 auto 20px;color:#ccc}
section{padding:40px 20px;max-width:1150px;margin:auto}.dark{background:#1b1d20;color:#eee;max-width:none;padding:40px max(20px,calc(50% - 555px))}h2{border-left:6px solid #f08c00;padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0002}.card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f5f5f3}.cb{padding:12px}.cb h3{margin:0 0 6px}.price{font-weight:700;color:#d9480f}
.btn{display:inline-block;background:#f08c00;color:#111;font-weight:700;padding:10px 16px;border-radius:6px;text-decoration:none;margin:4px 0;font-size:14px}.btn.alt{background:#fff}.btn.ghost{background:#ddd;color:#666;cursor:not-allowed}.btns{display:flex;flex-wrap:wrap;gap:6px}
.mats>div{background:#fff;padding:14px;border-radius:8px;border-top:4px solid #f08c00}.note,.small{font-size:13px;color:#777}
footer{background:#111;color:#bbb;text-align:center;padding:24px}footer img{height:60px;border-radius:6px}
@media(max-width:600px){nav a{margin:0 10px 0 0;font-size:14px}}

.card img.thumb{width:48%;min-width:0;aspect-ratio:4/3;object-fit:cover;border-radius:4px}

.hero{max-width:none;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)),url(img/hero-shop.jpg) center/cover no-repeat;padding:90px 20px;text-shadow:0 2px 6px #000}
.hero .mono{width:min(220px,55%)}.hero .tag{font-size:clamp(18px,3vw,24px);color:#fff;font-weight:700}.hero p{color:#eee}
#trail .strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}#trail .strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.hero .btn{text-shadow:none}