/* ===========================
   FONT SCALE – RESPONSIVE
   Base: 1920px (style.css)
   =========================== */

/* 2K–4K ekranlar */
@media ((min-width:1920px) and (max-width: 2560px)) {
  .home-path{right: -25%;}
  .corporate-gradient img.w-100{width: 75% !important;}
}

/* Geniş masaüstü (≤1440px) */
@media (max-width: 1440px) {
  .fs-72 {font-size: 65px; line-height: 84px;}
  .fs-60 {font-size: 54px;}
  .fs-48 {font-size: 43px; line-height: 48px;}
  .fs-44 {font-size: 40px; line-height: 50px;}
  .fs-42 {font-size: 38px; line-height: 49px;}
  .fs-30 {font-size: 27px; line-height: 35px;}
  .fs-24 {font-size: 22px; line-height: 28px;}
  .fs-19 {font-size: 17px; line-height: 23px;}
  .fs-16 {font-size: 15px; line-height: 28px;}
  .fs-12 {font-size: 11px;}
  .fs-title {font-size: 14px; line-height: 55px; letter-spacing: 6px;}

  .logo, .logo-two{width: 140px;}
  .navbar .nav-item {padding-left: 10px;}
  .slider-text-box{width: 25%;}
  .home-path{right: -50%;}
  .kaliper{font-size: 240px; color: #FA814B;}
  .corporate-gradient img.w-100{width: 120% !important;}
}

/* Standart laptop ve masaüstü (≤1200px) */
@media (max-width: 1200px) {
  .fs-72 {font-size: 58px; line-height: 75px;}
  .fs-60 {font-size: 50px;}
  .fs-48 {font-size: 39px; line-height: 45px;}
  .fs-44 {font-size: 36px; line-height: 46px;}
  .fs-42 {font-size: 34px; line-height: 44px;}
  .fs-30 {font-size: 25px; line-height: 33px;}
  .fs-24 {font-size: 20px; line-height: 27px;}
  .fs-19 {font-size: 16px; line-height: 22px;}
  .fs-16 {font-size: 14px; line-height: 26px;}
  .fs-12 {font-size: 11px;}
  .fs-title {font-size: 13px; line-height: 50px; letter-spacing: 5.5px;}

  .logo-two{display: none;}
  .navbar .nav-item {padding-left: 5px;}
  .slider-text-box{width: 25%;}
  .home-path{right: -60%;}
  .kaliper{font-size: 170px; color: #FA814B;}
  .corporate-gradient img.w-100{width: 120% !important;}
  .corporate-gradient{height: 300px;}
}

/* Tablet yatay / küçük laptop (≤1024px) */
@media (max-width: 1024px) {
  .fs-72 {font-size: 50px; line-height: 66px;}
  .fs-60 {font-size: 45px;}
  .fs-48 {font-size: 36px; line-height: 42px;}
  .fs-44 {font-size: 33px; line-height: 42px;}
  .fs-42 {font-size: 32px; line-height: 40px;}
  .fs-30 {font-size: 23px; line-height: 30px;}
  .fs-24 {font-size: 18px; line-height: 25px;}
  .fs-19 {font-size: 15px; line-height: 21px;}
  .fs-16 {font-size: 13px; line-height: 24px;}
  .fs-12 {font-size: 10px;}
  .fs-title {font-size: 12px; line-height: 44px; letter-spacing: 4.8px;}
    
  .slider-text-box{width: 25%;}
  .home-path{right: -70%;}

  .kaliper{font-size: 130px; color: #FA814B;}
  .corporate-gradient img.w-100{width: 120% !important;}
  .corporate-gradient{height: 300px;}

  .p-detail-card {height: 440px;}
  .p-detail-card img#main-image {height: 200px;}
  .footer-logo{width: 300px;}
}

/* Tablet yatay / küçük laptop (≤992px) */
@media (max-width: 992px) {
  .fs-72 {font-size: 50px; line-height: 66px;}
  .fs-60 {font-size: 45px;}
  .fs-48 {font-size: 36px; line-height: 42px;}
  .fs-44 {font-size: 33px; line-height: 42px;}
  .fs-42 {font-size: 32px; line-height: 40px;}
  .fs-30 {font-size: 23px; line-height: 30px;}
  .fs-24 {font-size: 18px; line-height: 25px;}
  .fs-19 {font-size: 15px; line-height: 21px;}
  .fs-16 {font-size: 13px; line-height: 24px;}
  .fs-12 {font-size: 10px;}
  .fs-title {font-size: 12px; line-height: 44px; letter-spacing: 4.8px;}

  .slider-text-box{width: 35%;}
  .home-path{right: -100%;}

  .media-icon{width: 50px; height: 50px; object-fit: contain;}
}

/* Tablet dikey (≤768px) */
@media (max-width: 768px) {
  .fs-72 {font-size: 42px; line-height: 55px;}
  .fs-60 {font-size: 38px;}
  .fs-48 {font-size: 30px; line-height: 38px;}
  .fs-44 {font-size: 29px; line-height: 38px;}
  .fs-42 {font-size: 28px; line-height: 36px;}
  .fs-30 {font-size: 21px; line-height: 28px;}
  .fs-24 {font-size: 17px; line-height: 23px;}
  .fs-19 {font-size: 14px; line-height: 20px;}
  .fs-16 {font-size: 12px; line-height: 22px;}
  .fs-12 {font-size: 9px;}
  .fs-title {font-size: 11px; line-height: 38px; letter-spacing: 4px;}

  .parallax-container {height: 415px;}

  .kaliper{font-size: 100px; color: #FA814B;}
  .corporate-gradient img.w-100{width: 120% !important;}
  .corporate-gradient{height: 300px; margin-top: 15%;}

    .p-detail-card {height: 440px;}
  .p-detail-card img#main-image {height: 200px;}
  .prod-thumbnail {
    position: absolute !important;
    bottom: 10px;
    left: 10px;
    width: 100% !important;
    z-index: 3;
  }
  .prod-thumbnail .item {
    cursor: pointer;
    padding: 5px;
    background-color: var(--thirth-color);
    width: 80px;
    border-radius: 18px;
  }
  .prod-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 18px;
    transition: all 0.3s;
    opacity: .4;
  }
  .prod-thumbnail .active-thumb img{
    opacity: 1;
  }
}

/* Mobil cihazlar (≤576px) */
@media (max-width: 576px) {
  .fs-72 {font-size: 36px; line-height: 48px;}
  .fs-60 {font-size: 32px;}
  .fs-48 {font-size: 26px; line-height: 32px;}
  .fs-44 {font-size: 25px; line-height: 33px;}
  .fs-42 {font-size: 24px; line-height: 32px;}
  .fs-30 {font-size: 18px; line-height: 24px;}
  .fs-24 {font-size: 15px; line-height: 21px;}
  .fs-19 {font-size: 13px; line-height: 18px;}
  .fs-16 {font-size: 11px; line-height: 20px;}
  .fs-12 {font-size: 9px;}
  .fs-title {font-size: 10px; line-height: 32px; letter-spacing: 3px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-text-box{width: 50%;top: 60%;}
  .slider-text-box .fs-48{font-size: 20px;line-height: 25px;}
  .slide-tb-bg,.slider-btn{display: none;}
  .slide-count{font-size: 20px;}
  .button-one{padding: 10px 25px;}

  .slider-prod {width: 65% !important;right: -15%;bottom: 15%;}
  .slider-prod.show {right: 10%;opacity: 1;}
  .parallax-container {height: 300px;}
  .parallax-text-box-bg{width: 95%; left: 5px;}
  .parallax-text-box{padding: 10px 20px; width: 95%;}
  .counter-border{border-bottom: 1px solid var(--text-color-two); border-right: 0; padding-bottom: 15px;}
  .counter-icon {width: 100px;left: 0px;bottom: 0%;}
  .search-bg{padding: 35px 25px;}
  .search-prod-img.w-100{width: 60% !important;}
  .search-prod-img{float: inline-end; margin-top: -15px;}
  .faq-card {height: auto;}

  .banner{width: 100%; height: 480px; display: block;}
  .banner img{width: 100%; height: 480px; object-fit: cover;}
  .banner-text{top: 35%; width: 90%; left: 7%;}
  .banner-bread{top: 70%;right: 5%;left: 5%;width: 90%;margin: auto;}

  .banner-bottom{margin-top: -20%;}

  .kaliper{font-size: 60px; color: #FA814B;}
  .corporate-gradient img.w-100{width: 70% !important; margin-top: -20%;}
  .corporate-gradient{height: 340px; margin-top: 25%; padding: 20px;}

  .newsletter{height: 100%;}
  .newsletter-form{display: block;}
  .newsletter-form input{width: 75% !important;}
  .newsletter-form button{margin-left: -10px; margin-bottom: 10px;}
  .media-bg{height: 100%; padding: 20px;}

  .documents{
    margin-top: 50%;
    border-radius: 24px 24px 0 0;
    width: 100%;
    right: 0; 
    left: 0;
  }
  .document-height{min-height:510px;}
  .files img{
    height: 400px;
    width: auto;
    object-fit: contain;
  }
}
