/* AVTOPRO99 case and editorial article presentation, scoped by body classes. */
body.case-template-refresh,body.article-template-refresh{background:#080d12}
body.case-template-refresh .navbar,body.article-template-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.case-template-refresh .navbar .ppf-roll,body.article-template-refresh .navbar .ppf-roll{display:none!important}
body.case-template-refresh .navbar .ppf-trigger,body.article-template-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.case-template-refresh .avtopro-mobile-dock,body.article-template-refresh .avtopro-mobile-dock{display:none!important}
body.case-template-refresh .avtopro-mobile-contact-stack,body.article-template-refresh .avtopro-mobile-contact-stack{top:auto!important;right:10px!important;bottom:12px!important;transform:none!important}
body.case-template-refresh .page-hero{position:relative;isolation:isolate;display:flex!important;align-items:center!important;min-height:clamp(420px,42vw,570px)!important;background-position:center!important;background-size:cover!important;border-radius:0!important;overflow:hidden}
body.case-template-refresh .page-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,8,12,.92),rgba(4,8,12,.72) 60%,rgba(4,8,12,.32))!important}
body.case-template-refresh .page-hero .wrap{position:relative;z-index:1;max-width:1300px!important;width:100%;padding:72px 24px!important}
body.case-template-refresh .page-hero h1{max-width:990px!important;font-size:clamp(40px,4.7vw,68px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-style:normal!important;text-wrap:balance}
body.case-template-refresh .page-hero p{max-width:740px!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.58!important;color:#e3e8ec!important;margin-top:20px!important}
body.case-template-refresh .section-quicknav{background:#0a1015!important;border-block:1px solid rgba(255,255,255,.09)!important;padding:18px 0!important}
body.case-template-refresh .quicknav-wrap{max-width:1300px!important;padding-inline:24px!important}
body.case-template-refresh .quicknav-label{color:#f34048!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;margin-bottom:12px!important}
body.case-template-refresh .quicknav-chips{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
body.case-template-refresh .quicknav-chip{width:auto!important;min-height:40px!important;padding:10px 15px!important;border-radius:7px!important;background:#151c23!important;border:1px solid rgba(255,255,255,.13)!important;color:#d7dfe4!important;font-size:12px!important;font-weight:700!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important}
body.case-template-refresh .quicknav-chip.active{background:#a71320!important;border-color:#d52432!important;color:#fff!important}
body.case-template-refresh .page-content{background:#080d12!important}
body.case-template-refresh .page-content>.wrap{max-width:1280px!important;padding-inline:24px!important}
body.case-template-refresh .page-content h2{line-height:1.17!important;letter-spacing:-.025em!important;text-wrap:balance}
body.case-template-refresh .case-layout{gap:clamp(22px,4vw,50px)!important}
body.case-template-refresh :is(.case-slider,.case-summary,.case-card,.info-card){border-radius:16px!important;overflow:hidden}
body.article-template-refresh .ai-breadcrumb{background:#0b1117!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
body.article-template-refresh .ai-breadcrumb .wrap{max-width:1240px!important;flex-wrap:wrap!important;white-space:normal!important}
body.article-template-refresh .ai-hero{position:relative;isolation:isolate;min-height:clamp(550px,55vw,700px)!important}
body.article-template-refresh .ai-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,8,12,.90),rgba(4,8,12,.7) 58%,rgba(4,8,12,.4))!important;pointer-events:none}
body.article-template-refresh .ai-hero-copy{position:relative;z-index:1;max-width:1240px!important;padding:78px 24px!important}
body.article-template-refresh .ai-hero h1{max-width:1000px!important;font-size:clamp(42px,4.2vw,60px)!important;line-height:1.08!important;letter-spacing:-.04em!important;text-wrap:balance}
body.article-template-refresh .ai-hero p{max-width:820px!important;font-size:clamp(17px,1.6vw,20px)!important;line-height:1.6!important;color:#e0e7ec!important}
body.article-template-refresh .ai-body{max-width:960px!important;margin-inline:auto!important}
body.article-template-refresh .ai-body p,body.article-template-refresh .ai-body li{line-height:1.75!important}
body.article-template-refresh .ai-body h2{line-height:1.2!important;letter-spacing:-.025em!important;text-wrap:balance}
@media(max-width:900px){
 body.case-template-refresh .navbar .nav-actions .dual-phone-group,body.article-template-refresh .navbar .nav-actions .dual-phone-group{display:none!important}
 body.case-template-refresh .page-hero:before{background:linear-gradient(90deg,rgba(4,8,12,.85),rgba(4,8,12,.7))!important}
 body.case-template-refresh .quicknav-chips{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding-bottom:8px!important}
 body.case-template-refresh .quicknav-chip{flex:0 0 auto!important}
 body.article-template-refresh .ai-hero{min-height:0!important}
 body.article-template-refresh .ai-hero:before{background:linear-gradient(180deg,rgba(4,8,12,.82),rgba(4,8,12,.94))!important}
}
@media(max-width:600px){
 body.case-template-refresh .page-hero{min-height:340px!important}
 body.case-template-refresh .page-hero .wrap{padding:54px 18px!important}
 body.case-template-refresh .page-hero h1{font-size:clamp(29px,8.3vw,40px)!important;line-height:1.1!important;overflow-wrap:anywhere}
 body.case-template-refresh .page-hero p{font-size:15px!important;line-height:1.56!important}
 body.case-template-refresh .quicknav-wrap,body.case-template-refresh .page-content>.wrap{padding-inline:18px!important}
 body.article-template-refresh .ai-breadcrumb .wrap{padding:13px 18px!important;font-size:11px!important}
 body.article-template-refresh .ai-hero-copy{padding:68px 18px 54px!important}
 body.article-template-refresh .ai-hero h1{font-size:clamp(26px,7.5vw,36px)!important;line-height:1.1!important;overflow-wrap:normal;word-break:normal}
 body.article-template-refresh .ai-hero p{font-size:15px!important;line-height:1.6!important}
 body.article-template-refresh .ai-hero .ai-meta{gap:7px!important;flex-wrap:wrap!important}
 body.article-template-refresh .ai-body{padding-inline:18px!important}
}
