/* Bounded additions to the approved Camper Vans layout. */
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 20px;background:#F3F1EB;color:#0A0A0A;font-weight:700}
.skip-link:focus{top:12px}
.sr-only,.honey{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main,section,.hgrid>*,.tpw,.qf,.ci,.panel,.wrap,.contact .qf{min-width:0}
.hgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.logo img{width:149px;height:auto;aspect-ratio:2048/495}
.im img{max-width:none}
.b4 img{object-position:center bottom}
.z-k img,.z-s img{width:230%;height:auto;right:auto;bottom:auto;object-fit:initial}
.z-k img{left:-28.6%;top:55%;transform:translateY(-55%)}
.z-s img{left:-93.6%;top:92%;transform:translateY(-92%)}
.qf :is(input,select,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.qf [aria-invalid=true]{border-bottom-color:#a12518}
.qf .msg:not(:empty){padding-top:4px;overflow-wrap:anywhere}
.qf .msg:focus{outline:2px solid var(--ink);outline-offset:4px}
.qf button:disabled{opacity:.65;cursor:wait}
:is(#inquire,#quote2){scroll-margin-top:96px}
.cmp{min-width:540px}
.car{overscroll-behavior-x:contain}
.car figure{max-width:calc(100vw - 48px)}
.arrows button:disabled{opacity:.35;cursor:default}
.specs dd{overflow-wrap:anywhere}
@media(min-width:1600px){.wrap,.ov{max-width:1600px}}
@media(max-width:900px){
 .hgrid{grid-template-columns:minmax(0,1fr)}
 body{padding-bottom:76px}
 footer.site{padding-bottom:30px}
 .tl{gap:4px;padding:14px}
 .ai{max-width:calc(100% - 36px)}
}
@media(max-width:600px){
 .wrap,.ov{padding-left:20px;padding-right:20px}
 .contact .wrap{padding-left:20px}
 .logo img{width:min(149px,34vw);height:auto}
 .hbar{gap:10px}
 .hright{gap:0}
 .hphone{font-size:14px}
 .hero h1{overflow-wrap:anywhere}
 .ctas .btn{width:100%}
 .tpw{padding:16px}
 .tp .price{font-size:28px}
 .panel{padding:24px}
 .specs div{flex-direction:column;gap:4px}
 .specs dd{text-align:left}
 .ov .card{margin:-40px 10px 0;padding:24px}
 .tl button{min-height:48px;padding:12px}
 .car figure{flex-basis:260px;max-width:calc(100vw - 40px)}
 .ci a.ph{font-size:28px}
 .rgrid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}