/* Vehicle Drawer */
body.schematy-vehicle-drawer-open{
  overflow:hidden;
}

#schematy-vehicle-drawer.svd{
  position:fixed;
  inset:0;
  z-index:99999;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}

#schematy-vehicle-drawer.svd.is-open{
  pointer-events:auto;
  opacity:1;
}

#schematy-vehicle-drawer .svd-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

#schematy-vehicle-drawer .svd-panel{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:380px;
  max-width:100%;
  background:#fff;
  transform:translateX(-100%);
  transition:transform .22s ease;
  display:flex;
  flex-direction:column;
}

#schematy-vehicle-drawer.svd.is-open .svd-panel{
  transform:translateX(0);
}

#schematy-vehicle-drawer .svd-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid rgba(0,0,0,.08);
  flex:0 0 auto;
}

#schematy-vehicle-drawer .svd-title{
  font-weight:600;
}

#schematy-vehicle-drawer .svd-close{
  border:0;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

#schematy-vehicle-drawer .svd-body{
  padding:14px;
  overflow:auto;
  flex:1 1 auto;
}

#schematy-vehicle-drawer .svd-grid-inner{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

#schematy-vehicle-drawer .svd-item{
  display:flex;
  flex-direction:column;
  gap:8px;
  text-decoration:none;
  color:inherit;
  padding:10px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
}

#schematy-vehicle-drawer .svd-item:hover{
  border-color:rgba(0,0,0,.18);
}

#schematy-vehicle-drawer .svd-thumb{
  width:100%;
  aspect-ratio: 4 / 3;
  border-radius:10px;
  overflow:hidden;
  background:#fff; /* requested */
  display:flex;
  align-items:center;
  justify-content:center;
}

#schematy-vehicle-drawer .svd-thumb img{
  width:100%;
  height:100%;
  object-fit:contain; /* requested */
}

#schematy-vehicle-drawer .svd-name{
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}

#schematy-vehicle-drawer .svd-loading,
#schematy-vehicle-drawer .svd-error,
#schematy-vehicle-drawer .svd-empty{
  font-size:13px;
  padding:10px 0;
  opacity:.75;
}

@media (max-width: 1024px){
  #schematy-vehicle-drawer .svd-panel{ width:100%; }
  #schematy-vehicle-drawer .svd-grid-inner{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width: 420px){
  #schematy-vehicle-drawer .svd-grid-inner{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}