/* AVTOPRO99 service detail refresh. Scoped to the three requested pages. */
body.service-refresh{background:#080d12;color:#eef2f5}
body.service-refresh .navbar{background:rgba(6,10,14,.97)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important}
body.service-refresh .navbar .ppf-roll{display:none!important}
body.service-refresh .navbar .ppf-trigger{background:none!important;border:0!important;box-shadow:none!important;min-height:46px!important;padding:8px 10px!important;color:#e8ecef!important;text-transform:none!important;font-size:13px!important;letter-spacing:0!important}
body.service-refresh .navbar .ppf-trigger:hover,body.service-refresh .navbar .ppf-trigger:focus-visible{color:#fff!important;background:rgba(255,255,255,.08)!important}
body.service-refresh .navbar .nav-links{gap:2px!important}
body.service-refresh :is(.color-breadcrumb,.headlight-breadcrumb,.polish-breadcrumb){background:#0b1117!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
body.service-refresh :is(.color-breadcrumb,.headlight-breadcrumb,.polish-breadcrumb) .wrap{max-width:1360px;white-space:normal!important;overflow:visible!important;flex-wrap:wrap!important;gap:7px!important;padding:13px 24px!important;font-size:11px!important;letter-spacing:.05em}
body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero){min-height:660px!important;background:#070b10!important}
body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero):before{z-index:1!important;background:linear-gradient(90deg,rgba(4,8,12,.95) 0%,rgba(4,8,12,.81) 46%,rgba(4,8,12,.32) 100%)!important}
body.service-refresh :is(.color-hero-bg,.headlight-hero-bg,.polish-hero-bg) img{filter:saturate(.88) contrast(1.08) brightness(.76)!important}
body.service-refresh :is(.color-hero-grid,.headlight-hero-grid,.polish-hero-grid){align-items:center!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr)!important;gap:clamp(24px,5vw,72px)!important;padding-block:84px!important}
body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero) h1{font-size:clamp(42px,4.7vw,70px)!important;line-height:1.03!important;letter-spacing:-.045em!important;max-width:860px!important;text-wrap:balance}
body.service-refresh .color-hero h1 span{color:#fff!important}
body.service-refresh .color-hero h1 span:first-of-type{color:#f32b3a!important}
body.service-refresh :is(.color-hero-text,.headlight-hero-text,.polish-hero-text){max-width:660px!important;font-size:clamp(16px,1.4vw,19px)!important;line-height:1.7!important;color:#d7dfe5!important}
body.service-refresh :is(.color-panel,.headlight-panel,.polish-panel){background:rgba(7,12,17,.83)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;box-shadow:0 22px 64px rgba(0,0,0,.36)!important;backdrop-filter:blur(12px)!important;padding:30px!important}
body.service-refresh :is(.color-panel,.headlight-panel,.polish-panel) h2{font-size:clamp(20px,2vw,28px)!important;letter-spacing:-.025em!important}
body.service-refresh .service-refresh-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;max-width:640px;margin:24px 0 0;padding:14px 17px;border-left:3px solid #f42736;background:rgba(6,10,14,.78);color:#f1f4f6;font-size:15px;line-height:1.5}
body.service-refresh .service-refresh-note a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:4px}
body.service-refresh :is(.color-actions,.headlight-actions,.polish-actions){gap:10px!important;margin-top:25px!important}
body.service-refresh :is(.color-btn,.headlight-btn,.polish-btn){min-height:52px!important;border-radius:8px!important;box-shadow:none!important;letter-spacing:.015em!important}
body.service-refresh :is(.color-section,.headlight-section,.polish-section){padding-block:clamp(54px,6vw,86px)!important}
body.service-refresh :is(.color-section,.headlight-section,.polish-section) h2{letter-spacing:-.035em!important;text-wrap:balance}
body.service-refresh :is(.color-package,.headlight-package,.polish-package,.color-card,.headlight-card,.polish-card){border-radius:16px!important;overflow:hidden}
body.service-refresh :is(.color-package,.headlight-package,.polish-package,.color-card,.headlight-card,.polish-card):hover{transform:translateY(-3px);transition:transform .2s ease}
@media(max-width:900px){
 body.service-refresh .navbar .nav-actions .dual-phone-group{display:none!important}
 body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero){min-height:0!important}
 body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero):before{z-index:1!important;background:linear-gradient(180deg,rgba(4,8,12,.86) 0%,rgba(4,8,12,.94) 55%,#080d12 100%)!important}
 body.service-refresh :is(.color-hero-grid,.headlight-hero-grid,.polish-hero-grid){grid-template-columns:1fr!important;gap:24px!important;padding-block:56px 48px!important}
 body.service-refresh :is(.color-panel,.headlight-panel,.polish-panel){padding:23px!important}
 body.service-refresh #avtopro-mobile-dock.avtopro-mobile-dock{display:none!important}
 body.service-refresh .avtopro-mobile-contact-stack{right:10px!important;top:auto!important;bottom:12px!important;transform:none!important;gap:8px!important}
 body.service-refresh .avtopro-mobile-contact-stack a{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
 body.service-refresh :is(.color-final,.headlight-final,.polish-final){padding-bottom:100px!important}
}
@media(max-width:600px){
 body.service-refresh :is(.color-breadcrumb,.headlight-breadcrumb,.polish-breadcrumb) .wrap{padding:12px 18px!important;font-size:10px!important}
 body.service-refresh :is(.color-hero-grid,.headlight-hero-grid,.polish-hero-grid){padding:48px 18px 42px!important}
 body.service-refresh :is(.color-hero,.headlight-hero,.polish-hero) h1{font-size:clamp(31px,9vw,42px)!important;line-height:1.08!important;letter-spacing:-.035em!important;overflow-wrap:anywhere}
 body.service-refresh .color-hero h1 span{color:#fff!important}
body.service-refresh .color-hero h1 span:first-of-type{color:#f32b3a!important}
body.service-refresh :is(.color-hero-text,.headlight-hero-text,.polish-hero-text){font-size:15px!important;line-height:1.62!important}
 body.service-refresh .service-refresh-note{font-size:14px;margin-top:18px}
 body.service-refresh :is(.color-actions,.headlight-actions,.polish-actions){display:grid!important;grid-template-columns:1fr!important}
 body.service-refresh :is(.color-actions,.headlight-actions,.polish-actions) a{width:100%!important;min-height:48px!important}
 body.service-refresh :is(.color-section,.headlight-section,.polish-section){padding-inline:18px!important}
}