*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif}
:root{--ink:#2b2420;--acc:#e8651a;--teal:#0e7c66;--bg:#faf6ef;--wa:#25d366}
body{background:var(--bg);color:var(--ink);line-height:1.6}
header{position:sticky;top:0;z-index:50;background:#1c1815;color:#f3ede4;padding:12px 5%;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{font-weight:800;letter-spacing:1px;font-size:19px;color:#f3ede4;text-decoration:none}.logo span{color:var(--acc)}
header nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}header nav a{color:#d9d0c3;text-decoration:none}header nav a:hover{color:#fff}
.cta{margin-left:auto;background:var(--wa);color:#fff;text-decoration:none;padding:9px 18px;border-radius:20px;font-weight:700;font-size:13.5px}
.hero{background:linear-gradient(135deg,#1c1815,#3a2e24);color:#f3ede4;padding:70px 5%;text-align:center}
.hero h1{font-size:clamp(26px,4.5vw,44px);max-width:900px;margin:0 auto 14px}
.hero p{max-width:720px;margin:0 auto 26px;color:#c8bda9;font-size:17px}
.hero .btns a{display:inline-block;margin:6px;padding:14px 30px;border-radius:28px;text-decoration:none;font-weight:700}
.b1{background:var(--acc);color:#fff}.b2{background:transparent;color:#f3ede4;border:2px solid #6b5d4d}
.wrap{max-width:1200px;margin:0 auto;padding:44px 5%}
h2.sec{font-size:26px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.pc{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.07);text-decoration:none;color:var(--ink);transition:.18s;display:block}
.pc:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,.13)}
.pc img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.pc .i{padding:12px 14px}.pc .i b{font-size:14px;display:block;min-height:40px}.pc .pr{color:var(--teal);font-weight:800;font-size:16px}.pc .sku{font-size:11px;color:#98876e}
.kc{position:relative;border-radius:14px;overflow:hidden;display:block;text-decoration:none}
.kc img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:.3s}.kc:hover img{transform:scale(1.06)}
.kc .t{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;padding:34px 16px 14px;font-weight:700;font-size:17px}
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:10px 0}
.badge{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.badge b{display:block;margin-bottom:4px}.badge{font-size:14px;color:#5c5245}
footer{background:#1c1815;color:#a89880;padding:36px 5%;font-size:13.5px;margin-top:50px}
footer a{color:#d9d0c3}
.crumb{font-size:13px;color:#98876e;margin-bottom:14px}.crumb a{color:#98876e}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.pd img{width:100%;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.pd h1{font-size:26px;margin-bottom:8px}
.pd .price{font-size:30px;font-weight:800;color:var(--teal);margin:12px 0 4px}.pd .price small{font-size:14px;color:#7a6f60;font-weight:500}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:18px 0;font-size:14px}
.meta div b{display:block;font-size:11px;color:#98876e;letter-spacing:.5px}
.wa-big{display:block;text-align:center;background:var(--wa);color:#fff;text-decoration:none;padding:15px;border-radius:10px;font-weight:800;font-size:16px;margin:14px 0 8px}
.note{font-size:12.5px;color:#8a7c66}
.seo{font-size:14.5px;color:#5c5245;max-width:900px}.seo h2,.seo h3{margin:18px 0 8px;font-size:19px}
@media(max-width:760px){.pd{grid-template-columns:1fr}}