/* Kamyonpark Responsive v1.0
 * Tema header/logo/menu alanına dokunmaz.
 * Yalnızca içerik bölgesi ve Kamyonpark eklenti sınıfları kapsamındadır.
 */

:root{
  --kpr-orange:#f47700;
  --kpr-dark:#0d141b;
}

/* Ortak güvenli içerik kuralları */
body.kp-responsive-active #Content img,
body.kp-responsive-active .kpvip img,
body.kp-responsive-active .kpfmax-wrap img,
body.kp-responsive-active .kpfmax-single img,
body.kp-responsive-active .kp-search-wrap img,
body.kp-responsive-active .kp2-wrap img,
body.kp-responsive-active .kp-request-page img{
  max-width:100%;
}

body.kp-responsive-active .kpvip,
body.kp-responsive-active .kpfmax-wrap,
body.kp-responsive-active .kpfmax-single,
body.kp-responsive-active .kp-search-wrap,
body.kp-responsive-active .kp2-wrap,
body.kp-responsive-active .kp-request-page{
  box-sizing:border-box;
}

body.kp-responsive-active .kpvip *,
body.kp-responsive-active .kpfmax-wrap *,
body.kp-responsive-active .kpfmax-single *,
body.kp-responsive-active .kp-search-wrap *,
body.kp-responsive-active .kp2-wrap *,
body.kp-responsive-active .kp-request-page *{
  box-sizing:border-box;
}

/* VIP ana sayfa: eski BeTheme content/sidebar genişlikleri VIP sayfasını daraltmasın */
body.kp-responsive-active.kpvip-page #Content,
body.kp-responsive-active.kpvip-page #Content .content_wrapper,
body.kp-responsive-active.kpvip-page #Content .sections_group,
body.kp-responsive-active.kpvip-page #Content .section,
body.kp-responsive-active.kpvip-page #Content .section_wrapper,
body.kp-responsive-active.kpvip-page #Content .the_content_wrapper,
body.kp-responsive-active.kpvip-page #Content .column,
body.kp-responsive-active.kpvip-page #Content .column_attr,
body.kp-responsive-active.kpvip-page #Content .mcb-column,
body.kp-responsive-active.kpvip-page #Content .mcb-wrap,
body.kp-responsive-active.kpvip-page #Content .mcb-wrap-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
}
body.kp-responsive-active.kpvip-page #Content .sidebar,
body.kp-responsive-active.kpvip-page #Content aside.sidebar,
body.kp-responsive-active.kpvip-page #Content .widget-area{
  display:none!important;
}
body.kp-responsive-active.kpvip-page .kpvip{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:hidden!important;
}

/* F-MAX tekil ürün: görsel taşmasını engelle */
body.kp-responsive-active .kpfmax-single__img{
  min-width:0;
}
body.kp-responsive-active .kpfmax-single__img img{
  display:block;
  width:100%;
  max-height:650px;
  object-fit:contain;
}
body.kp-responsive-active .kpfmax-single__info{
  min-width:0;
}
body.kp-responsive-active .kpfmax-single__info h1,
body.kp-responsive-active .kp2-title{
  overflow-wrap:anywhere;
}

/* Formlar cihaz genişliğini aşmasın */
body.kp-responsive-active .kp-search-form input,
body.kp-responsive-active .kp-request-formcard input,
body.kp-responsive-active .kp-request-formcard textarea,
body.kp-responsive-active .kpvip-search input{
  max-width:100%;
}

