/** Shopify CDN: Minification failed Line 37:0 All "@import" rules must come first **/ /* OTS Draft UI refinement — 2026-09-23 */ :root{--ots-orange:#ff7a00;--ots-gold:#ffb347;--ots-ink:#07090c;--ots-panel:#121820} .ots-v7 .hero-img,.ots-side .hero-media,.ots-fp .hero,.ots-catx .hero,.ots-bltop .hero{width:min(1600px,calc(100vw - 28px))!important;max-width:none!important;margin-left:50%!important;transform:translateX(-50%)!important} .ots-v7 .hero-img,.ots-side .hero-media{aspect-ratio:16/9!important;height:auto!important} .ots-v7 .hero-img img,.ots-side .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important} .ots-fp .hero img,.ots-catx .hero img,.ots-bltop .hero img{width:100%!important;height:auto!important;object-fit:contain!important} .ots-home-seo-intro h1,.ots-v7 h1,.ots-side h1,.ots-fp h1,.ots-catx h1,.ots-bltop h1,.ots-fw .hero h1{font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important;font-size:clamp(30px,4vw,48px)!important;line-height:1!important;letter-spacing:.025em!important;text-transform:uppercase!important} .ots-v7 h2,.ots-side h2,.ots-fp h2,.ots-catx h2,.ots-fw h2{font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important;font-size:clamp(27px,3.2vw,40px)!important;line-height:1.02!important} .ots-home-seo-copy,.ots-v7 .lead,.ots-side .lead,.ots-fp section:first-of-type p,.ots-catx .top p,.ots-bltop .h1box>p,.ots-fw .hero .lead{font-size:clamp(15px,1.35vw,17px)!important;line-height:1.52!important} .ots-home-seo-actions,.ots-v7 .btns,.ots-side .btns,.ots-fp .actions,.ots-catx .actions,.ots-bltop .actions,.ots-fw .actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch!important} .ots-home-seo-actions>a,.ots-v7 .btns>.btn,.ots-side .btns>.btn,.ots-fp .actions>.btn,.ots-catx .actions>.btn,.ots-bltop .actions>.btn,.ots-fw .actions>.btn{flex:1 1 180px;max-width:100%;width:auto!important;min-width:0!important;justify-content:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important} .ots-home-seo-actions>a:hover,.ots-v7 .btns>.btn:hover,.ots-side .btns>.btn:hover,.ots-fp .actions>.btn:hover,.ots-catx .actions>.btn:hover,.ots-bltop .actions>.btn:hover,.ots-fw .actions>.btn:hover{transform:translateY(-3px)!important;filter:brightness(1.05);box-shadow:0 13px 30px rgba(255,122,0,.22)!important} .home-slideshow-section .multiple-buttons{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:center!important;width:min(720px,100%)!important;margin-inline:auto!important} .home-slideshow-section .multiple-buttons .slide-button{flex:1 1 0!important;min-width:0!important;width:auto!important;font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important;letter-spacing:.045em!important;text-transform:uppercase!important;background:linear-gradient(135deg,#ffc15a,#ff8a16 55%,#dc6200)!important;color:#111!important;border:1px solid rgba(255,202,112,.65)!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px rgba(0,0,0,.28)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important} .home-slideshow-section .multiple-buttons .slide-button.secondary{background:linear-gradient(135deg,rgba(28,33,40,.86),rgba(8,10,13,.80))!important;color:#fff!important;border-color:rgba(255,153,38,.70)!important;backdrop-filter:blur(7px)} .home-slideshow-section .multiple-buttons .slide-button:hover,.home-slideshow-section .multiple-buttons .slide-button:focus-visible{transform:translateY(-3px)!important;filter:brightness(1.08);box-shadow:0 15px 34px rgba(255,122,0,.25)!important} .ots-fp .hero,.ots-catx .hero,.ots-bltop .hero{position:relative} .ots-hero-full-link{display:block;position:relative;color:inherit}.ots-hero-full-link:focus-visible{outline:3px solid var(--ots-gold);outline-offset:4px}.ots-hero-full-link:hover img{filter:brightness(1.035)} [id^="ots-bedcover-finder-"]{padding:24px 14px 28px!important}[id^="ots-bedcover-finder-"] h2{font-size:clamp(28px,3.5vw,42px)!important}[id^="ots-bedcover-finder-"] .finder-card{padding:14px!important}[id^="ots-bedcover-finder-"] .paths{margin-top:14px!important}[id^="ots-bedcover-finder-"] .path{padding:10px!important}[id^="ots-bedcover-finder-"] .otsq-card>img{height:auto} .main-side-widget-bar,.ots-legacy-floating-call,.ots-legacy-floating-chat,[data-ots-legacy-floating-contact]{display:none!important} @media(max-width:700px){ .ots-v7 section,.ots-side section,.ots-fp section,.ots-catx section{padding-top:30px!important;padding-bottom:30px!important} .ots-home-seo-intro h1,.ots-v7 h1,.ots-side h1,.ots-fp h1,.ots-catx h1,.ots-bltop h1,.ots-fw .hero h1{font-size:clamp(29px,9vw,38px)!important} .ots-home-seo-actions>a,.ots-v7 .btns>.btn,.ots-side .btns>.btn,.ots-fp .actions>.btn,.ots-catx .actions>.btn,.ots-bltop .actions>.btn,.ots-fw .actions>.btn{flex:1 1 calc(50% - 5px)!important;width:auto!important;min-height:45px!important;padding:10px 9px!important;font-size:clamp(13px,3.6vw,17px)!important} .ots-v7 .btns>.btn:nth-child(3):last-child,.ots-fp .actions>.btn:nth-child(3):last-child,.ots-bltop .actions>.btn:nth-child(3):last-child,.ots-fw .actions>.btn:nth-child(3):last-child{flex:0 1 calc(50% - 5px)!important;margin-inline:auto!important} .home-slideshow-section .multiple-buttons{gap:7px!important;padding-inline:8px!important}.home-slideshow-section .multiple-buttons .slide-button{padding:10px 7px!important;min-height:44px!important;font-size:clamp(12px,3.25vw,16px)!important;line-height:1.05!important}} @media(min-width:1500px){.ots-v7 .wrap,.ots-side .wrap,.ots-fp .wrap,.ots-catx .wrap,.ots-bltop .wrap{width:min(1320px,calc(100% - 48px))!important}} /* OTS compact section hierarchy + rugged CTA refinement — 2026-09-23 pass 2 */ /* Oct 22 2026: approved prototype sections (.otsbcf bed covers SEO page, .otsj Jeep page, .bslp bumper step page) keep their own heading, eyebrow and button styling; these global overrides skip them. */ @import url('https://fonts.googleapis.com/css2?family=Road+Rage&family=Bebas+Neue&display=swap'); #MainContent h1:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .h1:not(:where(.otsbcf *,.otsj *,.bslp *)){ font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important; font-size:clamp(30px,3.45vw,46px)!important; line-height:.98!important; letter-spacing:.025em!important; text-transform:uppercase!important; text-shadow:1px 2px 0 rgba(0,0,0,.82),-1px 0 0 rgba(255,137,24,.12)!important; margin-top:0!important; margin-bottom:10px!important; } #MainContent h2:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .h2:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .theme_main_heading:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .banner__heading:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .slide-heading:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .category-section-title:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-reviews__title:not(:where(.otsbcf *,.otsj *,.bslp *)){ font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important; font-size:clamp(25px,2.75vw,37px)!important; line-height:1!important; letter-spacing:.03em!important; text-transform:uppercase!important; text-shadow:1px 2px 0 rgba(0,0,0,.78),0 0 16px rgba(255,122,0,.08)!important; margin-top:0!important; margin-bottom:9px!important; } #MainContent .theme_main_subheading:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .eyebrow:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-seo-eyebrow:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .tp-kicker:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .price-kicker:not(:where(.otsbcf *,.otsj *,.bslp *)){ font-family:'Road Rage','Bebas Neue',Impact,sans-serif!important; font-size:clamp(15px,1.35vw,20px)!important; line-height:1!important; letter-spacing:.075em!important; text-transform:uppercase!important; color:#ff8a16!important; text-shadow:2px 2px 0 #050505!important; margin-bottom:7px!important; } #MainContent .theme_main_description:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-reviews__description:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-seo-copy:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .lead:not(:where(.otsbcf *,.otsj *,.bslp *)){ font-size:clamp(14px,1.15vw,16px)!important; line-height:1.48!important; } #MainContent .service__title:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .collection_title_wrap:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-reviews__head:not(:where(.otsbcf *,.otsj *,.bslp *)){ margin-bottom:18px!important; } #MainContent .ots-home-seo-intro:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-faq:not(:where(.otsbcf *,.otsj *,.bslp *)){ padding-top:clamp(24px,3vw,40px)!important; padding-bottom:clamp(24px,3vw,40px)!important; } /* Buttons: ~10% less vertical mass, ~10% more type presence, same rugged family site-wide. */ #MainContent .button:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .theme_buttons:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent a.btn:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent button.btn:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .buy:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .finance-big:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-seo-btn:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-thirdparty a:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .banner__buttons a:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent button[type="submit"]:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent input[type="submit"]:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-faq .actions a:not(:where(.otsbcf *,.otsj *,.bslp *)){ font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif!important; font-size:clamp(17px,1.55vw,21px)!important; line-height:1!important; letter-spacing:.05em!important; text-transform:uppercase!important; min-height:47px!important; padding-top:9px!important; padding-bottom:9px!important; text-shadow:0 1px 0 rgba(255,255,255,.10)!important; } #MainContent .button:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .theme_buttons:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent a.btn:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent button.btn:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .buy:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .finance-big:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-seo-btn:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .ots-home-thirdparty a:hover:not(:where(.otsbcf *,.otsj *,.bslp *)), #MainContent .banner__buttons a:hover:not(:where(.otsbcf *,.otsj *,.bslp *)){ transform:translateY(-2px)!important; filter:brightness(1.07)!important; box-shadow:0 11px 26px rgba(255,122,0,.22)!important; } .home-slideshow-section .multiple-buttons .slide-button{ min-height:52px!important; padding:9px 12px!important; font-size:clamp(18px,1.7vw,23px)!important; } .home-slideshow-section .slide-heading{ font-size:clamp(31px,4vw,45px)!important; line-height:.98!important; } @media(max-width:700px){ #MainContent h1:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .h1:not(:where(.otsbcf *,.otsj *,.bslp *)){font-size:clamp(27px,7.6vw,35px)!important;margin-bottom:8px!important} #MainContent h2:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .h2:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .theme_main_heading:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .banner__heading:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .slide-heading:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .category-section-title:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-reviews__title:not(:where(.otsbcf *,.otsj *,.bslp *)){font-size:clamp(24px,6.5vw,32px)!important;margin-bottom:8px!important} #MainContent .theme_main_subheading:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .eyebrow:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-home-seo-eyebrow:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .tp-kicker:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .price-kicker:not(:where(.otsbcf *,.otsj *,.bslp *)){font-size:clamp(14px,4vw,18px)!important} #MainContent .theme_main_description:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-reviews__description:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-home-seo-copy:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .lead:not(:where(.otsbcf *,.otsj *,.bslp *)){font-size:14px!important;line-height:1.46!important} #MainContent .button:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .theme_buttons:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent a.btn:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent button.btn:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .buy:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .finance-big:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-home-seo-btn:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-home-thirdparty a:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .banner__buttons a:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent button[type="submit"]:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent input[type="submit"]:not(:where(.otsbcf *,.otsj *,.bslp *)),#MainContent .ots-home-faq .actions a:not(:where(.otsbcf *,.otsj *,.bslp *)){ min-height:44px!important; padding-top:8px!important; padding-bottom:8px!important; font-size:clamp(16px,4.4vw,19px)!important; } .home-slideshow-section .multiple-buttons .slide-button{min-height:48px!important;padding:8px 8px!important;font-size:clamp(17px,4.5vw,20px)!important} .home-slideshow-section .slide-heading{font-size:clamp(28px,7.5vw,34px)!important} } /* Homepage hero height trim — 10% */ .home-slideshow-section .classic-container{height:560px!important} @media(max-width:1429px){.home-slideshow-section .classic-container{height:590px!important}} @media(max-width:1199px){.home-slideshow-section .classic-container{height:590px!important}} @media(max-width:991px){.home-slideshow-section .classic-container{height:480px!important}} @media(max-width:767px){.home-slideshow-section .classic-container{height:430px!important}} @media(max-width:575px){.home-slideshow-section .classic-container{height:270px!important}}