.shop-brands {scroll-margin-top:5.5rem; box-sizing:border-box; margin:0; padding:25px 28px 29px}
.shop-brands-head {display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px}
.shop-brands-head h2 {margin:0; color:var(--heading); font-size:clamp(26px,3vw,36px); line-height:1.15; letter-spacing:-.045em}
.shop-brands-head form {display:flex; align-items:center; width:225px; max-width:100%; border:1px solid var(--mh-edge); border-radius:9px; background:linear-gradient(125deg,var(--mh-tone),var(--surface)); color:var(--heading)}
.shop-brands-head form:focus-within, .shop-brand-link:focus-visible {outline:2px solid var(--pink-ink); outline-offset:3px}
.shop-brands-head input[type=search] {flex:1; min-width:0; height:42px; padding:0 0 0 14px; border:0; outline:none; background:none; color:inherit; font:inherit; font-size:14px}
.shop-brands-head input::placeholder {color:var(--muted); opacity:1}
.shop-brands-head button {display:grid; place-items:center; width:42px; height:42px; border:0; border-radius:8px; background:none; color:var(--pink-ink); cursor:pointer}
.shop-brands-head svg {width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round}
.shop-brand-grid {list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; padding:0; margin:0}
.shop-brand-link {display:block; color:var(--heading); text-decoration:none; border-radius:9px}
.shop-brand-plate {
    --tile-top:#c8a3ba;
    --tile-mid:#b894ac;
    --tile-edge:#9b778f;
    position:relative;
    isolation:isolate;
    display:block;
    height:94px;
    overflow:hidden;
    border:1px solid #9e7d93;
    border-radius:10px;
    background:linear-gradient(115deg,var(--tile-top) -12%,var(--tile-mid) 55%,var(--tile-edge) 120%);
    box-shadow:inset 0 1px 0 #ffe0f02b,0 2px 4px #10091030;
}
.shop-brand-plate::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:repeating-linear-gradient(116deg,transparent 0 17px,#ffdfef15 17px 18px);
    mask-image:linear-gradient(90deg,transparent 38%,#000);
}
.shop-brand-link:is([data-brand=torras],[data-brand=chartprime]) .shop-brand-plate {
    --tile-top:#52384a;
    --tile-mid:#382a38;
    --tile-edge:#2c222e;
    border-color:#685064;
}
.shop-brand-mark {
    position:absolute;
    inset:0;
    display:block;
    box-sizing:border-box;
    min-width:0;
    min-height:0;
    padding:10px 12px;
    color:#30242d;
}
.shop-brand-mark img {display:block; width:100%; height:100%; min-height:0; max-width:100%; object-fit:contain}
.shop-brand-link:is([data-brand=torras],[data-brand=chartprime]) .shop-brand-mark {color:#fff0f7}
.shop-brand-caption {display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 6px; margin-top:9px; font-size:14px; line-height:1.4}
.shop-brand-caption small, .shop-brand-count {font-size:12px; color:var(--muted)}
.shop-brand-count::before {content:"·"; margin-right:5px}
.shop-brand-link:hover .shop-brand-plate, .shop-brand-link:focus-visible .shop-brand-plate {border-color:var(--pink-ink)}
.shop-brand-link:hover strong {text-decoration:underline}
:root[data-theme=light] .shop-brand-link:not([data-brand=torras],[data-brand=chartprime]) .shop-brand-plate {--tile-top:#e6cddb; --tile-mid:#d3b5ca; --tile-edge:#c4a1b8}
@media(max-width:1050px) {.shop-brand-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
.shop-brand-mark b {height:100%;display:grid;place-items:center;text-align:center}
@media(max-width:600px) {.shop-brands {padding:16px}.shop-brand-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px}.shop-brands-head {flex-wrap:wrap; gap:10px}.shop-brands-head form {width:100%}.shop-brand-plate {height:80px}.shop-brand-mark {padding:9px 10px}.shop-brand-caption {margin-top:5px}}