/* Pikes Peak Auto Core v1.4.2: mobile, tablet, and touch target enhancements. */
.ppi,.ppv,.ppc,.ppa{max-width:100%;min-width:0}
.ppi img,.ppv img,.ppc img{max-width:100%}
.ppi .ppi-btn,.ppv-cta__btn,.ppc-car__x,.ppi-iconbtn{min-height:44px}
.ppi input[type=text],.ppi input[type=email],.ppi input[type=tel],.ppi input[type=search],.ppi input[type=number],.ppi select,.ppi-modal input,.ppi-modal select,.ppi-modal textarea{font-size:16px}
.ppi :is(a,button,input,select,textarea):focus-visible,.ppa :is(a,button,input,select,textarea):focus-visible{outline:3px solid #8ce0ff;outline-offset:2px}
.ppi .ppi-card{min-width:0}
.pph-toggle{touch-action:manipulation}
.pph-dots{gap:4px}
.pph-dot{touch-action:manipulation}
.ppc-table{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ppv-thumbs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.ppv-thumbs button{scroll-snap-align:start;min-height:58px}
.ppv-gallery__nav{min-width:44px;min-height:44px;opacity:1}
.ppv-gallery__full{min-width:44px;min-height:44px}
@media(max-width:1000px){
 .ppi-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}
 .pph-bar__inner{gap:12px}
 .pph-bar__tabs a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:900px){
 .ppi-layout{grid-template-columns:1fr}
 .ppi-side{position:fixed;inset:0 auto 0 0;z-index:99980;width:min(360px,91vw);max-height:100dvh;overflow-y:auto;padding:18px;overscroll-behavior:contain}
 .ppi-side__mhead button{min-width:44px;min-height:44px}
 .pph-bar__tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding:4px 0 8px}
 .pph-bar__tabs a{flex:none;white-space:nowrap}
 .pph-bar__count{margin-left:0}
}
@media(max-width:740px){
 .ppi-wrap{padding-left:16px;padding-right:16px}
 .ppi-hero{padding-top:30px;padding-bottom:30px}
 .ppi-hero__title{font-size:clamp(31px,9vw,48px);overflow-wrap:anywhere}
 .ppi-quick{height:auto;min-height:56px;flex-wrap:wrap;padding:9px 12px}
 .ppi-quick input{min-width:110px;font-size:16px;min-height:38px}
 .ppi-quick__count{max-width:100%;white-space:normal}
 .ppi-layout{padding-top:14px}
 .ppv-gallery__stage{border-radius:9px}
 .ppv-thumbs button{width:90px}
 .ppv-gallery__nav--prev{left:6px}
 .ppv-gallery__nav--next{right:6px}
 .ppv-gallery__count{bottom:10px;left:10px}
 .ppv-gallery__full{right:10px;bottom:10px}
 .ppc-table{margin-left:-8px;margin-right:-8px;scrollbar-width:thin}
 .ppv-cta__btn{min-height:52px}
}
@media(max-width:380px){.ppv-thumbs button{width:76px}.ppi-wrap{padding-left:12px;padding-right:12px}}
/* Portal: touch-accessible controls even if the user cannot hover. */
.ppa .ppa-gal__tools button,.ppa .ppa-slidebtn,.ppa .ppa-top__menu,.ppa .ppa-side__item,.ppa .ppa-ed-nav button{min-width:42px;min-height:42px}
@media(hover:none),(pointer:coarse){
 .ppa .ppa-gal__tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .ppa .ppa-gal__item{touch-action:manipulation}
 .ppa .ppa-slidebtn{color:#78cfff}
 .ppi .ppi-btn:hover,.ppv-cta__btn:hover{transform:none}
}
@media(max-width:960px){
 .ppa-main{min-width:0}
 .ppa-ed-grid{grid-template-columns:1fr!important}
 .ppa-ed-summary{position:static!important}
 .ppa-vtable{max-width:100%;overflow-x:auto}
 .ppa-toolbar{flex-wrap:wrap}
 .ppa-toolbar>*{max-width:100%}
 .ppa-side{max-height:calc(100dvh - var(--off,0px) - var(--top,0px));overscroll-behavior:contain}
}
@media(max-width:640px){
 .ppa-main{padding:14px 12px 35px}
 .ppa-gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ppa-gal__tools{opacity:1!important;visibility:visible!important}
 .ppa-gal__tools button{min-width:40px;min-height:40px}
 .ppa-ed-top__title h1{max-width:100%;overflow-wrap:anywhere}
 .ppa-ed-top,.ppa-toolbar{gap:12px}
 .ppa-ed-nav button,.ppa-btn{min-height:44px}
 .ppa-vtable tr[data-vrow]{grid-template-columns:24px minmax(0,1fr) auto!important;grid-template-areas:"chk veh veh" "chk price status" "chk star star" "chk act act"!important}
 .ppa-vtable tr[data-vrow] td:nth-child(3){min-width:80px}
 .ppa-confirm__box{max-width:calc(100vw - 28px)}
 .ppa-toasts{left:12px;right:12px;bottom:12px}
 .ppa-toast{min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.ppa *,.ppi *,.ppv *,.ppc *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
