<style>

/*root {    --color-primary: #407EC9;    --color-primary-dark: #062659;    --color-primary-light: #062659;    --color-primary-lighter: #062659;}*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;900&family=Poppins:ital,wght@1,700&display=swap');

main p {
font-size: 1.4em;
}

.primary>*:not(:last-child) {
margin-bottom: 0px;
}

.page-title {
display: none;
}

.primary-wrapper {
padding: 0;
margin-top: 0px;
}

.pag-wrapper {
padding: 2rem calc(50% - 55rem);
}

.pag-wrapper h1 {
text-align: center;
padding-bottom: 20px;
padding-top: 0px;
max-width: 1400px;
margin: 0 auto;
line-height: 5rem;
}

.vehicleRatesBg {
color: #fff;
text-align: center;
background-color: #8bc34a;
padding: 15px;
}

.vehicleRatesBg h2 {
padding-bottom: 15px;
}

.vehicleRatesBg h3 {
font-weight: bold;
}

.pag-container>div:nth-child(1)>div>div>div:nth-child(1) {
border-right: 2px solid #fff;
}

.infoList {
text-align: center;
font-size: 2.8rem;
}

.infoList ul {
display: inline-block;
text-align: left;
font-size: 25px;
}

.infoList li {
list-style: none;
background-image: url(https://www.performance.ca/wp-content/uploads/sites/24/2020/09/green-square-bullet.png);
padding-left: 30px;
background-repeat: no-repeat;
background-position: 0px 4px;
line-height: 25px;
padding: 0 0 20px 20px;
}

.locationBg {
background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/00-background-flowers-1x-1.jpg) bottom center no-repeat;
background-size: cover;
background-attachment:inherit;
padding: 0 1em;
}

.locationBg h2 {}

.tires-banner {
width: 100%;
margin: 0 0 0em;
}

h2.widget-heading {
text-align: center;
}

.tadv-performance-custom-group-locations-1 {padding-top:2rem !important;padding-bottom:5em !important;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .widget-heading {color: #fff !important; font-weight: 500 !important; font-size: 2.5rem; padding-bottom: 1.5rem;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .widget-heading::after {display: none;;}
.tadv-performance-custom-group-locations-1 {background:#E6F5FF;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations, .tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations {justify-content: center;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon {background:#fff;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon {background:#fff;flex:0 0 30%;}


.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li.border-top, .tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li.border-top {border-top:1px solid #ccc !important;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li {padding-bottom:2rem;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li:first-child,.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li:first-child {border:0 !important;padding-top:0;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li a {font-size:1.5em;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext {
	background:none !important;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul {
	border:none !important;
	border-radius:0 !important;
    border-top: 3px solid var(--color-primary) !important;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext ul li .right-section p {
	font-size:14px !important;
	color:#000;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li .right-section > a b {
	font-size:16px !important;
}


.tire-storage-container {padding:40px 25px 70px;max-width: 660px; margin: 0 auto;}
.pag-tire-storage {
background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/Winter-Tires-Seasonal-Storeage.jpg) no-repeat center right;
background-size:40%; 
background-position: right center;
}
.pag-tire-storage h3 {font-size: 2.5em; color: #062659; line-height: 1.3em;}
.pag-tire-storage ul {margin: 2em 0rem 2em 1rem;}
.pag-tire-storage ul li {position: relative; list-style: disc; font-size: 3rem !important; line-height: 1.5em !important; padding-left: 0; margin-left: 15px;}
.pag-tire-storage p {font-size: 1.6em; padding: 0 0 2em;}
.pag-tire-storage .button-large {display:inline-block;}
.pag-tire-storage-img-m {width:100%;margin: 0 0 25px 0;}
@media (max-width: 991px) {
    .pag-tire-storage {background:none;}

}

.pag-why-winter-tires-title {
padding: 2em 0 4em ;
background: #3b76bf url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/Winter-Tire-Everything-to-Know-1-1.png) no-repeat center center;
background-size: cover;
text-align: center;
}
.pag-why-winter-tires-title p {font-size: 4.6rem; color: #407EC9;padding: 5px 20px; line-height: 50px;}
.pag-why-winter-tires-title h3 {font-size: 6rem; font-weight: bolder;color:#062659;}
.pag-why-winter-tires-title h2 {color:#fff;font-weight:bold;font-size:4.5rem;max-width:700px;margin: 70px auto 0;padding:0 20px;}


.pag-winter-tires-vs-all-season img {width:100%;margin:0 auto;max-width:unset;}

.pag-why-winter-tires-content {
padding: 3rem 0 8rem;
background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/winter-tires-bg-2-scaled.jpg) no-repeat top center;
background-size: cover;
}
.pag-winter-tires-temperature {max-width: 170px; float: left; position: absolute; margin: -110px 0 0 -170px;}
.pag-why-winter-tires-content p {padding: 3rem 5rem 2em; font-size: 1.9em;}

.pag-why-winter-tires-distance-container {padding: 25px; max-width: 900px; margin: 0 auto;}
.pag-why-winter-tires-distance {background: #EFEFEF; padding: 4em 0px 5em;}
.pag-why-winter-tires-distance h3 {color: #062659; font-size: 3em;}
.pag-why-winter-tires-distance p {color:#062659;font-size:2.2em; margin: 0 0 1.5em 0;}
.pag-why-winter-tires-distance img {width: 100%; max-width: 1820px; display: block; margin: 0 auto;}


.pag-winter-tires-caution {text-align: left;padding-top:30px;overflow: hidden;}
.pag-winter-tires-caution h2 {color: #407EC9; text-transform: uppercase; font-size: 2.6em;}
.pag-winter-tires-caution h4 {color: #062659; font-size: 4em; line-height: 1em;}
.pag-winter-tires-caution p {font-size: 2.5em; line-height: 1.5em; margin: 0.5em 0 60px;}
.pag-winter-tires-caution-img {max-width: 450px; margin: 55px auto 0 auto;}
.pag-winter-tires-caution-roadsign {max-width: 400px; margin: 0 auto; display: block;}

@media (max-width: 769px) {
    .pag-why-winter-tires-content {background-position: -800px center ;}
    .pag-why-winter-tires-content p {text-align: center;}
    .pag-why-winter-tires-distance-container {text-align: center;}
    .pag-winter-tires-caution {text-align:center !important;}
    .pag-winter-tires-caution h2 {font-size:1.4em;}
    .pag-winter-tires-caution h4 {font-size:2.2em;}
    .pag-winter-tires-caution p {font-size:1.5em;margin-bottom:20px;}
    .pag-winter-tires-caution-roadsign {max-width:300px;}
    .pag-winter-tires-caution-img {max-width:320px;margin-top:0;}
    .pag-winter-tires-model p {font-size: 1.8em !important; padding: 0 25px;}
    }
@media (max-width: 450px) {
    .pag-why-winter-tires-content {background-position: -1200px center ;padding-left:20px;padding-right:20px;}
    }


main .button {background-color: var(--color-primary, #0668B3) !important; color:#fff !important;}
main .button:hover {background-color: #407EC9 !important; color:#fff !important;}

.tire-rebates .button {background-color: #69c640 !important; margin: 5px 0 5px; font-size: 1.3em;}
.tire-rebates .button:hover {background-color:var(--color-primary) !important; color:#fff !important;}

.tire-rebates {
padding: 3em 0px 0;
background-color: #69c640;
}

.tire-rebates-heading {
text-align: center;
margin: 30px 0;
}

.tire-rebates-heading h2 {
padding-bottom:20px;
font-size:4rem;
}

.tire-rebates-heading h4 {color: #fff; font-size: 3em;}

.rebates-disclaimer {font-size:0.8em;color:111;padding:2em 0 3em;}

.pag-header {
background: #ccc;
text-align: center;
padding: 50px 0;
}

.pag-header-title {}

.pag-header-title h1 {}

.pag-header-title h3 {}


/* START Sale Details */

