:root{--ink:#2a1f14;--mut:#6b5a48;--acc:#9a3412;--accd:#7c2d12;--bg:#fbf6ef;--line:#e7d9c6}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);overflow-wrap:anywhere}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:10px 14px;z-index:10}
.skip:focus{left:8px;top:8px}
.demo{margin:0;background:#fef3c7;color:#78350f;text-align:center;padding:8px 12px;font:600 14px system-ui,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}
.logo{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}
.cart{font:600 15px system-ui,sans-serif;border:2px solid var(--ink);border-radius:999px;padding:6px 14px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:16px 0;font:14px system-ui,sans-serif;color:var(--mut)}
.crumbs li+li::before{content:"/";margin-right:8px}
.crumbs a{color:var(--acc)}
.product{display:grid;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.shot{aspect-ratio:4/3;border-radius:12px;background:radial-gradient(circle at 30% 30%,#e7d9c6,#b9a58a);display:grid;place-items:center;color:#4a3a28;font:600 18px system-ui,sans-serif}
.thumbs{display:flex;gap:10px;list-style:none;padding:0;margin:10px 0 0}
.thumbs li{width:72px;height:56px;border-radius:8px;border:2px solid var(--line)}
.t1{background:#c9b79c;border-color:var(--acc)!important}.t2{background:#a8b5a2}.t3{background:#d8c3a5}
figure{margin:0}
.sku{font:13px system-ui,sans-serif;color:var(--mut);margin:0}
h1{font-size:1.9rem;line-height:1.2;margin:4px 0 8px}
.rating{color:var(--mut);margin:0 0 8px}.rating span{color:#b45309}
.price{font-size:1.2rem;margin:8px 0}.price strong{font-size:2rem;color:var(--acc)}.price s{color:var(--mut)}
.stock{color:#166534;font:600 15px system-ui,sans-serif}
.buy{display:grid;gap:10px;margin:16px 0}
fieldset{border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 14px}
legend{font:600 14px system-ui,sans-serif;padding:0 6px}
label{font:15px system-ui,sans-serif}
input[type=number]{font:inherit;padding:10px;border:2px solid var(--ink);border-radius:8px;width:100px}
.btn{font:700 17px system-ui,sans-serif;background:var(--acc);color:#fff;border:2px solid var(--acc);border-radius:10px;padding:14px 22px;cursor:pointer}
.btn:hover,.btn:focus-visible{background:var(--accd);border-color:var(--accd)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.perks{padding-left:20px;color:var(--mut);margin:0}
.specs{padding:24px 0}
h2{font-size:1.4rem;margin:20px 0 10px}
dl{margin:0;border-top:1px solid var(--line)}
dl div{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
dt{flex:1 1 140px;color:var(--mut)}dd{flex:2 1 180px;margin:0;font-weight:600}
.foot{border-top:1px solid var(--line);padding:18px 0;font:14px system-ui,sans-serif;color:var(--mut)}
@media(min-width:760px){.product{grid-template-columns:1.1fr 1fr;padding:28px;gap:36px}h1{font-size:2.4rem}}