.brand-hero{
  position:relative;overflow:hidden;
  border-radius:var(--r-xl);border:1px solid var(--line);
  background:
    radial-gradient(520px 260px at 82% 50%,rgba(229,9,20,.28),transparent 68%),
    linear-gradient(115deg,#170c14,#0c0718 62%);
  padding:26px 28px;
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.85fr);
  gap:22px;align-items:center;
}
.bh-logo{
  width:92px;height:92px;border-radius:var(--r-lg);flex-shrink:0;
  display:grid;place-items:center;font-size:38px;font-weight:800;
  border:1px solid var(--line);
}
.bh-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.bh-name h1{font-size:26px;font-weight:800;letter-spacing:-.03em;}
.bh-tick{width:19px;height:19px;color:#60a5fa;flex-shrink:0;}
.bh-sub{font-size:12.5px;color:var(--muted);margin-top:7px;}
.bh-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px;}
.bh-stat{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted-2);}
.bh-stat svg{width:12px;height:12px;color:var(--amber);}
.bh-stat b{color:var(--text);font-weight:700;}
.follow-btn{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  padding:9px 18px;border-radius:var(--r-sm);
  background:var(--surface);border:1px solid var(--line);
  font-size:12px;font-weight:600;
}
.follow-btn:hover{border-color:var(--purple);}
.follow-btn svg{width:13px;height:13px;}
.bh-art{
  height:120px;border-radius:var(--r);
  background:linear-gradient(150deg,#3f0c12,#7f1d1d 55%,#1a1020);
  border:1px solid rgba(229,9,20,.3);
  display:grid;place-items:center;
  font-size:12px;font-weight:800;letter-spacing:.14em;color:#fca5a5;text-align:center;padding:0 12px;
}

.ftabs{display:flex;gap:9px;flex-wrap:wrap;}
.ftab{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 15px;border-radius:20px;
  background:var(--surface);border:1px solid var(--line);
  font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;
}
.ftab:hover{color:#fff;border-color:var(--purple);}
.ftab.is-on{background:var(--grad-btn);color:#fff;border-color:transparent;}
.ftab em{
  font-style:normal;font-size:10px;font-weight:700;
  background:var(--surface-3);padding:2px 7px;border-radius:20px;color:#fff;
}
.ftab.is-on em{background:rgba(255,255,255,.22);}

.sellrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.sellcard{
  position:relative;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:15px;
  display:flex;align-items:center;gap:12px;transition:.2s;
}
.sellcard:hover{border-color:var(--purple);transform:translateY(-3px);}
.sell-rank{
  position:absolute;top:9px;left:9px;
  width:19px;height:19px;border-radius:6px;
  display:grid;place-items:center;font-size:10px;font-weight:800;color:#1a1005;
}
.rk1{background:linear-gradient(135deg,#f59e0b,#fbbf24);}
.rk2{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#0f172a;}
.rk3{background:linear-gradient(135deg,#b45309,#d97706);color:#fff;}
.rk4{background:var(--surface-3);color:#fff;}
.sell-av{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-left:14px;
  display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;
}
.sell-name{font-size:12.5px;font-weight:700;display:block;}
.sell-meta{display:flex;align-items:center;gap:10px;margin-top:5px;flex-wrap:wrap;}
.sell-rate{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;}
.sell-rate svg{width:11px;height:11px;color:var(--amber);}
.sell-sales{font-size:10.5px;color:var(--muted-2);}

.sell-pill{
  display:flex;align-items:center;gap:11px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:12px 15px;transition:.2s;
}
.sell-pill:hover{border-color:var(--purple);transform:translateY(-3px);}
.sell-pill .sell-av{margin-left:0;width:34px;height:34px;font-size:14px;}

.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.offer{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:14px;display:flex;gap:12px;transition:.2s;
}
.offer:hover{border-color:var(--purple);transform:translateY(-3px);}
.offer-logo{
  width:46px;height:46px;border-radius:11px;flex-shrink:0;
  display:grid;place-items:center;overflow:hidden;background:var(--surface-3);
}
.offer-body{flex:1;min-width:0;}
.offer-name{font-size:11.5px;font-weight:600;display:block;line-height:1.4;}
.offer-tag{
  display:inline-block;margin-top:5px;font-style:normal;
  font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;
}
.tag-best{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.3);}
.tag-hot{background:rgba(239,68,68,.14);color:#f87171;border:1px solid rgba(239,68,68,.3);}
.tag-top{background:rgba(139,92,246,.14);color:#c4b5fd;border:1px solid rgba(139,92,246,.3);}
.offer-price{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;}
.offer-price b{font-size:14px;font-weight:800;letter-spacing:-.02em;}
.offer-price del{font-size:10px;color:var(--muted-2);}
.offer-by{font-size:9.5px;color:var(--muted-2);display:block;margin-top:6px;}

.cat-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;}
.ctile{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:20px 10px;text-align:center;display:block;transition:.2s;
}
.ctile:hover{border-color:var(--purple);transform:translateY(-4px);}
.ctile-ico{
  width:46px;height:46px;border-radius:14px;margin:0 auto 12px;
  display:grid;place-items:center;color:#fff;
}
.ctile-ico svg{width:21px;height:21px;}
.ctile b{font-size:12.5px;font-weight:700;display:block;}
.ctile span{font-size:10px;color:var(--muted-2);display:block;margin-top:3px;}

.pop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;}
.pop{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;display:block;transition:.2s;
}
.pop:hover{border-color:var(--purple);transform:translateY(-4px);}
.pop-art{
  height:96px;display:grid;place-items:center;text-align:center;padding:0 10px;
  font-size:14px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.pop-body{padding:11px 12px 13px;text-align:center;}
.pop-name{font-size:11.5px;font-weight:600;display:block;}
.pop-sub{font-size:9.5px;color:var(--muted-2);display:block;margin-top:3px;}
.pop-count{font-size:9.5px;color:var(--muted-2);display:block;margin-top:5px;}

.cta-strip{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:16px 20px;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
}
.cta-item{display:flex;align-items:center;gap:11px;}
.cta-ico{
  width:34px;height:34px;border-radius:10px;flex-shrink:0;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);
  display:grid;place-items:center;color:var(--purple-3);
}
.cta-ico svg{width:15px;height:15px;}
.cta-item b{font-size:12px;font-weight:700;display:block;}
.cta-item span{font-size:10.5px;color:var(--muted-2);display:block;}
.cta-strip .btn{margin-left:auto;}

.search-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin-bottom:18px;
}
.search-head h1{font-size:22px;font-weight:800;letter-spacing:-.03em;}
.search-head p{font-size:12px;color:var(--muted-2);margin-top:5px;}

.search-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:32px;}

.filters{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:16px;
  position:sticky;top:120px;
}
.filters-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.filters-top b{font-size:13px;font-weight:700;}
.clear-all{font-size:11px;font-weight:600;color:var(--purple-3);}
.clear-all:hover{text-decoration:underline;}
.fgroup{border-top:1px solid var(--line-soft);padding:13px 0;}
.fgroup:first-of-type{border-top:none;padding-top:0;}
.fgroup-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;font-size:12px;font-weight:700;margin-bottom:10px;
}
.fgroup-head svg{width:12px;height:12px;color:var(--muted-2);}
.fopt{
  display:flex;align-items:center;gap:9px;width:100%;
  padding:6px 0;font-size:11.5px;color:var(--muted);
}
.fopt:hover{color:#fff;}
.fopt .cbx{
  width:14px;height:14px;border-radius:4px;flex-shrink:0;
  border:1.5px solid var(--line);background:var(--bg-2);
  display:grid;place-items:center;color:transparent;
}
.fopt .cbx svg{width:9px;height:9px;}
.fopt.is-on .cbx{background:var(--grad-btn);border-color:transparent;color:#fff;}
.fopt.is-on{color:#fff;}
.fopt-label{flex:1;min-width:0;text-align:left;}
.fopt-count{font-size:10px;color:var(--muted-2);}
.range-row{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.range-row input{
  flex:1;min-width:0;padding:8px 11px;border-radius:var(--r-sm);
  background:var(--surface-2);border:1px solid var(--line);
  color:#fff;font-size:11.5px;outline:none;
}
.range-row input:focus{border-color:var(--purple);}
.more-filters{
  display:block;width:100%;text-align:center;margin-top:14px;
  padding:9px;border-radius:var(--r-sm);
  background:var(--surface-2);border:1px solid var(--line);
  font-size:11.5px;font-weight:600;color:var(--muted);
}
.more-filters:hover{color:#fff;border-color:var(--purple);}

.res-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;
}
.res-table{width:100%;border-collapse:collapse;min-width:820px;}
.res-table th{
  text-align:left;padding:13px 16px;
  font-size:11.5px;font-weight:700;color:var(--muted);
  border-bottom:1px solid var(--line);white-space:nowrap;
}
.res-table td{padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:12px;vertical-align:middle;}
.res-table tbody tr:last-child td{border-bottom:none;}
.res-table tbody tr:hover{background:var(--surface-2);}
.res-prod{display:flex;align-items:center;gap:11px;min-width:0;}
.res-logo{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:var(--surface-3);display:grid;place-items:center;overflow:hidden;
}
.res-name{font-size:12px;font-weight:600;display:block;}
.res-sub{font-size:10px;color:var(--muted-2);display:block;margin-top:2px;}
.res-seller{display:flex;align-items:center;gap:9px;min-width:0;}
.res-sav{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;
}
.res-sname{font-size:11.5px;font-weight:600;display:block;}
.seller-badge{font-size:9px;font-weight:700;display:block;margin-top:2px;}
.sb-top{color:#fbbf24;}
.sb-verified{color:#60a5fa;}
.sb-power{color:#c4b5fd;}
.sb-trusted{color:#4ade80;}
.sb-rising{color:#f9a8d4;}
.res-price{white-space:nowrap;}
.res-price b{font-size:13px;font-weight:800;}
.res-price del{font-size:10px;color:var(--muted-2);margin-left:5px;}
.res-off{
  font-style:normal;margin-left:5px;
  background:rgba(239,68,68,.16);color:#f87171;border:1px solid rgba(239,68,68,.3);
  font-size:9px;font-weight:700;padding:1px 5px;border-radius:5px;
}
.res-del{display:flex;align-items:center;gap:6px;font-size:11px;color:#4ade80;white-space:nowrap;}
.res-del svg{width:11px;height:11px;}
.res-del.slow{color:var(--muted);}
.res-rate{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;white-space:nowrap;}
.res-rate svg{width:11px;height:11px;color:var(--amber);}
.buy-sm{
  display:inline-block;padding:7px 16px;border-radius:var(--r-sm);
  background:var(--grad-btn);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;
}
.buy-sm:hover{transform:translateY(-1px);}

.mp-grid{display:grid;grid-template-columns:330px minmax(0,1fr) 320px;gap:18px;align-items:start;padding-bottom:32px;}
.mp-media{
  border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;
  background:linear-gradient(165deg,#1a0d10,#3f0c12 55%,#120b18);
  padding:28px 20px;text-align:center;
}
.mp-media-logo{
  width:96px;height:96px;margin:10px auto 22px;border-radius:22px;
  background:#141414;display:grid;place-items:center;
  font-size:46px;font-weight:800;color:#e50914;
}
.mp-media-name{font-size:16px;font-weight:800;letter-spacing:.02em;line-height:1.3;}
.mp-media-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px;}
.mp-mtag{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:20px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  font-size:10px;color:#e9dff5;
}
.mp-mtag svg{width:11px;height:11px;}

.mp-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.mp-title h1{font-size:20px;font-weight:800;letter-spacing:-.03em;}
.mp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px;}
.mp-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:7px;
  background:var(--surface-2);border:1px solid var(--line);
  font-size:10.5px;color:var(--muted);
}
.mp-chip svg{width:11px;height:11px;color:var(--purple-3);}
.mp-rate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px;font-size:11.5px;color:var(--muted-2);}
.mp-rate .sc{display:flex;align-items:center;gap:5px;}
.mp-rate svg{width:12px;height:12px;color:var(--amber);}
.mp-rate b{color:var(--text);font-weight:700;}
.mp-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;}
.mp-price b{font-size:26px;font-weight:800;letter-spacing:-.035em;}
.mp-price del{font-size:13px;color:var(--muted-2);}

.feat4{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px;}
.feat4 .f4{display:flex;gap:9px;}
.feat4 svg{width:14px;height:14px;color:#4ade80;flex-shrink:0;margin-top:2px;}
.feat4 b{font-size:11.5px;font-weight:700;display:block;}
.feat4 span{font-size:10px;color:var(--muted-2);display:block;margin-top:2px;}

.mp-desc{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px;}
.mp-kv{display:flex;flex-direction:column;gap:7px;margin-top:14px;}
.mp-kv div{display:flex;gap:10px;font-size:11.5px;}
.mp-kv span{color:var(--muted-2);min-width:100px;}
.mp-kv b{font-weight:600;}

.buyfrom-head{font-size:13px;font-weight:700;margin-bottom:13px;}
.bf-seller{
  display:flex;align-items:center;gap:11px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r);padding:12px;margin-bottom:16px;
}
.bf-price{font-size:14px;font-weight:800;margin-left:auto;white-space:nowrap;}
.qty-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.qty-box{
  display:flex;align-items:center;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r-sm);overflow:hidden;flex:1;
}
.qty-btn{width:36px;height:38px;display:grid;place-items:center;color:var(--muted);}
.qty-btn:hover{color:#fff;background:var(--surface-3);}
.qty-btn svg{width:13px;height:13px;}
.qty-box input{
  flex:1;min-width:0;text-align:center;
  background:none;border:none;outline:none;color:#fff;font-size:13px;font-weight:600;
}
.bf-actions{display:flex;gap:9px;margin-top:10px;}
.bf-actions .cart-btn{margin-top:0;flex:1;}
.wish-btn{
  width:44px;flex-shrink:0;border-radius:var(--r-sm);
  background:var(--surface-2);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted-2);
}
.wish-btn:hover{color:#f9a8d4;border-color:var(--purple);}
.wish-btn svg{width:16px;height:16px;}
.sellers-btn{
  display:block;width:100%;text-align:center;margin-top:10px;
  padding:11px;border-radius:var(--r-sm);
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);
  font-size:12.5px;font-weight:600;color:#c4b5fd;
}
.sellers-btn:hover{background:rgba(139,92,246,.22);color:#fff;}

.modal-back{
  position:fixed;inset:0;z-index:120;background:rgba(4,2,10,.75);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:.22s;
  display:grid;place-items:center;padding:22px;
}
.modal-back.show{opacity:1;visibility:visible;}
.modal{
  width:100%;max-width:1080px;max-height:88vh;
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r-xl);overflow:hidden;
  display:flex;flex-direction:column;
  transform:translateY(14px);transition:.22s;
}
.modal-back.show .modal{transform:translateY(0);}
.modal-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:20px 22px;border-bottom:1px solid var(--line-soft);
}
.modal-head h3{font-size:17px;font-weight:800;letter-spacing:-.02em;}
.modal-head p{font-size:11.5px;color:var(--muted-2);margin-top:4px;}
.modal-close{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:var(--surface);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted);
}
.modal-close:hover{color:#fff;border-color:var(--purple);}
.modal-close svg{width:15px;height:15px;}
.modal-body{
  flex:1;min-height:0;overflow-y:auto;padding:18px 22px 22px;
  display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start;
}
.modal-body::-webkit-scrollbar{width:7px;}

.why-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line-soft);}
.why-row:last-child{border-bottom:none;}
.why-ico{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);
  display:grid;place-items:center;color:var(--purple-3);
}
.why-ico svg{width:15px;height:15px;}
.why-row b{font-size:11.5px;font-weight:700;display:block;margin-bottom:3px;}
.why-row p{font-size:10.5px;color:var(--muted-2);line-height:1.55;}

.rate-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;}

@media (max-width:1300px){
  .mp-grid{grid-template-columns:280px minmax(0,1fr);}
  .mp-buy{grid-column:span 2;}
  .cat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));}
  .pop-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1100px){
  .brand-hero{grid-template-columns:auto minmax(0,1fr);}
  .bh-art{grid-column:span 2;height:96px;}
  .sellrow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .search-grid{grid-template-columns:1fr;}
  .filters{position:static;}
  .modal-body{grid-template-columns:1fr;}
  .rate-split{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .mp-grid{grid-template-columns:1fr;}
  .mp-buy{grid-column:span 1;}
  .cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}
  .pop-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .feat4{grid-template-columns:1fr;}
  .cta-strip{flex-direction:column;align-items:flex-start;}
  .cta-strip .btn{margin-left:0;width:100%;justify-content:center;}
}
@media (max-width:600px){
  .brand-hero{grid-template-columns:1fr;text-align:center;padding:22px 18px;}
  .bh-logo{margin:0 auto;}
  .bh-art{grid-column:span 1;}
  .bh-meta,.bh-name{justify-content:center;}
  .sellrow,.offer-grid{grid-template-columns:1fr;}
  .cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pop-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .modal{max-height:92vh;}
  .modal-head{padding:16px;}
  .modal-body{padding:14px 16px 18px;}
}

.bh-name h1{display:inline;}
.vcard-from b{font-weight:800;}
.offer-tag,.res-off,.seller-badge{font-style:normal;}
.p-check{list-style:none;margin:0;padding:0;}
.p-check li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin-bottom:9px;}
.p-check svg{width:13px;height:13px;color:#4ade80;flex-shrink:0;margin-top:2px;}
.off-tag{background:var(--red);color:#fff;font-style:normal;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;display:inline-block;}
.ftab em{font-style:normal;}