:root{--ink:#16130c;--char:#1f1c14;--accent:#f2a900;--accent-d:#c98a00;--bg:#f6f5f2;--muted:#6b675c}
body{font-family:"Segoe UI",system-ui,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
.btn-accent{background:var(--accent);color:#16130c;font-weight:600;border:0}
.btn-accent:hover{background:var(--accent-d);color:#16130c}
.announce{background:var(--ink);color:#fff;font-size:.8rem;padding:.4rem 0}
.announce a{color:var(--accent)}
.site-header{background:#fff;border-bottom:1px solid #e6e3da;z-index:1030}
.brand img{height:auto;max-height:54px;width:auto}
.search{display:flex;order:3;flex:1 1 100%;min-width:0}
.hdr{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.hdr-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}
.hide-mobile{display:none}
.search .form-control{min-width:0}
html,body{overflow-x:hidden}
.offcanvas{max-width:85vw}
@media(min-width:768px){.hide-mobile{display:inline-block}.search{order:0;flex:1 1 0;max-width:560px}.hdr-actions{margin-left:0}}
.search .form-control{border-radius:8px 0 0 8px}
.search .btn{border-radius:0 8px 8px 0}
.badge-count{position:absolute;top:-6px;right:-10px;background:var(--accent);font-size:.65rem;border-radius:99px;padding:1px 6px;font-weight:700}
.catbar{background:var(--char);color:#fff;font-size:.9rem}
.catbar a{padding:.6rem 0}.catbar a:hover{color:var(--accent)}
.banner{position:relative;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:1.2rem 1.4rem}
.banner.dark{background:var(--char);color:#fff}
.banner.yellow{background:var(--accent);color:var(--ink)}
.banner.main{min-height:380px}
.banner-text{max-width:60%;z-index:1}
.banner h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.1}
.banner h2{font-size:1.3rem;font-weight:700}
.banner img{height:100%;max-height:340px;max-width:42%;object-fit:cover;border-radius:10px}
.banner:not(.main):not(.promo) img{max-height:130px;max-width:35%;object-fit:contain;background:#fff}
.banner.promo{min-height:170px}.banner.promo .banner-text{max-width:100%}
.tag{display:inline-block;background:var(--accent);color:var(--ink);font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:99px;margin-bottom:.6rem}
.finder{background:var(--char);color:#fff;border-radius:14px;padding:1.5rem;margin-top:1rem}
.finder h2{font-size:1.2rem;margin-bottom:1rem}
.finder button{width:100%;background:#2c281d;color:#fff;border:1px solid #403a29;border-radius:8px;padding:.8rem}
.finder button:hover,.finder button:focus-visible{background:var(--accent);color:var(--ink)}
.sec-title{font-size:1.5rem;font-weight:800;margin-bottom:1.2rem}
.cat{display:block;background:var(--bg);border-radius:12px;padding:1.2rem;height:100%;border:1px solid transparent}
.cat:hover{border-color:var(--accent)}
.cat i{font-size:1.6rem;color:var(--accent-d)}
.cat h3{font-size:1rem;margin:.5rem 0 0;font-weight:700}
.card-p{border:1px solid #e6e3da;border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column;background:#fff}
.card-p img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%}
.card-p .body{padding:.9rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card-p h3{font-size:.95rem;font-weight:700;margin:0}
.meta{font-size:.78rem;color:var(--muted)}
.price{font-weight:700}
.chip{background:var(--bg);border-radius:99px;padding:.4rem .9rem;font-size:.85rem;border:0}
.chip:hover{background:var(--accent)}
.deals{background:var(--char);padding:2.5rem 0}
.wholesale-cta{background:var(--char);color:#fff;border-radius:14px;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.tip{background:var(--bg);border-radius:12px;padding:1.2rem;height:100%}
.tip h3{font-size:1.05rem;font-weight:700}
.benefits i{font-size:1.8rem;color:var(--accent-d)}
.benefits h3{font-size:.95rem;margin-top:.4rem}
.site-footer{background:var(--ink);color:#d7d3c6}
.site-footer h3{font-size:1rem;color:#fff}
.site-footer .copy{border-top:1px solid #34301f;text-align:center;padding:1rem;font-size:.8rem}
@media(max-width:767px){.banner.main{min-height:300px}.banner-text{max-width:100%}.banner.main img{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.fbtn{display:block;text-align:center;background:#2c281d;color:#fff;border:1px solid #403a29;border-radius:8px;padding:.8rem}
.fbtn:hover,.fbtn:focus-visible{background:var(--accent);color:var(--ink)}
.chip{display:inline-block}
.card-p h3 a:hover{color:var(--accent-d)}
.pdp-img{width:100%;max-height:520px;object-fit:contain;border:1px solid #e6e3da;border-radius:12px;background:#fff}
.table th{width:40%;font-weight:600}