/* ⟦ otpv — vetrina concessionari ADM ⟧ */
.otpv-wrap{container-type:inline-size;margin:6px 0 26px;padding:20px;border-radius:10px;background:#F6F7F4;color:#16191B;font-family:'Lato','Segoe UI',Arial,sans-serif}
.ot-hero-card .otpv-wrap{margin:0;background:#fff}
.otpv-top h2{display:block;margin:0 0 4px;font:700 22px/1.25 'Roboto',Arial,sans-serif;color:#16191B}
.otpv-top p{margin:0 0 14px;font:400 14.5px/1.45 'Lato',Arial,sans-serif;color:#545C57}
.otpv-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.otpv-ic{width:15px;height:15px;flex:none;vertical-align:-2px}
/* ⟦ filtri ⟧ */
.otpv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 12px;font:700 14px/1.2 'Roboto',Arial,sans-serif}
.otpv-filters>span{display:inline-flex;align-items:center;gap:6px;color:#545C57}
.otpv-filters label{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#16191B}
.otpv-filters label::before{content:"";width:18px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 2px #16191B;background:#fff}
.otpv-cb-nd:checked~.otpv-filters .otpv-l-nd::before,.otpv-cb-fs:checked~.otpv-filters .otpv-l-fs::before,.otpv-cb-w:checked~.otpv-filters .otpv-l-w::before{background:#0A7D4B;box-shadow:inset 0 0 0 2px #0A7D4B,inset 0 0 0 5px #fff}
.otpv-cb:focus-visible~.otpv-filters label{outline:2px solid #0A7D4B;outline-offset:2px}
/* ⟦ righe ⟧ */
.otpv-list{margin:0;padding:0;list-style:none;counter-reset:none}
.otpv-list>li{display:grid;grid-template-columns:32px 120px minmax(0,1fr) 156px;grid-template-areas:"num logo id act" "num logo offer act" ". tc tc tc";align-items:center;column-gap:16px;row-gap:4px;margin:0 0 10px;padding:12px 16px 8px;border-radius:8px;background:#fff;box-shadow:0 1px 0 #DFE3DD,0 0 0 1px #E8EBE6}
.otpv-list>li.otpv-first{box-shadow:0 0 0 2px #E2AE36}
.otpv-list>li.otpv-hid{display:none}
.otpv-more:checked~.otpv-list>li.otpv-hid{display:grid}
.otpv-more:checked~.otpv-morebtn{display:none}
.otpv-cb-nd:checked~.otpv-list>li:not(.otpv-nd),.otpv-cb-fs:checked~.otpv-list>li:not(.otpv-fs),.otpv-cb-w:checked~.otpv-list>li:not(.otpv-w){display:none}
.otpv-num{grid-area:num;align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#16191B;color:#fff;font:900 16px/1 'Roboto',Arial,sans-serif}
.otpv-first .otpv-num{background:#E2AE36;color:#0E1311}
.otpv-logo{grid-area:logo;display:grid;place-items:center;height:64px;padding:7px;border-radius:8px;align-self:center}
.otpv-t-paper{background:#fff;box-shadow:inset 0 0 0 1px #E1E5DF}
.otpv-t-carbon{background:#0E1311}
.otpv-img{max-width:108px;max-height:50px;width:auto;height:auto;object-fit:contain}
.otpv-id{grid-area:id;min-width:0}
.otpv-name{display:block;font:700 17px/1.2 'Roboto',Arial,sans-serif}
.otpv-lic{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px;font:500 12.5px/1.3 'Roboto',Arial,sans-serif;color:#545C57}
.otpv-lic .otpv-ic{color:#0A7D4B}
.otpv-rev{display:inline-block;margin-top:2px;font:700 13px/1.3 'Roboto',Arial,sans-serif;color:#0A6B43!important}
.otpv-offer{grid-area:offer;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.otpv-offer .otpv-head{flex:1 1 100%}
.otpv-kick{display:flex;align-items:center;gap:5px;font:700 11px/1.2 'Roboto',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0A7D4B}
.otpv-head{margin:1px 0 3px;font:700 15px/1.3 'Roboto',Arial,sans-serif;color:#16191B}
.otpv-facts{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;font:500 12.5px/1.3 'Roboto',Arial,sans-serif;color:#16191B}
.otpv-facts span{color:#6A726D}
.otpv-act{grid-area:act}
.otpv-go{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 12px;border-radius:5px;background:#0A7D4B;color:#fff!important;font:700 15px/1 'Roboto',Arial,sans-serif;text-decoration:none;text-align:center}
.otpv-go:hover{background:#086339}
.otpv-tc{grid-area:tc;display:flex;align-items:center;gap:6px;margin:4px 0 0;padding-top:6px;border-top:1px solid #EEF0EC;font:400 12px/1.35 'Lato',Arial,sans-serif;color:#545C57}
.otpv-morebtn{display:flex;align-items:center;justify-content:center;min-height:46px;margin:4px 0 0;border-top:2px solid #16191B;cursor:pointer;font:700 15px/1 'Roboto',Arial,sans-serif;color:#16191B}
.otpv-morebtn::after{content:"";width:8px;height:8px;margin:0 0 3px 10px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg)}
.otpv-disc{margin:12px 0 0;font:400 12.5px/1.45 'Lato',Arial,sans-serif;color:#545C57}
@container (max-width:640px){
 .otpv-list>li{grid-template-columns:30px 100px minmax(0,1fr);grid-template-areas:"num logo id" "offer offer offer" "act act act" "tc tc tc";column-gap:12px;row-gap:8px;padding:12px 12px 8px}
 .otpv-logo{height:56px}
 .otpv-img{max-width:86px;max-height:40px}
 .otpv-kick{display:none}
}
@container (max-width:400px){
 .otpv-list>li{grid-template-columns:30px 92px minmax(0,1fr);column-gap:10px}
 .otpv-logo{height:56px;padding:6px}
 .otpv-img{max-width:78px;max-height:40px}
 .otpv-name{font-size:16px}
}
@media (max-width:560px){.otpv-wrap{padding:14px 12px}.otpv-top h2{font-size:19px}}
@container (max-width:420px){
 .otpv-list>li{row-gap:6px;padding:10px 10px 6px}
 .otpv-head{font-size:14.5px}
 .otpv-facts{font-size:12px;gap:2px 10px}
 .otpv-tc{font-size:11px;padding-top:4px;margin-top:0}
 .otpv-go{min-height:44px}
}
@container (max-width:420px){
 .otpv-list>li{grid-template-columns:28px 76px minmax(0,1fr);column-gap:10px}
 .otpv-num{width:28px;height:28px;font-size:14px}
 .otpv-logo{height:50px;padding:5px}
 .otpv-img{max-width:64px;max-height:36px}
 .otpv-name{font-size:15.5px}
 .otpv-lic{font-size:11.5px;gap:3px;margin-top:1px}
 .otpv-rev{font-size:12px;margin-top:1px}
 .otpv-offer{row-gap:0}
 .otpv-head{margin:0 0 2px;line-height:1.28}
 .otpv-facts{line-height:1.25}
}