/* Mobil drawer — yeni genişlik ile uyumlu */
main.acik{
  -webkit-transform: translate3d(-280px,0,0);
  -webkit-animation: open .45s ease-in-out;
  -moz-transform: translate3d(-280px,0,0);
  -moz-animation: open .45s ease-in-out;
  transform: translate3d(-280px,0,0);
  animation: open .45s ease-in-out;
  overflow: hidden;
}
main{ transform:none; transition:.3s all; }
nav.not-display{ display: none!important; }
@keyframes open{
  0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  70%{ -webkit-transform:translate3d(-300px,0,0); transform:translate3d(-300px,0,0); }
  100%{ -webkit-transform:translate3d(-280px,0,0); transform:translate3d(-280px,0,0); }
}
@media (max-width: 480px){
  main.acik{
    -webkit-transform: translate3d(-86vw,0,0);
    transform: translate3d(-86vw,0,0);
  }
}