/* AVTOPRO99 homepage 3D block: align every control with the site's strict red/black UI. */
#car3d{
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(115deg,#070d11 0%,#0b1015 58%,#12070a 100%);
}

#car3d .studio-copy .button,
#car3d .studio-preview__footer>a{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:3px;
  background:linear-gradient(180deg,#ff1b30 0%,#e60015 56%,#c90013 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 10px 25px rgba(238,2,22,.22);
  color:#fff;
  font-weight:800;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}

#car3d .studio-copy .button:hover,
#car3d .studio-preview__footer>a:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 14px 28px rgba(238,2,22,.3);
}

#car3d .studio-preview--interactive{
  border:1px solid rgba(255,255,255,.15);
  border-radius:4px;
  background:radial-gradient(circle at 50% 44%,#29313a 0,#151b22 43%,#070b0f 78%);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 28px 75px rgba(0,0,0,.42);
}

#car3d .studio-preview--interactive::before{
  border-radius:4px;
}

#car3d .studio-modes{
  display:flex;
  gap:0;
  margin:0;
  padding:3px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px;
  background:rgba(5,10,14,.9);
  box-shadow:0 14px 35px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
}

#car3d .studio-modes::before,
#car3d .studio-modes::after{
  display:none;
}

#car3d .studio-modes button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  min-height:58px;
  padding:9px 18px;
  border:0;
  border-right:1px solid rgba(255,255,255,.09);
  border-radius:0;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  box-shadow:none;
  color:#8b959e;
  text-align:center;
  transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}

#car3d .studio-modes button:last-child{
  border-right:0;
}

#car3d .studio-modes button::before{
  display:none;
}

#car3d .studio-modes button::after{
  left:16px;
  right:16px;
  bottom:0;
  height:2px;
  background:var(--ap-red);
  box-shadow:0 0 12px rgba(238,2,22,.75);
}

#car3d .studio-modes button:hover{
  transform:none;
  color:#fff;
  background:rgba(255,255,255,.055);
}

#car3d .studio-modes button.is-active{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg,#ff1b30 0%,#e60015 56%,#b90012 100%);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 22px rgba(238,2,22,.24);
}

#car3d .studio-modes button.is-active::after{
  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.75);
}

#car3d .studio-modes .studio-mode__copy strong{
  font-size:11px;
  letter-spacing:.1em;
}

#car3d .studio-modes .studio-mode__copy small{
  margin-top:5px;
  color:#717c85;
  font-size:6.5px;
  letter-spacing:.14em;
}

#car3d .studio-modes button.is-active .studio-mode__copy small{
  color:rgba(255,255,255,.78);
}

#car3d .studio-preview__live{
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:3px;
  background:rgba(5,10,14,.88);
  color:#c8cfd4;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}

#car3d .studio-callout{
  border:1px solid rgba(255,255,255,.12);
  border-left:2px solid var(--ap-red);
  border-radius:3px;
  background:linear-gradient(105deg,rgba(5,10,14,.97),rgba(12,17,22,.92));
  box-shadow:0 10px 24px rgba(0,0,0,.32);
}

#car3d .studio-callout i{
  border-radius:2px;
}

#car3d .studio-preview__footer{
  min-height:58px;
  padding:7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:4px;
  background:rgba(5,10,14,.9);
  box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
}

#car3d .studio-preview__footer>a{
  min-height:42px;
  padding:0 16px;
  text-transform:none;
}

#car3d .studio-preview__hint>span{
  color:var(--ap-red);
}

@media(max-width:700px){
  #car3d{
    gap:22px;
  }

  #car3d .studio-preview--interactive{
    border-radius:4px;
  }

  #car3d .studio-modes{
    height:58px;
    padding:3px;
    border-radius:4px;
  }

  #car3d .studio-modes button{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:6px 4px;
    border-radius:0;
  }

  #car3d .studio-modes .studio-mode__copy strong{
    font-size:9px;
  }

  #car3d .studio-modes .studio-mode__copy small{
    display:block;
    margin-top:5px;
    font-size:5.5px;
  }

  #car3d .studio-callout{
    border-radius:3px;
  }

  #car3d .studio-preview__footer{
    min-height:50px;
    border-radius:4px;
  }

  #car3d .studio-preview__footer>a{
    min-height:38px;
    padding:0 11px;
  }
}