/* Hub-urile configuratorului V3 (16 oct 2026, src/lib/tpl-hub-v3.ts): o coloana, stilul fisei (motorizare-v3.css
   da titlul, sectiunile, recenziile, chip-urile); aici doar unealta si listele. */
.hv3-page{padding-block:22px 48px}
.hv3-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 32px;align-items:start}
.hv3-silc{width:260px;margin-top:4px} .hv3-silc .mv3-sil{display:block;width:100%;aspect-ratio:16/9;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;opacity:.9}
.hv3-first{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 18px}
.hv3-h2{margin:0 0 4px;font-size:15px;font-weight:800;letter-spacing:-.01em}
/* cele 12 logo-uri: apasa si se selecteaza marca in cascada (ds.js, [data-brand-id]) */
.hv3-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.hv3-tile{display:grid;place-items:center;gap:6px;min-height:86px;padding:12px 8px 10px;border:1px solid var(--line);border-radius:var(--r-3);background:#15171b;color:#eef0f2;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.hv3-tiles .hv3-tile img{width:44px;height:44px;object-fit:contain;filter:none!important} .hv3-tile b{font-size:12px;font-weight:800;letter-spacing:.02em}
.hv3-tile:hover{border-color:var(--red);transform:translateY(-1px)} .hv3-tile:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.hv3-tile:focus,.hv3-tile:active{background:#15171b;color:#eef0f2}
/* cascada (selectorul din ds.js), fara card de sticla */
.hv3-sel{margin-top:12px} .hv3-sel .ds-selector{padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:8px}
.hv3-sel .ds-selector .ds-step{display:none} .hv3-sel .ds-selector>.ds-btn{grid-column:auto;min-width:0;min-height:44px}
/* cautarea directa, acceleratorul */
.hv3-acc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted)}
.hv3-srch{position:relative}
.hv3-srch input{width:100%;min-height:44px;padding:0 14px 0 42px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--panel);color:var(--ink);font:600 14px var(--font)}
.hv3-srch input::placeholder{color:var(--soft);font-weight:500} .hv3-srch input:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.hv3-srch>svg{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--soft);pointer-events:none}
.hv3-first>.hv3-srch input{min-height:50px;font-size:15px}
.hv3-srch-r{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:25;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-2);overflow:hidden}
.hv3-srch-r[hidden]{display:none}
.hv3-srch-r a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:0 12px;align-items:center;padding:9px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)} .hv3-srch-r a:last-child{border-bottom:0}
.hv3-srch-r a:hover,.hv3-srch-r a.on{background:var(--tint)}
.hv3-srch-r img{width:26px;height:26px;object-fit:contain} .hv3-srch-r .n{font-size:13.5px;font-weight:700} .hv3-srch-r .n small{display:block;font-size:11.5px;color:var(--soft);font-weight:600}
.hv3-srch-r em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--red-ink);white-space:nowrap;text-align:right} .hv3-srch-r em small{display:block;color:var(--muted);font-weight:600}
.hv3-srch-r .k{padding:8px 14px;font-size:11px;font-weight:700;color:var(--soft);background:var(--tint)}
/* randuri: modele, motorizari, configurate recent */
.hv3-led{display:grid;margin-top:12px;font-variant-numeric:tabular-nums} .hv3-led a,.hv3-led .hd{display:grid;gap:4px 16px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.hv3-led .hd{padding:6px 0;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.hv3-led a:hover .nm b{color:var(--red-ink)}
.hv3-led img,.hv3-led>a>i{width:28px;height:28px;object-fit:contain} .hv3-led .nm b{display:block;font-size:14px;font-weight:800} .hv3-led .nm small{display:block;font-size:12px;color:var(--soft)}
.hv3-led .c{font-size:12.5px;color:var(--muted)} .hv3-led .g{font-size:13px;font-weight:800;color:var(--red-ink);white-space:nowrap} .hv3-led .g.off{color:var(--soft);font-weight:600}
.hv3-led .p{font-size:13.5px;font-weight:800;white-space:nowrap;text-align:right} .hv3-led .p small{display:block;font-size:11px;font-weight:600;color:var(--soft)}
.hv3-led .s{font-size:13px;color:var(--muted);white-space:nowrap} .hv3-led .s b{color:var(--ink);font-size:15px;font-weight:900} .hv3-led .s i{font-style:normal;color:var(--line-2);margin:0 6px}
.hv3-led .a{font-size:12.5px;font-weight:800;color:var(--red-ink);white-space:nowrap;text-align:right}
.hv3-led a.off .s,.hv3-led a.off .g{color:var(--soft);font-weight:600} .hv3-led a.off .nm b{color:var(--muted)}
.hv3-led--rec a,.hv3-led--rec .hd{grid-template-columns:30px minmax(0,1fr) 110px 150px} .hv3-led--rec .s{text-align:right}
.hv3-led--mod a,.hv3-led--mod .hd{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 180px 130px} .hv3-led--mod .hd span:last-child{text-align:right}
.hv3-led--mot a,.hv3-led--mot .hd{grid-template-columns:minmax(0,1fr) 150px 150px 120px 90px} .hv3-led--mot .hd span:nth-child(4),.hv3-led--mot .p{text-align:right}
.hv3-led .grp{display:flex;align-items:center;gap:10px;margin-top:16px;padding-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)} .hv3-led .grp::after{content:"";flex:1;height:1px;background:var(--line)} .hv3-led .hd+.grp{margin-top:6px}
/* generatiile cu siluete, 4 pe rand */
.hv3-gens{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.hv3-gen{display:grid;gap:2px;align-content:start;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r-3);text-decoration:none;color:var(--ink);background:var(--panel)} .hv3-gen:hover{border-color:var(--red)}
.hv3-gen i{display:block;width:100%;aspect-ratio:16/8;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;opacity:.9;margin-bottom:6px} .hv3-gen i.none{background:var(--tint);-webkit-mask:none;mask:none;border-radius:var(--r-2);opacity:1}
.hv3-gen b{font-size:16px;font-weight:900;letter-spacing:-.01em} .hv3-gen .y{font-size:12px;color:var(--soft)} .hv3-gen .s{font-size:12.5px;color:var(--muted);margin-top:4px} .hv3-gen .s em{font-style:normal;color:var(--red-ink);font-weight:800} .hv3-gen .d{font-size:11.5px;color:var(--soft);margin-top:2px}
/* siglele albe sau argintii nu se vad pe fundal deschis: in hub-uri stau mereu pe pastila intunecata, fara filtrul
   de inversare din site-fixes.css */
.hv3-allb img,.hv3-led img,.hv3-srch-r img{background:#15171b;border-radius:6px;padding:3px;box-sizing:border-box;filter:none!important}
.hv3-led img{width:30px;height:30px} .hv3-allb img{width:24px;height:24px} .hv3-srch-r img{width:28px;height:28px}
/* toate marcile, lista compacta (linkuri in HTML) */
.hv3-allb{columns:4;column-gap:24px;margin-top:12px} .hv3-allb a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);break-inside:avoid}
.hv3-allb img,.hv3-allb>a>i{width:20px;height:20px;object-fit:contain} .hv3-allb b{font-size:13px;font-weight:700} .hv3-allb small{display:block;font-size:11px;color:var(--soft)} .hv3-allb em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red-ink);margin-left:6px}
.hv3-allb a:hover b{color:var(--red-ink)}
.hv3-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center} .hv3-ctas{display:flex;gap:8px;flex-wrap:wrap}
.mv3-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
@media (max-width:1024px){.hv3-tiles{gap:8px} .hv3-sel .ds-selector{grid-template-columns:1fr 1fr} .hv3-sel .ds-selector>.ds-btn{grid-column:1/-1} .hv3-allb{columns:3} .hv3-gens{grid-template-columns:repeat(3,1fr)}}
@media (max-width:899px){
  .hv3-page{padding-top:14px} .hv3-head{grid-template-columns:1fr} .hv3-silc{width:220px;margin-top:8px}
  .hv3-tiles{grid-template-columns:repeat(4,1fr)} .hv3-tile{min-height:76px;padding:10px 6px 8px} .hv3-tile img{width:38px;height:38px} .hv3-tile b{font-size:11px}
  .hv3-acc{grid-template-columns:1fr} .hv3-allb{columns:2} .hv3-gens{grid-template-columns:1fr 1fr}
  .hv3-led--rec a{grid-template-columns:30px minmax(0,1fr) auto} .hv3-led--rec .s{display:none} .hv3-led .hd{display:none}
  .hv3-led--mod a{grid-template-columns:minmax(0,1fr) auto} .hv3-led--mod .c{grid-column:1 / -1} .hv3-led--mod .p{text-align:right}
  .hv3-led--mot a{grid-template-columns:minmax(0,1fr) auto} .hv3-led--mot .s{grid-column:1} .hv3-led--mot .g{grid-column:2;grid-row:1;text-align:right} .hv3-led--mot .p{grid-column:2;grid-row:2} .hv3-led--mot .a{display:none}
  .hv3-cta{grid-template-columns:1fr}
}
@media (max-width:480px){.hv3-tiles{grid-template-columns:repeat(3,1fr)} .hv3-gens{grid-template-columns:1fr} .hv3-allb{columns:1} .hv3-sel .ds-selector{grid-template-columns:1fr}}