.brand-wheel{margin-top:18px;margin-bottom:18px;padding:20px 18px 14px;background:#fff;border:1px solid #e7ede3;border-radius:16px}
.brand-wheel-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px 5px;gap:15px}
.brand-wheel h2{margin:0;color:#285e48;font-family:'Kroko Display',Arial,sans-serif;font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.3px}
.brand-wheel-pause{display:grid;place-items:center;border:1px solid #e0e9dc;background:#f7faf2;color:#477350;border-radius:50%;width:28px;height:28px;font-size:11px}
.brand-wheel-pause:disabled{opacity:.4;cursor:default}
.brand-wheel-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:10px}
.brand-wheel-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a5c29b;background:white;color:#2b6447;border-radius:50%;padding:0;transition:background .2s}
.brand-wheel-arrow svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-wheel-arrow:hover,.brand-wheel-pause:hover{background:#eaf4d8}
.brand-wheel :is(button,a,[tabindex]):focus-visible{outline:3px solid #699c43;outline-offset:3px}
.brand-wheel-track{--brands-visible:6;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;list-style:none;gap:0;margin:0;padding:0;min-width:0}
.brand-wheel-track::-webkit-scrollbar{display:none}
.brand-wheel-item{flex:0 0 calc(100% / var(--brands-visible));scroll-snap-align:start;display:flex;align-items:center;justify-content:center;min-width:0;min-height:90px;padding:12px 15px}
.brand-wheel-item>a,.brand-wheel-logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px;text-decoration:none;border-radius:8px}
.brand-wheel-item img{display:block;width:116px;max-width:100%;height:43px;object-fit:contain;opacity:1;user-select:none;-webkit-user-drag:none}
.brand-wheel-item[data-brand-name="Samsung"] img{height:24px;width:115px}
.brand-wheel-item[data-brand-name="LG"] img{width:99px;height:43px}
.brand-wheel-item[data-brand-name="Dyson"] img{width:99px;height:40px}
.brand-wheel-item[data-brand-name="Electrolux"] img{width:122px;height:29px}
.brand-wheel-item[data-brand-name="JURA"] img{width:95px;height:47px}
.brand-wheel-item[data-brand-name="LEGO"] img{width:57px;height:57px}
.brand-wheel-item[data-brand-name="Blaupunkt"] img{width:127px;height:30px}
.brand-wheel-item[data-brand-name="OSOM"] img{width:93px;height:40px}
.brand-wheel-status{margin:5px 0 0;text-align:center;color:#73816b;font:9px 'DM Sans',Arial,sans-serif;letter-spacing:.6px}
.filter-row button.active{background:#285e48;border-color:#285e48;color:#f3f9db}
@media(max-width:1000px){.brand-wheel-track{--brands-visible:5}.brand-wheel-item{padding:12px}.brand-wheel{padding:16px 12px 12px}}
@media(max-width:760px){.brand-wheel-track{--brands-visible:4}.brand-wheel-item{padding:12px 13px}.brand-wheel-row{gap:5px}}
@media(max-width:600px){.brand-wheel{padding:15px 8px 11px;margin-top:14px;margin-bottom:14px;border-radius:13px}.brand-wheel-header{padding:0 6px 5px}.brand-wheel h2{font-size:16px}.brand-wheel-track{--brands-visible:3}.brand-wheel-item{padding:10px 11px;min-height:78px}.brand-wheel-row{grid-template-columns:27px minmax(0,1fr) 27px;gap:1px}.brand-wheel-arrow{height:27px;width:27px}.brand-wheel-item img{max-height:38px}.brand-wheel-item[data-brand-name="LEGO"] img{height:46px;max-height:46px}.brand-wheel-pause{width:25px;height:25px}.brand-wheel-status{margin:2px 0 0;font-size:8px}}
@media(max-width:399px){.brand-wheel-track{--brands-visible:2}.brand-wheel-item{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.brand-wheel *{scroll-behavior:auto!important;transition:none!important}}