.od-card-view{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:8px;background:rgba(0,0,0,.2)}
.od-car{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.od-car img{flex:none;width:150px;height:210px;object-fit:contain;border-radius:6px;background:rgba(0,0,0,.3);cursor:zoom-in}
.od-nophoto{width:150px;height:210px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(0,0,0,.3);opacity:.6;font-size:13px}
.od-arr{flex:none;width:36px;height:56px;border:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0}
.od-arr:hover,.od-arr:active{background:rgba(255,255,255,.22)}
.od-pos{font-size:12px;font-weight:600;opacity:.75}
.od-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.od-info span{font-size:15px;font-weight:600}
.od-info small{opacity:.75;font-size:13px}
@media (min-width:768px){
.od-car img,.od-nophoto{width:170px;height:238px}
.od-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
}