/* =========================================================
   KESTUL — RESPONSIVE STYLESHEET
   Breakpoints: >=1200 desktop | 992-1199 laptop | 768-991 tablet | <768 mobile
   ========================================================= */

/* ---------- Laptop / small desktop ---------- */
@media (max-width: 1199.98px){
  section{padding:80px 0;}
  .hero-orbit{right:-30%; width:650px; height:650px;}
}

/* ---------- Tablet ---------- */
@media (max-width: 991.98px){
  section{padding:64px 0;}
  .top-bar-left span{display:none;}
  .navbar-collapse{
    background:#fff; border-radius:16px; margin-top:14px; padding:18px; box-shadow:var(--shadow-soft);
  }
  body.dark-mode .navbar-collapse{background:var(--navy-soft);}
  .navbar-nav{gap:2px;}
  .nav-link{color:var(--navy) !important;}
  .site-header.scrolled .navbar-collapse{background:var(--navy-soft);}
  .site-header.scrolled .nav-link{color:rgba(255,255,255,.85) !important;}
  .toggler-line{background:var(--navy) !important;}
  body.dark-mode .toggler-line{background:#fff !important;}

  .hero{min-height:auto; padding:120px 0 80px;}
  .hero-visual{height:400px; margin-top:20px;}
  .hero-orbit{display:none;}
  .hero-desc{max-width:100%;}
  .hero-card-print{top:auto; bottom:44%; right:6%;}

  .business-card{padding:34px 26px;}
  .process-track{gap:30px 16px;}
  .process-line{display:none;}
  .process-step{min-width:100px;}

  .compare-kestul{transform:none;}
  .float-btn{width:46px; height:46px; font-size:1.05rem;}
  .float-whatsapp{bottom:18px; right:18px;}
  .float-call{bottom:74px; right:18px;}
  .float-top{bottom:130px; right:18px;}
  .float-theme{bottom:186px; right:18px;}
}

/* ---------- Mobile ---------- */
@media (max-width: 767.98px){
  section{padding:56px 0;}
  .container-xl{padding-left:18px; padding-right:18px;}

  .top-bar{font-size:.74rem;}
  .top-bar-left a{margin-right:14px;}

  .hero-title{font-size:clamp(2.6rem, 12vw, 3.4rem);}
  .hero-tagline{font-size:1.1rem;}
  .hero-btns{flex-direction:column; align-items:stretch;}
  .hero-btns .btn-primary-kestul, .hero-btns .btn-outline-kestul{justify-content:center;}
  .hero-visual{height:340px;}
  .hero-graphic{width:200px; height:200px;}
  .hero-logo-mark{width:110px;}
  .hero-card{padding:12px 16px; font-size:.78rem;}
  .hero-card i{width:32px; height:32px; font-size:.85rem;}
  .hero-card-tech{top:0; left:0;}
  .hero-card-print{top:auto; bottom:36%; right:-2%; left:auto;}
  .hero-card-fab{bottom:0; right:0;}

  .about-badges{flex-direction:column; align-items:flex-start;}
  .expertise-row{margin-top:36px;}
  .expertise-card{flex-direction:column; text-align:center; gap:12px;}
  .mv-row{margin-top:36px; margin-bottom:40px;}

  .business-list{grid-template-columns:1fr;}
  .business-card{border-radius:18px;}

  .process-track{flex-direction:column; align-items:center;}
  .process-step{display:flex; flex-direction:column; align-items:center;}

  .strength-section .col-6{margin-bottom:10px;}

  .compare-card{padding:28px 22px;}

  .cta-btns{flex-direction:column; align-items:stretch;}
  .cta-btns .btn-light-kestul, .cta-btns .btn-outline-light-kestul{justify-content:center;}

  .contact-form{padding:24px;}
  .contact-info-card{padding:22px;}

  .site-footer{padding-top:56px; text-align:center;}
  .footer-social{justify-content:center;}
  .footer-qr{justify-content:center;}
  .footer-contact li{justify-content:center;}

  .float-btn{width:42px; height:42px; font-size:.95rem;}
  .float-whatsapp{bottom:14px; right:14px;}
  .float-call{bottom:64px; right:14px;}
  .float-top{bottom:114px; right:14px;}
  .float-theme{bottom:164px; right:14px;}
}

/* ---------- Small mobile ---------- */
@media (max-width: 420px){
  .hero-title{font-size:2.4rem;}
  .section-title{font-size:1.6rem;}
  #navLogo{height:36px;}
}