.new-category-archive{max-width:100%;margin-top:-75px;padding:0;@media screen and (width>=768px){&{margin-top:0}}& .product-grid-section .product-grid .terms-grid{grid-template-columns:1fr;@media screen and (width>=460px){&{grid-template-columns:repeat(2,1fr)}}}& .container{box-sizing:content-box;max-width:1280px;padding-left:var(--ccb-margin-mobile);padding-right:var(--ccb-margin-mobile);margin:0 auto;position:relative;@media screen and (width>=768px){&{padding-left:var(--ccb-margin-desktop);padding-right:var(--ccb-margin-desktop)}}}& .hero{text-align:left;background-image:url(/wp-content/themes/warren-cat/assets/images/dirt-tracks.jpg);background-size:cover;align-items:end;height:600px;padding:0 0 50px;display:flex;position:relative;@media screen and (width>=768px){&{height:700px;padding:0 0 80px}}&:before{content:"";background:linear-gradient(#0000 30%,#000000d9 80%);width:100%;height:100%;display:block;position:absolute;inset:0;@media screen and (width>=768px){&{background:linear-gradient(#0000 53%,#000000d9 90%)}}}&:after{content:"";background:url(/wp-content/themes/warren-cat/assets/images/texture-tile.jpg);width:100%;height:10px;display:block;position:absolute;bottom:0;left:0;transform:rotate(180deg);mask-image:url(/wp-content/themes/warren-cat/assets/images/grit-b.svg);mask-position:bottom;mask-size:100%;mask-repeat:no-repeat}@media (width>=430px){&:after{height:14px}}@media (width>=600px){&:after{height:19px}}@media screen and (width>=768px){&:after{height:10%;bottom:0;mask-size:cover}}&.top-left{background-position:0 0}&.top-center{background-position:top}&.top-right{background-position:100% 0}&.center-left{background-position:0}&.center-center{background-position:50%}&.center-right{background-position:100%}&.bottom-left{background-position:0 100%}&.bottom-center{background-position:bottom}&.bottom-right{background-position:100% 100%}& .container{z-index:100;gap:20px;width:100%;display:grid;& h2.archive-eyebrow{text-transform:uppercase;color:var(--color-cat-yellow);letter-spacing:5px;margin:0;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;@media screen and (width>=768px){&{font-size:18px}}}& h1{text-transform:uppercase;color:#fff;margin:0;font-size:48px;font-weight:750;line-height:105%;@media screen and (width>=768px){&{margin:0;font-size:60px;line-height:105%}}}}}& .before-grid{background:url(/wp-content/themes/warren-cat/assets/images/texture-tile.jpg);position:relative;&:after{content:"";z-index:1;background:linear-gradient(#f1f1f100 30%,#f1f1f1 80%);height:100%;display:block;position:absolute;inset:0}& .container{z-index:2;& .archive-breadcrumbs{padding:24px 0;& nav.breadcrumbs{margin:0;& a{color:#6a6a6a;font-family:roboto,sans-serif;font-size:16px;font-weight:400;text-decoration:none;&:hover,&:active,&:focus,&:visited{color:#6a6a6a;text-decoration:none}}& span.current{color:#000;font-size:16px;font-weight:700}}}& .two-up{grid-gap:32px;grid-template-columns:1fr;margin-bottom:32px;display:grid;@media screen and (width>=768px){&{grid-template-columns:1fr 327px}}@media screen and (width>=940px){&{grid-template-columns:1fr 371px}}& .description{max-width:675px;padding:0;&.no-content{display:none;@media screen and (width>=768px){&{display:block}}}}& .ctas{text-align:center;& .box{background-color:#e2e2e2;border:1px solid #919191;border-radius:10px;padding:16px 24px;& p{color:#000;margin:0;padding:0 0 16px;font-size:20px;& strong{display:block;@media screen and (width>=768px){&{display:inline}}}}& ul{grid-template-columns:repeat(3,1fr);align-items:center;margin:0;padding:0;display:grid;& li{text-align:center;border-right:1px solid #ababab;height:40px;list-style:none;&:last-child{border-right:none;& a{padding-right:0}}&:first-child{& a{padding-left:0}}& a{color:#000;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:10px;height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex;&:hover,&:active,&:focus{text-decoration:none}}& svg{& path{fill:#000}}}}}}}& .offers{text-align:center;background:url(/wp-content/themes/warren-cat/assets/images/offers-texture.jpg);border-radius:10px;grid-template-columns:1fr;align-items:center;max-width:1062px;margin:64px auto 32px;padding:18px;display:block;@media screen and (width>=768px){&{grid-template-columns:1fr 1fr 200px;height:123px;margin:0 auto 32px;padding:0;display:grid}}@media screen and (width>=940px){&{grid-template-columns:360px 1fr 235px}}& img{max-width:230px;margin:-50px auto 18px;@media screen and (width>=768px){&{max-width:100%;margin:0 auto}}@media screen and (width>=940px){&{margin:-32px 0 0}}}& p{color:var(--color-cat-yellow);text-transform:uppercase;letter-spacing:5px;text-align:center;margin:0;padding:0 0 25px;@media screen and (width>=768px){&{padding:0}}}& a{margin:0 auto;font-weight:600;@media screen and (width>=768px){&{margin:0 20px}}@media screen and (width>=940px){&{margin:0 40px}}}}}}& .product-grid-section{& .controllers{grid-template-columns:1fr 145px;margin:64px 0 32px;display:grid;& .indutries-dropdown{& .archive-filters{background:0 0;margin:0;padding:0;& .industry-filter{& select{color:#000;-prefix-appearance:none;-webkit-appearance:none;background:#e2e2e2 url(/wp-content/themes/warren-cat/assets/images/chevron-down.svg) right 16px center no-repeat;border:1px solid #919191;border-radius:10px;width:308px;padding:12px;font-weight:700;position:relative}}}}& .view-toggle{background-color:#e2e2e2;border:1px solid #919191;border-radius:100px;grid-template-columns:1fr 80px;justify-content:end;align-items:center;width:145px;display:grid;position:relative;& label{text-align:center;cursor:pointer}}& .grid-icon{z-index:100;cursor:pointer;padding:0;display:grid;position:absolute;top:50%;right:56px;transform:translateY(-55%)}& .list-icon{z-index:100;cursor:pointer;padding:0;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-58%)}& .switch{width:68px;height:32px;display:inline-block;position:relative}& .switch input{opacity:0;width:0;height:0}& .slider{cursor:pointer;background-color:#ababab;transition:all .4s;position:absolute;inset:0}& .slider:before{content:"";background-color:var(--color-cat-yellow);width:32px;height:32px;transition:all .4s;position:absolute;bottom:0;left:0}& input:checked+.slider,& input:focus+.slider{background-color:#ababab}& input:checked+.slider:before{transform:translate(36px)}& .slider.round{border-radius:32px;height:32px}& .slider.round:before{border-radius:50%}}& .product-grid.list-view .terms-grid .term-item .term-content{border-bottom:0}& .product-grid{&.list-view{& .terms-grid{& .term-content{border-bottom:0}}& .term-image{height:0;overflow:hidden;& img{width:100%;max-width:208px;height:auto;display:block}}}& .term-image{background-color:#fff;transition:all .3s ease-in-out;& img{width:100%;max-width:208px;height:auto;display:block}}& .terms-grid{gap:12px;display:grid;& .term-item{box-sizing:border-box;padding:8px;text-decoration:none;& .term-content{border-bottom:1px solid #d2d2d2;padding:0;& .term-name{margin:16px 8px;& span{color:#000;white-space:nowrap;text-overflow:ellipsis;padding:0 32px 0 0;font-size:18px;font-weight:700;display:block;position:relative;overflow:hidden;&:after{content:"";background:url(/wp-content/themes/warren-cat/assets/images/chevron-down.svg) 50% no-repeat;width:24px;height:24px;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(-90deg)}}}}}}}}}.content-after-equipment{background:var(--color-primary-black);color:#d2d2d2;margin-top:250px;padding-bottom:100px;position:relative;&:before{content:"";background:url(/wp-content/themes/warren-cat/assets/images/dirt-divider.webp);width:100%;height:200px;display:block;position:relative;top:-200px;left:0}& .container{gap:1em;max-width:800px;margin-top:-150px;display:grid}& h1,& h2,& h3,& h4,& h5,& h6,& p,& ul,& ol,& li{margin:0;padding:0}& h2{color:var(--color-primary-white);font-size:2.5rem;font-weight:700}& h2:first-child{font-size:48px;@media screen and (width>=768px){&{margin:0 -70px;font-size:60px}}}& h3{color:var(--color-primary-white);font-size:1.5rem;font-weight:700}& ul,& ol{padding-left:20px}& a,& a:visited,& a:active,& a:focus,& a:hover{color:#fff;font-weight:700}& .grit-divider{z-index:3;width:100%;position:absolute;bottom:-85px;& svg{transform:scale(1.6);& path{fill:var(--color-primary-black)}}}}.accordion{background-color:#000;position:relative;&.color-dark{& .container{& .faqs{& .faq-section{& .faq{background-color:#151515;& .question,& .answer{color:#fff;& .arrow{& svg{& path{fill:var(--color-cat-yellow);stroke:var(--color-cat-yellow)}}}}}}}}}&.color-light{background:#000;& .container{& .faqs{& .faq-section{& .faq{background-color:var(--color-surface-white);& .question,& .answer{color:#000;& .arrow{& svg{& path{fill:#000;stroke:#000}}}}}}}}}&.has-image{&:before{content:"";background:#f1f1f1;width:100%;height:10px;display:block;position:absolute;top:0;left:0;mask-image:url(/wp-content/themes/warren-cat/assets/images/grit-b.svg);mask-position:top;mask-size:100%;mask-repeat:no-repeat}@media (width>=430px){&:before{height:14px}}@media (width>=600px){&:before{height:19px}}@media screen and (width>=768px){&:before{height:5%;bottom:0;mask-size:cover}}& .container{padding-top:0}}&.black-mask{&:before{background:#000}}& .faq-image{margin:0;&:after{content:"";background:linear-gradient(#0000 20%,#000 100%);width:100%;height:25px;display:block;transform:translateY(-25px)}@media screen and (width>=768px){&:after{height:50px;transform:translateY(-50px)}}& img{width:100%}}& .faq-image+.container .eyebrow{margin-top:32px;@media screen and (width>=768px){&{margin-top:80px}}}& .container{max-width:840px;margin:0 auto;padding:16px 24px 32px;@media (width>=1024px){&{margin:0 auto;padding:40px 24px 80px}}@media (width>=1170px){&{padding:40px 72px 80px}}& .eyebrow{color:var(--color-cat-yellow);text-transform:uppercase;letter-spacing:5px;text-align:center;margin-top:0;margin-bottom:32px;font-size:18px;font-weight:600;@media screen and (width>=768px){&{margin-top:0;margin-bottom:54px}}}& .heading{text-align:center;color:#fff;font-size:40px;line-height:105%;margin-bottom:48px!important;@media screen and (width>=768px){&{font-size:60px;margin-bottom:72px!important}}}& .faqs{& ul{& li{list-style:none;position:relative}}& .faq{border-radius:10px;margin-bottom:12px;padding:24px;@media screen and (width>=768px){&{margin-bottom:24px}}&:last-child{margin-bottom:0}& .question{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:-24px;padding:24px;font-weight:700;display:flex;font-size:20px!important;& .arrow{margin:8px;transition:all .5s ease-in-out;display:inline-block;transform:rotate(90deg)}}& .answer{max-height:0;padding:0;font-size:16px;transition:all ease-in-out;display:block;overflow:hidden;& p,& ul,& ol{margin:16px 0 0}& ul ul,& ul ol,& ol ul,& ol ol{margin:0}& a{color:var(--dark-blue);font-weight:400;text-decoration:underline;&:hover{text-decoration:none}}& div{overflow:hidden}}& .question+.answer{grid-template-rows:0fr;max-height:10000px;transition:grid-template-rows .5s ease-in-out;display:grid}&.active{& .question{& .arrow{transform:rotate(270deg)}}& .question+.answer{grid-template-rows:1fr}}}}}}.js .sort-controls:after{display:none}