.digi-page [hidden]{display:none!important}
.catalog-hero{padding-bottom:3rem;gap:3rem;background:radial-gradient(ellipse at 10% 5%,#122739 0,transparent 68%)}
.catalog-hero h1{font-size:clamp(3rem,5.4vw,5.7rem)}
.catalog-hero h1 span{font-size:1em;color:#a9b6c0}
.catalog-hero .catalog-intro{max-width:35rem}
.catalog-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-self:stretch;align-content:center}
.catalog-mosaic a{border:1px solid #37414a;border-radius:10px;overflow:hidden;text-decoration:none;background:#fff;display:flex;flex-direction:column}
.catalog-mosaic a:hover{border-color:#8bd0ff}
.catalog-mosaic img{display:block;width:100%;aspect-ratio:1.45;object-fit:contain;background:#fff;border-radius:0;padding:.7rem}
.catalog-mosaic span{display:block;background:#121820;color:#fff;font-size:.85rem;letter-spacing:.08em;font-weight:700;padding:.75rem .9rem}
.catalog-help{margin:0;padding:1.1rem 6vw;background:#111820;border-block:1px solid #303b44;color:#b8c7d2;font-size:.95rem}
.catalog-help strong{color:#fff}
.catalog-toolbar{padding:1.3rem;border:1px solid #35414b;border-radius:10px;background:#11171c;display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:end;gap:1rem;margin:2rem 0 1rem}
.catalog-toolbar label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#c4d0d9}
.catalog-toolbar select,.catalog-toolbar input{min-width:0;width:100%;height:3rem;padding:.6rem .8rem;border:1px solid #52616e;border-radius:5px;background:#080d12;color:#fff;font:inherit;font-size:1rem}
.catalog-toolbar input:focus,.catalog-toolbar select:focus{outline:2px solid #8bd0ff;outline-offset:2px}
.catalog-toolbar button{min-height:3rem;border:1px solid #52616e;border-radius:5px;background:transparent;color:#fff;font:inherit;padding:.6rem 1rem;cursor:pointer}
.catalog-count{margin:.8rem 0 2.5rem;color:#a6b7c4;font-size:.875rem}
.battery-brand{margin-top:3rem;padding-top:2rem;border-top:1px solid #36414a;scroll-margin-top:2rem}
.brand-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.8rem}
.brand-heading h3{font-size:clamp(2rem,3vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 .7rem}
.brand-heading p{color:#b7c1c8;max-width:42rem;margin:0}
.brand-heading .brand-count{white-space:nowrap;color:#8bd0ff;font-size:.875rem;font-weight:600}
.battery-card .digi-model{min-height:1.3rem}
.battery-card .digi-photo{position:relative}
.battery-card .digi-description{min-height:3.2rem}
.battery-card .system-label{font-size:.8rem;color:#91a8bb;margin:.75rem 0 0}
.catalog-tag{display:inline-block;color:#bfcfe0;border:1px solid #445569;padding:.25rem .55rem;border-radius:4px;font-size:.75rem;margin-bottom:.8rem}
.photo-placeholder{display:flex;min-height:220px;aspect-ratio:4/3;align-items:center;justify-content:center;padding:1.5rem;text-align:center;background:#19222b;color:#bfcad3;font-size:.95rem}
.battery-card .photo-caption{font-size:.75rem;color:#4d5358;background:#fff;padding:.35rem .8rem;text-align:center;margin:0}
.brand-note{color:#aab9c5;font-size:.875rem;margin-top:1.7rem;max-width:76rem;line-height:1.8}
.brand-note a{color:#89c9f5;text-decoration:underline}
.catalog-empty{padding:2rem;border:1px solid #445462;border-radius:10px;color:#d7e3ee}
#selected-battery-note{color:#90cef9;margin:0;font-size:.875rem;min-height:1.4em}
@media(min-width:1600px){.catalog-help{padding-inline:max(6vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar button{align-self:end}.brand-heading{align-items:start}.catalog-mosaic{gap:.6rem}.catalog-mosaic span{font-size:.75rem}}
@media(max-width:680px){.catalog-hero h1{font-size:clamp(2.6rem,10vw,3.7rem)}.catalog-hero{gap:2rem}.catalog-help{padding:1rem 5vw}.catalog-toolbar{padding:1rem;gap:.8rem}.catalog-toolbar label:nth-child(3){grid-column:1/-1}.catalog-toolbar button{grid-column:1/-1}.brand-heading{display:block}.brand-heading .brand-count{margin-top:.9rem}.battery-brand{margin-top:2rem}.battery-card .digi-description{min-height:0}.catalog-mosaic img{aspect-ratio:1.4}.catalog-mosaic span{font-size:.8rem}.catalog-count{margin-bottom:1.5rem}}
.battery-variant-label{display:flex;flex-direction:column;gap:.4rem;color:#b9cbd9;font-size:.875rem;margin-bottom:1rem}.battery-variant{width:100%;min-height:2.8rem;font:inherit;font-size:1rem;padding:.55rem .75rem;border:1px solid #536473;border-radius:5px;background:#080d12;color:#fff}.battery-variant:focus{outline:2px solid #8bd0ff;outline-offset:2px}