/* =========================================
   912px TABLET KIRILIM DÜZELTME
   Surface Pro 7 / Tablet görünümü
========================================= */

@media (min-width:768px) and (max-width:1024px){

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body{
    background:#f4f6f9 !important;
  }

  /* Banner */
  .about-banner{
    width:100% !important;
    max-width:100% !important;
    min-height:230px !important;
    padding:55px 30px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .about-banner-inner{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .about-banner-content{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:22px !important;
    text-align:center !important;
  }

  .about-line{
    height:95px !important;
    margin:0 !important;
  }

  .about-text{
    max-width:650px !important;
    text-align:center !important;
  }

  .about-text h2{
    font-size:44px !important;
    line-height:1.1 !important;
    margin:0 0 10px !important;
    color:#fff !important;
  }

  .about-text p{
    max-width:620px !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.7 !important;
    color:rgba(255,255,255,.95) !important;
  }

  /* Filtre butonu */
  .filter-show-btn{
    display:block !important;
    width:calc(100% - 40px) !important;
    max-width:100% !important;
    height:48px !important;
    margin:32px auto 0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:#346fa4 !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:700 !important;
    cursor:pointer !important;
  }

  /* Sayfa alanı */
  .urun-page{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:30px 20px 70px !important;
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
  }

  /* Tabletlerde filtre yandan açılacak */
  .urun-filter{
    position:fixed !important;
    top:0 !important;
    left:-330px !important;
    width:310px !important;
    min-width:310px !important;
    max-width:310px !important;
    height:100vh !important;
    background:#fff !important;
    z-index:999999 !important;
    padding:24px 18px !important;
    overflow-y:auto !important;
    box-shadow:12px 0 35px rgba(0,0,0,.18) !important;
    transition:left .35s ease !important;
  }

  .urun-filter.active{
    left:0 !important;
  }

  .filter-overlay{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.45) !important;
    z-index:999998 !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:.25s ease !important;
  }

  .filter-overlay.active{
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Asıl sorun buradaydı: ürün grid sağa taşıyordu */
  .urun-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:22px !important;

    position:relative !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;
    translate:none !important;

    overflow:visible !important;
  }

  .urun-kutu{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:22px 16px !important;

    position:relative !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;

    background:#fff !important;
    border-radius:18px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  .urun-kutu img{
    width:100% !important;
    max-width:220px !important;
    height:220px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 16px !important;
  }

  .urun-kutu h3{
    font-size:15px !important;
    line-height:1.35 !important;
    margin:0 !important;
    color:#10233f !important;
    font-weight:700 !important;
  }
}