.nav-service-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-roadside{border:1px solid #263238;background:#fff;color:#263238;min-height:44px;font-size:12px;padding:12px 16px;white-space:nowrap}
.nav-roadside:hover{background:#263238;color:#fff}
.nav-payment{border:1px solid #263238;background:#263238;color:#fff;min-height:44px;font-size:12px;padding:12px 16px;white-space:nowrap}
.nav-payment:hover,.nav-payment:focus-visible{background:#414d52;color:#fff}
@media(min-width:992px) and (max-width:1199px){.navbar-expand-xl .navbar-collapse{flex-basis:100%}.navbar-expand-xl .navbar-nav{padding-block:14px;gap:2px}.navbar-expand-xl .nav-service-actions{padding-bottom:14px}.navbar-expand-xl.main-nav{flex-wrap:wrap;justify-content:space-between}}
@media(max-width:575px){.nav-service-actions{flex-wrap:wrap}.nav-service-actions .nav-roadside,.nav-service-actions .nav-payment{flex:1}.nav-service-actions .nav-appointment{flex-basis:100%;justify-content:center}}
.nav-roadside:focus-visible,.roadside-modal a:focus-visible{outline:3px solid #c8ae00;outline-offset:3px}
.roadside-modal .modal-content{border:0;border-radius:12px;background:#fff;box-shadow:0 20px 70px #0003;color:#182125}
.roadside-modal .modal-header{padding:28px 28px 20px;border-bottom:1px solid #e6e9eb;align-items:flex-start;justify-content:space-between}
.roadside-modal .modal-title{font-size:30px;letter-spacing:-.04em;font-weight:750}
.roadside-modal .modal-header p{font-size:14px;color:#627078;margin:8px 0 0;line-height:1.6}
.roadside-modal .btn-close{margin:0 0 0 12px;padding:10px;flex-shrink:0}
.roadside-modal .modal-body{padding:26px}
.roadside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.roadside-card{--roadside-accent:#57718a;border:1px solid #e0e5e7;border-top:4px solid var(--roadside-accent);border-radius:6px;padding:24px 14px 18px;text-align:center;min-width:0}
.roadside-skoda{--roadside-accent:#78faae}.roadside-opel{--roadside-accent:#ffdf00}
.roadside-logo{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.roadside-logo img{max-width:135px;max-height:60px;object-fit:contain}
.roadside-card h3{font-size:21px;font-weight:700;line-height:1.35;margin:0 0 20px}
.roadside-card h3 span{display:block;font-size:12px;font-weight:500;color:#657078;margin-top:4px}
.roadside-number{font-size:18px;font-weight:600;white-space:nowrap;letter-spacing:-.02em;margin:0 0 18px}
.roadside-call{width:100%;justify-content:center;gap:16px;background:#263238;color:#fff;font-size:12px;min-height:46px;padding:12px}
.roadside-call:hover{background:#11191d;color:#fff}
@media(min-width:992px) and (max-width:1199px){.main-nav .navbar-brand img{width:150px}.main-nav .navbar-nav{gap:12px}.main-nav .nav-link{font-size:11px}.nav-service-actions{gap:6px}.nav-service-actions .button{font-size:10px;padding:11px}}
@media(max-width:991px){.nav-service-actions{flex-wrap:wrap}.nav-service-actions .button{flex:1;justify-content:center}}
@media(max-width:575px){.roadside-modal .modal-header{padding:22px 18px 16px}.roadside-modal .modal-title{font-size:27px}.roadside-modal .modal-header p{font-size:12px}.roadside-modal .modal-body{padding:18px}.roadside-grid{grid-template-columns:1fr;gap:14px}.roadside-card{display:grid;grid-template-columns:85px minmax(0,1fr);column-gap:12px;padding:16px;text-align:left}.roadside-logo{grid-column:1;grid-row:1 / 3;height:70px;margin:0;align-self:center}.roadside-logo img{max-width:80px;max-height:60px}.roadside-card h3{font-size:18px;margin:0 0 8px}.roadside-number{font-size:17px;margin:0 0 14px}.roadside-call{grid-column:1 / -1}}