/* ================= LOGO 3D ROTATE – NO GAP FIX ================= */

.site-header .logo-3d-root{
  perspective:1400px;
  display:inline-block;
}

.site-header .logo-3d-anim{
  position:relative;
  width:auto;
  display:inline-block;
  transform-style:preserve-3d;
  animation:logoSpin 10s linear infinite;
}

/* front & back logo */
.site-header .logo-3d-anim::before,
.site-header .logo-3d-anim::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("/storage/logo/logo.jpg") no-repeat center / contain;
  backface-visibility:hidden;
}

/* back face */
.site-header .logo-3d-anim::after{
  transform:rotateY(180deg);
}

/* real image (only for size) */
.site-header .logo-3d-anim img{
  height:100px;          /* 🔥 logo size */
  display:block;
  opacity:0;             /* hide real img */
}

/* weight + shadow */
.site-header .logo-3d-root{
  filter:
    drop-shadow(0 14px 28px rgba(0,0,0,.4))
    drop-shadow(0 0 10px rgba(230,126,34,.4));
}

/* rotation */
@keyframes logoSpin{
  from{ transform:rotateY(0deg); }
  to{ transform:rotateY(360deg); }
}

/* mobile slow */
@media(max-width:768px){
  .site-header .logo-3d-anim{
    animation-duration:14s;
  }
}