.header-phone::before,.header-phone::after{display:none;content:none}
.btn,.header nav .nav-estimate,.mobile-cta>a{border-radius:7px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}
.comparison{height:auto;min-height:0;background:transparent;align-items:start;overflow:visible}
.comparison figure{height:auto;min-height:0;align-self:start;aspect-ratio:.87}
.comparison img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.comparison figcaption{border-radius:4px}
.logo-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.logo-crop img{filter:url(#logo-background-mask) drop-shadow(1px 0 0 #050608) drop-shadow(-1px 0 0 #050608) drop-shadow(0 1px 0 #050608) drop-shadow(0 -1px 0 #050608)}
@media(max-width:550px){
  .header{height:84px;grid-template-columns:44px 1fr auto;gap:8px;padding:0 15px}
  .header .menu-toggle{min-width:44px;min-height:48px}
  .menu-lines{width:28px;height:20px}.menu-lines::before{top:9px}
  .header-phone{font-size:22px}.header-phone span{font-size:12px;letter-spacing:.015em}
  .header nav{top:84px;height:calc(100svh - 84px);gap:18px}
  .header nav .nav-estimate{font-size:17px;padding:16px 20px}
  .header nav>p{font-size:16px}
  .menu-backdrop{top:84px}
  .cinematic-hero{padding-top:calc(84px + 47svh)}
  .hero-media{height:calc(84px + 48svh)}
  .hero-media::after{background:linear-gradient(180deg,#0006,transparent 25%,transparent 65%,#090a0c)}
  .cinematic-hero .hero-content{padding-bottom:44px}
  .cinematic-hero .film-footer{display:none}
  .metrics>div,.metrics>div:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 15px;gap:12px;border-bottom:0}
  .metrics>div:first-child{padding-left:0}
  .hero-location{font-size:16px;letter-spacing:.04em;line-height:1.5;margin-bottom:20px}
  .cinematic-hero .hero-desc{font-size:17px;max-width:350px;line-height:1.55}
  .cinematic-hero .hero-actions{flex-direction:column;align-items:stretch;gap:13px;margin-top:25px}
  .cinematic-hero .hero-actions .primary{flex:none;width:100%;font-size:18px;min-height:60px;padding:16px}
  .cinematic-hero .hero-actions .film-outline{width:100%;font-size:17px;min-height:56px;padding:15px}
  .cinematic-hero .micro{font-size:16px;max-width:100%;line-height:1.5;margin-top:20px}
  .film-control{top:calc(84px + 47svh - 58px);width:44px;height:44px;left:20px}
  .film-footer{font-size:14px;line-height:1.6;letter-spacing:.025em;text-align:center;bottom:26px}
  .metrics span{font-size:16px;line-height:1.5}.metrics strong{font-size:48px}.metrics>div{min-height:135px}
  .eyebrow,.section-top .eyebrow,.towing-content .eyebrow{font-size:16px;letter-spacing:.09em}
  .section-intro,.section-top .section-intro,.section-top .text-link{font-size:16px}
  .service p,.case-card>p,.benefits p,.steps p,.review p,.faq-list details>p,.estimate-inner>div>p,.towing-content>p:not(.eyebrow),.accident-inner p{font-size:16px}
  .service-num{font-size:16px;top:22px}.service-price{font-size:14px;top:17px}
  .comparison figure{aspect-ratio:.8}.comparison figcaption{font-size:14px;padding:7px 9px;top:10px;left:10px;letter-spacing:.025em}
  .case-title>span,.case-source{font-size:14px;line-height:1.5}
  .benefits h3,.steps h3{font-size:25px}
  .price-row>span,.price-disclaimer,.price-preview-note{font-size:16px}.price-row strong{font-size:14px}
  .workshop-panorama>span{font-size:14px;line-height:1.5}
  .accident-list>span,.accident-list .text-link{font-size:16px}
  .accident-inner .primary,.towing-content .primary{font-size:17px;min-height:58px}
  .towing-content>.text-link,.towing-spec span{font-size:16px}
  .towing-section{padding-top:0;display:block;min-height:0;overflow:hidden}
  .towing-section::after{display:none}
  .towing-section .towing-image{position:relative;inset:auto;display:block;z-index:auto;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center}
  .towing-section .towing-content{position:relative;padding:32px 20px 48px;background:#0b111a}
  .towing-content .eyebrow{margin:0 0 22px}
  .towing-content h2{font-size:clamp(32px,9.6vw,52px);line-height:1.15;letter-spacing:-.035em;margin-bottom:25px}
  .towing-content .primary{display:flex;width:100%;min-height:60px;font-size:18px;border-radius:7px;margin-top:28px}
  .towing-phone{display:block;width:100%;margin:18px 0 0;text-align:center;font-size:26px;line-height:1.4}
  .towing-content>.text-link{max-width:100%;width:100%;text-align:center;padding:0 0 8px;margin-top:22px;font-size:16px}
  .towing-spec>span{border-radius:5px;padding:6px 12px}
  .rating-block small,.rating-block p{font-size:16px}
  .estimate-note,.estimate-card li,.estimate-card .micro,.estimate-call{font-size:16px}
  .messenger-links>a{min-height:55px;font-size:17px}
  .contact-towing,.map-link,.contact-links>a{font-size:16px}
  .footer-top p,.footer-top>a:not(.brand),.footer-bottom{font-size:14px}
  .mobile-cta>a,.mobile-cta>a:last-child{font-size:15px;min-height:52px;padding:12px}
  .mobile-cta.is-at-action{transform:translateY(130%);pointer-events:none}
  .inner-page .service-hero{margin-top:84px}.breadcrumbs{font-size:14px}.service-lead,.work-list li,.price-note p{font-size:16px}
  .service-hero .primary,.service-hero .text-link,.price-note .primary,.related-links>a{font-size:17px}
}
@media(max-width:360px){
  .header-phone{font-size:20px}.header-phone span{font-size:11px}.header .logo-crop{width:80px}
  .header .logo-crop img{width:119px;height:119px;left:-15px;top:-41px}
  .hero-location{font-size:15px}.service h3,.service:first-child h3{font-size:33px}
  .comparison figcaption{font-size:12px;left:7px;padding:6px 8px}
  .mobile-cta>a,.mobile-cta>a:last-child{font-size:13px}
}