/* ===== Büyük PC ===== */
@media (min-width:1440px){
  body.kp-responsive-active .kpfmax-wrap{max-width:1320px;}
  body.kp-responsive-active .kpfmax-single,
  body.kp-responsive-active .kpfmax-description{max-width:1240px;}
  body.kp-responsive-active .kp-search-wrap{max-width:1180px;}
  body.kp-responsive-active .kp2-wrap{max-width:1220px;}
  body.kp-responsive-active .kp-request-page{max-width:1320px;}
  body.kp-responsive-active.kpvip-page .kpvip{
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ===== PC ===== */
@media (min-width:1025px) and (max-width:1439px){
  body.kp-responsive-active .kpfmax-single{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:36px;
  }
  body.kp-responsive-active .kpfmax-single__info h1{
    font-size:clamp(34px,3.2vw,42px);
    line-height:1.05;
  }
}

/* ===== Tablet ===== */
@media (min-width:768px) and (max-width:1024px){
  body.kp-responsive-active .kpvip-hero-main{
    grid-template-columns:minmax(0,1fr) 280px!important;
    gap:20px!important;
    padding:38px 3.5% 34px!important;
  }
  body.kp-responsive-active .kpvip h1{
    font-size:clamp(40px,6vw,58px)!important;
  }
  body.kp-responsive-active .kpvip-quick{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.kp-responsive-active .kpvip-models{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kpvip-slide{
    flex-basis:calc((100% - 28px)/3)!important;
  }

  body.kp-responsive-active .kpfmax-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:32px!important;
  }
  body.kp-responsive-active .kpfmax-cats,
  body.kp-responsive-active .kpfmax-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.kp-responsive-active .kpfmax-single{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:24px!important;
    padding:0 18px!important;
  }
  body.kp-responsive-active .kpfmax-single__img{
    min-height:360px!important;
  }
  body.kp-responsive-active .kpfmax-single__info h1{
    font-size:32px!important;
    line-height:1.05!important;
    margin-bottom:16px!important;
  }
  body.kp-responsive-active .kpfmax-single__price{
    font-size:28px!important;
    line-height:1.15!important;
  }
  body.kp-responsive-active .kpfmax-specs{
    grid-template-columns:1fr 1fr!important;
  }

  body.kp-responsive-active .kp-search-wrap{
    padding:0 18px!important;
  }
  body.kp-responsive-active .kp-search-box{
    padding:24px!important;
  }
  body.kp-responsive-active .kp2-wrap{
    padding:0 18px!important;
  }
  body.kp-responsive-active .kp2-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.kp-responsive-active .kp2-cta{
    grid-template-columns:1fr!important;
  }

  body.kp-responsive-active .kp-request-page{
    padding:0 14px!important;
  }
  body.kp-responsive-active .kp-request-hero{
    grid-template-columns:1.15fr .85fr!important;
  }
  body.kp-responsive-active .kp-request-hero-copy{
    padding:32px 28px!important;
  }
  body.kp-responsive-active .kp-request-grid{
    grid-template-columns:minmax(0,1fr) 270px!important;
  }
  body.kp-responsive-active .kp-request-bottom{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

/* ===== Telefon / Büyük telefon ===== */
@media (max-width:767px){
  html,body{max-width:100%;overflow-x:hidden;}

  /* VIP ana sayfa */
  body.kp-responsive-active .kpvip-hero,
  body.kp-responsive-active .kpvip-hero-main{
    min-height:auto!important;
  }
  body.kp-responsive-active .kpvip-hero-main{
    grid-template-columns:1fr!important;
    padding:26px 14px 24px!important;
    gap:16px!important;
  }
  body.kp-responsive-active .kpvip h1{
    font-size:clamp(32px,10vw,44px)!important;
    line-height:1!important;
  }
  body.kp-responsive-active .kpvip-copy>p{
    font-size:14px!important;
  }
  body.kp-responsive-active .kpvip-search{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body.kp-responsive-active .kpvip-search input{
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
  }
  body.kp-responsive-active .kpvip-search button{
    width:100%!important;
    min-height:48px!important;
  }
  body.kp-responsive-active .kpvip-quick{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kpvip-assistant{
    width:100%!important;
    max-width:none!important;
  }
  body.kp-responsive-active .kpvip-trust{
    grid-template-columns:1fr 1fr!important;
  }
  body.kp-responsive-active .kpvip-models{
    grid-template-columns:1fr!important;
    padding:16px 10px!important;
  }
  body.kp-responsive-active .kpvip-model-card{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kpvip-model-image,
  body.kp-responsive-active .kpvip-model-art{
    min-height:130px!important;
    height:130px!important;
  }
  body.kp-responsive-active .kpvip-products{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.kp-responsive-active .kpvip-slide{
    flex-basis:82%!important;
  }
  body.kp-responsive-active .kpvip-product-img{
    height:110px!important;
  }
  body.kp-responsive-active .kpvip-final{
    grid-template-columns:1fr!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
  body.kp-responsive-active .kpvip-benefits{
    grid-template-columns:1fr 1fr!important;
  }

  /* F-MAX katalog */
  body.kp-responsive-active .kpfmax-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow:hidden!important;
  }
  body.kp-responsive-active .kpfmax-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:22px 16px!important;
    border-radius:12px!important;
  }
  body.kp-responsive-active .kpfmax-hero h1{
    font-size:clamp(32px,10vw,46px)!important;
  }
  body.kp-responsive-active .kpfmax-cats,
  body.kp-responsive-active .kpfmax-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.kp-responsive-active .kpfmax-card__img{
    aspect-ratio:1/1!important;
  }
  body.kp-responsive-active .kpfmax-card h3{
    font-size:14px!important;
    line-height:1.25!important;
  }
  body.kp-responsive-active .kpfmax-price{
    font-size:16px!important;
  }

  /* F-MAX ürün detay */
  body.kp-responsive-active .kpfmax-single{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:18px!important;
    margin:18px auto!important;
    padding:0 12px!important;
  }
  body.kp-responsive-active .kpfmax-single__img{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    border-radius:12px!important;
  }
  body.kp-responsive-active .kpfmax-single__img img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  body.kp-responsive-active .kpfmax-single__info h1{
    font-size:clamp(28px,8vw,34px)!important;
    line-height:1.05!important;
    margin:6px 0 15px!important;
  }
  body.kp-responsive-active .kpfmax-specs{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.kp-responsive-active .kpfmax-specs>div{
    padding:11px!important;
  }
  body.kp-responsive-active .kpfmax-single__price{
    font-size:clamp(24px,7vw,30px)!important;
    line-height:1.15!important;
    margin:16px 0!important;
  }
  body.kp-responsive-active .kpfmax-single__info .kpfmax-single-wa{
    width:100%!important;
    max-width:none!important;
    min-height:52px!important;
  }
  body.kp-responsive-active .kpfmax-description{
    padding:0 12px!important;
    margin-bottom:30px!important;
  }
  body.kp-responsive-active .kpfmax-seo-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kpfmax-seo-actions a{
    width:100%!important;
    justify-content:center!important;
  }

  /* Ford parça sorgulama */
  body.kp-responsive-active .kp-search-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px!important;
  }
  body.kp-responsive-active .kp-search-box{
    padding:20px 14px!important;
    border-radius:11px!important;
  }
  body.kp-responsive-active .kp-search-box h1{
    font-size:28px!important;
    line-height:1.08!important;
  }
  body.kp-responsive-active .kp-search-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.kp-responsive-active .kp-search-form input,
  body.kp-responsive-active .kp-search-form button{
    width:100%!important;
    min-width:0!important;
  }
  body.kp-responsive-active .kp-result-card{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  /* Ford parça sonuç/detay */
  body.kp-responsive-active .kp2-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:22px auto 34px!important;
    padding:0 10px!important;
  }
  body.kp-responsive-active .kp2-specs{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp2-spec{
    border-right:0!important;
    border-bottom:1px solid #eceff2!important;
    min-height:auto!important;
    padding:15px!important;
  }
  body.kp-responsive-active .kp2-alert{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp2-alert-icon{
    min-height:66px!important;
  }
  body.kp-responsive-active .kp2-alert-body{
    padding:16px!important;
  }
  body.kp-responsive-active .kp2-trust,
  body.kp-responsive-active .kp2-bottom{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp2-cta{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp2-phone,
  body.kp-responsive-active .kp2-wa,
  body.kp-responsive-active .kp2-newsearch{
    width:100%!important;
    min-height:72px!important;
  }

  /* Parça talebi */
  body.kp-responsive-active .kp-request-page{
    width:100%!important;
    max-width:100%!important;
    padding:0 9px!important;
    margin-top:14px!important;
  }
  body.kp-responsive-active .kp-request-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.kp-responsive-active .kp-request-hero-copy{
    padding:28px 18px!important;
  }
  body.kp-responsive-active .kp-request-hero-copy h1{
    font-size:clamp(30px,9vw,42px)!important;
  }
  body.kp-responsive-active .kp-request-truck{
    min-height:170px!important;
  }
  body.kp-responsive-active .kp-request-grid{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp-request-formcard{
    padding:20px 14px!important;
  }
  body.kp-responsive-active .kp-upload-grid{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp-request-bottom{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kp-request-bottom>div{
    border-right:0!important;
    border-bottom:1px solid #e5e8eb!important;
  }
  body.kp-responsive-active .kp-request-bottom>div:last-child{
    border-bottom:0!important;
  }
}

/* ===== Küçük telefon ===== */
@media (max-width:390px){
  body.kp-responsive-active .kpvip h1{font-size:32px!important;}
  body.kp-responsive-active .kpvip-trust{grid-template-columns:1fr!important;}
  body.kp-responsive-active .kpvip-benefits{grid-template-columns:1fr!important;}
  body.kp-responsive-active .kpvip-slide{flex-basis:88%!important;}

  body.kp-responsive-active .kpfmax-cats,
  body.kp-responsive-active .kpfmax-grid{
    grid-template-columns:1fr!important;
  }
  body.kp-responsive-active .kpfmax-card__img{
    aspect-ratio:4/3!important;
  }
}