:root{--cu:#d98a3a;--cu2:#f2b36b}
*{box-sizing:border-box;margin:0}body{background:#0b0b0b;color:#eee;font-family:system-ui,sans-serif;overflow-x:hidden;line-height:1.5}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 32V66' fill='none' stroke='%23d98a3a' stroke-opacity='.12' stroke-width='1.5'/%3E%3C/svg%3E")}
header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;background:rgba(11,11,11,.9);backdrop-filter:blur(6px);border-bottom:2px solid var(--cu)}
header a.brand{display:flex;align-items:center;gap:10px;text-decoration:none}header img{width:42px}header b{color:var(--cu2);letter-spacing:2px}
nav{display:flex;gap:4px 14px;font-size:15px;overflow-x:auto;width:100%}nav a{color:#ddd;text-decoration:none;padding:6px 0;white-space:nowrap}nav a.on{color:var(--cu2);border-bottom:2px solid var(--cu)}
@media(min-width:760px){nav{width:auto;margin-left:auto}}
main{max-width:1100px;margin:auto;padding:24px 16px 40px}
h1{color:var(--cu);font-size:clamp(30px,7vw,52px);line-height:1.05;text-shadow:0 0 30px rgba(217,138,58,.4)}
h2{color:var(--cu2);font-size:24px;margin:34px 0 12px}p{color:#ccc;margin:10px 0}
.btn{display:inline-block;padding:13px 22px;border-radius:30px;background:var(--cu);color:#111;font-weight:700;text-decoration:none;margin:6px 4px 6px 0;border:0;font-size:16px}
.btn.o{background:none;color:var(--cu2);border:2px solid var(--cu)}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:760px){.gal{grid-template-columns:repeat(4,1fr)}}
.gal button{padding:0;border:1px solid #333;border-radius:10px;overflow:hidden;background:#1a1a1a;cursor:zoom-in;aspect-ratio:1}
.gal img{width:100%;height:100%;object-fit:cover;display:block}
.note{background:#1a140e;border-left:4px solid var(--cu);padding:16px;border-radius:8px;margin:20px 0}
#lb{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;flex-direction:column}
#lb.on{display:flex}#lb img{max-width:94vw;max-height:80vh;border-radius:8px}#lb p{color:#ddd}
#lb .x{position:absolute;top:10px;right:14px;font-size:34px;background:none;border:0;color:#fff}
#lb .pv,#lb .nx{position:absolute;top:50%;font-size:40px;background:none;border:0;color:var(--cu2);padding:10px}#lb .pv{left:4px}#lb .nx{right:4px}
.cards{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:600px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:#171717;border:1px solid #333;border-top:4px solid var(--cu);border-radius:10px;overflow:hidden}
.card .ph{aspect-ratio:4/3;background:linear-gradient(135deg,#2a1d12,#151515);display:flex;align-items:center;justify-content:center;color:var(--cu2)}
.card .bd{padding:14px}.card h3{font-size:18px}.price{color:var(--cu2);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chips button{background:#1c1c1c;color:#ddd;border:1px solid #444;border-radius:20px;padding:7px 14px}.chips button.on{border-color:var(--cu);color:var(--cu2)}
.sample{background:#3a1d0a;color:#ffcf9a;border:1px dashed var(--cu);padding:10px 14px;border-radius:8px;font-weight:700}
footer{text-align:center;padding:30px 16px;color:#999;font-size:14px;border-top:1px solid #222}footer a{color:var(--cu2)}