/* Shared responsive safeguards — applied without changing the desktop design. */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
img{display:block;height:auto}
.card>img,.related-card>img,.related-service-card>img{aspect-ratio:16/9;object-fit:cover}
button,input,select,textarea{max-width:100%}
input,select,textarea{font-size:16px}
a,button,input,select,textarea,summary{touch-action:manipulation}
.responsive-nav-toggle{display:none}
@media (max-width:1024px){
  .container,.c,.wrap{width:min(100% - 40px,1220px)}
  .hero-content,.hero-inner,.contact-v3-grid,.about-hero-row{min-width:0}
  .quote-card,.contact-form-wrap,.contact-v3-form{min-width:0}
  .footer-grid,.contact-v3-grid,.nationwide-grid{gap:28px}
}
@media (max-width:767px){
  .container,.c,.wrap{width:calc(100% - 32px)}
  .site-nav{height:auto!important;min-height:72px}
  .site-nav .container{position:relative;flex-wrap:wrap;gap:12px;padding:11px 0}
  .site-nav .brand{margin-right:auto}
  .site-nav .brand img{width:145px!important;max-height:48px}
  .responsive-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:transparent;color:#fff;font:800 11px Manrope,Arial,sans-serif;letter-spacing:.08em}
  .site-nav .nav-links{display:none!important;order:4;width:100%;padding:5px 0 8px;border-top:1px solid rgba(255,255,255,.15)}
  .site-nav .nav-links.is-mobile-open{display:grid!important;gap:0}
  .site-nav .nav-links>a,.site-nav .seo-services-menu>a{display:block;padding:13px 0;font-size:12px!important}
  .site-nav .seo-services-menu{display:block!important}
  .site-nav .seo-services-list{position:static!important;display:grid!important;width:auto!important;margin:0 0 8px;padding:3px 0!important;border:0!important;box-shadow:none!important;background:transparent!important}
  .site-nav .seo-services-list a{padding:9px 0 9px 13px!important;font-size:11px!important}
  .site-nav .nav-phone{display:none!important}
  .nav .c,.top .wrap{gap:14px;align-items:center;flex-wrap:wrap}
  .nav .c>a,.top .wrap>a{min-height:44px;display:inline-flex;align-items:center}
  .hero{min-width:0}
  .hero h1,.hero-title{overflow-wrap:anywhere}
  .hero p{font-size:15px!important;line-height:1.7!important}
  .hero-actions,.cta-actions,.footer-actions{gap:10px!important;flex-wrap:wrap}
  .hero-actions a,.cta-actions a,.button,.btn,.cta a{min-height:44px;align-items:center;justify-content:center}
  .grid,.cards,.stats-grid,.why-grid,.related-grid,.related-service-grid,.areas-grid,.nationwide-features,.nationwide-stats,.footer-grid,.contact-v3-grid,.contact-v3-pair,.numbers-grid{grid-template-columns:1fr!important}
  .intro,.faq-layout,.service-areas-layout,.nationwide-layout,.about-hero-row,.contact-content,.contact-banner-inner{grid-template-columns:1fr!important;gap:28px!important}
  .related-top,.section-head,.contact-v3-head{display:block!important}
  .related-top>p,.section-head>p{max-width:none!important;margin-top:12px!important}
  .card,.related-card,.related-service-card,.service-hub-card{min-width:0}
  .stat,.stat-card{min-height:0!important}
  .quote-card{padding:22px!important}
  .quote-card .field,.quote-card input,.quote-card select,.quote-card textarea{min-width:0!important;width:100%}
  .contact-v3-form form,.v2-form form,.contact-form{grid-template-columns:1fr!important}
  .map,.route-vehicle-map{min-height:230px!important}
  .timeline{grid-template-columns:1fr!important}
  .time-step{min-width:0}
  .layout{grid-template-columns:1fr!important;gap:28px!important;padding:48px 0!important}
  .toc{position:static!important;order:-1}
  .faq-premium,.related-before-cta,.service-areas,.intro,.why,.faq,.sec{padding-top:64px!important;padding-bottom:64px!important}
  .site-footer,.footer{padding-bottom:28px!important}
}
@media (max-width:480px){
  .container,.c,.wrap{width:calc(100% - 28px)}
  h1,.hero h1{font-size:clamp(34px,10vw,46px)!important;letter-spacing:-.055em!important}
  h2{font-size:clamp(27px,8vw,36px)!important}
  .hero{min-height:0!important}
  .hero-content,.hero-inner{padding-top:92px!important;padding-bottom:56px!important}
  .hero-actions,.cta-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions a,.cta-actions a,.button,.btn{width:100%!important}
  .quote-card{padding:18px!important;border-radius:18px!important}
  .quote-card h2{font-size:25px!important}
  .card img,.related-card img,.related-service-card img,.service-hub-image{height:190px!important}
  .service-hub-card{min-height:0!important}
  .footer-grid{gap:22px!important}
  .testimonial-card,.who-card,.contact-panel{min-width:0!important}
}

