@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.pas-section{ padding: 16px 14px; }
.pas-mainrow { display: flex; flex-direction: column; gap: 16px; }
.pas-offers {}
.pas-headline { display: flex; flex-direction: column; }
.pas-headline-text { padding: 16px 16px; font-weight: bold; font-size: 16px; color: #AD0C34; line-height: 120%; text-align: center; }
.pas-divider { background-color: #AD0C34; height: 4px; }
.pas-infodisplay { display: flex; flex-direction: column; gap: 12px; }
.pas-makecount { display: flex; flex-direction: column; gap: 6px; }
.pas-makeinfo { text-align: center; font-size: 21px; font-weight: bold; line-height: 120%; color: #131313; }
.pas-countinfo { text-align: center; font-size: 12px; font-weight: normal; line-height: 120%; color: #131313; }
.pas-image { text-align: center; }
.pas-image img { width: 100%; max-width: 412px; }

.pas-cards { display: flex; flex-direction: row; gap: 6px; align-items: center; width: 100%; }
.pas-carditem { padding: 24px 16px; width: 100%; border: 1px solid #E4E4E4; border-radius: 8px; display: flex !important; flex-direction: column; gap: 4px; height: auto; margin: 0 10px; }
.pas-card-offertype { color: #AD0C34; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 100%; }
.pas-card-title { font-size: 12px; font-weight: 400; line-height: 120%; }
.pas-card-image { margin-bottom: 16px; }
.pas-card-image img { max-width: 240px; width: 100%; border-radius: 8px; max-height: 140px; object-fit: cover; object-position: center; margin: auto; }

.pas-card-offerinfo .offerinfo-row { display: flex; justify-content: start; gap: 24px; padding: 8px 0; }
.pas-card-offerinfo .oi-value { font-size: 16px; font-weight: bold; color: #131313; }
.pas-card-offerinfo .oi-label { font-size: 11px; color: #131313; }

.pas-card-cta a { display: inline-block; font-weight: 700; font-size: 12px; line-height: 100%; text-decoration: none; text-transform: uppercase; padding: 12px 16px; border-radius: 24px; background-color: #AD0C34; color: #ffffff; margin: 4px 0 6px 0; transition: all 120ms ease; }
.pas-card-cta a:hover { transform: translateY(-2px); }

.pas-pagearrows { text-align: center; }
.pas-pagearrows-row { display: flex; align-items: center; justify-content: center; gap: 36px; }
.pas-pageinfo { font-size: 16px; color: #131313; line-height: 120%; }
.pas-arrowbtn { display: block; background-color: #131313; padding: 4px 12px; border-radius: 8px; cursor: pointer; transition: all 120ms ease; }
.pas-arrowbtn:hover { opacity: 0.8; }
.pas-arrowbtn i { font-size: 16px; color: #ffffff; }
.pas-arrowbtn.is-disabled { background-color: #E6E6E6; cursor: unset; }
.pas-arrowbtn.is-disabled:hover { opacity: 1; }
.pas-arrowbtn.is-disabled i { color: #131313; }

.show-disclaimer-link { display: inline-block; color: #AD0C34; font-size: 12px; text-decoration: none !important; line-height: 150%; transition: all 120ms ease; cursor: pointer; }
.show-disclaimer-link:hover { transform: translateY(-2px); color: #AD0C34; }
.pas-card-expiredate { color: #131313; font-size: 12px; text-decoration: none !important; display: inline-block; line-height: 150%; }

.pas-card-disclaimer-html { display: none; }
.pas-card-disclaimer-modal-title { display: none; }

#modalAtomicDisclosure .modal-title { font-size: 16px; line-height: 150%; }
#modalAtomicDisclosure .modal-content { border-radius: 0px !important; }
#modalAtomicDisclosure .modal-content div, #modalAtomicDisclosure .modal-content p { font-size: 12px; color: #333333; }
#modalAtomicDisclosure .custom-disclosure { margin-bottom: 16px; margin-bottom: 16px; font-size: 12px; color: #333333; }
#modalAtomicDisclosure .modal-footer button { background-color: #AD0C34; border: 0; border-radius: 0px !important; color: #ffffff; transition: all 120ms 
ease; }
#modalAtomicDisclosure .modal-footer button:hover { transform: translateY(-2px); }

/* Slick */
.pas-cardslider .pas-carditem { display: none !important; }
.pas-cardslider.slick-initialized .pas-carditem { display: block !important; }
.pas-cards .slick-slider { margin-bottom: 0px !important; min-width: 0px; flex: 1; }
.pas-cards .slick-track { display: flex; }
.pas-cardslider .slick-slide { box-sizing: border-box; }

.pas-cards .slick-slider.singlepageslide .slick-track { width: 100% !important; }
.pas-cards .slick-slider.singlepageslide.slidestoshow6 .pas-carditem.slick-slide { width: 16.6666666667% !important; }
.pas-cards .slick-slider.singlepageslide.slidestoshow5 .pas-carditem.slick-slide { width: 20% !important; }
.pas-cards .slick-slider.singlepageslide.slidestoshow4 .pas-carditem.slick-slide { width: 25% !important; }
.pas-cards .slick-slider.singlepageslide.slidestoshow3 .pas-carditem.slick-slide { width: 33.3333333333% !important; }
.pas-cards .slick-slider.singlepageslide.slidestoshow2 .pas-carditem.slick-slide { width: 50% !important; }

.pas-cardslider.pas-loading { position: relative; min-height: 300px; width: 100%; }
.pas-cardslider.pas-loading::before { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: preload-loading 1.5s infinite; z-index: 10; }
.pas-cardslider.pas-loading > * { opacity: 0; }

/* Cross-Promo */
.pas-cardslider .pas-carditem.pas-cross-promo { position: relative; overflow: hidden; }
.pas-cardslider .pas-carditem.pas-cross-promo::before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 120px 120px 0; border-color: transparent #AD0C34 transparent transparent; z-index: 10;}
.pas-carditem.pas-cross-promo::after { font-family: 'FontAwesome', sans-serif; position: absolute; top: 10px; right: 2px; color: #ffffff; font-size: 15px; font-weight: 700; transform: rotate(45deg); z-index: 11; text-align: center; line-height: 105%; white-space: pre; }
.pas-section.section1 .pas-carditem.pas-cross-promo::after { content: "\f155\a OEM\a Special"; }
.pas-section.section2 .pas-carditem.pas-cross-promo::after { content: "\f155\a Dealer\a Special"; }

/* Tabs */
.pas-section.tabs-section { padding: 6px 14px 0px; background: #F3F3F3; }
.pas-section.tabs-section::after { content: ""; display: none; position: static; height: 4px; background-color: #7E8081; }
.pas-tabs-row { display: flex; gap: 0px; }
.pas-tabs-item { position: relative; }
.pas-tabs-item .pas-tab-labelgroup { display: flex; align-items: center; gap: 8px; font-weight: bold; font-size: 16px; color: rgb(173, 12, 52); line-height: 120%; text-align: center; padding: 16px; filter: grayscale(1); cursor: pointer; transition: all 120ms ease; background-color: #E6E6E6; }
.pas-tabs-item .pas-tab-labelgroup:hover { transform: translateY(-2px); }
.pas-tabs-item.active .pas-tab-labelgroup { filter: grayscale(0); background-color: #FFFFFF; }
.pas-tabs-item .tabdivider { width: 0%; height: 4px; margin-bottom: -4px; transition: all 120ms ease; position: absolute; top: 0; }
.pas-tabs-item.active .tabdivider { width: 100%; }

@keyframes preload-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media only screen and (min-width: 540px) {
    .pas-card-image img {  }
    .pas-cardslider .slick-slide { }
}

@media only screen and (min-width: 768px) {
    .pas-card-image img { height: 95px; }
    .pas-cardslider .slick-slide {  }
}

@media only screen and (min-width: 992px) {
    .pas-card-image img { height: 150px; }
}


@media only screen and (min-width: 1200px) {
    .pas-section { padding: 16px 50px 16px 50px; }
    .pas-section.tabs-section { padding: 6px 50px 0px 50px; }
    .pas-headline { overflow-x: hidden; }
    .pas-headline-text { text-align: left; font-size: 20px; }
    .pas-divider { }
    .pas-makeinfo { font-size: 28px; }
    .pas-countinfo { font-size: 16px; }
    .pas-offers { display: flex; }
    .pas-infodisplay { min-width: 412px; padding-top: 16px; }
    .pas-cards { min-width: 0px; }
    .pas-card-offertype { font-size: 16px; }
    .pas-card-title { font-size: 16px; }
    .pas-card-offerinfo .oi-value { font-size: 20px; }
    .pas-card-offerinfo .oi-label { font-size: 13px; }
    .pas-card-cta a { font-size: 14px; }
    .show-disclaimer-link { font-size: 14px; }
    .pas-card-expiredate { font-size: 14px; }
}

@media only screen and (min-width: 1500px) {
    .pas-card-image img {  }
    .pas-cardslider .slick-slide {  }
}

@media only screen and (min-width: 1800px) {
    .pas-card-image img { height: 140px; }
    .pas-cardslider .slick-slide {  }
}