body[data-page=brands] .alpha-rail{display:flex;align-items:center;gap:6px;padding:0 0 10px;overflow-x:auto;scrollbar-width:none}body[data-page=brands] .alpha-rail::-webkit-scrollbar{display:none}body[data-page=brands] .alpha-rail a{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface-sunk);font:700 11.5px/1 var(--font-ui);color:var(--body)}body[data-page=brands] .alpha-rail a:hover{background:var(--accent-tint);color:var(--accent-dark)}body[data-page=brands] .alpha-rail a.is-dead{opacity:.38;pointer-events:none;cursor:default}body[data-page=brands] .alpha-rail a.is-dead:hover{background:var(--surface-sunk);color:var(--body)}body[data-page=brands] .country-sub{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 0 10px}body[data-page=brands] .country-sub[hidden]{display:none}body[data-page=brands] .brands-no-js-notice{margin:0 0 14px;padding:11px 14px;background:var(--surface-sunk);border:1.5px solid var(--line);border-radius:11px;font:500 13px/1.5 var(--font-ui);color:var(--ink-muted)}body[data-page=brands] .brands-no-js-notice a{color:var(--accent-dark)}body[data-page=brands] .brand-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(168px, 1fr));gap:11px}body[data-page=brands] .brand-card{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}body[data-page=brands] .brand-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}body[data-page=brands] .brand-card.in-tray{border-color:var(--accent)}body[data-page=brands] .brand-card .cardlink{display:flex;flex-direction:column;flex:1;color:var(--ink)}body[data-page=brands] .brand-card .cardlink:hover{color:var(--ink)}body[data-page=brands] .brand-card .shot{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:var(--surface-sunk)}body[data-page=brands] .brand-card img.shot{box-sizing:border-box;padding:16px}body[data-page=brands] .brand-card .shot.shot--neutral,body[data-page=brands] .feat-card .shot.shot--neutral{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(145deg, var(--surface-sunk), var(--card));color:var(--faint)}body[data-page=brands] .brand-card .shot--neutral .shot-monogram,body[data-page=brands] .feat-card .shot--neutral .shot-monogram{display:grid;width:58px;height:58px;padding:0;border:1px solid var(--line);border-radius:50%;place-items:center;background:var(--card);color:var(--ink);font:750 19px/1 var(--font-ui);letter-spacing:.08em}body[data-page=brands] .brand-card .shot--neutral .shot-fallback-label,body[data-page=brands] .feat-card .shot--neutral .shot-fallback-label{padding:0 12px;text-align:center;font:600 10px/1.3 var(--font-ui);letter-spacing:.04em;text-transform:uppercase}body[data-page=brands] .brand-card .cardtop{display:flex;flex-direction:column;flex:1;padding:12px 13px 0;color:var(--ink)}body[data-page=brands] .brand-card .logo{height:38px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:11px}body[data-page=brands] .brand-card .logo img{max-height:38px;max-width:120px;object-fit:contain}body[data-page=brands] .brand-card .brand-name-fallback{font:700 15px/1.15 var(--font-ui);color:var(--ink)}body[data-page=brands] .brand-card .name{font:700 15.5px/1.2 var(--font-ui);margin-bottom:7px}body[data-page=brands] .brand-card .origin{display:flex;align-items:center;gap:6px;margin-bottom:9px;font:500 12px/1 var(--font-ui);color:var(--muted)}body[data-page=brands] .brand-card .price{display:flex;align-items:center;gap:8px;margin-bottom:10px}body[data-page=brands] .brand-card .price span{font:600 11.5px/1 var(--font-ui);color:var(--brass-dark)}body[data-page=brands] .brand-card .specs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}body[data-page=brands] .brand-card .specs span{padding:3px 7px;background:var(--surface-sunk);border-radius:5px;font:500 10.5px/1.35 var(--font-ui);color:var(--muted)}body[data-page=brands] .brand-card .foot{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid var(--line-2)}body[data-page=brands] .brand-card .foot .models{flex:1;font:500 11.5px/1 var(--font-ui);color:var(--faint)}body[data-page=brands] .brand-card .addbtn{flex:0 0 auto;min-height:30px;padding:0 10px;border-radius:8px;border:1.5px solid var(--line-strong);background:var(--card);color:var(--body);font:700 11.5px/1 var(--font-ui);cursor:pointer;transition:all .12s ease}body[data-page=brands] .brand-card .addbtn:hover{border-color:var(--accent)}body[data-page=brands] .brand-card .addbtn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-dark)}body[data-page=brands] .feat-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:11px;padding:2px 16px 12px;margin:0 -16px;scrollbar-width:none}body[data-page=brands] .feat-row::-webkit-scrollbar{display:none}body[data-page=brands] .feat-card{flex:0 0 172px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}body[data-page=brands] .feat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card);color:var(--ink)}body[data-page=brands] .feat-card .shot{width:100%;aspect-ratio:16/10;object-fit:contain;display:block;background:var(--surface-sunk)}body[data-page=brands] .feat-card img.shot{box-sizing:border-box;padding:14px}body[data-page=brands] .feat-card .pad{display:block;padding:10px 12px 12px}body[data-page=brands] .feat-card .pad b{display:block;font:700 14px/1.2 var(--font-ui);margin-bottom:6px}body[data-page=brands] .feat-card .pad .row{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;margin-left:0;margin-right:0}body[data-page=brands] .feat-card .pad .row span{font:600 11px/1 var(--font-ui);color:var(--brass-dark)}@media(min-width: 900px){body[data-page=brands] .feat-card{flex-basis:196px}}body[data-page=brands] .compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:66;background:var(--ink);border-top:1px solid var(--graphite-3);padding:10px 14px calc(12px + env(safe-area-inset-bottom));transform:translateY(calc(100% + 84px));transition:transform .22s cubic-bezier(0.32, 0.72, 0, 1);box-shadow:0 -14px 34px -14px rgba(21,24,28,.5)}body[data-page=brands] .compare-tray.is-open{transform:none}@media(max-width: 899px){body[data-page=brands] .compare-tray{bottom:64px}}body[data-page=brands] .compare-tray .row{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:11px;flex-wrap:wrap}body[data-page=brands] .compare-tray .lbl{margin:0;flex:0 0 auto;font:700 10.5px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#9aa4b2}body[data-page=brands] .tray-items{flex:1 1 150px;display:flex;gap:6px;overflow-x:auto;min-width:0;scrollbar-width:none}body[data-page=brands] .tray-items::-webkit-scrollbar{display:none}body[data-page=brands] .tray-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--graphite-2);border-radius:8px}body[data-page=brands] .tray-chip b{font:600 12px/1 var(--font-ui);color:#e8ebf0}body[data-page=brands] .tray-chip button{width:17px;height:17px;border:none;border-radius:50%;background:#3a424c;color:#c9ced6;font:600 11px/1 var(--font-ui);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}body[data-page=brands] .tray-slots{flex-shrink:0;display:inline-flex;align-items:center;padding:6px 10px;border:1.5px dashed #3a424c;border-radius:8px;font:500 11.5px/1 var(--font-ui);color:#7a838f}body[data-page=brands] .compare-tray .go{flex:0 0 auto;display:inline-flex;align-items:center;min-height:42px;padding:0 17px;background:var(--accent);border:none;border-radius:10px;font:700 13.5px/1 var(--font-ui);color:#fff;cursor:pointer}body[data-page=brands] .compare-tray .go:hover{background:var(--accent-dark)}body[data-page=brands] .compare-tray .go:disabled{background:#3a424c;color:#7a838f;cursor:default}body[data-page=brands] .compare-tray .go--ghost{background:rgba(0,0,0,0);border:1.5px solid #3a424c;color:#c7cfda}body[data-page=brands] .compare-tray .go--ghost:hover{background:var(--graphite-2);color:#e8ebf0}body[data-page=brands] .compare-tray .go--ghost:disabled{background:rgba(0,0,0,0);color:#5d6672;border-color:#2c333c}body[data-page=brands] .cmp-overlay{position:fixed;inset:0;z-index:75;background:var(--bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s cubic-bezier(0.32, 0.72, 0, 1);visibility:hidden}body[data-page=brands] .cmp-overlay.is-open{transform:none;visibility:visible}body[data-page=brands] .cmp-overlay .overlay-top{position:sticky;top:0;background:hsla(0,0%,100%,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:12px}body[data-page=brands] .cmp-overlay .overlay-title{margin:0;flex:1;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-0.02em;color:var(--ink)}body[data-page=brands] .cmp-overlay .scroll{flex:1;overflow-y:auto;padding:16px}:root[dark] body[data-page=brands] .cmp-overlay .overlay-top{background:rgba(29,33,40,.94)}html:not(.js) body[data-page=brands] .js-only{display:none}/*# sourceMappingURL=brands-directory.css.map */