:root{--orange:#E2097E;--orange-d:#B8066A;--blue:#00A3DC;--blue-d:#0084B5;--black:#1A1A1A}
.header{border-bottom-color:#E2097E}.topbar{background:#1A1A1A}.topbar strong{color:#E2097E}
.btn-shop{background:#E2097E;border-color:#E2097E}.btn-shop:hover{background:#B8066A;border-color:#B8066A}
.btn-quote{background:#00A3DC;border-color:#00A3DC}.btn-quote:hover{background:#0084B5;border-color:#0084B5}
.footer{background:#1A1A1A}
.shop-hero{background:linear-gradient(120deg,#1A1A1A 0%,#0084B5 55%,#00A3DC 100%);color:#fff;padding:56px 0 48px}
.shop-hero h1{color:#fff}.shop-hero .lead{color:rgba(255,255,255,.9);max-width:760px}.shop-hero .kicker{color:#E2097E;font-weight:700}
.shop-hero.small{padding:36px 0 28px}
.shop-hero.has-img{position:relative;overflow:hidden;padding:96px 0 84px}.shop-hero.has-img.small{padding:64px 0 52px}
.shop-hero .hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.shop-hero.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#1A1A1Af2 0%,#1A1A1Acc 45%,#1A1A1A55 100%);z-index:1}
.shop-hero.has-img .wrap{position:relative;z-index:2}
.prose h3{text-transform:none;letter-spacing:0}
.pill-list a.on{border-color:#E2097E}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.cat-grid a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);font-weight:600;background:#fff}
.cat-grid a:hover{border-color:#E2097E}
.card .ph{aspect-ratio:2/1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .ph img{max-height:100%;width:auto;object-fit:contain}
.prod-img{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}
.instock{color:var(--ok);font-weight:600}
.chat-head{background:#1A1A1A}.chat-brand img{height:42px;padding:4px 8px}
.msg.staff,.msg.bot{position:relative;margin-left:34px;border-color:#E2097E55}
.msg.staff::before,.msg.bot::before{content:"";position:absolute;left:-34px;bottom:0;width:26px;height:26px;border-radius:50%;background:#fff url(/img/favicon.png) center/22px no-repeat;border:1px solid var(--line)}
.chat-foot .credit{font-size:.75rem;opacity:.85}
/* layout polish */
.hero-strip{color:#fff}.hero-strip .wrap>div::before{color:#fff}
.section{padding:56px 0}
.prose{max-width:760px}.prose p,.prose li{line-height:1.75;color:#2b2f36}.prose h2{font-size:clamp(1.25rem,2.2vw,1.6rem);margin-top:1.6em;padding-top:.2em}
.prose h2:first-child{margin-top:0}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}.prose li::marker{color:#E2097E}
.prose a{color:#0084B5;text-decoration-thickness:1px;text-underline-offset:3px}
.two-col>aside{align-self:start;position:sticky;top:104px}
.sidebar-box{border-radius:14px}
.card{border-radius:14px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.card .ph{background:#f7f8fa;padding:12px}
.card .band{font-size:.85rem;line-height:1.3}
.faq{border-radius:10px}
table.data tr:nth-child(even) td{background:#fafbfc}.sidebar-box table.data td,.sidebar-box table.data tr:nth-child(even) td{background:transparent}
.how-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.how-steps li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:#3a3f47}
.how-steps li span{width:38px;height:38px;border-radius:50%;background:#E2097E;color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:6px}
.how-steps li strong{color:#1A1A1A;font-size:1rem}
.cat-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px}.cat-grid a::after{content:"\203A";color:#E2097E;font-size:1.3rem;line-height:1}
.price-box{border-radius:12px}
.shop-hero .lead{font-size:1.05rem}
.shop-hero h1{text-wrap:balance}
@media (max-width:760px){
 .section{padding:36px 0}
 .shop-hero.has-img{padding:56px 0 44px}.shop-hero.has-img.small{padding:40px 0 32px}.shop-hero .lead{font-size:.95rem}
 .shop-hero .cta-row .btn{flex:1 1 100%;text-align:center}
 .how-steps{grid-template-columns:1fr 1fr;gap:10px}.how-steps li{padding:14px 12px;font-size:.85rem}
 .cat-grid{grid-template-columns:1fr 1fr;gap:8px}.cat-grid a{padding:10px 12px;font-size:.85rem}
 .two-col>aside{position:static}
 .grid.g4,.grid.g2{grid-template-columns:1fr 1fr;gap:10px}.card .band{font-size:.72rem;padding:8px}.card .body{display:none}.card .meta{flex-direction:column;align-items:flex-start;gap:2px;font-size:.78rem;padding:8px 10px}
 .footer .cols>div:nth-child(2),.footer .cols>div:nth-child(3){display:none}
 .footer .cols{grid-template-columns:1fr 1fr}.footer .cols>div:first-child{grid-column:1/-1}
 .hero-strip .wrap{grid-template-columns:1fr 1fr;font-size:.75rem}
 .topbar .live{display:none}
}
.search-bar{display:flex;gap:8px;max-width:560px}.search-bar input{flex:1}