/* Native theme mobile refinements: preserve the desktop visual hierarchy without
   allowing navigation, imagery, forms or long Turkish copy to overflow. */
img,svg,video,iframe{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
input,select,textarea{max-width:100%}
.navbar .container{min-width:0}
.nav-links a,.phone,.button{white-space:normal}
.hero-copy,.service-hub-content,.testimonial-card,.post-card,.contact-form{min-width:0}
.service-hub-content h3,.post-card h2,.footer-column h2,.faq summary h3{overflow-wrap:anywhere}

@media (max-width:900px){
  .container{width:min(100% - 40px,1220px)}
  .navbar .container{gap:18px}
  .hero{min-height:clamp(560px,72vh,630px)}
  .hero-copy{max-width:min(680px,100%);padding:72px 0}
  .hero h1{max-width:11ch}
  .service-hub-grid,.testimonial-grid,.post-grid{gap:16px}
  .contact-form input,.contact-form textarea{font-size:16px}
}

@media (max-width:700px){
  .navbar{height:74px}
  .navbar .container{width:calc(100% - 32px);gap:12px}
  .brand{display:inline-flex;align-items:center;min-width:0}
  .brand img{width:155px;max-width:calc(100vw - 112px);height:auto}
  .menu-button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;margin-left:auto;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px}
  .nav-links.is-open{top:74px;right:-16px;left:-16px;max-height:calc(100vh - 74px);overflow:auto;padding:12px 16px 18px}
  .nav-links.is-open a{display:block;min-height:44px;padding:13px 0}
  .hero{min-height:560px;background-position:center}
  .hero:after{background:linear-gradient(90deg,rgba(7,21,29,.9),rgba(7,21,29,.6) 70%,rgba(7,21,29,.38))}
  .hero-copy{padding:64px 0 58px}
  .hero h1{font-size:clamp(38px,11vw,54px);line-height:1.02;letter-spacing:-.06em}
  .hero p{margin:18px 0 24px;font-size:15px;line-height:1.65}
  .hero-actions{display:grid;grid-template-columns:1fr;max-width:360px}
  .hero-actions .button,.cta-actions .button{width:100%;min-height:48px}
  .statistics{padding:12px 0}
  .stats-grid{gap:0}
  .stat{padding:16px 0}
  .stat b{font-size:29px}
  .services-section,.testimonials,.contact-section,.page-content,.service-content,.route-content,.archive-content,.article-content,.not-found,.faq{padding:64px 0}
  .service-hub-heading,.section-heading{margin-bottom:30px}
  .service-hub-heading h2,.section-heading h2,.contact-section h2{font-size:clamp(30px,9vw,40px)}
  .service-hub-image{height:210px}
  .service-hub-content,.testimonial-card,.post-card{padding:20px}
  .contact-grid{gap:30px}
  .contact-form{gap:12px}
  .contact-form input,.contact-form textarea{min-height:48px;padding:13px}
  .contact-form textarea{min-height:130px}
  .cta{padding:58px 0}
  .cta .container{gap:24px}
  .cta-actions{display:grid;width:100%;grid-template-columns:1fr}
  .faq summary{min-height:60px;padding:17px}
  .faq details p{padding:0 17px 18px}
  .footer-grid{gap:30px}
  .footer-bottom{gap:15px}
  .footer-bottom ul{flex-wrap:wrap}
}

@media (max-width:374px){
  .container,.navbar .container{width:calc(100% - 28px)}
  .brand img{width:140px}
  .hero{min-height:530px}
  .hero h1{font-size:36px}
  .hero-copy{padding:52px 0}
  .service-hub-image{height:190px}
}