:root{--tan:#c9995f;--tan-l:#e8d3b4;--esp:#3b2618;--esp2:#5a3b26;--off:#faf6ef;--ink:#2a1b11;--r:10px}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--off);color:var(--ink);line-height:1.6}
h1,h2,h3{font-family:"Helvetica Neue",Arial,sans-serif;color:var(--esp);line-height:1.2;letter-spacing:-.01em}
a{color:var(--esp2)}img{max-width:100%;display:block}
.wrap{max-width:1150px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
header{background:#fff;border-bottom:3px solid var(--tan);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;max-width:1150px;margin:0 auto}
.brand img{height:64px;width:64px}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}nav a{text-decoration:none;font-weight:600;color:var(--esp)}nav a:hover,nav a[aria-current]{color:var(--tan)}
.cartbtn{background:var(--esp);color:#fff;border:0;border-radius:99px;padding:8px 16px;font-weight:600;cursor:pointer}
.menu{display:none;background:none;border:2px solid var(--esp);border-radius:6px;padding:6px 10px;font-weight:700;color:var(--esp)}
.btn{display:inline-block;background:var(--esp);color:#fff;padding:12px 24px;border-radius:99px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--esp2)}.btn.alt{background:var(--tan);color:var(--esp)}
:focus-visible{outline:3px solid var(--tan);outline-offset:2px}
.hero{background:linear-gradient(120deg,rgba(59,38,24,.93) 35%,rgba(59,38,24,.45)),url(../assets/products/ornaments-2026.jpg?v=3) center/cover;color:var(--off);padding:90px 0}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 12px}.hero p{max-width:600px;font-size:1.15rem}
section{padding:60px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 10px rgba(59,38,24,.1);display:flex;flex-direction:column}
.card .body{padding:16px;flex:1;display:flex;flex-direction:column}.card h3{margin:4px 0;font-size:1.1rem}.card h3 a{text-decoration:none;color:var(--esp)}
.price{font-weight:700;color:var(--esp2)}.tag{display:inline-block;background:#fde68a;color:#5b3a00;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.05em}
.cat{font-size:.8rem;color:#7a5a40;text-transform:uppercase;letter-spacing:.06em}
.card .btn{margin-top:auto;padding:9px 16px;font-size:.9rem;text-align:center}
.thumb{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;background:#eee}#pd .thumb{aspect-ratio:auto;object-fit:contain}
.cta{background:var(--tan-l);border-radius:var(--r);padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filters button{font:inherit;border:2px solid var(--esp);background:#fff;color:var(--esp);border-radius:99px;padding:6px 16px;font-weight:600;cursor:pointer}.filters button[aria-pressed=true]{background:var(--esp);color:#fff}
form label{display:block;font-weight:600;margin-top:14px}input,textarea,select{width:100%;padding:10px;border:1px solid #bfa688;border-radius:6px;font:inherit;background:#fff}
footer{background:var(--esp);color:var(--tan-l);padding:30px 0;margin-top:40px;font-size:.9rem}footer a{color:var(--tan-l)}
.note{background:#fff7e6;border-left:4px solid var(--tan);padding:10px 14px;font-size:.9rem}
#drawer{position:fixed;top:0;right:0;height:100%;width:min(380px,100%);background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.2);transform:translateX(100%);transition:.25s;z-index:50;visibility:hidden;padding:20px;overflow:auto}#drawer.open{transform:none;visibility:visible}
.line{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eee;padding:8px 0}.line button{background:none;border:0;color:#a33;cursor:pointer}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--esp);color:#fff;padding:10px 20px;border-radius:99px;opacity:0;transition:.3s;pointer-events:none}.toast.show{opacity:1}
@media(max-width:760px){.menu{display:block}nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px 20px;border-bottom:3px solid var(--tan)}nav ul.open{display:flex}.split{grid-template-columns:1fr}.hero{padding:60px 0}.brand img{height:52px;width:52px}}
.size{display:inline-block;align-self:flex-start;background:var(--tan-l);color:var(--esp);font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:99px;margin:4px 0}