/* v1.4.2: cinematic, touch-first refinements for the v1.4.0 feature set.
   Motion is decorative, disabled by prefers-reduced-motion, and no video downloads. */
:root{--ppag-touch:48px}
html{scroll-padding-top:calc(var(--ppag-header-h) + 18px)}
body{overflow-x:clip}
.ppag-page-wrap,.ppag-fullwidth-content{min-width:0}
/* category cards use original local automotive art, not a font icon or a generic stroke */
.ppag-feature-bar{padding:38px max(16px,calc((100vw - 1340px)/2))!important;background:linear-gradient(180deg,#0b1a29,#07111f)!important}
.ppag-feature-bar__inner{max-width:1340px;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;align-items:stretch}
.ppag-feature-item{display:flex;align-items:center;justify-content:flex-start;text-decoration:none!important;gap:6px;min-width:0;padding:12px 9px 16px;border:1px solid #234760;border-radius:12px;background:linear-gradient(150deg,#112a42 0%,#08192b 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 25px rgba(0,0,0,.12);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;cursor:pointer}
.ppag-feature-item:focus-visible{outline:3px solid #8de6ff;outline-offset:4px}
.ppag-feature-item:hover{transform:translateY(-4px);border-color:#56cbfa;box-shadow:0 15px 35px rgba(7,122,194,.18)}
.ppag-feature-icon-box{display:grid!important;place-items:center;width:100%!important;height:96px!important;background:radial-gradient(ellipse at 50% 90%,rgba(36,150,222,.26),transparent 66%)!important;border:0!important;border-radius:8px!important;padding:0!important;box-shadow:none!important;overflow:visible}
.ppag-feature-icon-box img{display:block!important;width:min(100%,180px)!important;height:auto!important;max-height:92px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.5));transition:transform .33s ease,filter .33s ease}
.ppag-feature-item:hover .ppag-feature-icon-box{transform:none!important;box-shadow:none!important;border:0!important}
.ppag-feature-item:hover .ppag-feature-icon-box img{transform:scale(1.08) translateY(-3px);filter:drop-shadow(0 16px 12px rgba(0,0,0,.48))}
.ppag-feature-label{font:800 15px/1.15 var(--ppag-font-head)!important;color:#f2f9ff!important;letter-spacing:.035em!important;text-transform:uppercase;white-space:normal;text-align:center}
.ppag-feature-hint{font:600 10px/1.3 var(--ppag-font-body);color:#9abedb;text-align:center;letter-spacing:0}
.ppag-feature-hint span{color:#60d3ff}
/* cinematic hero: long, subtle light pass and depth on desktop */
.pph.ppi{isolation:isolate}
.pph.ppi::after{content:"";position:absolute;z-index:2;top:-65%;left:20%;width:40%;height:220%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(76,183,246,.028) 38%,rgba(178,232,255,.065) 50%,transparent 61%);transform:rotate(14deg) translateX(-110%);animation:ppag-cinema-pass 17s ease-in-out 1s infinite}
@keyframes ppag-cinema-pass{0%,15%{transform:rotate(14deg) translateX(-110%)}56%,100%{transform:rotate(14deg) translateX(260%)}}
.pph-slide.is-active .pph-bg img{filter:contrast(1.045) saturate(1.06)}
.pph-title{overflow-wrap:break-word;max-width:100%}
.pph-cta .ppi-btn,.ppag-search-bar__btn,.ppag-feat-tab,.pph-bar__tabs a{min-height:var(--ppag-touch)}
.ppag-search-bar__field select,.ppag-search-bar__field input{font-size:16px!important;min-height:48px}
.ppag-search-bar__field label{font-size:11px!important}
.ppag-feat-tabs{display:flex;flex-wrap:wrap;row-gap:9px}
.ppag-feat-tab{min-width:66px}
.ppag-v-card__cta,.ppag-next-path,.ppag-header-compare{min-height:44px}
.ppag-v-card__img{aspect-ratio:16/10;object-fit:cover}
/* slider controls: accessible without hovering; play/pause is intentionally visible */
.pph-arrow{opacity:1!important}
.pph-controls{position:absolute;z-index:5;bottom:20px;right:30px;display:flex;align-items:center;gap:10px}
.pph-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #4a8ab4;border-radius:9px;background:rgba(5,21,38,.89);color:#d7f4ff;cursor:pointer;backdrop-filter:blur(10px)}
.pph-toggle:hover,.pph-toggle:focus-visible{background:#0869a8;border-color:#90e2ff}
.pph-toggle svg{width:18px;height:18px}
.pph.is-manually-paused .pph-toggle [data-icon-pause]{display:none}
.pph:not(.is-manually-paused) .pph-toggle [data-icon-play]{display:none}
.pph-dot{min-height:22px!important;background:linear-gradient(transparent 40%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 62%,transparent 62%)!important}
.pph-dot span{margin-top:9px;height:4px!important}
/* Header switches to drawer before tablet layouts get cramped */
@media(max-width:1180px){
 .ppag-header-nav,.ppag-header-cta>.ppag-btn{display:none!important}
 .ppag-hamburger{display:flex!important;margin-left:auto;flex:none;min-width:48px;min-height:48px;align-items:center;justify-content:center}
 .ppag-header-inner{padding-inline:20px!important;gap:10px!important}
 .ppag-header-logo{margin-right:auto;min-width:0}
 .ppag-header-logo img{max-height:48px!important;max-width:min(220px,45vw)!important}
 .ppag-header-cta{margin-left:auto;gap:7px}
 .ppag-header-phone{font-size:13px}
 .ppag-header-compare{min-width:46px;min-height:46px;padding:8px 10px}
 .ppag-mobile-nav{position:fixed;z-index:99999;inset:var(--ppag-header-h) 0 0;display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(155deg,#0d2339,#050d18 75%);padding:22px max(18px,calc((100vw - 680px)/2));box-shadow:0 30px 70px rgba(0,0,0,.6)}
 .ppag-mobile-nav[hidden]{display:none!important}
 .admin-bar .ppag-mobile-nav{top:calc(var(--ppag-header-h) + 32px)}
 .ppag-mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #234c6f;padding-bottom:18px;font:800 17px var(--ppag-font-head);color:#eaf6ff;text-transform:uppercase;letter-spacing:.06em}
 .ppag-mobile-nav__close{border:1px solid #315772;border-radius:8px;background:#0c2844;color:#e7faff;font-size:26px;line-height:1;width:48px;height:48px;cursor:pointer}
 .ppag-mobile-nav .ppag-nav-list{display:flex!important;flex-direction:column;gap:4px;align-items:stretch;margin:12px 0 14px;padding:0;list-style:none}
 .ppag-mobile-nav .ppag-nav-list li{list-style:none;width:100%}
 .ppag-mobile-nav .ppag-nav-list li a{display:flex;align-items:center;min-height:49px;padding:11px 16px;border:0;border-bottom:1px solid rgba(96,160,211,.17);color:#e4f1ff!important;font-size:14px!important;border-radius:4px;white-space:normal}
 .ppag-mobile-nav .sub-menu{position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;display:block!important;margin:0 0 8px!important;padding:0 0 0 15px!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important}
 .ppag-mobile-nav .sub-menu li a{min-height:44px;font-size:12px!important;color:#b8d6ed!important}
 .ppag-mobile-nav .menu-item-has-children>a:after{display:none}
 .ppag-mobile-nav__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:12px;padding-top:18px;border-top:1px solid #234c6f}
 .ppag-mobile-nav__actions>*{min-height:48px;display:inline-flex!important;align-items:center;justify-content:center}
 body.ppag-nav-locked{overflow:hidden}
}
@media(max-width:782px){.admin-bar .ppag-mobile-nav{top:calc(var(--ppag-header-h) + 46px)}}
@media(max-width:980px){
 .ppag-feature-bar__inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .ppag-feature-bar{padding-block:28px!important}
 .ppag-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ppag-section__title{font-size:clamp(42px,6.5vw,72px)!important}
 .ppag-next-path strong{font-size:clamp(28px,4vw,42px)!important}
 .ppag-next-path{padding:24px 20px!important}
 .ppag-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pph-inner{padding-inline:28px!important}
}
@media(max-width:740px){
 :root{--ppag-header-h:68px}
 .ppag-site-header{height:var(--ppag-header-h)}
 .ppag-header-inner{padding-inline:14px!important}
 .ppag-header-logo__text{font-size:19px!important}
 .ppag-header-cta .ppag-header-phone{display:none!important}
 .ppag-header-compare__label{display:none!important}
 .ppag-hamburger{margin-left:0;min-width:46px;min-height:46px}
 .ppag-mobile-nav{padding:16px 20px}
 .ppag-mobile-nav__actions{flex-direction:column}
 .ppag-feature-bar{padding:20px 12px!important}
 .ppag-feature-bar__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .ppag-feature-item{gap:5px;padding:11px 7px 13px;min-height:161px}
 .ppag-feature-icon-box{height:83px!important}
 .ppag-feature-icon-box img{max-height:81px}
 .ppag-feature-label{font-size:14px!important}
 .ppag-feature-hint{font-size:10px}
 .ppag-next-grid{grid-template-columns:1fr!important}
 .ppag-why-grid{grid-template-columns:1fr!important}
 .ppag-section__title{font-size:clamp(41px,10.4vw,65px)!important;line-height:1!important}
 .ppag-next-afterhero h2{font-size:clamp(46px,12vw,68px)!important}
 .ppag-next-path strong{font-size:37px!important}
 .ppag-search-bar__form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ppag-search-bar__field{min-width:0!important}
 .ppag-search-bar__field--keyword,.ppag-search-bar__btn{grid-column:1/-1}
 .ppag-search-bar__field select{width:100%;max-width:100%}
 .ppag-search-bar__btn{min-height:52px}
 .pph.ppi{min-height:670px!important}
 .pph-inner{min-height:670px!important;padding:15px 18px 84px!important}
 .pph-title{font-size:clamp(44px,11.5vw,72px)!important;line-height:.93!important;overflow-wrap:anywhere}
 .pph-title span{margin-bottom:10px!important}
 .pph-trim{font-size:13px!important}
 .pph-specs{margin:10px 0!important}
 .pph-specs li{font-size:11px!important}
 .pph-cta{gap:8px}
 .pph-cta .ppi-btn{min-height:48px!important;height:auto!important;padding:10px 12px!important;font-size:10px!important}
 .pph-badge{width:115px!important;height:115px!important;position:relative;z-index:2}
 .pph-badge__big--price{font-size:24px!important}
 .pph-dots{bottom:23px!important;left:18px!important;transform:none!important}
 .pph-dot{width:24px!important}
 .pph-controls{right:17px;bottom:11px}
 .ppag-next-demo-banner,.ppi-demo-notice{overflow-wrap:anywhere}
 .ppag-next-paths,.ppag-section,.ppag-section__inner{min-width:0}
 .ppag-cta-strip__actions{flex-direction:column;width:100%}
 .ppag-cta-strip__actions>*{width:100%;justify-content:center}
 .ppag-footer-inner{padding-inline:20px!important}
}
@media(max-width:370px){
 .pph.ppi,.pph-inner{min-height:700px!important}
 .ppag-next-topline{font-size:7px!important;padding:0 13px!important}
 .ppag-feature-icon-box{height:70px!important}
 .ppag-feature-icon-box img{max-height:68px}
 .ppag-feature-item{min-height:145px}
 .ppag-feature-hint{font-size:9px}
 .ppag-feat-tab{padding-inline:12px!important}
 .pph-badge{width:108px!important;height:108px!important}
 .pph-title{font-size:clamp(41px,12vw,49px)!important}
 .ppag-search-bar__form{grid-template-columns:1fr!important}
 .ppag-search-bar__field{grid-column:1/-1}
}
/* Touch accessibility / cinematic behavior respects OS settings. */
@media(hover:none),(pointer:coarse){
 .ppag-feature-item:hover,.ppag-next-grid .ppag-v-card:hover{transform:none!important}
 .ppag-feature-item:active{border-color:#6cdaff;background:#123553}
 .ppag-v-card__cta,.ppag-feat-tab,.ppag-next-path{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .pph.ppi::after{animation:none!important;display:none}
 .pph-bg img,.ppag-feature-icon-box img,.ppag-feature-item{animation:none!important;transition:none!important;transform:none!important}
}