/** Shopify CDN: Minification failed

Line 495:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Narrow:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
    --ink:#1c1f24;
    --gray:#5b6670;
    --gray-dk:#3c434c;
    --frost:#e8edf2;
    --snow:#f6f8fa;
    --paper:#ffffff;
    --salt:#c9d4de;
    --blue:#00539A;
    --blue-deep:#003e74;
    --ice:#4d9fd6;
    --line:rgba(255,255,255,.10);
    --line-dk:rgba(13,17,23,.12);
    --shadow:0 18px 50px -20px rgba(13,17,23,.4);
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--snow);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{font-family:'Archivo',sans-serif}
  .eyebrow{
    font-family:'Archivo Narrow',sans-serif;
    text-transform:uppercase;
    letter-spacing:.22em;
    font-weight:700;
    font-size:.74rem;
  }
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .btn{
    display:inline-flex;align-items:center;gap:.5em;
    font-family:'Archivo',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.05em;font-size:.84rem;
    padding:.95em 1.5em;border-radius:2px;border:2px solid transparent;
    cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease;
  }
  .btn:hover{transform:translateY(-2px)}
  .btn-blue{background:var(--blue);color:#fff}
  .btn-blue:hover{background:var(--blue-deep)}
  .btn-ghost{border-color:rgba(255,255,255,.45);color:#fff}
  .btn-ghost:hover{background:#fff;color:var(--ink)}
  .btn-dark{border-color:var(--ink);color:var(--ink)}
  .btn-dark:hover{background:var(--ink);color:#fff}

  .leaf{width:15px;height:15px;fill:var(--gray)}

  /* ---- hero ---- */
  .hero{
    position:relative;color:#fff;overflow:hidden;
    background:
      linear-gradient(115deg, rgba(13,17,23,.94) 0%, rgba(13,17,23,.72) 48%, rgba(13,17,23,.30) 100%),
      url('https://gspnorthamerica.com/cdn/shop/files/auto-mechanic-looking-car-s-bilge.jpg?v=1753199337&width=3840');
    background-size:cover;background-position:center;
  }
  .hero::after{
    content:"";position:absolute;inset:0;
    background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.015) 22px 23px);
    pointer-events:none;
  }
  .hero .wrap{position:relative;z-index:2;padding:84px 24px 92px;max-width:var(--maxw)}
  .hero .eyebrow{color:var(--blue);display:flex;align-items:center;gap:.6em}
  .hero .eyebrow svg{width:18px;height:18px;fill:var(--blue)}
  .hero h1{
    font-weight:900;font-size:clamp(2.5rem,6vw,4.6rem);line-height:.98;
    letter-spacing:-.02em;margin:.35em 0 .45em;max-width:14ch;text-transform:uppercase;
  }
  .hero h1 em{font-style:normal;color:var(--blue);display:block}
  .hero p.lede{font-size:clamp(1.05rem,2vw,1.32rem);max-width:48ch;color:var(--frost);font-weight:400}
  .hero .cta-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
  .hero .stats{
    display:flex;gap:0;margin-top:56px;border-top:1px solid var(--line);max-width:680px;flex-wrap:wrap;
  }
  .hero .stats div{padding:20px 28px 6px 0;margin-right:28px;border-right:1px solid var(--line)}
  .hero .stats div:last-child{border-right:none}
  .hero .stats .n{font-family:'Archivo';font-weight:800;font-size:1.9rem;line-height:1;color:#fff}
  .hero .stats .l{font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--salt);margin-top:.5em}

  /* ---- part finder strip ---- */
  .finder{background:var(--blue);color:#fff}
  .finder .wrap{display:flex;align-items:center;gap:22px;padding:18px 24px;flex-wrap:wrap}
  .finder .lbl{font-family:'Archivo';font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;display:flex;align-items:center;gap:.5em}
  .finder .lbl svg{width:22px;height:22px;fill:#fff}
  .finder .selects{display:flex;gap:10px;flex:1;flex-wrap:wrap;min-width:260px}
  .finder select{
    flex:1;min-width:120px;padding:.7em .9em;border:none;border-radius:2px;
    font-family:'Inter';font-size:.92rem;color:var(--ink);background:#fff;font-weight:500;
  }
  .finder .btn-find{background:var(--ink);color:#fff;white-space:nowrap}
  .finder .btn-find:hover{background:#000}

  /* ---- section scaffolding ---- */
  section{padding:78px 0}
  .sec-head{max-width:640px;margin-bottom:48px}
  .sec-head .eyebrow{color:var(--blue)}
  .sec-head h2{font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.02em;margin:.3em 0 .4em;text-transform:uppercase}
  .sec-head p{color:var(--gray-dk);font-size:1.08rem}

  /* ---- climate / why-canada ---- */
  .climate{background:var(--gray);color:#fff}
  .climate .sec-head h2{color:#fff}
  .climate .sec-head p{color:var(--salt)}
  .climate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .climate-card{background:var(--gray);padding:34px 30px;transition:background .25s}
  .climate-card:hover{background:#6a7682}
  .climate-card .icon{width:42px;height:42px;margin-bottom:18px;fill:var(--blue)}
  .climate-card h3{font-size:1.18rem;font-weight:700;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.01em}
  .climate-card p{color:var(--salt);font-size:.96rem}
  .climate-card .tag{display:inline-block;margin-top:16px;font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--ice);font-weight:700}
  @media(max-width:780px){.climate-grid{grid-template-columns:1fr}}

  /* ---- products ---- */
  .prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .prod{
    position:relative;border-radius:4px;overflow:hidden;min-height:300px;
    display:flex;flex-direction:column;justify-content:flex-end;color:#fff;
    box-shadow:var(--shadow);isolation:isolate;
  }
  .prod img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
  .prod::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(13,17,23,.92) 0%,rgba(13,17,23,.45) 55%,rgba(13,17,23,.15) 100%)}
  .prod:hover img{transform:scale(1.06)}
  .prod .body{padding:28px}
  .prod .num{font-family:'Archivo';font-weight:800;font-size:.8rem;color:var(--blue);letter-spacing:.1em}
  .prod h3{font-size:1.5rem;font-weight:800;margin:.25em 0 .35em;text-transform:uppercase;line-height:1}
  .prod p{color:var(--frost);font-size:.95rem;margin-bottom:14px}
  .prod .feats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
  .prod .feats span{font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:.4em .7em;border-radius:2px}
  .prod .arrow{font-family:'Archivo';font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;display:inline-flex;gap:.4em;align-items:center;color:#fff}
  .prod.tall{grid-row:span 1}
  @media(max-width:780px){.prod-grid{grid-template-columns:1fr}}

  /* ---- xtv band ---- */
  .xtv{
    background:linear-gradient(110deg,var(--ink) 0%,var(--gray) 100%);
    color:#fff;position:relative;overflow:hidden;
  }
  .xtv .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:46px;align-items:center}
  .xtv .eyebrow{color:var(--ice)}
  .xtv h2{font-weight:900;font-size:clamp(1.8rem,4vw,2.9rem);text-transform:uppercase;line-height:1;margin:.3em 0 .5em}
  .xtv p{color:var(--salt);font-size:1.05rem;margin-bottom:14px;max-width:46ch}
  .xtv ul{list-style:none;margin:18px 0 28px}
  .xtv li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:.7em;align-items:center;font-weight:500}
  .xtv li svg{width:18px;height:18px;fill:var(--ice);flex-shrink:0}
  .xtv .visual{
    aspect-ratio:4/3;border-radius:6px;border:1px solid var(--line);
    background:url('https://gspnorthamerica.com/cdn/shop/files/e204d6_cd58248b915d4f52a112d8cb559ecbde_mv2.avif?v=1753714132&width=3200') center/cover;
    box-shadow:var(--shadow);
  }
  @media(max-width:820px){.xtv .wrap{grid-template-columns:1fr}.xtv .visual{order:-1}}

  /* ---- trust / coverage ---- */
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .trust-card{background:var(--paper);border:1px solid var(--line-dk);border-radius:4px;padding:30px 26px;border-top:3px solid var(--blue)}
  .trust-card .n{font-family:'Archivo';font-weight:900;font-size:2.4rem;line-height:1;letter-spacing:-.02em}
  .trust-card .l{margin-top:.55em;color:var(--gray-dk);font-weight:500;font-size:.95rem}
  @media(max-width:780px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:460px){.trust-grid{grid-template-columns:1fr}}

  /* ---- distributor CTA ---- */
  .distrib{
    background:var(--blue);color:#fff;text-align:center;
  }
  .distrib .wrap{padding:70px 24px}
  .distrib .eyebrow{opacity:.85}
  .distrib h2{font-weight:900;font-size:clamp(1.9rem,4.5vw,3rem);text-transform:uppercase;line-height:1;margin:.3em auto .4em;max-width:18ch}
  .distrib p{max-width:50ch;margin:0 auto 30px;font-size:1.08rem;opacity:.95}
  .distrib .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .btn-onblue{background:#fff;color:var(--blue-deep)}
  .btn-onblue:hover{background:var(--ink);color:#fff}

  /* ---- footer ---- */
  footer{background:var(--ink);color:var(--salt);padding:60px 0 30px;font-size:.9rem}
  .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-bottom:40px;border-bottom:1px solid var(--line)}
  footer h4{color:#fff;font-family:'Archivo Narrow';text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:16px}
  footer ul{list-style:none}
  footer li{margin-bottom:9px}
  footer a:hover{color:#fff}
  .foot-brand .mark{font-family:'Archivo';font-weight:900;font-size:1.5rem;background:var(--blue);color:#fff;padding:.1em .4em;border-radius:2px}
  .foot-brand p{margin-top:16px;max-width:34ch;line-height:1.6}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:12px;font-size:.82rem}
  .foot-bottom .leaf{width:14px;height:14px}
  @media(max-width:780px){.foot-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:460px){.foot-grid{grid-template-columns:1fr}}

  /* reduced motion */
  @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
  .btn:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--ice);outline-offset:2px}

  .canada-landing-page,
.canada-landing-page * {
  font-family: 'Inter', system-ui, sans-serif;
}

.canada-landing-page h1,
.canada-landing-page h2,
.canada-landing-page h3,
.canada-landing-page .display {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.canada-landing-page .eyebrow {
  font-family: 'Archivo Narrow', sans-serif !important;
}

.canada-landing-page .hero h1,
.canada-landing-page .xtv h2,
.canada-landing-page .distrib h2 {
  color: #ffffff !important;
}

.canada-landing-page .hero h1 em {
  color: #00539A !important;
}

.canada-landing-page .sec-head h2 {
  color: #1c1f24 !important;
}

.canada-landing-page .climate .sec-head h2 {
  color: #ffffff !important;
}

.canada-landing-page .btn {
  font-family: 'Archivo', sans-serif !important;
  text-decoration: none !important;
}

.canada-landing-page p,
.canada-landing-page li,
.canada-landing-page a,
.canada-landing-page select {
  font-family: 'Inter', system-ui, sans-serif !important;
}

.canada-landing-page .hero {
  color: #ffffff !important;
}

.canada-landing-page .xtv {
  color: #ffffff !important;
}

/* Shopify isolation and exact landing page overrides */
.canada-landing-page {
  --ink:#1c1f24;
  --gray:#5b6670;
  --gray-dk:#3c434c;
  --frost:#e8edf2;
  --snow:#f6f8fa;
  --paper:#ffffff;
  --salt:#c9d4de;
  --blue:#00539A;
  --blue-deep:#003e74;
  --ice:#4d9fd6;
  --line:rgba(255,255,255,.10);
  --line-dk:rgba(13,17,23,.12);
  --shadow:0 18px 50px -20px rgba(13,17,23,.4);
  --maxw:1180px;
  font-family:'Inter',system-ui,sans-serif !important;
  color:var(--ink);
  background:var(--snow);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.canada-landing-page,
.canada-landing-page * {
  box-sizing:border-box;
}

.canada-landing-page h1,
.canada-landing-page h2,
.canada-landing-page h3,
.canada-landing-page .display {
  font-family:'Archivo',sans-serif !important;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.02em;
  margin-top:0;
}

.canada-landing-page p,
.canada-landing-page li,
.canada-landing-page a,
.canada-landing-page select,
.canada-landing-page span,
.canada-landing-page div {
  font-family:'Inter',system-ui,sans-serif;
}

.canada-landing-page .eyebrow,
.canada-landing-page .hero .stats .l,
.canada-landing-page .climate-card .tag,
.canada-landing-page .prod .feats span,
.canada-landing-page footer h4 {
  font-family:'Archivo Narrow',sans-serif !important;
}

.canada-landing-page .wrap {
  width:auto !important;
  max-width:var(--maxw) !important;
  margin:0 auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.canada-landing-page a {
  color:inherit;
  text-decoration:none !important;
}

.canada-landing-page section {
  padding:78px 0;
}

.canada-landing-page .hero {
  position:relative;
  color:#fff !important;
  overflow:hidden;
  background:
    linear-gradient(115deg, rgba(13,17,23,.94) 0%, rgba(13,17,23,.72) 48%, rgba(13,17,23,.30) 100%),
    url('https://gspnorthamerica.com/cdn/shop/files/auto-mechanic-looking-car-s-bilge.jpg?v=1753199337&width=3840') !important;
  background-size:cover !important;
  background-position:center !important;
}

.canada-landing-page .hero .wrap {
  position:relative;
  z-index:2;
  padding-top:84px !important;
  padding-bottom:92px !important;
}

.canada-landing-page .hero h1 {
  color:#fff !important;
  font-size:clamp(2.5rem,6vw,4.6rem) !important;
  line-height:.98 !important;
  max-width:14ch;
  text-transform:uppercase;
  margin:.35em 0 .45em !important;
}

.canada-landing-page .hero h1 em {
  color:var(--blue) !important;
  display:block;
  font-style:normal;
  font-family:'Archivo',sans-serif !important;
}

.canada-landing-page .hero p.lede {
  color:var(--frost) !important;
  font-size:clamp(1.05rem,2vw,1.32rem) !important;
  max-width:48ch;
}

.canada-landing-page .btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.5em;
  font-family:'Archivo',sans-serif !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-size:.84rem !important;
  padding:.95em 1.5em !important;
  border-radius:2px !important;
  border:2px solid transparent !important;
  line-height:1 !important;
}

.canada-landing-page .btn-blue {
  background:var(--blue) !important;
  color:#fff !important;
}

.canada-landing-page .btn-ghost {
  background:transparent !important;
  border-color:rgba(255,255,255,.45) !important;
  color:#fff !important;
}

.canada-landing-page .finder {
  background:var(--blue) !important;
  color:#fff !important;
}

.canada-landing-page .climate {
  background:var(--gray) !important;
  color:#fff !important;
}

.canada-landing-page .climate .sec-head h2,
.canada-landing-page .xtv h2,
.canada-landing-page .distrib h2 {
  color:#fff !important;
}

.canada-landing-page .sec-head h2 {
  color:var(--ink) !important;
  text-transform:uppercase;
}

.canada-landing-page .prod h3,
.canada-landing-page .prod p,
.canada-landing-page .prod .arrow {
  color:#fff !important;
}

.canada-landing-page .prod .num {
  color:var(--blue) !important;
  font-family:'Archivo',sans-serif !important;
}

.canada-landing-page .xtv {
  background:linear-gradient(110deg,var(--ink) 0%,var(--gray) 100%) !important;
  color:#fff !important;
}

.canada-landing-page .distrib {
  background:var(--blue) !important;
  color:#fff !important;
}

.canada-landing-page footer {
  background:var(--ink) !important;
  color:var(--salt) !important;
  padding:60px 0 30px !important;
}

.canada-landing-page footer h4 {
  color:#fff !important;
}

@media(max-width:780px){
  .canada-landing-page .climate-grid,
  .canada-landing-page .prod-grid {
    grid-template-columns:1fr !important;
  }
}
.canada-landing-page .climate-card h3 {
  color: #ffffff !important;
}

.canada-landing-page .distrib .cta-row .btn-onblue {
  background: #ffffff !important;
  color: #003e74 !important;
  border: 2px solid #ffffff !important;
}

.canada-landing-page .distrib .cta-row .btn-ghost {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,.45) !important;
}

.canada-landing-page .distrib .cta-row .btn-onblue:hover {
  background: #1c1f24 !important;
  color: #ffffff !important;
  border-color: #1c1f24 !important;
}

.canada-landing-page .distrib .cta-row .btn-ghost:hover {
  background: #ffffff !important;
  color: #1c1f24 !important;
  border-color: #ffffff !important;
}

/* ---------- Typography Scale ---------- */

.canada-landing-page {
    font-size: 17px;
    
}

.canada-landing-page .eyebrow{
    font-size: 1.3rem !important;
}

}

.canada-landing-page .hero h1{
    font-size: clamp(3.3rem, 7vw, 5.5rem) !important;
    line-height: .95 !important;
}

.canada-landing-page .hero .lede{
    font-size: 1.4rem !important;
    line-height: 1.75 !important;
}

.canada-landing-page .hero .stats .n{
    font-size: 2.6rem !important;
}

.canada-landing-page .hero .stats .l{
    font-size: 1rem !important;
}

.canada-landing-page .sec-head h2{
    font-size: clamp(2.8rem,4vw,3.5rem) !important;
    line-height: .98 !important;
}

.canada-landing-page .sec-head p{
    font-size: 1.4rem !important;
}

.canada-landing-page .climate-card h3{
    font-size: 1.6rem !important;
}

.canada-landing-page .climate-card p{
    font-size: 1.2rem !important;
    line-height: 1.7 !important;
}

.canada-landing-page .prod h3{
    font-size: 2.1rem !important;
}

.canada-landing-page .prod p{
    font-size: 1.4rem !important;
}

.canada-landing-page .xtv h2{
    font-size: clamp(2.5rem,4vw,3.7rem) !important;
}

.canada-landing-page .xtv p{
    font-size: 1.3rem !important;
}

.canada-landing-page .xtv li{
    font-size: 1.3rem !important;
}

.canada-landing-page .trust-card .n{
    font-size: 3rem !important;
}

.canada-landing-page .trust-card .l{
    font-size: 1.3rem !important;
}

.canada-landing-page .distrib h2{
    font-size: clamp(2.7rem,5vw,4rem) !important;
}

.canada-landing-page .distrib p{
    font-size: 1.2rem !important;
}

.canada-landing-page .btn{
    font-size: 1rem !important;
    padding: 1rem 1.6rem !important;
}

.canada-custom-finder .wrap {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.canada-custom-finder .canada-vsw-widget {
  flex: 1 !important;
  display: block !important;
}

.canada-custom-finder .quick-filter__inner {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.canada-custom-finder .quick-filter__select-container {
  flex: 1 !important;
}

.canada-custom-finder select,
.canada-custom-finder .nice-select {
  width: 100% !important;
  min-height: 36px !important;
  background: #ffffff !important;
  color: #1c1f24 !important;
  border-radius: 2px !important;
  border: none !important;
}

.canada-custom-finder .js-car-filter-submit {
  background: #1c1f24 !important;
  color: #ffffff !important;
  border: none !important;
  min-height: 36px !important;
  padding: 0 22px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.canada-custom-finder .vsw-footer-wrapper {
  text-align: left !important;
  margin-top: 6px !important;
}

.canada-custom-finder .vsw-footer-wrapper a {
  color: #ffffff !important;
  font-size: 0.8rem !important;
}

@media(max-width: 780px) {
  .canada-custom-finder .wrap,
  .canada-custom-finder .quick-filter__inner {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}
/* Fix duplicate YMM fields */
.canada-custom-finder select.js-car-year-select,
.canada-custom-finder select.js-car-make-select,
.canada-custom-finder select.js-car-model-select {
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Keep generated nice-select visible */
.canada-custom-finder .nice-select {
  display: block !important;
  width: 100% !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

/* Mobile fix */
.canada-custom-finder .vsw-search-toggle-mobile {
  display: none !important;
}

@media(max-width: 780px) {
  .canada-custom-finder,
  .canada-custom-finder .wrap,
  .canada-custom-finder .canada-vsw-widget,
  .canada-custom-finder .vsw-dragging-tray,
  .canada-custom-finder .quick-filter__inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  .canada-custom-finder .lbl {
    justify-content: center !important;
    margin-bottom: 10px !important;
  }

  .canada-custom-finder .quick-filter__select-container,
  .canada-custom-finder .vsw-action-btns-wrapper {
    width: 100% !important;
  }

  .canada-custom-finder .nice-select,
  .canada-custom-finder .js-car-filter-submit {
    width: 100% !important;
  }
}
/* Force vehicle filter to show on Canada landing mobile */
@media screen and (max-width: 767px) {
  .canada-custom-finder {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    padding: 18px 0 !important;
  }

  .canada-custom-finder .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .canada-custom-finder .canada-vsw-widget,
  .canada-custom-finder custom-car-filter,
  .canada-custom-finder .vsw-vehicle-search-widget {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 1px !important;
    overflow: visible !important;
  }

  .canada-custom-finder .vsw-search-toggle-mobile {
    display: none !important;
  }

  .canada-custom-finder .vsw-dragging-tray {
    display: block !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .canada-custom-finder .quick-filter__inner,
  .canada-custom-finder .vsw-dropdown-group {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }

  .canada-custom-finder .quick-filter__select-container,
  .canada-custom-finder .vsw-action-btns-wrapper {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .canada-custom-finder .nice-select {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    line-height: 46px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .canada-custom-finder .js-car-filter-submit {
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .canada-custom-finder .vsw-footer-wrapper {
    display: block !important;
    text-align: center !important;
    margin-top: 8px !important;
  }
}