/* ═══ ERDIL MEDIA — Mobile Responsive Fix + Performance ═══ */

/* Base performance */
*{-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.container{max-width:100%;overflow-x:hidden}
body{overflow-x:hidden}

/* ── MOBILE: 768px and below ── */
@media(max-width:768px){
  /* Header */
  .navbar{padding:10px 15px!important}
  .navbar .logo img{max-height:35px!important}
  .navbar .navbar-nav .nav-link{font-size:13px!important;padding:8px 12px!important}
  
  /* Hero */
  .header .caption h1,.header .caption h2{font-size:28px!important;line-height:1.2!important}
  .header .caption p{font-size:14px!important}
  .header{min-height:60vh!important}
  
  /* Sections */
  .section-padding{padding:40px 0!important}
  .section-head h2,.section-head h3{font-size:24px!important}
  .section-head h6{font-size:12px!important}
  
  /* Services */
  .services .item{margin-bottom:20px!important;padding:20px!important}
  .services .item h5{font-size:16px!important}
  .services .item .icon{font-size:32px!important}
  
  /* Portfolio */
  .portfolio .gallery .items{width:100%!important;padding:5px!important}
  .portfolio .gallery .items .item-img img{height:auto!important}
  
  /* Team */
  .team .item{margin-bottom:20px!important}
  .team .item .img{max-height:250px!important;overflow:hidden}
  
  /* Blog */
  .blog-grid .item{margin-bottom:20px!important}
  .blog-grid .item .cont h5{font-size:16px!important}
  
  /* Contact */
  .contact .form input,.contact .form textarea,.contact .form select{font-size:14px!important;padding:12px!important}
  .contact .cont-info .item{margin-bottom:15px!important}
  .contact .cont-info .item h5{font-size:15px!important}
  .contact .cont-info .item p{font-size:13px!important}
  
  /* Footer */
  .footer .sub-footer{flex-direction:column!important;text-align:center!important;gap:10px!important}
  .footer .footer-column{margin-bottom:20px!important;width:100%!important}
  
  /* General typography */
  h1{font-size:28px!important}
  h2{font-size:24px!important}
  h3{font-size:20px!important}
  h4{font-size:18px!important}
  h5{font-size:16px!important}
  p{font-size:14px!important;line-height:1.7!important}
  
  /* Fix columns */
  .col-lg-6,.col-lg-4,.col-lg-5,.col-lg-3,.col-lg-7,.col-lg-8{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
  .offset-lg-1{margin-left:0!important}
  
  /* Spacing */
  .mb-50{margin-bottom:25px!important}
  .mb-80,.mb-100{margin-bottom:40px!important}
  .pt-100,.pb-100{padding-top:50px!important;padding-bottom:50px!important}
  
  /* Slider */
  .swiper-slide,.slick-slide{padding:0 10px!important}
  
  /* Buttons */
  .butn{padding:10px 24px!important;font-size:13px!important}
  
  /* Show hamburger properly */
  .hamenu{z-index:9999!important}
}

/* ── TABLET: 769-1024px ── */
@media(min-width:769px) and (max-width:1024px){
  .header .caption h1{font-size:36px!important}
  .col-lg-6{flex:0 0 50%!important;max-width:50%!important}
  .col-lg-4{flex:0 0 50%!important;max-width:50%!important}
  .col-lg-3{flex:0 0 50%!important;max-width:50%!important}
  .section-padding{padding:60px 0!important}
}

/* ── Smooth scroll ── */
html{scroll-behavior:smooth}

/* ── Lazy load transition ── */
img[loading="lazy"]{opacity:0;transition:opacity .4s ease}
img[loading="lazy"].loaded,img[loading="lazy"][src]{opacity:1}