.pag-header-top {
padding: 30px;
min-height:100px;
background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/00-header-stripe.png) no-repeat;
background-position: center center;
background-size:cover;
}

.pag-sale-tires {float: right; max-width: 350px; margin: -50px 0 0;}
.pag-sale-offer-divider {height: 2px; background: #E6F5FF; margin: 2em 0;}
.pag-sale-offers {padding:1.3em 1.5em 1em;background: #69c640; color: #fff;text-align: center;}
.pag-sale-offers h4 {font-size: 3.6em;}
.pag-sale-offers h3 {font-size: 2.2em; margin:0 0 0.5em 0;}
.pag-sale-offers p {font-size: 1.4em; margin:0.5em 0 1.2em 0;}
.pag-sale-offers a {width: 100%; display: inline-block; max-width: 100%; font-size: 1.4em; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}

.pag-sale-message {display:block;background: var(--color-primary, #0668B3);padding:4rem 0 2.8em;margin:0;text-align: center;}
.pag-sale-message h1 {max-width:1020px;color:#fff;font-weight:bold;font-size:3.3rem;margin:0 auto;padding:0 1em;}

.sale-logo {margin: 1em auto 0em; padding: 0 75px; width:1100px;}
.sale-details h3 {color: var(--color-primary, #0668B3); font-size: 6em; text-transform: uppercase; margin: 0; padding: 0; line-height: 1.3em;font-family: 'Poppins', sans-serif; font-weight: 900;}
.sale-details h4 {color: #000; font-size: 2.7em; line-height: 1;font-style:italic;font-family: 'Poppins', sans-serif; font-weight: 700;}
.sale-details h5 {color: #000; font-size: 2em; margin: 0.6em 0 1em; font-family: 'Poppins', sans-serif; font-weight: 300;}
.pag-sale-details h3 {font-size: 2.3em; margin: 0 0 0.5em;line-height: 1.3em;}
.pag-sale-details p {font-size: 1.7em; line-height: 1.4em;max-width:620px; }

.sale-details {
width: 100%;
margin: 20px auto;
max-width: unset;
padding: 0 0px;
}

.sale-logo-mobile {
width: 100%;
margin: 20px auto 0;
max-width: 370px;
padding: 0 0px;
}

.sale-details-mobile {
width: 100%;
margin: 20px auto;
max-width: 450px;
padding: 0 0px;
}

.sale-details-date {
color:  var(--color-primary, #0668B3);
font-weight: bolder;
font-size: 4em;
text-transform: uppercase;
}

.sale-detials-offer-conatiner {
padding-left: 20px;
padding-right: 20px;
}

.sale-detials-offer {
max-width: 940px;
margin: 15px auto 25px;
border: 5px solid #fff;
background: rgb(104, 210, 207);
background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus.png");
background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus.png"), linear-gradient(0deg, rgba(104, 210, 207, 1) 0%, rgba(104, 198, 64, 1) 100%);
background-repeat: no-repeat;
background-position: center center;
color: #fff;
padding: 20px;
}

.sale-details-offer-spacer {
display: none;
}

.sale-video {width:100%;max-width: 712px;height:400px;}



@media (max-width: 769px) {

.sale-detials-offer {
    background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus2.png");
    background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus2.png"), linear-gradient(0deg, rgba(104, 210, 207, 1) 0%, rgba(104, 198, 64, 1) 100%);
}
.sale-details-offer-spacer {
    height: 20px;
    display: block;
}
    }


.sale-details-offer-large {
font-size: 3em;
line-height: 1em;
font-weight: bold;
display: block;
margin: 20px auto 0;
padding: 0;
text-shadow: 0 0px 0px #aaa;
max-width: 440px;
}

.sale-details-offer-small {
font-size: 2.2em;
text-transform: uppercase;
line-height: 1em;
margin: 20px auto;
display: block;
text-shadow: 0 0px 0px #aaa;
max-width: 370px;
}


/* END Sale Details */

.pag-intro {
text-align: center;
padding:3em 2em 0em;
}

.pag-intro-subtitle {}

.pag-intro-subtitle h2 {}

.pag-intro-subtitle h4 {}

.pag-intro h3 {color: #062659; font-size: 3em; text-transform: uppercase; margin: 0 0 40px; font-weight: 900;}

.pag-intro-copy {
padding: 0 30px;
text-shadow: 2px 2px 20px rgb(255 255 255 / 100%);
font-weight: normal;font-size:1.4em;
max-width: 940px;
margin: 0 auto;
}

.pag-intro-copy p {
font-weight: normal;
color: #000;
font-size: 1em;
margin-bottom: 20px;
}

.pag-header-finance {
background: url(//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/02/05-FINANCE_BG.jpg) top center no-repeat;
background-size: cover;
color: #fff;
padding: 60px 15px;
min-height: 150px;
margin-top: 1px;
}

.tire-storage {
background: url(//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/02/04-TIRE_STORAGE_BG.jpg) top center no-repeat;
background-size: cover;
color: #fff;
padding: 50px 15px;
min-height: 150px;
}

.covidbanners {
text-align: center;
background: var(--color-primary, #0668b3);
}

.tire-storage-row {
border-bottom: 1px dashed #999;
margin-bottom: 25px;
}

.tire-storage-subheading {
text-align: right;
text-transform: uppercase;
line-height: 36px;
margin-top: 25px;
}

.tire-storage-subheading-parent {
text-align: left;
text-transform: uppercase;
line-height: 36px;
margin: 20px 0;
}

.tire-storage-price {
margin: 0;
font-size: 70px;
margin-top: -20px;
font-weight: bold;
font-style: italic;
text-align: center;
}

.tire-storage-starting {
text-transform: capitalize;
font-size: 18px;
text-align: center;
display: block;
}

.tire-storage-currency {
vertical-align: super;
font-size: 50%;
}

.tire-storage-dollar {
letter-spacing: -5px;
}

.tire-storage-cent {
vertical-align: super;
font-size: 50%;
margin-left: 20px;
}

.tire-storage-tax {
font-size: 20px;
margin-left: -50px;
}

.tire-storage-ask {
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 2.3em;
border: 0px solid #fff;
margin: 0 auto;
max-width: 330px;
margin-top: 10px;
}

.parts-form {
background: #fff;
padding: 20px;
border-radius: 5px;
border: 2px solid #ccc;
text-align: center;
}

.parts-form .widget-heading {
color: #333;
}

.parts-form .widget-heading::after {
margin-left: auto;
margin-right: auto;
background-color: #333;
}

.widget-heading::after {
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

#pag-filters {
margin: 1%;
margin-bottom: 25px;
padding: 0;
list-style: none;
text-align: center;
}

#pag-filters li {
display: inline-block;
}

#pag-filters li span {
display: block;
padding: 5px 20px;
text-decoration: none;
cursor: pointer;
border-radius: 5px;
border: 1px solid #ccc;
color: #fff;
}

#pag-filters li span:hover {
background: #333;
border: 1px solid #000;
}

#pag-filters li span.active {
background: var(--color-primary);
color: #fff;
border: 1px solid var(--color-primary);
}

#pag-dealers .pag-dealer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;
overflow: hidden;
}

.pag-dealer-last {
text-align: center;
margin: 0em 0;
box-shadow: 0px 0px 4px #ccc;
padding: 12px;
}

.pag-dealer-box {
text-align: center;
margin: 0em 0;
border: 2px solid #9E9E9E;
padding: 18px;
background-color: #fff;
margin: 15px auto;
max-width: 360px;
}

.pag-oem-logo {
height: 110px;
width: 100%;
}

.pag-oem-logo img {
max-height: 110px;
max-width: 190px;
}

.dealership-title {
font-size: 16px;
font-weight: bold;
}

.pag-dealer-box h6 {
font-weight: normal;
font-size: 11px;
margin: 0 0 15px;
}

.pag-dealer-box .button {
text-align: center;
}

.pag-group-oem {
padding: 50px 15px 70px;
background:  var(--color-primary, #0668B3);
background: linear-gradient(180deg, rgba(56, 167, 249, 1) 0%, rgba(104, 210, 207, 1) 100%);
}

.pag-group-oem h2 {
text-shadow: 2px 2px 20px rgb(50 50 50 / 0%);
color: #fff;
}

.pag-group-oem h2:after {
background: #fff;
}

.pag-group-oem .button {
background:  var(--color-primary, #0668B3);
margin: 5px 0;
}

.pag-group-oem .button:hover {
background: var(--color-primary);
}

.pag-chat-box .button {
background:  var(--color-primary, #0668B3);
color: #fff;
font-weight: bold;
font-size: 1em;
}

.pag-chat-box .button:hover {
background: var(--color-primary);
color: #fff;
}

.button-chat img {
margin: 0 auto;
}

.button-chat:after,
.button-chat img {
display: none;
}

.button-large {
padding:0.6em 1em;
text-align: center;
font-size: 22px;
max-width: unset;
width:100%;
margin: 0 auto 20px;
display: block;
}

.button-transparent {
padding: 1em;
text-align: center;
font-size: 22px;
max-width: 330px;
display: block;
margin: 0 auto;
background: #407EC9 !important;
border: 2px solid #fff;
}

.button-transparent:hover {
background: #0D47A1 !important;
}

.sectoin-subheading {
padding: 0 30px;
}

.pag-tires-container {background:url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/01-desktop-bottom-stripe-tires.png) bottom center no-repeat; min-height:170px;}

.tire-locator-container {margin-top:0px;}

.xtime-iframe {
    background: #e0e0e0;
    overflow: hidden;
    width: 100%;
    height: 750px;
    box-shadow: 0px 0px 15px #ccc;
    margin: 0px auto 0;
    border-radius: 3px;
    overflow: hidden;
    display: block !important;
}

.open-tire-locator {
    display: block;
    text-align: center;
    background: #8099B3;
    padding: 20px;
    color: #fff;
}

.open-tire-locator:hover {color:#fff;background:var(--color-primary, #0668b3);}

.tire_disc {font-size: 1em; text-align: center; color: #31708f; background-color: #d9edf7; padding: 15px; margin:0 0 20px 0; border: 1px solid transparent; border-radius: 4px;}


.tire-locator-title {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    background: var(--color-primary, #0668b3);
    padding: 20px;
    z-index: 999;
    margin: 0px 0 0;
    text-transform: uppercase;
    letter-spacing:2px;
}

.tire-locator-box {margin:2em 0 0 0;}

.tires-disclaimer {
text-align: center;
max-width: 500px;
margin: 30px auto 0;
color: #333;
font-size: 12px;
margin-bottom: 30px;
}

.staticMap,
.staticMap p {
display: none;
}

.pag-map-container {
position: relative;
background: url('https://www.performance.ca/wp-content/uploads/sites/24/2020/10/PAG-Locations.jpg') center center no-repeat;
height: 516px;
width: 100%;
background-size: cover;
}

.pag-map-container a {
position: absolute;
background: #c30d0c;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.5rem 2rem 0.5rem 2rem;
border-radius: 4px;
}

.pag-map-container a::after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #c30d0c;
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -9px;
}

.saleDisclaimer {
font-size: 12px;
padding:2em 0px 1em;
text-align: justify;
}

.package-box {
    background: #fff;
    border: 0px solid #ddd;
    padding: 0px;
    color: #000;
    max-width: 380px;
    border-radius: 5px;
    margin: 10px auto;
    box-shadow: 0px 0px 8px rgb(0, 0, 0, .2);

}

.tire-rebates .packages-container {
    padding:0px;
    margin-top:-70px;
}
@media (max-width: 769px) { .tire-rebates .packages-container {margin-top:-170px;} }
.tire-rebates .expanded .packages-container {margin-top:0px;}
.tire-rebates .expanded { padding-top:30px;padding-bottom:30px; padding-left:2em;padding-right:2em; }

.package-image img {}

.package-box-blue {
    background: #fff;
    color: #111;
    border-color: #0E68B3;
    box-shadow: 0px 0px 8px rgb(0, 0, 0, .2);
}

.package-box-blue .package-image {display: flex; justify-content: center; align-items: center; height: 120px; overflow: hidden;}

.package-box-blue .package-image img {width: auto; height: auto; max-height: 85px;max-width: 225px;}

.package-box-blue .package-title {
    font-size: 1.5em;
    line-height: 1em;
    padding: 0;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.package-box-blue .package-details {
    min-height: 35px;font-size:12px;
}

.package-box-blue .package-save {
    
}

.package-box-blue .package-price-promo {}

.package-box-blue .package-cta a {
}

.package-box-blue .package-cta a:hover {
}


.package-title {
    font-weight: bold;
    font-size: 1.4em;
    margin: 0 0;
    padding:10px;
    text-align: center;
}

.package-details {
    padding: 10px;
    text-align: center;
    font-size:13px;
    min-height:80px;
}

.package-save {
    background: #eee; padding: 5px; margin: 0px 0 0; text-align: center; min-height: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column;
}

.package-cta {padding:10px;}

.package-price-savings {
    color: #c00;
    font-weight: bold;
    font-size: 1.6em;
}

.package-price-regular {
    text-decoration: line-through;
}

.package-price-promo {
    
}

.button-quick {
    background: #68C640 !important;
    font-weight: 400;
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.button-quick:hover {
    background: #407EC9 !important;
}

/* toggle collapse expand */

.pag-tire-performance {background:#D9D9D9;padding:0em 0 15em;overflow:hidden;position: relative;}
.content-wrapper {
  /* Your content styles here */
  padding: 1rem;
}

.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px; /* The height of the gradient */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,   /* Transparent at the top of the gradient div */
    rgba(0, 0, 0, 0.8) 150%  /* Black at the bottom */
  );
  pointer-events: none; /* Allows clicks to pass through to the content */
}

.expand-collapse {
    margin-bottom: 0px;
}
.toggle:hover {text-decoration: underline;}
.toggle {
    cursor: pointer;
    padding:0 0 4em;
    color:#fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.toggle span {padding: 10px; display: inline-block; border: 2px dashed #fff; border-radius: 999px; width: 50px; height: 50px; font-weight: bold; margin: 20px 0 0; font-size:33px;line-height:30px !important;}
.toggle span:hover {background:#fff;color:#69c640;}


.content-container {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}

.content-container .wrapper {
  filter: blur(8px);
  transform: scale(0.95);
  transition: filter 0.5s ease-out, transform 0.5s ease-out;
}

.content-container.expanded .wrapper {
  filter: blur(0px);
  transform: scale(1);
}

/* START Counter */

.countdown-clock-widget {}

.countdown-clock-widget h2 {
margin: 0;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading {
color: #FFF !important;
margin: 10px auto;
max-width: 850px;
padding-left: 25px;
padding-right: 25px;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading::after {
display: none;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading span {
font-style: italic;
color: #1568b3
}

.countdown-clock-1 .countdown-clock-widget.dark .countdown__card {
margin: 0 5px;
}

.countdown-clock-1 .countdown-clock-widget .countdown__card {
box-shadow: 5px 5px 0px #eee !important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__digit {
font-size: 12rem!important;
font-weight: 600!important;
color: #3c83c8!important;
line-height: 0.8!important;
background: #fff!important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__text {
text-transform: uppercase!important;
background-color: #fff!important;
font-weight: 700!important;
color: #707070!important;
font-size: 3rem!important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__separator {
font-size: 11rem!important;
color: #fff!important;
display: none;
}

.countdown-clock-1 .countdown-clock-widget {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.countdown-clock-1 .countdown-clock-widget .countdown {
max-width: 800px;
margin: 35px auto !important;
}


/* END Counter */


/* Visability Classes start */

@media (max-width: 426px) {
.hidden-xs {
    display: none !important;
}
.pag-intro {
    padding-top: 30px;
    padding-bottom:30px;
}
.pag-intro-copy {
    margin: 0px auto 30px;
}

.locationBg h2.widget-heading {
    color: #fff;
}
.locationBg .widget-heading::after {
    background-color: #fff;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.pag-dealer-box {
    max-width: 330px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}
}

@media (min-width: 425px) and (max-width: 769px) {
.hidden-xs {
    display: none !important;
}
.pag-intro {
    padding-top: 0;
}
.pag-intro-copy {
    margin: 10px auto 10px;
    max-width: 520px;
}
.locationBg h2.widget-heading {
    color: #000;
}
.locationBg .widget-heading::after {
    background-color: #000;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.pag-dealer-box {
    max-width: 330px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}

.sale-video {width:100%;max-width: 345px;height:194px;}
}

@media (max-width: 991px) {
.pag-sale-details-container {display: flex;flex-direction: column-reverse;}
.locationBg {background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/00-background-flowers-1x-1.jpg) no-repeat bottom center;}
.pag-sale-details {background: #fff;padding:2em 25px;}

.pag-sale-offers {}
.pag-sale-offers h4 {}
.pag-sale-offers h3 {font-size: 2em; margin: 0em 0 0.7em;}
.pag-sale-offers p {font-size: 2em; line-height: 1.3em;;}
.pag-sale-offers a {}

.sale-logo {margin:2em 0;}
.sale-details h3 {font-size: 6em; line-height: 0.9em; margin: 0 auto;}
.sale-details h4 {font-size: 2.7em; margin: 30px auto !important;}
.sale-details h5 {}
.pag-sale-details h3 {font-size: 1.9em; line-height: 1.3em; padding: 15px 15px 0;}
.pag-sale-details p {font-size: 1.7em; line-height: 1.4em; padding: 15px;}

.tire-rebates-heading h4 { font-size: 3em !important; margin: 0 auto; max-width: 400px; line-height: 1.2em; }


    }

@media (min-width: 769px) and (max-width: 991px) {
.hidden-sm {
    display: none !important;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
    display: none !important;
}
}

@media (min-width: 1200px) {
.hidden-lg {
    display: none !important;
}
}

.pag-specials-bg {padding:1em 2em 3em;background: linear-gradient(180deg, #f3f9f6 0%, #e1f2ea 100%);}

.pag-tire-offers {
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em;
  padding: 1em 1em;
  border-radius: 3px;
  box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .1);
}

.pag-tire-offer {
  width: 25%;
  text-align: center;
  padding: 0.75em 1em;
  position: relative;
}

.pag-tire-offer:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 74px;
  background: var(--color-primary, #0668B3) !important;
  transform: translateY(-50%);
}

.pag-tire-offer-top {
  color: var(--color-primary, #0668B3) !important;
  font-size: 22px;
  line-height: 1.05;
  font-weight: 700;
  margin-bottom: 0.18em;
}

.pag-tire-offer-bottom {
  color: #000000;
  font-size: 21px;
  line-height: 1.05;
  font-weight: 500;
}
.pag-tire-offer-bottom span {font-size: 0.6em; vertical-align: super; line-height: 0; margin-left: 2px;}

@media (max-width: 767px) {
  .pag-tire-offers {
    padding: 1.5em 0.5em;
    margin: 0 0 2em;
  }

  .pag-tire-offer {
    width: 50%;
    padding: 0.9em 0.75em 1em;
  }

  .pag-tire-offer:nth-child(1),
  .pag-tire-offer:nth-child(2) {
    border-bottom: 2px solid var(--color-primary, #0668B3) !important;
  }

  .pag-tire-offer:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 52px;
    background: var(--color-primary, #0668B3) !important;
    transform: translateY(-50%);
  }

  .pag-tire-offer:nth-child(2):after,
  .pag-tire-offer:nth-child(4):after {
    display: none;
  }

  .pag-tire-offer-top {
    font-size: 18px;
  }

  .pag-tire-offer-bottom {
    font-size: 17px;
  }
}


.pag-why-performance{background:#FFFEF2;padding:3.5em 0 2em;text-align:center}
.pag-why-performance h3{font-size:2.6em;line-height:1.3;max-width:620px;margin:0 auto;padding:0 20px}

.pag-why-container{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  max-width:1400px;margin:0 auto;padding:0 30px;
}

.pag-why-item{text-align:center;padding:40px;flex:1;margin:10px 0}
.pag-why-item img{max-width:120px;margin:0 auto}
.pag-why-item h4{margin:0 auto 15px;max-width:185px}
.pag-why-item p{font-size:1em}

@media (max-width:1400px){
  .pag-why-item{padding-right:5px;padding-left:5px}
}
@media (max-width:990px){
  .pag-why-item{flex-basis:50%}
  .pag-why-item p{font-size:1.2em}
}

/* ===== Mobile (<= 990px): horizontal, centered, no scrollbar, fixed arrows ===== */
@media (max-width:990px){
  .scroll-wrapper{position:relative}

  .pag-why-container{
    flex-wrap:nowrap;              /* single row */
    overflow-x:auto;               /* allow swipe/drag */
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;  /* snap per card */
    -webkit-overflow-scrolling:touch;
    gap:16px;
    padding:0 24px;
  }
  /* Hide scrollbar */
  .pag-why-container{scrollbar-width:none}
  .pag-why-container::-webkit-scrollbar{display:none}

  .pag-why-item{
    flex:0 0 100%;                 /* each card = viewport width */
    padding:30px 56px;             /* room for arrows */
    margin:0;
    min-height:360px;
    display:flex;                  /* center content */
    flex-direction:column;
    align-items:center;
    justify-content:center;
    scroll-snap-align:center;
  }

  .scroll-btn{
    position:absolute; top:50%; transform:translateY(-50%);
    width:44px !important; height:44px !important; border-radius:999px;
    background:transparent; border:2px solid #000; color:#000;
    display:flex; align-items:center; justify-content:center;
    font-size:24px; line-height:1; cursor:pointer;
    z-index:2;
  }
  .scroll-btn.left{ left:8px; }
  .scroll-btn.right{ right:8px; }
}

/* ===== Desktop (> 990px): grid, hide arrows ===== */
@media (min-width:991px){
  .scroll-btn{ display:none; }
}





</style>