/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-808e0175c6/0/cache/css-loader-npm-6.7.1-b93a2de0d4-170fdbc630.zip/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip/node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[2]!./.yarn/__virtual__/postcss-loader-virtual-b9b32d1708/0/cache/postcss-loader-npm-7.0.1-444ecd58b4-2a3cbcaaad.zip/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./.yarn/__virtual__/sass-loader-virtual-1d02baccae/0/cache/sass-loader-npm-13.1.0-a57874dd1b-6b3b6c0e07.zip/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./.yarn/cache/import-glob-loader2-npm-1.1.2-c64137738b-1f056da5ca.zip/node_modules/import-glob-loader2/index.js??clonedRuleSet-2.use[5]!./src/scss/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Bebas Neue";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/41cacdcf8253431beb6b.woff2) format("woff2"), url(/_resources/themes/base/dist/662f9a6d2df80b3e5fc4.woff) format("woff");
}
@font-face {
  font-family: "Dax";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/fbea0de732f0d789796c.woff2) format("woff2"), url(/_resources/themes/base/dist/aa24c5ac2e35315ef1e9.woff) format("woff");
}
@font-face {
  font-family: "Dax";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/d55bfdac639e59bf8994.woff2) format("woff2"), url(/_resources/themes/base/dist/1f8fdbf1f2c2ba4dd54d.woff) format("woff");
}
@font-face {
  font-family: "Dax";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/4f08545b1cd2a6215231.woff2) format("woff2"), url(/_resources/themes/base/dist/08e8c326c71df15e2c19.woff) format("woff");
}
@font-face {
  font-family: "DIN";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/e03ace91db31003f473c.woff2) format("woff2"), url(/_resources/themes/base/dist/3bbcb85114f4643b67d9.woff) format("woff");
}
@font-face {
  font-family: "DIN";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/cbfcecc588d2ba7a00d4.woff2) format("woff2"), url(/_resources/themes/base/dist/6ec717d6ae05c31e8873.woff) format("woff");
}
@font-face {
  font-family: "DIN";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/c92c2a3d86305025da2e.woff2) format("woff2"), url(/_resources/themes/base/dist/4b077c800f5e4b2314a2.woff) format("woff");
}
@font-face {
  font-family: "Geogrotesque";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/b36d94a71a04aab4f64e.woff2) format("woff2"), url(/_resources/themes/base/dist/f5462ee7cdb053a87db7.woff) format("woff");
}
@font-face {
  font-family: "Geogrotesque";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/163a9d73e46d104bfa43.woff2) format("woff2"), url(/_resources/themes/base/dist/4f029b8080f9f97b8ad5.woff) format("woff");
}
@font-face {
  font-family: "Geogrotesque";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/059dcf59f91e0c7761a2.woff2) format("woff2"), url(/_resources/themes/base/dist/d8c66c8de905e7ed11b6.woff) format("woff");
}
@font-face {
  font-family: "Geogrotesque";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/72d3a8f7c04cdfecaac8.woff2) format("woff2"), url(/_resources/themes/base/dist/f542c516089399420226.woff) format("woff");
}
@font-face {
  font-family: "Gotham-tyrehub";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/ad57079c195977ed205b.woff2) format("woff2"), url(/_resources/themes/base/dist/77ceead06e5b961e9e97.woff) format("woff");
}
@font-face {
  font-family: "Gotham-tyrehub";
  font-stretch: narrower;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/a303b631e52b8b363b8a.woff2) format("woff2"), url(/_resources/themes/base/dist/ccfcee9b45fbce5591d7.woff) format("woff");
}
@font-face {
  font-family: "Gotham-tyrehub";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/fa12148652eca76b2443.woff2) format("woff2"), url(/_resources/themes/base/dist/0c18f2f470c847de816a.woff) format("woff");
}
@font-face {
  font-family: "Gotham-tyrehub";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/cf05eab65ba806ca7cd1.woff2) format("woff2"), url(/_resources/themes/base/dist/c79c8cdc99ef4fca06a5.woff) format("woff");
}
@font-face {
  font-family: "Helvetica";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/699bd44e22ae0b833297.woff2) format("woff2"), url(/_resources/themes/base/dist/ebf94506c7cb844b1b00.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/1ecc0a7604e7a7870d2f.woff2) format("woff2"), url(/_resources/themes/base/dist/6f1cea51e5c6a885f06a.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/8c9941d56ca835126ba4.woff2) format("woff2"), url(/_resources/themes/base/dist/2f9526af1b0a3d33449a.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/d25eebc725c3c19a1b82.woff2) format("woff2"), url(/_resources/themes/base/dist/eed137b1da0ada1845eb.woff) format("woff");
}
@font-face {
  font-family: "roboto-light";
  src: url(/_resources/themes/base/dist/6206b2553cbb9b0815d3.woff2) format("woff2"), url(/_resources/themes/base/dist/99cbaea0bd895c8bcb2d.woff) format("woff");
}
@font-face {
  font-family: "roboto-regular";
  src: url(/_resources/themes/base/dist/274de17d9bc74487e6f9.woff2) format("woff2"), url(/_resources/themes/base/dist/06e583f00600c1ac7a7a.woff) format("woff");
}
@font-face {
  font-family: "roboto-medium";
  src: url(/_resources/themes/base/dist/85f70f616110dff6a765.woff2) format("woff2"), url(/_resources/themes/base/dist/0961aa0582d4074a8562.woff) format("woff");
}
@font-face {
  font-family: "roboto-bold";
  src: url(/_resources/themes/base/dist/dba60ec56046340dee8b.woff2) format("woff2"), url(/_resources/themes/base/dist/d6d4eb1d7603b1407656.woff) format("woff");
}
/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com */
@font-face {
  font-family: "Sailec";
  font-weight: 200;
  src: url(/_resources/themes/base/dist/bff59f7db6fddde8511e.woff2) format("woff2"), url(/_resources/themes/base/dist/3d24f91db4b28a5248d1.woff) format("woff");
}
@font-face {
  font-family: "Sailec";
  font-weight: 300;
  src: url(/_resources/themes/base/dist/21f7d02b3d81bfc3caf0.woff2) format("woff2"), url(/_resources/themes/base/dist/63aa10b564a1199e2f37.woff) format("woff");
}
@font-face {
  font-family: "Sailec";
  font-weight: 300;
  font-style: italic;
  src: url(/_resources/themes/base/dist/fc178364fb2e80914f03.woff2) format("woff2"), url(/_resources/themes/base/dist/78ed6e9307667c1e6f18.woff) format("woff");
}
@font-face {
  font-family: "Sailec";
  font-weight: 400;
  src: url(/_resources/themes/base/dist/f2c4274d1c7cecd6c8bd.woff2) format("woff2"), url(/_resources/themes/base/dist/b0033c2838945880027c.woff) format("woff");
}
@font-face {
  font-family: "Sailec";
  font-weight: 500;
  src: url(/_resources/themes/base/dist/f4ebfc152c773d3d6601.woff2) format("woff2"), url(/_resources/themes/base/dist/16d2b37bbdbc80e9d88a.woff) format("woff");
}
@font-face {
  font-family: "Sailec";
  font-weight: 700;
  src: url(/_resources/themes/base/dist/a90dbe31f6da609ce8bf.woff2) format("woff2"), url(/_resources/themes/base/dist/35908f4e72eb9075dbdb.woff) format("woff");
}
@font-face {
  font-family: "Stag Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/0be16ef1b357712055e6.woff2) format("woff2"), url(/_resources/themes/base/dist/0507e74a47b030318e49.woff) format("woff");
}
@font-face {
  font-family: "Stag Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/342fc7ad7a39f6f0b1a7.woff2) format("woff2"), url(/_resources/themes/base/dist/b474e39fc2235faed4ca.woff) format("woff");
}
@font-face {
  font-family: "Stag Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/_resources/themes/base/dist/2cd89a28a2a78558f00b.woff2) format("woff2"), url(/_resources/themes/base/dist/7724408d332ea3feb211.woff) format("woff");
}
@font-face {
  font-family: "ubuntu-bold";
  src: url(/_resources/themes/base/dist/2095319456884292b527.woff2) format("woff2"), url(/_resources/themes/base/dist/4212a5a0274bd09eeb7c.woff) format("woff");
}
@font-face {
  font-family: "ubuntu-medium";
  src: url(/_resources/themes/base/dist/925f5cee14c4a3773dda.woff2) format("woff2"), url(/_resources/themes/base/dist/79b08594ca764d1cdc56.woff) format("woff");
}
@font-face {
  font-family: "ubuntu-regular";
  src: url(/_resources/themes/base/dist/74d5f33be7eea3709260.woff2) format("woff2"), url(/_resources/themes/base/dist/b51ab5af13735188c51b.woff) format("woff");
}
@font-face {
  font-family: "ubuntu-light";
  src: url(/_resources/themes/base/dist/dd2d6c4845f68db64d62.woff2) format("woff2"), url(/_resources/themes/base/dist/2618b8ee49ffb4830438.woff) format("woff");
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  /* 1 */
}

.sr-only--focusable:active, .sr-only--focusable:focus {
  position: static;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: inherit;
  clip: auto;
}

:root {
  --black: #000;
  --white: #fff;
  --green: #38b54a;
  --green-fluro: #56ffa1;
  --grey-lightest: #f3f4f3;
  --grey-light: #ebedeb;
  --grey-light-transparent-50: #ebedeb80;
  --grey-medium: #cbccca;
  --grey-dark: #747474;
  --purple-lightest: #b3a8b9;
  --purple-light: #7f3f98;
  --purple-medium: #3b0f52;
  --purple-dark: #280639;
  --teal: #06ceac;
  --teal-rgb: 6, 206, 172;
  --fleet-green: #49cf5c;
  --text-grey: #333;
  --text-grey-light: #909090;
  --text-grey-dark: #222;
  --text-link-hover: #bf9fcb;
  --primary_rgb: 40, 6, 57;
  --accent: var(--accent-medium);
  --accent-dark: var(--green);
  --accent-medium: var(--teal);
  --accent-light: var(--green-fluro);
  --accent-lightest: var(--green-fluro);
  --primary: var(--purple-medium);
  --primary-dark: var(--purple-dark);
  --primary-medium: var(--purple-medium);
  --primary-light: var(--purple-light);
  --primary-lightest: var(--purple-lightest);
  --alert: #ef4c23;
  --maxxis-primary: #ef4c23;
  --hifly-primary: #003771;
  --starmaxx-primary: #035aa8;
  --superhawk-primary: #c42922;
  --vitora-primary: #804099;
  --continental-primary: #f8a01b;
  --general-tire-primary: #b0272e;
  --vredestein-primary: #0067b6;
  --nokian-primary: #6ab240;
  --maxam-primary: var(--primary);
  --duration--short: 0.2s;
  --duration--medium: 0.3s;
  --duration--long: 0.5s;
  --easing--default: cubic-bezier(0.77, 0, 0.175, 1);
  --trs-default: all var(--duration--short) var(--easing--default);
}

html {
  background: var(--white);
  height: 100%;
  line-height: 1.2;
}

body {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  color: var(--text-grey);
  -webkit-font-smoothing: antialiased;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: auto;
  }
}

img {
  max-width: 100%;
  height: auto;
}

svg {
  max-width: 100%;
}

[aria-hidden=true] {
  display: none;
}

[v-cloak] {
  display: none;
}

.ie11 h1,
.ie11 h2,
.ie11 h3,
.ie11 h4,
.ie11 h5,
.ie11 h6,
.ie11 p {
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.page__container {
  position: relative;
}

::-moz-selection {
  background: var(--purple-light);
  color: var(--white);
}

::selection {
  background: var(--purple-light);
  color: var(--white);
}

/* stylelint-disable selector-max-id */
#BetterNavigator {
  top: initial !important;
  bottom: 0 !important;
}
#BetterNavigator.collapsed {
  transform: rotate(0.25turn) translate(0, 100%) !important;
  transform-origin: right bottom !important;
}

/* stylelint-enable selector-max-id */
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1440px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1280px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.container {
  max-width: calc(75rem + 2rem);
}

.justify-content-center {
  justify-content: center;
}

.small-gutters {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.small-gutters [class*=col-] {
  padding-right: 0.5rem;
  padding-bottom: 15px;
  padding-left: 0.5rem;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.no-wrap-col {
  overflow-x: auto;
}

.xs-gutters {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-left: -1px;
}
.xs-gutters [class*=col-] {
  display: flex;
  flex-direction: column;
  padding-right: 1px;
  padding-left: 1px;
}

/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilprinterplate.com/ */
@media print {
  *,
*::before,
*::after {
    /* Black prints faster */
    box-shadow: none !important;
    background: transparent !important;
    text-shadow: none !important;
    color: #000 !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.typography blockquote p {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.3px;
  color: var(--primary-medium);
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .typography blockquote p {
    line-height: 1.2;
    letter-spacing: -0.4px;
    font-size: 1.5625rem;
  }
}
@media (min-width: 1440px) {
  .typography blockquote p {
    line-height: 1.14;
    letter-spacing: -0.6px;
    font-size: 2.1875rem;
  }
}
.typography blockquote {
  display: block;
  position: relative;
  margin: 0;
}
@media (min-width: 768px) {
  .typography blockquote {
    padding-top: 10px;
  }
}
@media (min-width: 1440px) {
  .typography blockquote {
    margin-left: -3.125rem;
    padding-top: 20px;
  }
}
.typography blockquote p {
  display: block;
  position: relative;
  padding-bottom: 20px;
  padding-left: 35px;
}
@media (min-width: 768px) {
  .typography blockquote p {
    padding-bottom: 30px;
    padding-left: 70px;
  }
}
@media (min-width: 1440px) {
  .typography blockquote p {
    padding-left: 125px;
  }
}
.typography blockquote p::after {
  position: absolute;
  bottom: 0;
  left: 35px;
  background-color: var(--primary-light);
  width: 100px;
  height: 4px;
  content: "";
}
@media (min-width: 768px) {
  .typography blockquote p::after {
    left: 70px;
    width: 200px;
  }
}
@media (min-width: 1440px) {
  .typography blockquote p::after {
    left: 125px;
  }
}
.typography blockquote::before {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--primary-light);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%278%27 width=%2711%27 viewBox=%270 0 11 8%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M8.24 7.94c1.328 0 2.358-.897 2.358-2.259 0-1.196-.764-1.893-1.727-2.093H7.64c.133-1.462 1.23-2.392 3.057-2.691V0C7.475.233 5.714 2.193 5.714 4.85c0 1.795.93 3.09 2.525 3.09zm-5.715 0c1.296 0 2.359-.897 2.359-2.259 0-1.196-.764-1.893-1.728-2.093H1.894C2.06 2.126 3.123 1.196 4.984.897V0C1.76.233 0 2.193 0 4.85c0 1.795.93 3.09 2.525 3.09z%27/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45% 32%;
  width: 25px;
  height: 25px;
  content: "";
}
@media (min-width: 768px) {
  .typography blockquote::before {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .typography blockquote::before {
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 1440px) {
  .element .typography blockquote {
    left: -50px;
  }
}
@media (min-width: 768px) {
  .element .typography blockquote p {
    padding-left: 0;
  }
}
.element .typography blockquote p::after {
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (min-width: 768px) {
  .element .typography blockquote p::after {
    left: 0;
  }
}
@media (min-width: 768px) {
  .element .typography blockquote::before {
    left: -70px;
  }
}
@media (min-width: 1440px) {
  .element .typography blockquote::before {
    left: -125px;
  }
}

h1,
.h1 {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: var(--primary-medium);
  font-size: 1.5625rem;
}
@media (min-width: 768px) {
  h1,
.h1 {
    line-height: 1.25;
    letter-spacing: -0.6px;
    font-size: 2.5rem;
  }
}
@media (min-width: 1440px) {
  h1,
.h1 {
    line-height: 1.2;
    letter-spacing: -0.8px;
    font-size: 3.125rem;
  }
}
h1 .pre-title,
.h1 .pre-title {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  h1 .pre-title,
.h1 .pre-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) {
  h1 .pre-title,
.h1 .pre-title {
    font-size: 1.375rem;
  }
}

h2,
.h2 {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.3px;
  color: var(--primary-medium);
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  h2,
.h2 {
    line-height: 1.2;
    letter-spacing: -0.4px;
    font-size: 1.5625rem;
  }
}
@media (min-width: 1440px) {
  h2,
.h2 {
    line-height: 1.14;
    letter-spacing: -0.6px;
    font-size: 2.1875rem;
  }
}

h3,
.h3 {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.3px;
  color: var(--primary-medium);
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  h3,
.h3 {
    line-height: 1.2;
    letter-spacing: -0.3px;
    font-size: 1.25rem;
  }
}
@media (min-width: 1440px) {
  h3,
.h3 {
    line-height: 1.09;
    letter-spacing: -0.35px;
    font-size: 1.375rem;
  }
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.27px;
  color: var(--primary-medium);
  font-size: 1rem;
}
@media (min-width: 768px) {
  h4,
h5,
h6,
.h4,
.h5,
.h6 {
    line-height: 1.22;
    letter-spacing: -0.3px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1440px) {
  h4,
h5,
h6,
.h4,
.h5,
.h6 {
    line-height: 1.19;
    letter-spacing: -0.3px;
    font-size: 1.25rem;
  }
}

/* Vertical rhythm */
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  h1,
h2,
h3,
.h1,
.h2,
.h3 {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1440px) {
  h1,
h2,
h3,
.h1,
.h2,
.h3 {
    margin-bottom: 2.5rem;
  }
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  h4,
h5,
h6,
.h4,
.h5,
.h6 {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 1440px) {
  h4,
h5,
h6,
.h4,
.h5,
.h6 {
    margin-bottom: 1.25rem;
  }
}

* + h1,
* + .h1,
* + h2,
* + .h2,
* + h3,
* + .h3,
* + h4,
* + .h4,
* + h5,
* + .h5,
* + h6,
* + .h6 {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  * + h1,
* + .h1,
* + h2,
* + .h2,
* + h3,
* + .h3,
* + h4,
* + .h4,
* + h5,
* + .h5,
* + h6,
* + .h6 {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1440px) {
  * + h1,
* + .h1,
* + h2,
* + .h2,
* + h3,
* + .h3,
* + h4,
* + .h4,
* + h5,
* + .h5,
* + h6,
* + .h6 {
    padding-top: 1.5rem;
  }
}

.h1--hero {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin: 1.25rem 0;
  text-align: center;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .h1--hero {
    margin: 2.5rem 0;
    font-size: 2.5rem;
  }
}
@media (min-width: 1440px) {
  .h1--hero {
    margin: 4.375rem 0;
    font-size: 3.125rem;
  }
}

.uppercase-heading {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--text-grey);
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .uppercase-heading {
    font-size: 1.375rem;
  }
}
.uppercase-heading--centred {
  text-align: center;
}

.typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover) {
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Sailec", sans-serif;
  font-weight: 400;
}
.typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover):hover, .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover):focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover), .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover):visited, .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover):active {
  color: inherit;
}
.typography .link--featured {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  text-decoration: none;
  line-height: 1.56;
  letter-spacing: -0.2px;
  color: var(--primary-light);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .typography .link--featured {
    font-size: 1rem;
  }
}
@media (min-width: 1440px) {
  .typography .link--featured {
    font-size: 1.125rem;
  }
}
.typography .link--featured::before {
  display: inline-block;
  margin-right: 13px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E %3Cpath fill=%27%237F3F98%27 fill-rule=%27evenodd%27 d=%27M11.98 9.983H9.982l-.001-6.554L1.412 12 0 10.588l8.592-8.592H1.997V0h9.982v1.39l.021.022-.021.02v8.55z%27/%3E %3C/svg%3E");
  background-size: cover;
  width: 12px;
  height: 12px;
  content: "";
}
@media (min-width: 768px) {
  .typography .link--featured::before {
    margin-right: 0.9375rem;
  }
}
@media (min-width: 1440px) {
  .typography .link--featured::before {
    margin-right: 1.125rem;
  }
}
.typography .link--featured:hover {
  text-decoration: underline;
}
.typography .tag {
  text-decoration: none;
}
.typography .tag:hover, .typography .tag:focus, .typography .tag:active {
  color: var(--primary-light);
}
.typography a .title-hover .holder {
  position: absolute;
  bottom: 0;
  transition: all var(--duration--medium) var(--easing--default);
  background-image: linear-gradient(transparent, var(--black));
  width: 100%;
  height: 160px;
}
.typography a .title-hover .holder .holder-content {
  position: absolute;
  bottom: 24px;
  transition: all var(--duration--medium) var(--easing--default);
  width: 100%;
}
.typography a:hover .title-hover .holder-content {
  bottom: 44px;
}

.link--back {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 15px 15px 15px 0;
  text-decoration: none;
  color: var(--primary-light);
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .link--back {
    font-size: 0.875rem;
  }
}
@media (min-width: 1440px) {
  .link--back {
    font-size: 1rem;
  }
}
.link--back::before {
  transition: var(--trs-default);
  margin-right: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%237f3f98%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 27px;
  height: 14px;
  content: "";
}
.link--back:hover {
  text-decoration: underline;
}
.link--back:hover::before {
  transform: translateX(-10px);
}

.link--social {
  display: block;
  width: 25px;
  height: 25px;
}
.link--social svg {
  fill: var(--primary-medium);
}
.link--social:hover svg {
  fill: var(--primary-light);
}

.link--bold {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  transition: all var(--duration--short) var(--easing--default);
  border: 0;
  box-shadow: inset 0 -0.2em 0 0 var(--primary-light);
  background: none;
  cursor: pointer;
  padding: 0.375rem 0.0625rem;
  text-decoration: none;
  color: currentColor;
}
.link--bold:hover, .link--bold:focus {
  box-shadow: inset 0 -2.5em 0 0 var(--text-link-hover);
}

.link--incognito {
  text-decoration: none;
  color: inherit;
}

/* stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type */
.typography {
  /* Unordered list */
  /* Ordered list */
  /* Vertical rhythm */
}
.typography li {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  width: 100%;
  line-height: 1.71;
  font-size: 0.875rem;
}
@media (min-width: 1440px) {
  .typography li {
    line-height: 1.75;
    letter-spacing: -0.18px;
    font-size: 1rem;
  }
}
.typography ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.typography ul li {
  position: relative;
  padding-left: 1.5625rem;
  width: 100%;
}
.typography ul li::before {
  position: absolute;
  left: 0;
  color: var(--primary-light);
  content: "•";
}
.typography ul ul li::before {
  color: currentColor;
  content: "—";
}
.typography ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: list;
}
.typography ol li {
  position: relative;
  padding-left: 1.5625rem;
  width: 100%;
  counter-increment: list;
}
.typography ol li::before {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  position: absolute;
  left: 0;
  color: var(--primary-light);
  content: counter(list);
}
.typography ol ol li::before {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  color: currentColor;
  content: counter(list, lower-alpha);
}
.typography ol ol ol li::before {
  content: counter(list, lower-roman);
}
.typography ol ol ol ol li::before {
  content: counter(list, lower-greek);
}
.typography ul,
.typography ol {
  margin-bottom: 1rem;
}
@media (min-width: 1440px) {
  .typography ul,
.typography ol {
    margin-bottom: 1.25rem;
  }
}
.typography ul li + li,
.typography ol li + li {
  margin-top: 0.375rem;
}
@media (min-width: 1440px) {
  .typography ul li + li,
.typography ol li + li {
    margin-top: 0.625rem;
  }
}
.typography li > ul,
.typography li > ol {
  margin-top: 0.375rem;
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  .typography li > ul,
.typography li > ol {
    margin-top: 0.625rem;
    margin-bottom: 0;
  }
}

ul.list--inline {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0;
}
ul.list--inline.list--inline li {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-right: 0.625rem;
  padding-left: 0.9375rem;
  width: auto;
}
@media (min-width: 1440px) {
  ul.list--inline.list--inline li {
    margin-top: 0;
    margin-bottom: 1.25rem;
  }
}

ul.list--inline-with-title {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.625rem;
}
@media (min-width: 1440px) {
  ul.list--inline-with-title {
    margin-bottom: 1.25rem;
  }
}
ul.list--inline-with-title::before {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  padding-right: 0.625rem;
  padding-left: 0;
  color: var(--text-grey-light);
  font-size: 0.625rem;
  content: attr(title);
}
ul.list--inline-with-title li {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 0;
  margin-right: 0.5em;
  padding-left: 0;
  list-style: none;
}
ul.list--inline-with-title li:not(:last-child)::after {
  display: inline;
  content: ", ";
}

ul.list--anchor li {
  padding-left: 0;
  list-style: none;
}
ul.list--anchor li::before {
  display: none;
}
.typography ul.list--anchor a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover) {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  box-shadow: none;
  text-decoration: none;
  line-height: 1.56;
  letter-spacing: -0.2px;
  color: var(--primary-light);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .typography ul.list--anchor a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover) {
    font-size: 1rem;
  }
}
@media (min-width: 1440px) {
  .typography ul.list--anchor a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover) {
    font-size: 1.125rem;
  }
}
.typography ul.list--anchor a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover):hover {
  box-shadow: none;
  text-decoration: underline;
}
.typography ul.list--anchor a:not(.link--featured):not(.button):not(.link--back):not(.tag):not(.landing-link):not(.link--social):not(.no-hover) span {
  font-weight: 500 !important;
}

/*lelint-enable selector-max-compound-selectors, selector-no-qualifying-type */
.message {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 0.9375rem;
  margin-bottom: 0;
  background-color: var(--primary-medium);
  padding: 0.4375rem;
  text-align: center;
  color: var(--white);
  font-size: 0.75rem;
}
.message.success {
  background-color: var(--green);
}
.message.error, .message.required, .message.validation {
  background-color: var(--alert);
}

table {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1rem;
  min-width: 100%;
  line-height: 1.71;
  font-size: 0.875rem;
}
@media (min-width: 1440px) {
  table {
    margin-bottom: 1.25rem;
    line-height: 1.75;
    letter-spacing: -0.18px;
    font-size: 1rem;
  }
}
table th,
table td {
  padding: 0.9375rem 0.9375rem 0.9375rem 0;
  min-width: 3.75rem;
  text-align: left;
  word-break: normal;
}
@media (min-width: 1024px) {
  table th,
table td {
    min-width: 1.875rem;
  }
}
table th {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  color: var(--primary-medium);
}
table tr {
  border-bottom: 1px solid var(--grey-light);
}
table caption {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}

.typography p,
.typography dd,
.typography address,
.typography .paragraph {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1rem;
  line-height: 1.71;
  font-size: 0.875rem;
}
@media (min-width: 1440px) {
  .typography p,
.typography dd,
.typography address,
.typography .paragraph {
    margin-bottom: 1.25rem;
    line-height: 1.75;
    letter-spacing: -0.18px;
    font-size: 1rem;
  }
}
.typography p:last-of-type {
  margin-bottom: 0;
}
.typography .text--intro,
.typography .text--intro > * {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  line-height: 1.67;
  font-size: 0.9375rem;
}
@media (min-width: 1440px) {
  .typography .text--intro,
.typography .text--intro > * {
    font-size: 1.125rem;
  }
}
.typography hr {
  border-top: 1px solid var(--grey-light);
}
.typography address {
  font-style: normal;
}
.typography strong {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}
.typography .tag {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .typography .tag {
    font-size: 1rem;
  }
}

.text--center.text--center {
  text-align: center;
}
.text--white.text--white {
  color: var(--white);
}
.text--uppercase.text--uppercase {
  text-transform: uppercase;
}
.text--extra-padding-top.text--extra-padding-top {
  padding-top: 2.5rem;
}

.button {
  --button-bg: var(--primary);
  --button-bg--hover: var(--primary-light);
  --button-border: var(--button-bg);
  --button-border--hover: var(--button-bg--hover);
  --button-text: var(--white);
  --button-text--hover: var(--white);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.button--white {
  --button-bg: var(--white);
  --button-bg--hover: var(--primary);
  --button-text: var(--primary);
  --button-text--hover: var(--white);
}
.button--white.button--outline {
  --button-border: var(--white);
  --button-text: var(--white);
  --button-text--hover: var(--primary);
}
.button--accent {
  --button-bg: var(--accent-medium);
  --button-bg--hover: var(--accent-light);
  --button-text: var(--text-grey);
  --button-text--hover: var(--button-text);
}
.button--accent.loading {
  background-color: rgba(var(--teal-rgb), 0.1);
  background-image: url(/_resources/themes/base/dist/659433893910da69207b.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.button--accent.button--outline {
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--primary-medium);
}
.button--outline {
  --button-bg: transparent;
  --button-bg--hover: var(--button-border);
  --button-border: var(--primary);
  --button-border--hover: var(--button-border);
  --button-text: var(--primary);
  --button-text--hover: var(--white);
}
.button--icon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 768px) {
  .button--icon {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.button--icon:hover, .button--icon:focus {
  background-color: var(--button-bg--hover);
}
.button--close {
  border: 0;
  border-radius: 50%;
  background-color: var(--teal);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E %3Cg fill=%27%23333%27 fill-rule=%27evenodd%27%3E %3Cpath d=%27M4.5 -1.5L5.5 -1.5 5.5 11.5 4.5 11.5z%27 transform=%27rotate%2845 5 5%29%27/%3E %3Cpath d=%27M-1.5 4.5L11.5 4.5 11.5 5.5 -1.5 5.5z%27 transform=%27rotate%2845 5 5%29%27/%3E %3C/g%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.625rem 0.625rem;
  padding: 0;
  width: 1.875rem;
  height: 1.875rem;
}
@media (min-width: 768px) {
  .button--close {
    background-size: 1.25rem 1.25rem;
    width: 3.75rem;
    height: 3.75rem;
  }
}
.button--close:hover {
  background-color: var(--green-fluro);
}
.button--link {
  --text-link-hover: var(--purple-light);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  line-height: 1.2;
  color: inherit;
  font-size: 14px;
}
.button--link:hover, .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.button[disabled] {
  opacity: 0.5;
  border-color: var(--grey-light);
  background-color: var(--grey-light);
}
.button[disabled]:hover {
  border-color: var(--grey-light);
  background-color: var(--grey-light);
  cursor: not-allowed;
}
.button--prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714px%27 height=%2725px%27 viewBox=%270 0 14 25%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%272%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M13,1 L1,12.5 13,24%27/%3E %3C/svg%3E");
}
.button--prev:hover, .button--prev:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714px%27 height=%2725px%27 viewBox=%270 0 14 25%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%272%27 fill=%27none%27 stroke=%27%23fff%27%3E %3Cpath d=%27M13,1 L1,12.5 13,24%27/%3E %3C/svg%3E");
}
.button--next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714px%27 height=%2725px%27 viewBox=%270 0 14 25%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%272%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M1,1 L13,12.5 1,24%27/%3E %3C/svg%3E");
}
.button--next:hover, .button--next:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714px%27 height=%2725px%27 viewBox=%270 0 14 25%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%272%27 fill=%27none%27 stroke=%27%23fff%27%3E %3Cpath d=%27M1,1 L13,12.5 1,24%27/%3E %3C/svg%3E");
}
.button--incognito {
  --text-link-hover: var(--purple-light);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 1.2;
  color: inherit;
  font-size: 14px;
}
.button--incognito:hover, .button--incognito:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.button--incognito:hover, .button--incognito:active, .button--incognito:focus {
  box-shadow: none;
  background-color: transparent;
  text-decoration: underline;
  color: inherit;
}
.button.loading {
  position: relative;
  cursor: default;
  color: transparent;
  pointer-events: none;
}
.button.loading > * {
  visibility: hidden;
}

/* stylelint-disable selector-no-qualifying-type */
label,
dt,
.label {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.625rem;
}
.field.required label::after,
.field.required dt::after,
.field.required .label::after {
  content: "*";
}

dt {
  color: var(--text-grey-light);
}

form .form__text {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  form .form__text {
    font-size: 0.875rem;
  }
}
form .description {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 0.75rem;
}

fieldset {
  margin: 0;
  border: 0;
  padding: 0;
  min-width: 0;
}

.field {
  margin-bottom: 1.875rem;
}

::-moz-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 1;
  color: var(--primary-dark);
  font-style: italic;
}

:-ms-input-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 1;
  color: var(--primary-dark);
  font-style: italic;
}

::placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 1;
  color: var(--primary-dark);
  font-style: italic;
}

input.text,
textarea {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  border: 0;
  border-bottom: 1px solid var(--grey-medium);
  background-color: transparent;
  padding-top: 0.375rem;
  width: 100%;
  color: var(--primary-dark);
  font-size: 1.125rem;
}

select {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--trs-default);
  margin-top: 3px;
  border: 0;
  border-radius: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%237f3f98%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
  background-position: 98% center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0.625rem 1.25rem 0.625rem 0.625rem;
  width: 100%;
  text-transform: uppercase;
  color: var(--text-grey);
  font-size: 0.75rem;
}
select:hover {
  background-color: var(--grey-light);
}
select::-ms-expand {
  display: none;
}

.field.checkbox input.checkbox {
  position: absolute;
  left: -9999px;
}
.field.checkbox label {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  text-transform: none;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.field.checkbox label::before {
  flex: 0 0 auto;
  margin-right: 0.9375rem;
  border-radius: 50%;
  background-color: var(--accent-light);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
}
.field.checkbox input:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%279px%27 height=%277px%27 viewBox=%270 0 9 7%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%271%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M1, 3.5 L3.5,6 L8.5, 1%27/%3E %3C/svg%3E");
}

.field .readonly {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  padding-top: 0.375rem;
  line-height: 1.5;
}

.btn-toolbar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .btn-toolbar {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
  }
}
.btn-toolbar .button {
  width: 100%;
}
@media (min-width: 768px) {
  .btn-toolbar .button {
    width: auto;
  }
}
.btn-toolbar > * + * {
  margin-top: 0.625rem;
}
@media (min-width: 768px) {
  .btn-toolbar > * + * {
    margin-top: 0;
    margin-left: 3.75rem;
  }
}

/* stylelint-enable selector-no-qualifying-type */
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.fieldgroup .fieldgroup {
  display: flex;
  justify-content: space-between;
}
.fieldgroup .fieldgroup .fieldgroup-field {
  flex: 1;
}
.fieldgroup .fieldgroup .fieldgroup-field + .fieldgroup .fieldgroup .fieldgroup-field {
  margin-left: 5px;
}

.form--discount {
  border-top: 1px solid var(--grey-medium);
  padding: 1em 0 0;
}
.form--discount fieldset {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .form--discount fieldset {
    max-width: 50%;
  }
}
.form--discount fieldset .field {
  flex: 1;
  margin-bottom: 0;
  /* stylelint-disable-next-line selector-class-pattern */
}
.form--discount fieldset .field .middleColumn {
  padding-top: 7px;
}
.form--discount fieldset .text:not(.field) {
  border: 1px solid var(--grey-medium);
  padding: 0.5em;
}
.form--discount fieldset .action {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  border: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: var(--primary-light);
  padding: 0 25px;
  height: 44px;
  text-transform: uppercase;
  color: var(--white);
}
.form--discount fieldset .action:hover {
  background-color: var(--primary);
  cursor: pointer;
  color: var(--white);
}

.billingaddress .autocompleter {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-bottom: 1px solid var(--primary-medium);
  border-radius: 0;
  padding-bottom: 0.375rem;
}
.billingaddress .button--reveal {
  margin-top: 40px;
  box-shadow: inset 0 -0.15em 0 0 var(--primary-light);
  padding: 4px 0;
}
.billingaddress .button--reveal:hover, .billingaddress .button--reveal:focus {
  box-shadow: inset 0 -2.5em 0 0 #bf9fcb;
  text-decoration: none;
}
.billingaddress .button--reveal[disabled] {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  /* 1 */
}
.billingaddress .form--billingaddress {
  display: none;
}
@media (min-width: 768px) {
  .billingaddress .form--billingaddress {
    padding-top: 3em;
  }
}
.billingaddress .form--billingaddress.active {
  display: block;
}
.billingaddress .form--billingaddress select {
  border-bottom: 1px solid var(--grey-medium);
  background-color: transparent;
  padding-left: 0;
  text-transform: capitalize;
  color: var(--primary-dark);
  font-size: 1.125rem;
  font-weight: 300;
}

/* stylelint-disable selector-class-pattern */
figure,
.captionImage {
  margin: 1.25rem 0;
}
figure img,
.captionImage img {
  width: 100%;
  height: auto;
}
figure figcaption,
figure .caption,
.captionImage figcaption,
.captionImage .caption {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  display: block;
  position: relative;
  margin-left: 0.9375rem;
  padding-top: 15px;
  padding-left: 21px;
  line-height: 1.71;
  color: currentColor;
  font-size: 0.875rem;
  font-style: italic;
}
@media (min-width: 1440px) {
  figure figcaption,
figure .caption,
.captionImage figcaption,
.captionImage .caption {
    line-height: 1.63;
    font-size: 1rem;
  }
}
figure figcaption::before,
figure .caption::before,
.captionImage figcaption::before,
.captionImage .caption::before {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  background-color: var(--primary-light);
  width: 4px;
  content: "";
}

/* stylelint-enable selector-class-pattern */
.figcaption-inner {
  display: block;
}

.tabs__list {
  display: flex;
  margin: auto;
  max-width: 100%;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .tabs__list {
    justify-content: center;
  }
}
.tabs__list::-webkit-scrollbar {
  display: none;
}
.tabs__tab {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  transition: var(--trs-default);
  opacity: 0.4;
  border: 0;
  border-bottom: 2px solid var(--purple-medium);
  background: none;
  padding: 0 3px 10px;
  white-space: nowrap;
  color: var(--purple-medium);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .tabs__tab {
    font-size: 1rem;
  }
}
@media (max-width: 1439.98px) {
  .tabs__tab:first-child {
    margin-left: 1rem;
  }
  .tabs__tab:last-child {
    margin-right: 1rem;
  }
}
.tabs__tab + .tabs__tab {
  margin-left: 30px;
}
.tabs__tab[aria-selected=true] {
  opacity: 1;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .tabs__tab[aria-selected=true] {
    font-size: 1.5rem;
  }
}

.vdropdown {
  display: inline-block;
  position: relative;
}
.vdropdown__listwrapper {
  position: absolute;
  z-index: 1;
  background-color: var(--white);
  min-width: 100%;
  max-height: 12.5rem;
  overflow-y: scroll;
  line-height: 1.2;
  color: var(--text-grey);
}
.vdropdown__list, .vdropdown__listitem {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
.vdropdown__radio:focus + .vdropdown__radiolabel {
  background-color: var(--green-fluro);
}
.vdropdown__radiolabel {
  display: block;
  padding: 10px;
  white-space: nowrap;
}
.vdropdown__radiolabel:hover {
  background-color: var(--green-fluro);
  cursor: pointer;
}
:checked + .vdropdown__radiolabel {
  background-color: var(--grey-lightest);
}
.vdropdown__trigger {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: none;
  padding: 0.3125rem 0 0.625rem;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  color: currentColor;
}
@media (min-width: 768px) {
  .vdropdown__trigger {
    border-bottom-width: 2px;
  }
}
@media (min-width: 1024px) {
  .vdropdown__trigger {
    font-size: 1rem;
  }
}
.vdropdown__trigger:hover {
  cursor: pointer;
}
.vdropdown__trigger::after {
  box-sizing: content-box;
  display: block;
  margin-top: 5px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%237f3f98%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 5px;
  width: 11px;
  height: 7px;
  content: "";
}
@media (min-width: 768px) {
  .vdropdown__trigger::after {
    width: 15px;
    height: 9px;
  }
}
.vdropdown__trigger[data-inline-label] {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}
.vdropdown__trigger[data-inline-label]::before {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  display: inline;
  margin-right: 0.625rem;
  content: attr(data-inline-label) ":";
}

.vtext {
  display: inline-block;
  position: relative;
  line-height: 1;
  color: var(--white);
}
.vtext__listwrapper {
  position: absolute;
  z-index: 1;
  background-color: var(--white);
  min-width: 100%;
  max-height: 12.5rem;
  overflow-y: scroll;
  line-height: 1.2;
  color: var(--text-grey);
}
.vtext__list, .vtext__listitem {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}
.vtext__radio:focus + .vtext__radiolabel {
  background-color: var(--green-fluro);
}
.vtext__radiolabel {
  display: block;
  padding: 10px;
  white-space: nowrap;
}
.vtext__radiolabel:hover {
  background-color: var(--green-fluro);
  cursor: pointer;
}
:checked + .vtext__radiolabel {
  background-color: var(--grey-lightest);
}
.vtext__search {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-bottom: 1px solid var(--white);
  border-radius: 0;
  background: none;
  padding: 0;
  color: var(--white);
  font-size: inherit;
}
@media (min-width: 768px) {
  .vtext__search {
    border-bottom-width: 2px;
  }
}
.vtext--placeholder .vtext__search {
  border-bottom: 0;
}
.vtext__search::-moz-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 0.6;
  color: var(--white);
  font-style: italic;
}
.vtext__search:-ms-input-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 0.6;
  color: var(--white);
  font-style: italic;
}
.vtext__search::placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  opacity: 0.6;
  color: var(--white);
  font-style: italic;
}
.vtext__search[disabled]::-moz-placeholder {
  opacity: 0.4;
  font-style: normal;
}
.vtext__search[disabled]:-ms-input-placeholder {
  opacity: 0.4;
  font-style: normal;
}
.vtext__search[disabled]::placeholder {
  opacity: 0.4;
  font-style: normal;
}
.vtext__search::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.vtext__dropdown {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  box-sizing: border-box !important;
  display: flex;
  align-items: center;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%23ffffff%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px 7px;
  padding: 12px 0 0;
  text-align: left;
  white-space: nowrap;
  color: currentColor;
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  .vtext__dropdown {
    padding: 0 18px 0 0;
  }
}
@media (min-width: 768px) {
  .vtext__dropdown {
    border-bottom-width: 2px;
    font-size: 1.375rem;
  }
}
.vtext__dropdown::-moz-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  color: var(--white);
  font-size: 1.125rem;
  font-style: normal;
}
.vtext__dropdown:-ms-input-placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  color: var(--white);
  font-size: 1.125rem;
  font-style: normal;
}
.vtext__dropdown::placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  color: var(--white);
  font-size: 1.125rem;
  font-style: normal;
}
.vtext__dropdown[disabled] {
  opacity: 0.4;
}
.vtext__dropdown::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.vtext:not(.pathway__wheel-size .vtext) .vtext__dropdown {
  width: 100% !important;
}

[class*=vue-input-autowidth-mirror] {
  display: block;
}

.blocks-page__title {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin: 1.25rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-page__title {
    margin: 2.5rem 0;
  }
}
@media (min-width: 1024px) {
  .blocks-page__title {
    margin: 4.375rem 0;
  }
}

.page--blog {
  background-color: var(--primary-dark);
}
.page--blog .main {
  color: var(--white);
}
.page--blog .header {
  background-image: none;
}
.page--blog .h1--hero {
  color: currentColor;
}
@media (min-width: 576px) {
  .page--blog .posts__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .page--blog .posts__grid .post__summary:nth-child(1) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .page--blog .posts__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .page--blog .posts__grid .post__summary {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .page--blog .posts__grid .post__summary:nth-child(1),
.page--blog .posts__grid .post__summary:nth-child(2) {
    -ms-grid-column-span: 3;
    grid-column: span 3;
    /* stylelint-disable max-nesting-depth */
    /* stylelint-enable max-nesting-depth */
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .page--blog .posts__grid .post__summary:nth-child(1) .post__header,
.page--blog .posts__grid .post__summary:nth-child(2) .post__header {
    padding: 2.5rem 2.125rem;
  }
  .page--blog .posts__grid .post__summary:nth-child(1) .post__title,
.page--blog .posts__grid .post__summary:nth-child(2) .post__title {
    font-size: 1.5625rem;
  }
  .page--blog .posts__grid .post__summary:nth-child(1) .post__read-time,
.page--blog .posts__grid .post__summary:nth-child(2) .post__read-time {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.page--brandcategorypage {
  background-color: var(--grey-light);
}
.page--brandcategorypage .header-article {
  padding: 20px 0 0;
}
@media (min-width: 768px) {
  .page--brandcategorypage .header-article {
    padding: 60px 0 0;
  }
}
@media (min-width: 1440px) {
  .page--brandcategorypage .header-article {
    padding: 80px 0 0;
  }
}

.page--brandlandingpage {
  background-color: var(--primary);
}
.page--brandlandingpage .landing-content {
  margin-top: 20px;
  margin-bottom: 52px;
}
@media (min-width: 768px) {
  .page--brandlandingpage .landing-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .page--brandlandingpage .landing-content {
    margin-top: 80px;
    margin-bottom: 90px;
  }
}
.page--brandlandingpage .landing-content .title {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .page--brandlandingpage .landing-content .title {
    margin-bottom: 40px;
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .page--brandlandingpage .landing-content .title {
    margin-bottom: 90px;
    font-size: 50px;
  }
}
.page--brandlandingpage .all-brands {
  padding-bottom: 110px;
}
.page--brandlandingpage .all-brands .container {
  padding: 0;
}
.page--brandlandingpage .all-brands .row {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.page--brandlandingpage .all-brands .row [class*=col-] {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .page--brandlandingpage .all-brands .row [class*=col-] {
    min-height: 340px;
  }
}
.page--brandlandingpage .all-brands .row .landing-link {
  display: flex;
  transition: all var(--duration--medium) var(--easing--default);
  height: 100%;
  text-decoration: none;
}
.page--brandlandingpage .all-brands .row .landing-link:hover {
  background-color: var(--primary-light);
}
.page--brandlandingpage .all-brands__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .page--brandlandingpage .all-brands__item {
    padding: 60px 20px 40px;
  }
}
@media (min-width: 1024px) {
  .page--brandlandingpage .all-brands__item {
    padding: 50px 40px;
  }
}
.page--brandlandingpage .all-brands__item .img-holder {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
.page--brandlandingpage .all-brands__item .img-holder .svg {
  width: 100%;
  max-width: 244px;
  height: auto;
  fill: var(--white);
}
.page--brandlandingpage .all-brands__item .categories {
  margin-top: auto;
  padding: 0 50px;
  text-align: center;
}
.page--brandlandingpage .all-brands__item .categories span {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  /* stylelint-disable max-nesting-depth */
}
.page--brandlandingpage .all-brands__item .categories span:not(:first-of-type)::before {
  margin-left: -12px;
  padding: 0 6px;
  content: "/";
}

.page--checkoutpage {
  background-color: var(--grey-light);
}
.page--checkoutpage .btn-toolbar {
  padding-block-end: 40px;
}
.page--checkoutpage .page__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
  -ms-grid-columns: 100vw;
  grid-template-columns: 100vw;
}
@media (min-width: 1440px) {
  .page--checkoutpage .page__container {
    display: block;
    height: 100vh;
  }
}
.page--checkoutpage .header {
  padding-bottom: 20px;
}
@media (max-width: 1439.98px) {
  .page--checkoutpage .header {
    position: static;
  }
}
@media (min-width: 1440px) {
  .page--checkoutpage .main {
    height: 100%;
    overflow: visible;
  }
}

.contact-page__header {
  padding: 1.25rem 0 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .contact-page__header {
    padding: 2.5rem 0 3.75rem;
  }
}
@media (min-width: 1440px) {
  .contact-page__header {
    padding: 4.375rem 0 5.625rem;
  }
}
.contact-page__header-title {
  margin-bottom: 0;
  padding-top: 0;
  color: var(--primary-medium);
}
.contact-page__info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact-page__info {
    flex-direction: row;
    justify-content: space-between;
  }
}
.contact-page__info-item {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .contact-page__info-item {
    margin-top: 3.125rem;
  }
}
.contact-page__info-title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: currentColor;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .contact-page__info-title {
    font-size: 1rem;
  }
}
.contact-page__info-number {
  font-family: "Sailec", sans-serif;
  font-weight: 200;
  margin: 0;
  color: var(--primary-dark);
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .contact-page__info-number {
    font-size: 2.5rem;
  }
}
.contact-page__info .typography a {
  text-decoration: none;
  color: inherit;
  font-weight: 100 !important;
}
.contact-page__form {
  background: var(--grey-light);
  padding: 2.5rem 0;
}
@media (min-width: 768px) {
  .contact-page__form {
    padding: 3.125rem 0;
  }
}
@media (min-width: 1440px) {
  .contact-page__form {
    padding: 5.625rem 0;
  }
}
.contact-page__form-intro {
  text-align: center;
}
.contact-page__form form {
  margin-top: 2.5rem;
}
.contact-page__form-success {
  text-align: center;
}

.page--fitterfinderpage .page__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
  height: 100vh;
  height: calc(100vh - env(safe-area-inset-bottom));
}
@media (max-width: 1023.98px) {
  .page--fitterfinderpage .header {
    position: static;
  }
}
.page--fitterfinderpage .main {
  overflow: hidden;
}

.fitter {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "header header" "image map" "sidebar sidebar" "main main";
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}
@media (min-width: 1024px) {
  .fitter {
        grid-template-areas: "header header" "image map" "main sidebar";
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    margin: 0 auto;
    max-width: calc(75rem + 2rem);
  }
}
.fitter__alignment {
  background-color: var(--grey-lightest);
  padding: 16px;
}
.fitter__alignment--checkbox, .fitter__alignment--removed {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .fitter__alignment--checkbox, .fitter__alignment--removed {
    margin-bottom: 1.5rem;
  }
}
.fitter__alignment--no-service {
  background-color: var(--green-fluro);
}
.fitter__alignment-label {
  text-transform: uppercase !important;
}
.fitter__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
}
.fitterfinder__wrapper > .fitter__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.fitter__banner {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}
.fitter__image, .fitter__map {
  height: 6.25rem;
}
@media (min-width: 576px) {
  .fitter__image, .fitter__map {
    height: 13.4375rem;
  }
}
@media (min-width: 1024px) {
  .fitter__image, .fitter__map {
    height: auto;
  }
}
.fitter__image img, .fitter__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fitter__image {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: image;
}
.fitter__map {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: map;
}
.fitter__title {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin: 1.25rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .fitter__title {
    margin: 2.5rem 0;
  }
}
@media (min-width: 1024px) {
  .fitter__title {
    margin: 4.375rem 0;
  }
}
@media (min-width: 768px) {
  .modal .fitter__title {
    padding: 0 20px;
  }
}
.fitter__alignment-available {
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.625rem;
  font-weight: 500;
}
@media (min-width: 1440px) {
  .fitter__alignment-available {
    margin-bottom: 1.25rem;
  }
}
.fitter__detail-label {
  margin-bottom: 0.3125rem;
}
.fitter__details {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: sidebar;
}
@media (min-width: 1440px) {
  .fitter__details {
    margin-top: 3.125rem;
  }
}
@media (min-width: 768px) {
  .fitter__details-row {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .fitter__details-row {
    justify-content: flex-start;
  }
  .fitter__details-row > div {
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .fitter__details-item {
    margin-top: 1.5625rem;
  }
  .fitter__details-item dd {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .fitter__details-item {
    margin-top: 3.125rem;
  }
}
.fitter__details .fitter__result-buttons {
  align-items: stretch;
}
.fitter__details .fitter__result-buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .fitter__details .fitter__result-buttons-wrapper {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .fitter__details .fitter__result-buttons-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .fitter__details .fitter__select-button {
    margin-right: 0;
    margin-bottom: 0.9375rem;
  }
}
.fitter__detail.fitter__detail {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-bottom: 0.625rem;
  line-height: 1.43;
  color: var(--primary-dark);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .fitter__detail.fitter__detail {
    font-size: 1.5rem;
  }
}
.fitter__links a {
  margin-right: 0.625rem;
}
.fitter__hours th,
.fitter__hours td {
  padding: 0.1875rem;
  padding-left: 0;
}
.fitter__content {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: main;
}
.fitterfinder__wrapper > .fitter__content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.checkout__step--fitter form {
  margin-top: 12px;
}
.checkout__step--fitter form .checkbox label {
  margin-right: 10px;
  text-transform: uppercase;
  font-weight: 500;
  unicode-range: U+30-39;
}

.page--homepage {
  background: var(--grey-light);
}

.page--login {
  background-color: var(--grey-light);
}
.page--login .login-form {
  --spacing-form: 30px 24px;
  border-radius: 0;
  box-shadow: none;
  width: 288px;
}
@media (min-width: 768px) {
  .page--login .login-form {
    --spacing-form-desktop: 40px;
    width: 400px;
  }
}
@media (min-width: 420px) {
  .page--login .login-form {
    --spacing-form-desktop: 30px 24px;
  }
}
.page--login .login-form__header {
  flex-direction: column;
  gap: 15px;
}
.page--login .login-form__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: 2.8px;
  font-size: 18px;
}
.page--login .login-form__intro {
  max-width: 300px;
  text-align: center;
}
.page--login .login-form__content p {
  margin-top: 10px;
}
.page--login .message {
  margin-bottom: 30px !important;
  padding-block: 7px;
  max-width: 300px;
  text-align: left;
}
.page--login .message.bad {
  padding-bottom: 30px;
}
.page--login .message.bad, .page--login .message.error, .page--login .message.good, .page--login .message.info, .page--login .message.warning {
  margin-bottom: 0 !important;
  max-width: none;
  color: var(--text-grey-dark);
}
.page--login .login-form__form {
  padding-top: 30px;
}
.page--login .login-form__form input.text {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  border: 0;
  border-bottom: 1px solid var(--grey-medium);
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 6px;
  padding: 0;
  width: 100%;
  width: 100% !important;
  height: 32px;
  color: var(--primary-dark);
  font-size: 18px;
}
.page--login .login-form__form input.text:focus {
  padding: 6px;
}
.page--login .field.text label {
  line-height: 10px;
  letter-spacing: 1px;
  color: #333;
  font-size: 10px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page--login .field.text label {
    line-height: 12px;
    font-size: 12px;
  }
}
.page--login .field.checkbox {
  display: flex;
  align-items: center;
}
.page--login .field.checkbox label {
  position: relative;
  padding-left: 25px;
}
.page--login .field.checkbox label::before {
  display: block;
  position: absolute;
  left: 0;
  background-color: var(--grey-medium);
  width: 15px;
  height: 15px;
  content: "";
}
.page--login .field .font-icon-help-circled {
  color: var(--primary-dark);
}
@media (min-width: 768px) {
  .page--login .btn-toolbar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    /* stylelint-disable-next-line selector-max-id */
  }
  .page--login .btn-toolbar #ForgotPassword {
    margin: 0;
  }
}
.page--login .btn-toolbar .action {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  margin-block: 20px;
  border: 0;
  background-color: var(--purple-medium);
  padding: 13px 45px;
  line-height: 17px;
  letter-spacing: -0.3px;
  font-size: 17px;
  font-size: 17px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .page--login .btn-toolbar .action {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .page--login .btn-toolbar .action {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
@media (min-width: 768px) {
  .page--login .btn-toolbar .action {
    padding: 15px 45px;
  }
}
.page--login .btn-toolbar .action:hover, .page--login .btn-toolbar .action:active, .page--login .btn-toolbar .action:focus {
  background-color: var(--purple-light) !important;
}

/* stylelint-disable-next-line selector-max-id */
#MemberLoginForm_LoginForm_Email_Holder {
  margin-bottom: 30px;
}

/* stylelint-disable-next-line selector-max-id */
#MemberLoginForm_LoginForm_Remember_Holder label {
  line-height: 20px;
  letter-spacing: 0;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

/* stylelint-disable-next-line selector-max-id */
#ForgotPassword a {
  color: var(--purple-dark);
}

.font-icon-help-circled::before {
  display: block;
  border-radius: 50%;
  background-color: #78bf61;
  padding: 0.5px;
  width: 17px;
  height: 17px;
  color: #000;
  filter: invert(1);
}

.page--tyrefinderpage {
  background-color: var(--primary-dark);
}

.tyre-finder {
  background-color: var(--grey-light);
  padding-top: 1.875rem;
}
.tyre-finder__wrap:not(.tyre-finder__wrap[data-showing-results=true]) {
  display: flex;
  align-items: center;
  height: calc(100vh - 60px);
  max-height: 600px;
}
.tyre-finder__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.875rem;
}
.tyre-finder__help {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  bottom: 0;
  background-color: var(--primary-light);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  line-height: 1.5;
  color: var(--white);
}
@media (min-width: 768px) {
  .tyre-finder__help {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
.tyre-finder__help a {
  color: inherit;
}
.tyre-finder__help-contact {
  margin: 0;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .tyre-finder__help-contact {
    font-size: 1.5625rem;
  }
}
.tyre-finder__help-fitter {
  margin: 0;
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .tyre-finder__help-fitter {
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  [data-sticky] ~ .tyre-finder__help {
    position: sticky;
    z-index: 1;
  }
}

.page--wheelfinderpage {
  background-color: var(--primary-dark);
}

.wheel-finder:not(.wheel-finder[data-showing-results=true]) {
  display: flex;
  align-items: center;
  height: calc(100vh - 60px);
  max-height: 600px;
}
.wheel-finder__heading {
  margin-block-end: 10px;
}
@media (min-width: 768px) {
  .wheel-finder__heading {
    margin-block-end: 20px;
  }
}
.wheel-finder__content {
  margin: 0;
  line-height: 1.71;
  letter-spacing: -0.16px;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .wheel-finder__content {
    line-height: 1.75;
    letter-spacing: -0.18px;
    font-size: 1rem;
  }
}
.wheel-finder .results-grid {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .wheel-finder .results-grid {
    padding-block: 30px;
  }
}
@media (min-width: 1024px) {
  .wheel-finder .results-grid {
    padding-block: 40px;
  }
}
.wheel-finder .tyreresults ul,
.wheel-finder .upsizeresults ul {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .wheel-finder .tyreresults ul,
.wheel-finder .upsizeresults ul {
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .wheel-finder .tyreresults ul,
.wheel-finder .upsizeresults ul {
    padding-top: 30px;
  }
}
.wheel-finder .pathway__form .pathway__label + div {
  margin-right: 5px;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__form .pathway__label + div {
    margin-right: 2px;
  }
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown {
  opacity: 1;
  padding: 0;
  line-height: 1.5;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__form .pathway__label + div .vtext__dropdown {
    background-size: 14px 9px;
    line-height: 1.4;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown::-moz-placeholder {
  opacity: 0.6;
  line-height: 1.5;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic;
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown:-ms-input-placeholder {
  opacity: 0.6;
  line-height: 1.5;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic;
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown::placeholder {
  opacity: 0.6;
  line-height: 1.5;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: italic;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__form .pathway__label + div .vtext__dropdown::-moz-placeholder {
    line-height: 1.7;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
  .wheel-finder .pathway__form .pathway__label + div .vtext__dropdown:-ms-input-placeholder {
    line-height: 1.7;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
  .wheel-finder .pathway__form .pathway__label + div .vtext__dropdown::placeholder {
    line-height: 1.7;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown[disabled]::-moz-placeholder {
  opacity: 0.4;
  font-style: normal;
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown[disabled]:-ms-input-placeholder {
  opacity: 0.4;
  font-style: normal;
}
.wheel-finder .pathway__form .pathway__label + div .vtext__dropdown[disabled]::placeholder {
  opacity: 0.4;
  font-style: normal;
}
.wheel-finder .pathway__form .pathway__label + div .vdropdown__trigger {
  padding: 0;
  line-height: 1.6;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__form .pathway__label + div .vdropdown__trigger {
    line-height: 1.4;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
    font-weight: 300;
  }
}
.wheel-finder .pathway__form .pathway__label + div .vdropdown__trigger[disabled] {
  opacity: 0.6;
  font-style: normal;
}
.wheel-finder .pathway__form .pathway__model-variation .vdropdown {
  margin-right: 0;
}
.wheel-finder .pathway__form .pathway__fieldset:not(.pathway__tyre-size) .vdropdown__trigger--placeholder {
  border-color: var(--white);
  font-style: italic;
}
.wheel-finder .pathway__legend {
  display: block;
  margin: 0;
}
.wheel-finder .pathway__legend, .wheel-finder .pathway__model-variation .vdropdown__trigger {
  line-height: 2.11;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__legend, .wheel-finder .pathway__model-variation .vdropdown__trigger {
    line-height: 2;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
}
.wheel-finder .pathway__model-variation {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__model-variation {
    margin-top: 25px;
  }
}
.wheel-finder .pathway__model-variation .pathway__label {
  margin-right: 6px;
  line-height: 2.11;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__model-variation .pathway__label {
    margin-right: 5px;
    line-height: 2;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
  }
}
.wheel-finder .pathway__model-variation .vdropdown {
  margin-right: 0;
}
.wheel-finder .pathway__question {
  margin-top: 7px;
}
.wheel-finder .pathway__tyre-size-help {
  padding: 0;
  line-height: 1.5;
  letter-spacing: -0.2px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .wheel-finder .pathway__tyre-size-help {
    line-height: 1.47;
    letter-spacing: -0.25px;
    font-size: 0.9375rem;
  }
}
.wheel-finder .pathway__wheel-inputs .vdropdown:not(.vdropdown:last-of-type) input {
  background-image: none;
}
.wheel-finder .pathway__wheel-inputs .vdropdown:last-of-type input::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%23ffffff%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
  background-size: 15px 9px;
  content: "";
}

.page--accountpage .header {
  background-color: var(--grey-light);
}
.page--accountpage .responsive-table.scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.page--accountpage form label {
  display: block;
  margin: 30px 0 10px;
}
.page--accountpage form ul {
  padding-top: 10px;
}
.page--accountpage form ul label {
  margin: 0;
}
.page--accountpage form li {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 0 5px;
}
.page--accountpage form li::before {
  display: none;
}
.page--accountpage form input[type=submit] {
  --button-bg: var(--accent-medium);
  --button-bg--hover: var(--accent-light);
  --button-text: var(--text-grey);
  --button-text--hover: var(--button-text);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-bg);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .page--accountpage form input[type=submit] {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .page--accountpage form input[type=submit] {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.page--accountpage form input[type=submit]:hover {
  border-color: var(--button-bg--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.page--accountpage form input[type=submit][name=action_docancel] {
  --button-bg: transparent;
  --button-text: var(--purple-medium);
  border-color: var(--purple-medium);
}
.page--accountpage form input[type=submit][name=action_docancel]:hover {
  --button-bg--hover: var(--purple-medium);
  --button-text: var(--white);
}

@media (min-width: 1440px) {
  .account__container .responsive-table.scrollable {
    display: block;
  }
  .account__container .responsive-table.scrollable table {
    margin-left: 0;
  }
}
.account__container a.link {
  line-height: 20px;
  letter-spacing: -0.1px;
  font-size: 14px;
}
.account__container--grey {
  background-color: var(--grey-light);
}
.account__container--white {
  background-color: var(--white);
}
.account__container--padded {
  padding-block: 40px 40px;
}
@media (min-width: 768px) {
  .account__container--padded {
    padding-block: 60px 85px;
  }
}
.account__container--inner {
  display: -ms-grid;
  display: grid;
}
.account__container .btn-toolbar input {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .account__container .btn-toolbar input {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .account__container .btn-toolbar input {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.account__contact-link {
  line-height: 20px;
  letter-spacing: -0.1px;
  color: var(--purple-medium);
  font-size: 14px;
}
.account__details {
  background-color: var(--white);
}
@media (min-width: 768px) {
  .account__details-columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
  }
}
.account__details-columns > div:not(:first-of-type) {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .account__details-columns > div:not(:first-of-type) {
    margin-top: 0;
  }
}
.account__field-heading {
  margin-block: 20px 10px;
  padding-top: 0;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.8px;
  font-size: 0.625rem;
  font-weight: bold;
}
.account__field-heading--password {
  margin-top: 30px;
}
.account__field-value:not(.account__fitter-title):not(.account__fitter-phone) {
  margin-bottom: 4px;
  line-height: 20px;
  font-size: 12px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .account__field-value:not(.account__fitter-title):not(.account__fitter-phone) {
    line-height: 20px;
    letter-spacing: -0.1px;
    font-size: 0.875rem;
  }
}
.account__field-value:not(.account__fitter-title):not(.account__fitter-phone) b {
  font-weight: normal;
}
.account__header {
  margin-block: 50px 21px;
  border-bottom: 1px solid var(--grey-medium);
  padding-bottom: 17px;
}
.account__your-details .account__header {
  margin-top: 0;
}
.account__header h3 {
  margin: 0;
}
.account__header--two-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account__header-title {
  margin-bottom: 0;
  padding-top: 0;
  color: var(--primary-medium);
}
.account__info {
  padding-block: 45px;
  width: 100%;
}
@media (min-width: 768px) {
  .account__info {
    display: flex;
    justify-content: space-between;
    padding-block-end: 35px;
  }
}
.account__navigation {
  background-color: var(--grey-light);
}
.account__nav-link {
  padding-inline: 0;
}
.account__nav-link:not(.account__nav-link--current) {
  box-shadow: none;
}
.account__nav-list {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-block: 40px 8px;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 768px) {
  .account__nav-list {
    margin: 0;
  }
}
.account__password-form {
  display: flex;
  gap: 20px;
  align-items: center;
}
.account__password-form--editing {
  display: block;
  margin-top: 40px;
}
.account__password-form--editing label {
  line-height: 12px;
  letter-spacing: 1px;
  font-size: 0.75rem;
  font-weight: bold;
}
.account__password-form--editing input[type=submit] {
  --button-bg: var(--purple-medium);
  --button-bg--hover: var(--purple-light);
  --button-text: var(--white);
  --button-text--hover: var(--white);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .account__password-form--editing input[type=submit] {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .account__password-form--editing input[type=submit] {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.account__password-form--editing input[type=submit]:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.account__password-form .btn-toolbar {
  align-items: end;
  margin: 0;
  margin-block: 10px 15px;
}
.account__password-form input {
  padding: 12px 28px;
}
.account__password-form a {
  color: var(--purple-medium);
}
.account__past-orders {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .account__past-orders {
    gap: 10px;
  }
}
.account__past-orders p {
  margin: 0;
}
.account__past-orders a {
  color: var(--purple-medium);
}
.account__welcome {
  display: flex;
  align-items: baseline;
  justify-content: center;
  text-align: center;
  line-height: 28px;
  letter-spacing: -0.18px;
}
@media (min-width: 768px) {
  .account__welcome {
    display: flex;
    gap: 15px;
    align-items: baseline;
  }
}
.account__welcome p {
  margin-block: 0 5px;
}
.account__welcome a {
  width: 80px;
  color: var(--purple-medium);
}

p.account__fitter-title {
  display: block;
  margin-bottom: 5px;
  line-height: 18px;
  letter-spacing: -0.3px;
  font-size: 16px;
  font-weight: 300;
}
@media (min-width: 768px) {
  p.account__fitter-title {
    line-height: 22px;
    font-size: 20px;
  }
}

p.account__fitter-phone {
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
  letter-spacing: -0.1px;
  font-size: 0.875rem;
  font-weight: 500;
}

.app-brand {
  --spacing-app-brand: 20px;
}
@media (min-width: 768px) {
  .app-brand {
    --spacing-app-brand: 40px;
  }
}
.app-brand__name {
  max-width: 136px;
}
@media (min-width: 768px) {
  .app-brand__name {
    max-width: 160px;
  }
}

.card {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  background-color: var(--white);
  padding: 0.625rem;
  width: 100%;
  max-width: 12.5rem;
  min-height: 18.75rem;
}
@media (min-width: 768px) {
  .card {
    max-width: 15.625rem;
  }
}
@media (min-width: 1024px) {
  .card {
    max-width: none;
    min-height: 39.375rem;
  }
}
.card__section {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
}
.card__section--bottom {
  justify-content: flex-end;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .card__section--bottom {
    padding-top: 0.875rem;
  }
}
.card__section--with-oe + .card__section--bottom {
  padding-top: 0;
}
.card--result {
  border: 5px solid var(--white);
  padding: 5px;
}
.results-group--recommended .card {
  border: 2px solid var(--primary-light);
  padding: 8px;
}
.results-group--recommended .card .card__heading {
  background-color: var(--primary-medium);
  color: var(--white);
}
.results-group--recommended-single .card {
  border: 5px solid var(--primary-light);
  padding: 0.3125rem 5.3125rem;
  max-width: 25rem;
}
@media (min-width: 768px) {
  .results-group--recommended-single .card {
    max-width: 31.25rem;
  }
  .results-group--recommended-single .card .card__link {
    align-items: center;
  }
  .results-group--recommended-single .card .card__blurb {
    line-height: 1.73;
    font-size: 0.9375rem;
  }
}
@media (min-width: 1024px) {
  .results-group--recommended-single .card {
    max-width: none;
  }
}
.card__compare {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  text-transform: uppercase;
  color: inherit;
  font-size: 0.5rem;
}
@media (min-width: 1024px) {
  .card__compare {
    font-size: 0.625rem;
  }
}
.card__compare:hover, .card__compare:focus, .card__compare:active {
  text-decoration: underline;
}
.card__compare::after {
  display: inline-block;
  margin-left: 0.3125rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%271%27 stroke=%27%23333%27%3E %3Cpath d=%27M0,4 L8,4%27/%3E %3Cpath d=%27M4,0 L4,8%27/%3E %3C/svg%3E");
  width: 0.5rem;
  height: 0.5rem;
  content: "";
}
.card__logo {
  margin-top: 0.3125rem;
}
.card__logo-wrapper {
  width: 140px;
  height: 35px;
  text-align: center;
}
.card__title {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-top: 0.3125rem;
  margin-bottom: 0;
  min-height: 1.25rem;
  text-align: center;
  line-height: 1.23;
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .card__title {
    min-height: 2.5rem;
    line-height: 1.27;
    font-size: 1.375rem;
  }
}
.card__image-container {
  position: relative;
}
.card__badge {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 0.625rem;
  right: 0;
  align-items: center;
  justify-content: center;
  z-index: 0;
  margin-right: -1.5625rem;
  border-radius: 50%;
  background-color: var(--accent-light);
  width: 2.8125rem;
  height: 2.8125rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  color: var(--text-grey);
  font-size: 0.8125rem;
}
@media (min-width: 1024px) {
  .card__badge {
    margin-right: -1.875rem;
    width: 5rem;
    height: 5rem;
    font-size: 1.25rem;
  }
}
.card__image {
  width: 4.6875rem;
}
@media (min-width: 1024px) {
  .card__image {
    width: 10.3125rem;
  }
}
.card__image--placeholder {
  background-color: transparent;
  height: 4.6875rem;
}
@media (min-width: 1024px) {
  .card__image--placeholder {
    height: 10.3125rem;
  }
}
.card__specs {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin: 0;
  margin-top: 5px;
  line-height: 1.67;
  letter-spacing: 0.125em;
  color: var(--grey-dark);
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .card__specs {
    font-family: "Sailec", sans-serif;
    font-weight: 400;
    margin-top: 0;
    font-size: 0.8125rem;
  }
}
.card__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 0;
  background-color: var(--grey-light);
  padding: 0.4375rem 0.75rem;
  width: 100%;
  text-align: center;
  line-height: 0.92;
  color: var(--purple-light);
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .card__heading {
    margin-bottom: 0;
    padding: 0.625rem 1.25rem;
    font-size: 1rem;
  }
}
.card__blurb {
  display: none;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .card__blurb {
    display: block;
    margin: 0;
    margin-top: 0.75rem;
    margin-bottom: auto;
    text-align: center;
    line-height: 1.54;
    font-size: 0.8125rem;
  }
}
.card__fitment {
  display: block;
  margin-top: 10px;
  margin-bottom: 4px;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.6;
  font-size: 0.5rem;
}
@media (min-width: 1024px) {
  .card__fitment {
    margin-top: 14px;
    line-height: 1.7;
    font-size: 0.625rem;
  }
}
.card__fitment .tooltip {
  position: relative;
  vertical-align: top;
}
.card__fitment .tooltip__button {
  position: absolute;
  top: 0;
  left: 3px;
  margin: 0;
  padding: 0;
  width: 11px;
  height: 11px;
}
.card__ambassador-note {
  display: none;
}
@media (min-width: 1024px) {
  .card__ambassador-note {
    font-family: "Sailec", sans-serif;
    font-weight: 500;
    display: block;
    margin-top: 1.875rem;
    margin-bottom: 0;
    font-size: 0.75rem;
  }
}
.card__price {
  position: relative;
  margin: 0;
}
@media (min-width: 1024px) {
  .card__price {
    margin: 0 0 4px;
  }
}
.card__price-number, .card__price-range {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  color: var(--primary-light);
  font-size: 1.5rem;
}
.card__price-number {
  margin-inline: 10px;
  text-align: center;
}
@media (min-width: 1024px) {
  .card__price-number {
    font-size: 3.125rem;
  }
}
@media (min-width: 1024px) {
  .card__price-range {
    margin-block: 1rem 1.25rem;
    font-size: 2.1875rem;
  }
}
.card__price--before-discount {
  display: block;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .card__price--before-discount {
    top: 60px;
    font-size: 0.9375rem;
  }
}
.card__price + :not(.card__levy) {
  margin-top: 28px;
}
.card__features {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block: 10px 10px;
}
.card__runflat {
  display: flex;
  align-items: center;
}
.card__runflat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  border-radius: 50%;
  background-color: var(--primary-light);
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 1024px) {
  .card__runflat-icon {
    width: 1.875rem;
    height: 1.875rem;
  }
}
.card__runflat-icon .svg {
  fill: var(--white);
  max-width: 1rem;
  max-height: 1rem;
}
@media (min-width: 1024px) {
  .card__runflat-icon .svg {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
}
.card__runflat-title {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-block: 0;
  text-transform: uppercase;
  line-height: 1.09;
  white-space: nowrap;
  color: var(--primary-medium);
  font-size: 0.6875rem;
}
.card__offer {
  display: none;
}
@media (min-width: 1024px) {
  .card__offer {
    display: block;
    margin-top: 0.9375rem;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.6875rem;
  }
}
.card__offer a {
  text-decoration: underline;
  color: inherit;
}
@media (min-width: 1440px) {
  .card__add-to-cart, .card__ambassador-more {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
  }
}
.card__more {
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 0.5rem;
  color: inherit;
  font-size: 0.6875rem;
}
.card__more:hover, .card__more:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.card__debug {
  position: absolute;
  right: 0;
  bottom: 0;
}
.card__debug .svg g {
  fill: var(--alert);
}
.card--advert {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-lightest);
}
.card--education {
  justify-content: stretch;
  padding: 0;
}
.card--help-deciding {
  background-image: url(/_resources/themes/base/dist/b2a796cb4e5788524640.jpg);
  background-size: cover;
}
.card--car-suv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(/_resources/themes/base/dist/bd5dffc296a8ea9cecdd.jpg);
  background-size: cover;
}
.card--wheel .card__specs {
  margin-bottom: 5px;
  max-width: 100px;
  text-align: center;
  line-height: 1.13;
  font-size: 0.5rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .card--wheel .card__specs {
    margin-bottom: 10px;
    max-width: 150px;
    line-height: 1.2;
    font-size: 0.625rem;
  }
}
.card--wheel .card__specs-size,
.card--wheel .card__specs-ply {
  text-transform: uppercase;
}
.card__education-link {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.card__education-link:hover .card__bubble, .card__education-link:focus .card__bubble {
  background-color: var(--primary-medium);
}
.card__bubble {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: var(--trs-default);
  border-radius: 50%;
  background-color: var(--primary-light);
  padding: 0.9375rem;
  width: 90%;
  max-width: 10.9375rem;
  aspect-ratio: 1/1;
  text-align: center;
  color: var(--white);
}
@media (min-width: 1024px) {
  .card__bubble {
    padding: 2.8125rem;
    max-width: 15rem;
  }
}
.card__bubble-title {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.085em;
  color: inherit;
  font-size: 0.375rem;
}
@media (min-width: 1024px) {
  .card__bubble-title {
    font-size: 0.625rem;
  }
}
.card__bubble-blurb {
  margin-top: 0.625rem;
  margin-bottom: 0;
  line-height: 1.38;
  font-size: 0.8125rem;
}
@media (min-width: 1024px) {
  .card__bubble-blurb {
    line-height: 1.4;
    font-size: 1.125rem;
  }
}
.card__bubble-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--trs-default);
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
.card__advert {
  padding: 0 1.25rem;
}
@media (min-width: 1024px) {
  .card__advert {
    padding: 0 3.125rem;
  }
}
.card__advert--tyrehub {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  position: relative;
  text-align: center;
  line-height: 1.6;
  color: var(--primary);
  font-size: 0.9375rem;
}
@media (min-width: 1024px) {
  .card__advert--tyrehub {
    font-size: 1.75rem;
  }
}
.card__advert--tyrehub .svg {
  position: absolute;
  bottom: 100%;
  margin-bottom: 1.25rem;
  width: auto;
  height: 1.875rem;
}
@media (min-width: 1024px) {
  .card__advert--tyrehub .svg {
    margin-bottom: 1.875rem;
    height: auto;
  }
}
.card__advert--humm {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1.67;
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .card__advert--humm {
    line-height: 1.6;
    font-size: 1.5625rem;
  }
}
.card__levy {
  margin-block: 4px 15px;
}
@media (min-width: 768px) {
  .card__levy {
    margin-block: 8px 20px;
  }
}
.card__levy svg {
  margin-left: 4px;
  width: 15px;
  height: 11px;
}
.card__levy .tooltip__button {
  display: inline-block;
}
.cart__items .card__levy {
  display: flex;
  justify-content: flex-end;
}
.product-detail .card__levy {
  margin-bottom: 13px;
}
@media (min-width: 768px) {
  .product-detail .card__levy {
    margin-block: 5px 27px;
  }
}
.card__levy-title.card__levy-title {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 0.625rem;
}
.card .svg-advert--humm {
  width: 5.8125rem;
}
@media (min-width: 1024px) {
  .card .svg-advert--humm {
    width: auto;
    max-width: 60%;
  }
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.tns-slider {
  padding: 0;
  list-style: none;
}

.tns-nav {
  display: flex;
  flex-direction: row;
  margin-top: 1.875rem;
}
.tns-nav button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background-color var(--duration-short) var(--easing-default);
  border: 1px solid var(--white);
  border-radius: 50%;
  background-color: var(--grey-light);
  padding: 0;
  width: 0.5rem;
  height: 0.5rem;
}
.tns-nav button + button {
  margin-left: 0.5rem;
}
.tns-nav .tns-nav-active {
  background-color: var(--accent-dark);
}

.cart {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: min-content 1fr min-content;
  grid-template-rows: min-content 1fr min-content;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.cart--side {
  padding: 5.625rem 1.5625rem 1.5625rem;
  height: 100%;
}
@media (min-width: 768px) {
  .cart--side {
    padding: 6.25rem 3.75rem 3.75rem;
  }
}
@media (min-width: 1440px) {
  .cart--side {
    padding: 8.125rem 6.875rem 4.375rem;
  }
}
.cart__items {
  margin: 0;
  margin-right: -1rem;
  padding: 0 1rem 3.75rem 0;
  overflow: hidden;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.cart__items::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.cart__item + .cart__item {
  margin-top: 1.875rem;
  border-top: 1px solid var(--grey-light);
  padding-top: 1.875rem;
}
.cart__item--wheelalignment .cart__item-total {
  margin-left: auto;
}
.checkout__step--fitter .cart__item[data-product-type=wheel-alignment] {
  display: none;
}
.cart__heading, .cart__specs, .cart__amounts, .cart__total, .cart__gst {
  display: flex;
  justify-content: space-between;
}
.cart__heading {
  align-items: center;
}
.cart__name {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  position: relative;
  margin: 0;
  margin-bottom: 0.5em;
  color: currentColor;
  font-size: 1.25rem;
}
.cart__specs {
  font-size: 0.75rem;
}
.cart__size {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 0;
}
.cart__size::before {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-right: 0.375rem;
  content: "Size:";
}
.cart__unit-price {
  margin: 0;
}
.cart__amounts {
  margin-top: 0.9375rem;
}
.cart__discount {
  text-align: right;
  font-size: 0.75rem;
}
.cart__discount .fieldset.action {
  border-radius: 50%;
}
.cart__item-total {
  margin: 0;
  font-size: 1.375rem;
}
.cart__item-total del {
  color: var(--grey-dark);
  font-size: 1.125rem;
}
.cart__notice-odd-quant {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0.9375rem 0;
  background-color: var(--accent-light);
  padding: 0.9375rem;
}
.cart__notice-odd-quant .svg-alert {
  flex: 0 0 auto;
  margin-right: 0.625rem;
}
.cart__notice-odd-quant p {
  margin: 0;
  line-height: 1.6;
  font-size: 0.875rem;
}
.cart__notice-odd-quant p + p {
  line-height: 1.4;
  font-size: 0.75rem;
}
.cart__notice-odd-quant a {
  line-height: 2;
}
.cart__notice-includes {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 0.9375rem;
  margin-bottom: 0;
  padding: 0.4375rem;
  text-align: center;
  color: var(--primary-light);
  font-size: 0.75rem;
}
.cart__notice-includes p {
  margin: 0;
  color: currentColor;
}
.cart__remove {
  margin-right: -0.625rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23222%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M0,0 L12,12%27/%3E%3Cpath d=%27M12,0 L0,12%27/%3E%3C/g%3E%3C/svg%3E");
  padding: 0;
  width: 1.875rem;
  height: 1.875rem;
}
.cart__remove:hover, .cart__remove:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M0,0 L12,12%27/%3E%3Cpath d=%27M12,0 L0,12%27/%3E%3C/g%3E%3C/svg%3E");
}
.cart__quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cart__quantity-number {
  margin: 0 0.3125rem;
  width: 1.875rem;
  text-align: center;
}
.cart__quantity-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid var(--text-grey-light);
  border-radius: 50%;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0.3125rem;
  width: 1.6875rem;
  height: 1.6875rem;
  text-decoration: none;
  color: transparent;
}
.cart__quantity-button:hover:not(:disabled), .cart__quantity-button:focus:not(:disabled) {
  border-color: var(--primary-medium);
  background-color: var(--primary-medium);
}
.cart__quantity-button:disabled {
  opacity: 0.3;
  cursor: default;
}
.cart__quantity-button--remove {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23222%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M0,7 L14,7%27/%3E%3C/g%3E%3C/svg%3E");
}
.cart__quantity-button--remove:hover:not(:disabled), .cart__quantity-button--remove:focus:not(:disabled) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M0,7 L14,7%27/%3E%3C/g%3E%3C/svg%3E");
}
.cart__quantity-button--add {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23222%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M7,0 L7,14%27/%3E%3Cpath d=%27M0,7 L14,7%27/%3E%3C/g%3E%3C/svg%3E");
}
.cart__quantity-button--add:hover:not(:disabled), .cart__quantity-button--add:focus:not(:disabled) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg stroke-width=%272%27%3E%3Cpath d=%27M7,0 L7,14%27/%3E%3Cpath d=%27M0,7 L14,7%27/%3E%3C/g%3E%3C/svg%3E");
}
.cart__total {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  align-items: flex-start;
  margin-bottom: 0;
  border-top: solid 2px var(--text-grey);
  padding-top: 0.625rem;
  color: currentColor;
}
.cart__total-label {
  font-size: 1.0625rem;
}
@media (min-width: 1024px) {
  .cart__total-label {
    font-size: 1.25rem;
  }
}
.cart__total-amount {
  font-size: 1.375rem;
}
@media (min-width: 1024px) {
  .cart__total-amount {
    font-size: 2.125rem;
  }
}
.cart__total-amount del {
  padding-right: 10px;
  color: var(--grey-dark);
  font-size: 1.125rem;
}
.cart__gst {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .cart__gst {
    font-size: 0.875rem;
  }
}
.cart__notice-delivery {
  padding: 0 15%;
  text-align: center;
}
.cart__checkout {
  margin-top: 1.875rem;
  width: 100%;
}
.cart__info p {
  margin: 0.5em 0;
}
.cart__info .cart__name {
  padding-right: 30px;
}
.cart__infolabel {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  position: relative;
  margin-bottom: 1em;
  text-transform: uppercase;
  color: var(--text-grey-light);
  font-size: 0.75rem;
}
.cart__titleaction {
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 1440px) {
  .checkout__container {
    display: -ms-grid;
    display: grid;
    position: relative;
        grid-template-areas: "checkout cart";
    -ms-grid-rows: 100vh;
    grid-template-rows: 100vh;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
  }
  .checkout__container::after {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% - 1rem);
    background-color: var(--white);
    width: 100%;
    height: 100%;
    content: "";
  }
}
.checkout__main {
  overflow-x: hidden;
}
@media (min-width: 1440px) {
  .checkout__main {
    grid-area: checkout;
    padding-top: 7.5rem;
    padding-right: 3.75rem;
  }
}
.checkout__actions {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 40px;
}
@media (min-width: 576px) {
  .checkout__actions {
    flex-direction: row;
  }
}
.checkout__actions a + a {
  margin-top: 20px;
}
.checkout__cart {
  display: none;
  background-color: var(--white);
}
@media (min-width: 1440px) {
  .checkout__cart {
    display: flex;
    position: relative;
    grid-area: cart;
    padding-top: 7.5rem;
    padding-bottom: 4.375rem;
  }
}
@media (min-width: 1440px){
  .checkout__main {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .checkout__cart {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.checkout__cart .cart {
  padding-right: 1rem;
  padding-left: 3.75rem;
  width: 26.66rem;
  height: 100%;
}
.checkout__title {
  position: relative;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .checkout__title {
    display: flex;
    flex-direction: row;
  }
}
.checkout__title-number {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
}
@media (min-width: 768px) {
  .checkout__title-number {
    position: absolute;
    transform: translateX(-100%);
    margin-top: -0.1em;
    padding-right: 1.25rem;
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .checkout__title-number {
    position: relative;
    transform: none;
    width: 12.5%;
    text-align: left;
  }
}
.checkout__breadcrumbs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
}
.checkout__breadcrumb {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: baseline;
  color: var(--text-grey-light);
  font-display: auto;
}
.checkout__breadcrumb--link {
  color: var(--purple-medium);
}
.checkout__breadcrumb-link {
  text-decoration: none;
  color: currentColor;
}
.checkout__breadcrumb-number {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  .checkout__breadcrumb-number {
    font-family: "Sailec", sans-serif;
    font-weight: 300;
  }
}
.checkout__breadcrumb-name {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
}
@media (max-width: 1023.98px) {
  .checkout__breadcrumb-name {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    /* 1 */
  }
}
.checkout__breadcrumb::before {
  flex: 0 1 auto;
  margin: auto 0.625rem;
  border-bottom: 1px solid currentColor;
  width: 1.25rem;
  content: "";
}
@media (min-width: 576px) {
  .checkout__breadcrumb::before {
    width: 2.5rem;
  }
}
@media (min-width: 768px) {
  .checkout__breadcrumb::before {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
  }
}
.checkout__breadcrumb:first-child::before {
  display: none;
}
.checkout .fitter__result {
  border-top: 0;
}
.checkout .fitter__result:hover {
  background-color: transparent;
}
.checkout .fitter__result-header {
  cursor: default;
}
.checkout .fitter__result-body {
  animation: none;
}
.checkout__step--fitter .btn-toolbar {
  justify-content: flex-start;
  font-size: 0.875rem;
}
@media (min-width: 1440px) {
  .checkout__step--fitter .btn-toolbar {
    font-size: 1rem;
  }
}
.checkout__fitter-steps {
  /* stylelint-disable-next-line selector-no-qualifying-type */
}
.checkout__fitter-steps li.checkout__fitter-step {
  padding-left: 0;
}
.checkout__fitter-steps li.checkout__fitter-step::before {
  display: none;
}
.checkout__fitter-steps .svg-fitter--location,
.checkout__fitter-steps .svg-fitter--time {
  margin-left: 0.3125rem;
}
.checkout__fitter-step {
  display: flex;
  flex-direction: row;
}
.checkout__fitter-step + .checkout__fitter-step {
  margin-top: 1.25rem;
}
.checkout__fitter-step-icon {
  flex: 0 0 auto;
  width: 3.125rem;
  height: 1.75rem;
}
.checkout__fitter-step-icon .svg {
  display: block;
}
@media (min-width: 768px) {
  .checkout .fitterfinder__search-form {
    margin-top: 5.625rem;
  }
}
.checkout .pac-target-input {
  background-color: transparent;
}
.checkout__step--booking .btn-toolbar {
  margin-top: 2em;
}
.checkout__step--payment {
  -ms-grid-rows: min-content 1fr;
  grid-template-rows: min-content 1fr;
}
.checkout__step--payment form {
  padding-block: 40px 0;
}
.form--discount .checkout__step--payment form {
  padding: 0;
}
.checkout__step--payment .btn-toolbar {
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .checkout__step--payment .btn-toolbar {
    align-items: flex-end;
  }
}
@media (min-width: 576px) {
  .checkout__step--payment .btn-toolbar .button {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1440px) {
  .checkout__step--payment .order__info {
    display: none;
  }
}
.checkout__payment-total {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
.checkout__payment-subtotal {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  padding-right: 5px;
  color: var(--grey-dark);
  font-size: 1rem;
}
.checkout__payment-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr min-content;
  grid-template-rows: 1fr min-content;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  overflow: visible;
}
.checkout__discount-remove-link {
  margin-left: 15px;
  text-transform: uppercase;
  font-size: 0.625rem;
}
.checkout__form-message {
  margin-bottom: 25px !important;
}
.checkout .field.disabled {
  opacity: 0.5;
}
.checkout .form__text--privacy {
  margin-bottom: 15px !important;
}

.element > div {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .element > div {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .element > div {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
  }
}
.element > .no-margin {
  margin: 0 auto;
}

.featuredlinks__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.featuredlinks__listitem {
  padding-left: 0 !important;
}
.featuredlinks__listitem::before {
  display: none;
}
.featuredlinks__listitem .link {
  display: inline-block;
}

.footer {
  background-color: var(--primary-dark);
  padding: 2.5rem 0 3.75rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .footer {
    padding: 3.75rem 7.5rem;
  }
}
@media (min-width: 1024px) {
  .footer {
    padding: 5rem 0 2.5rem;
  }
}
.footer__links {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1rem;
}
.footer__links--main {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
}
.footer__links--main .footer__item + .footer__item {
  margin-top: 0.625rem;
}
@media (min-width: 1024px) {
  .footer__links--main .footer__item + .footer__item {
    margin-top: 1.25rem;
  }
}
.footer__item + .footer__item {
  margin-top: 1rem;
}
.footer__link {
  transition: var(--trs-default);
  text-decoration-color: transparent;
  color: currentColor;
  font-size: 1em;
}
.footer__link:hover, .footer__link:focus {
  text-decoration-color: currentColor;
}
.footer__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin-top: 3.75rem;
  text-transform: uppercase;
  color: var(--primary-lightest);
  font-size: 0.8125rem;
}
@media (min-width: 1024px) {
  .footer__heading {
    margin-top: 0;
  }
}
.footer__socials {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  margin-top: 1.875rem;
  padding: 0;
  list-style: none;
}
.footer__socials .svg {
  transition: var(--trs-default);
  fill: var(--white);
}
.footer__socials .link--social:hover .svg,
.footer__socials .link--social:focus .svg {
  fill: var(--accent);
}
.footer__social + .footer__social {
  margin-left: 1.25rem;
}
.footer__phone-number {
  font-family: "Sailec", sans-serif;
  font-weight: 200;
  margin: 0;
  font-size: 2.25rem;
}
.footer__phone-number a {
  text-decoration: none;
  color: inherit;
}
.footer__legal {
  margin-top: 3.75rem;
  color: var(--primary-lightest);
}
@media (min-width: 1024px) {
  .footer__legal {
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }
}
.footer__legal .footer__links {
  display: flex;
  flex-flow: row wrap;
}
.footer__legal .footer__item {
  margin-top: 0.9375rem;
  margin-right: 1.25rem;
}
@media (min-width: 1024px) {
  .footer__legal .footer__item {
    margin-top: 0;
  }
}
.footer__legal .footer__link {
  font-size: 0.875rem;
}
.footer__small {
  display: block;
  margin-right: 1.25rem;
  font-size: 0.875rem;
}
@media (min-width: 1440px) {
  .footer__small {
    margin-right: 1.875rem;
  }
}

.header-article {
  background-color: var(--grey-light);
  padding: 20px 0 40px;
}
@media (min-width: 768px) {
  .header-article {
    padding: 60px 0;
  }
}
@media (min-width: 1440px) {
  .header-article {
    padding: 80px 0;
  }
}
.header-article .link--back {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .header-article .link--back {
    margin-bottom: 40px;
    margin-left: -38px;
  }
}
@media (min-width: 1440px) {
  .header-article .link--back {
    margin-bottom: 60px;
    margin-left: -38px;
  }
}
.header-article .text--intro {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .header-article .text--intro {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .header-article .text--intro {
    margin-bottom: 2.5rem;
  }
}
.header-article__title {
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .header-article__title {
    margin-bottom: 1.25rem;
  }
}

.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero--blog {
  height: 12.375rem;
}
@media (min-width: 768px) {
  .hero--blog {
    height: 24.25rem;
  }
}
@media (min-width: 1440px) {
  .hero--blog {
    height: 43.75rem;
  }
}
.hero--compact .hero__content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  height: auto;
}
@media (min-width: 768px) {
  .hero--compact .hero__content {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .hero--compact .hero__content {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }
}
.hero--blur .hero__picture {
  filter: blur(50px);
}
.hero--vignette .hero__picture {
  position: relative;
}
.hero--vignette .hero__picture::before {
  display: block;
  position: absolute;
  opacity: 0.5;
  mix-blend-mode: multiply;
  background-image: radial-gradient(circle at 50% 0, var(--white), var(--black) 77%);
  width: 100%;
  height: 100%;
  content: "";
}
.hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hero__image .hero__picture {
  width: auto;
  max-width: 2000px;
  height: 100%;
}
.hero--video {
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
}
@media screen and (min-width: 1024px) {
  .hero--video {
    padding: 0;
    height: 680px;
  }
}
@media screen and (min-width: 1680px) {
  .hero--video {
    height: 730px;
  }
}
.hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .hero__video {
    width: 100%;
    height: auto;
  }
}
.hero__content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 2.5rem;
  height: 18.75rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hero__content {
    height: 30.625rem;
  }
}
@media (min-width: 1024px) {
  .hero__content {
    height: 45.625rem;
  }
}
@media (min-width: 768px) {
  .hero__content {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .hero__content {
    padding-bottom: 8.75rem;
  }
}
.hero__logo .svg {
  fill: var(--white);
  width: 9.375rem;
  height: auto;
}
@media (min-width: 768px) {
  .hero__logo .svg {
    width: 17.5rem;
  }
}
@media (min-width: 1024px) {
  .hero__logo .svg {
    width: 25rem;
  }
}
.hero__tagline {
  padding-top: 0.625rem;
  text-align: center;
  text-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.5);
  color: var(--white);
}
@media (min-width: 768px) {
  .hero__tagline {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .hero__tagline {
    padding-top: 2rem;
  }
}
.page--brandpage .hero__tagline--no-tag, .page--brandedcontentpage .hero__tagline--no-tag {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  /* 1 */
}
.hero__cta {
  display: block;
  margin: 0 auto;
}
.hero picture {
  display: block;
  margin: auto;
  max-width: 100rem;
}
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.latest-blogs {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--primary-dark);
  padding: 2.5rem 0;
  color: var(--white);
}
@media (min-width: 1024px) {
  .latest-blogs {
    padding: 3.125rem 0;
  }
}
.latest-blogs__blog-link {
  padding: 0;
  color: currentColor;
}
.latest-blogs__blog-link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23fff%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .latest-blogs__blog-link::before {
    position: absolute;
    right: 100%;
  }
}
.latest-blogs__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin: 1.25rem 0 0;
  padding: 0;
  padding: 0;
  color: currentColor;
  font-size: 1.5625rem;
}
@media (min-width: 768px) {
  .latest-blogs__heading {
    margin-top: 2.5rem;
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .latest-blogs__heading {
    margin-top: 4.375rem;
    font-size: 3.125rem;
  }
}
.latest-blogs__articles {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 1.25rem;
  width: 100%;
  overflow: visible;
  overflow-x: scroll;
}
@media (min-width: 768px) {
  .latest-blogs__articles {
    padding-top: 2.5rem;
  }
  .latest-blogs__articles::before, .latest-blogs__articles::after {
    display: block;
    flex: 0 0 auto;
    content: "";
  }
  .latest-blogs__articles::before {
    width: calc(12.5% + 1rem);
  }
  .latest-blogs__articles::after {
    width: 0.9375rem;
  }
}
@media (min-width: 1024px) {
  .latest-blogs__articles {
    justify-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow: hidden;
  }
  .latest-blogs__articles::before, .latest-blogs__articles::after {
    display: none;
  }
}
.latest-blogs .post__summary {
  flex: 0 0 auto;
  width: 18rem;
}
@media (min-width: 1440px) {
  .latest-blogs .post__summary {
    flex: 1 1 auto;
    width: auto;
    max-width: 33%;
  }
}
.latest-blogs .post__summary + .post__summary {
  margin-left: 0.9375rem;
}
.latest-blogs .post__read-time {
  padding: 1.25rem 1.25rem 1.5rem;
}
@media (min-width: 768px) {
  .latest-blogs .post__read-time {
    padding: 1.25rem 2.125rem 1.5rem;
  }
}

.element .latest-blogs__heading {
  margin-top: 0;
}
@media (min-width: 768px) {
  .element .latest-blogs__heading {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .element .latest-blogs__heading {
    margin-top: 0;
  }
}

.linktile {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.linktile, .linktile:hover, .linktile:visited {
  text-decoration: none;
  color: var(--text-grey);
}
.linktile__image {
  flex: 1 0;
  width: 100%;
}
.linktile__image img {
  width: 100%;
  height: 192px;
  object-fit: cover;
  object-position: bottom center;
}
@media (min-width: 1024px) {
  .linktile__image img {
    height: 260px;
  }
}
.linktile__image:hover picture::after {
  opacity: 0.8;
}
.linktile__picture {
  display: block;
  position: relative;
}
.linktile__picture::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: var(--trs-default);
  z-index: 1;
  content: "";
}
.linktile__picture::after {
  opacity: 0;
  background-color: var(--primary-light);
}
.linktile__body {
  display: flex;
  flex: 1 0 auto;
  flex-flow: column nowrap;
  align-content: space-between;
  background-color: var(--white);
  padding: 1.5625rem 1.25rem;
}
@media (min-width: 1024px) {
  .linktile__body {
    padding: 2.5rem;
  }
}
.linktile__body h3 {
  margin-bottom: 1.25rem;
}
.linktile__content {
  flex: 1;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .linktile__content {
    padding-bottom: 2.5rem;
  }
}
.linktile__action {
  justify-self: flex-end;
}
@media (min-width: 1024px) {
  .linktile__action {
    margin-left: -5px;
  }
}

.svg-loader {
  width: auto;
  height: 20px;
  fill: var(--primary-light) !important;
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
.svg-loader path:nth-child(1) {
  animation: fade-in-out 0.4s var(--easing--default) 0.05s infinite alternate both;
}
.svg-loader path:nth-child(2) {
  animation: fade-in-out 0.4s var(--easing--default) 0.1s infinite alternate both;
}
.svg-loader path:nth-child(3) {
  animation: fade-in-out 0.4s var(--easing--default) 0.15s infinite alternate both;
}
.svg-loader path:nth-child(4) {
  animation: fade-in-out 0.4s var(--easing--default) 0.2s infinite alternate both;
}
.svg-loader path:nth-child(5) {
  animation: fade-in-out 0.4s var(--easing--default) 0.25s infinite alternate both;
}
.svg-loader path:nth-child(6) {
  animation: fade-in-out 0.4s var(--easing--default) 0.3s infinite alternate both;
}
.svg-loader path:nth-child(7) {
  animation: fade-in-out 0.4s var(--easing--default) 0.35s infinite alternate both;
}
.svg-loader path:nth-child(8) {
  animation: fade-in-out 0.4s var(--easing--default) 0.4s infinite alternate both;
}
.svg-loader path:nth-child(9) {
  animation: fade-in-out 0.4s var(--easing--default) 0.45s infinite alternate both;
}
.svg-loader path:nth-child(10) {
  animation: fade-in-out 0.4s var(--easing--default) 0.5s infinite alternate both;
}
.svg-loader path:nth-child(11) {
  animation: fade-in-out 0.4s var(--easing--default) 0.55s infinite alternate both;
}
.svg-loader path:nth-child(12) {
  animation: fade-in-out 0.4s var(--easing--default) 0.6s infinite alternate both;
}

.mfa-action-list__item .btn-primary:not(:disabled):not(.disabled) {
  background-color: var(--purple-medium);
}
.mfa-action-list__item .btn-primary:not(:disabled):not(.disabled):hover {
  background-color: var(--purple-light);
}
.mfa-action-list__item .btn-secondary:not(:disabled):not(.disabled) {
  background-color: var(--purple-light);
}
.mfa-action-list__item .btn-secondary:not(:disabled):not(.disabled):hover {
  background-color: var(--purple-medium);
  color: var(--white);
}
.mfa-action-list__item .btn-primary,
.mfa-action-list__item .btn-secondary {
  --color-text: var(--white);
  border-radius: 999px;
}

.mfa-action-list__item::before,
.mfa-feature-list-item::before {
  display: none;
}
.typography .mfa-action-list__item,
.typography .mfa-feature-list-item {
  margin: 0;
  padding: 0;
}

.mfa-feature-list-item__icon {
  display: block;
}

.mfa-app {
  --color-button-primary-background: var(--purple-medium);
  --color-button-primary-hover-background: var(--purple-light);
}
.page--login .mfa-app {
  min-width: 0;
}

.mfa-totp__scan .mfa-totp__scan-code {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .mfa-totp__scan .mfa-totp__scan-code {
    display: flex;
    gap: unset;
    text-align: initial;
  }
}

.order__content {
  display: -ms-grid;
  display: grid;
  padding-bottom: 60px;
}
.order__content > .responsive-table {
  padding-bottom: 10px;
}
.order__content table tr {
  border-color: var(--grey-medium);
}
.order__details {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .order__details div h4:first-of-type {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .order__details {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
  }
}
.order__details div:first-of-type h4 {
  margin-top: 0;
}
.order__details p {
  margin: 0;
}
@media (min-width: 768px) {
  .order__fitter-columns {
    max-width: 400px;
  }
}
.order__fitter-columns p:not(.account__fitter-title):not(.account__fitter-phone) {
  margin: 0;
}
.order__history-table {
  white-space: nowrap;
}
.order__history-table tr {
  border-color: var(--grey-medium);
}
.order__history-table th {
  padding-block: 0 10px;
}
.order__history-table th,
.order__history-table td {
  padding-inline-end: 40px;
}
.order__history-table th:last-of-type,
.order__history-table td:last-of-type {
  padding-inline-end: 0;
}
.order__link {
  padding-inline: 0;
  text-transform: capitalize;
  font-weight: 500;
}
.order__payments tr {
  border-color: var(--grey-medium);
}
.order__subtotals .responsive-table {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .order__subtotals .responsive-table {
    margin-left: auto;
    width: 300px;
  }
}
.order__summary td, .order__total td {
  text-align: right;
}
.order__history-table th, .order__summary th, .order__total th {
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 0;
  font-size: 0.8125rem;
  font-weight: bold;
}
.order__table {
  margin-top: 4px;
}
.order__table--payment th, .order__table--product th {
  padding-right: 40px;
  padding-block: 10px;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
}
.order__table--payment td, .order__table--product td {
  line-height: 24px;
  letter-spacing: -0.16px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .order__table--payment td, .order__table--product td {
    line-height: 28px;
    letter-spacing: -0.18px;
    font-size: 1rem;
  }
}
.order__table--payment .right, .order__table--product .right {
  text-align: right;
}
.order__table tr {
  border: 0;
  border-color: var(--grey-medium);
}
.order__table th {
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.8px;
  font-size: 0.625rem;
  font-weight: bold;
}
.order__table th span {
  display: block;
  margin-bottom: 10px;
}
.order__table td,
.order__table th {
  padding: 0;
  vertical-align: top;
}
.order__title {
  margin-bottom: 40px;
  padding-top: 0;
  font-weight: 300;
}
@media (min-width: 768px) {
  .order__title {
    margin-bottom: 60px;
  }
}
.order__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .order__top {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    gap: 100px;
  }
}
.order__top h3 {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--grey-medium);
  padding-bottom: 20px;
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  padding-bottom: 70px;
  list-style: none;
}
.pagination__item + .pagination__item {
  margin-left: 20px;
}
.pagination__link {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding-bottom: 8px;
  text-decoration: none;
  color: var(--white);
  font-size: 1.25rem;
}
.pagination--bg_light .pagination__link {
  color: var(--purple-dark);
}
.pagination__link--current, .pagination__link:hover {
  border-bottom-color: var(--accent);
}

.pathway {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  justify-content: center;
  transition: var(--trs-default);
  background-color: var(--primary-dark);
  padding: 2.5rem 0 0.9375rem;
  min-height: 0;
  text-align: center;
  color: var(--white);
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .pathway {
    padding: 1.875rem 0 1.5625rem;
    font-size: 1.75rem;
  }
}
.pathway--initial {
  display: flex;
  align-items: flex-start;
}
.pathway--assissted .pathway__fieldset {
  transition: var(--trs-default);
}
.pathway--assissted .pathway__fieldset:not(.pathway__fieldset--answered) {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .pathway--assissted .pathway__fieldset:not(.pathway__fieldset--answered) {
    font-size: 1.875rem;
  }
  .pathway--assissted .pathway__fieldset:not(.pathway__fieldset--answered) .pathway__legend--title {
    display: block;
  }
}
@media (min-width: 1024px) {
  .pathway--assissted .pathway__fieldset:not(.pathway__fieldset--answered) {
    font-size: 2.5rem;
  }
}
.pathway--wheel {
  padding: 0 32px;
}
.pathway__label {
  text-transform: initial;
  letter-spacing: initial;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.pathway__label + div input::-moz-placeholder {
  font-weight: 300;
}
.pathway__label + div input:-ms-input-placeholder {
  font-weight: 300;
}
.pathway__label + div input::placeholder {
  font-weight: 300;
}
.pathway__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 2.1;
}
.pathway__form .vdropdown__trigger {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  padding: 0;
  font-size: inherit;
}
.pathway__form .vdropdown__trigger::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%23fff%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
}
.pathway__form .pathway__fieldset:not(.pathway__tyre-size) .vdropdown__trigger--placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  border-bottom-color: var(--accent);
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}
.pathway__legend {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pathway__legend {
    margin: 0;
  }
}
.pathway__more-details {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  margin-top: 3.125rem;
}
@media (min-width: 1024px) {
  .pathway__more-details {
    font-size: 0.9375rem;
  }
}
.pathway__more-details:hover, .pathway__more-details:focus {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .pathway__more-details {
    margin-top: 2.5rem;
  }
}
.pathway__more-details::before {
  display: inline-block;
  flex: 0 0 auto;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27%3E %3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E %3Ccircle cx=%278%27 cy=%278%27 r=%278%27 fill=%27%237f3f98%27/%3E %3Cpath fill=%27%23FFF%27 fill-rule=%27nonzero%27 d=%27M8.636 11.636L8.636 8.561 11.636 8.561 11.636 7.364 8.636 7.364 8.636 4.364 7.364 4.364 7.364 7.364 4.364 7.364 4.364 8.561 7.364 8.561 7.364 11.636z%27/%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  width: 16px;
  height: 16px;
  content: "";
}
@media (min-width: 1024px) {
  .pathway__more-details::before {
    width: 22px;
    height: 22px;
  }
}
.pathway__fieldset--makemodelterrain {
  margin-top: 1.5625rem;
}
.pathway__tyre-size {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.625rem;
  width: 100%;
}
@media (min-width: 576px) {
  .pathway__tyre-size .vdropdown ~ .vdropdown {
    margin-left: 0.9375rem;
  }
}
.pathway__tyre-size .pathway__legend {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .pathway__tyre-size .pathway__legend {
    font-size: 2.1875rem;
  }
}
.pathway__tyre-size-help {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .pathway__tyre-size-help {
    font-size: 0.9375rem;
  }
}
.pathway__tyre-size-help:hover, .pathway__tyre-size-help:focus {
  text-decoration: underline;
}
.pathway__tyre-size-help::before {
  display: inline-block;
  margin-right: 7px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27%2356FFA1%27%3E %3Cpath d=%27M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8.351,10.182 C7.756,10.182 7.273,10.662 7.273,11.279 C7.273,11.883 7.756,12.364 8.351,12.364 C8.959,12.364 9.455,11.883 9.455,11.279 C9.455,10.663 8.959,10.182 8.351,10.182 Z M8.012,3.636 C6.308,3.636 5.149,4.61 5.091,6.108 L6.876,6.218 C6.911,5.528 7.339,5.124 8.012,5.124 C8.684,5.124 9.089,5.517 9.089,6.141 C9.089,6.655 8.707,7.005 8.232,7.377 C7.629,7.857 7.119,8.339 7.119,9.039 L7.119,9.455 L8.904,9.455 L8.904,9.105 C8.904,8.612 9.264,8.317 9.774,7.935 C10.353,7.497 10.909,7.027 10.909,6.119 C10.909,4.599 9.796,3.636 8.012,3.636 Z%27%3E %3C/path%3E %3C/svg%3E");
  background-size: cover;
  width: 17px;
  height: 16px;
  content: "";
}
@media (min-width: 768px) {
  .pathway__tyre-size-help::before {
    padding-left: 0;
    width: 22px;
    height: 22px;
  }
}
.pathway__tyre-size-inputs {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
@media (min-width: 576px) {
  .pathway__tyre-size-inputs {
    flex-direction: row;
    justify-content: center;
    margin-top: 1.25rem;
  }
}
.pathway__tyre-size .vdropdown {
  flex: 1 1 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .pathway__tyre-size .vdropdown {
    max-width: 210px;
  }
}
.pathway__tyre-size .vdropdown__trigger {
  transition: opacity var(--duration--short) var(--easing--default);
  padding: 0;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .pathway__tyre-size .vdropdown__trigger {
    font-size: 1.75rem;
  }
}
.pathway__tyre-size .vdropdown__trigger--placeholder {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  font-size: 0.9375rem;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
@media (min-width: 768px) {
  .pathway__tyre-size .vdropdown__trigger--placeholder {
    line-height: 2.15;
    font-size: 1.125rem;
  }
}
.pathway__tyre-size .vdropdown__trigger[disabled] {
  opacity: 0.3;
}
.pathway__question {
  margin-top: 4px;
}
.pathway__wheel-pathway-inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  justify-content: center;
}
.pathway__wheel-pathway-inputs input {
  background-image: none;
}
.pathway__results-found {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 1.875rem;
  margin-bottom: 0;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .pathway__results-found {
    font-size: 1.25rem;
  }
}
.pathway__filter-sort {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
@media (min-width: 576px) {
  .pathway__filter-sort {
    flex-direction: row;
    justify-content: center;
  }
  .pathway__filter-sort .vdropdown ~ .vdropdown {
    margin-left: 0.625rem;
  }
}
.pathway__filter-sort .vdropdown {
  flex: 1 1 auto;
  margin-top: 0.625rem;
}
@media (min-width: 576px) {
  .pathway__filter-sort .vdropdown {
    flex-basis: 33.33%;
    max-width: 11.875rem;
  }
}
@media (min-width: 1024px) {
  .pathway__filter-sort .vdropdown {
    max-width: 18.75rem;
  }
}
.pathway__filter-sort .vdropdown__trigger {
  border-bottom-color: var(--grey-medium);
}
.pathway__filter-sort--test fieldset {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pathway__filter-sort--test fieldset .field + .field {
  margin-left: 0.625rem;
}

ul.paymentoptions {
  margin: 20px 0 40px;
  padding: 0;
  list-style: none;
}
ul.paymentoptions li {
  margin: 0;
  padding: 0;
}
ul.paymentoptions li + li {
  margin-top: 3px;
}
ul.paymentoptions input {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  /* 1 */
}
ul.paymentoptions input + label::before {
  display: block;
  flex: 0 0 auto;
  margin-right: 15px;
  border: 2px solid var(--grey-medium);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  content: "";
}
@media (min-width: 576px) {
  ul.paymentoptions input + label::before {
    margin-right: 30px;
  }
}
ul.paymentoptions input:checked + label::before {
  border-color: var(--green-fluro);
  background-color: var(--green-fluro);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%279px%27 height=%277px%27 viewBox=%270 0 9 7%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%271%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M1, 3.5 L3.5,6 L8.5, 1%27/%3E %3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
ul.paymentoptions label {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  background-color: var(--grey-lightest);
  padding: 13px;
  width: 100%;
  text-transform: none;
  line-height: 20px;
  letter-spacing: -0.27px;
  color: var(--purple-dark);
  font-size: 1rem;
}
@media (min-width: 576px) {
  ul.paymentoptions label {
    padding: 20px;
    font-size: 1.125rem;
  }
}
ul.paymentoptions .cc .logo {
  display: block;
  margin-left: auto;
  background: url(/_resources/themes/base/dist/6196d7ab4fcfa3d025d8.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 72px;
  height: 24px;
}
@media (min-width: 576px) {
  ul.paymentoptions .cc .logo {
    flex-grow: 1;
    min-width: 30%;
    height: 20px;
  }
}

.post__summary {
  display: block;
  position: relative;
  width: 100%;
}
.post__link {
  display: block;
  position: relative;
}
.post__link, .post__link:hover, .post__link:visited, .post__link:active {
  text-decoration: none;
  color: var(--white);
}
.post__link:hover .post__header::before, .post__link:focus .post__header::before {
  opacity: 0.8;
}
.post__header {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 0;
  background: linear-gradient(to top, var(--black), transparent 50%);
  padding: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .post__header {
    padding: 1.25rem 2.125rem;
  }
}
@media (min-width: 1440px) {
  .post__header {
    font-size: 1.5rem;
  }
}
.post__header::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--trs-default);
  opacity: 0;
  z-index: -1;
  background-color: var(--primary-light);
  width: 100%;
  height: 100%;
  content: "";
}
.post__title {
  margin: 0;
  padding: 0;
  line-height: 1.33;
  letter-spacing: -0.3px;
  color: currentColor;
  font-size: 1rem;
}
.post__pretitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: currentColor;
  font-size: 0.625rem;
}
@media (min-width: 768px) {
  .post__pretitle {
    font-size: 0.75rem;
  }
}
.post__image {
  margin: 0;
}
.post__read-time {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  padding: 1.25rem 1.25rem 1.5rem;
  text-transform: uppercase;
  color: var(--white);
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .post__read-time {
    padding: 1.25rem 2.125rem 1.5rem;
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .post__read-time {
    padding-bottom: 90px;
  }
}
.post__badge {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -20px;
  right: 0.625rem;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 50%;
  background-color: var(--accent-light);
  padding: 0.3125rem;
  width: 4.375rem;
  height: 4.375rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-dark);
  font-size: 0.75rem;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .post__badge {
    width: 5rem;
    height: 5rem;
    font-size: 0.8125rem;
  }
}

.product__nav {
  border-bottom: 1px solid var(--grey-light);
}
@media (min-width: 768px) {
  .product__nav {
    margin-bottom: 40px;
  }
}
.product--single .product__nav {
  border-bottom: 0;
}
.product__intro {
  margin-bottom: 60px;
}
.product__intro .text {
  margin: 0;
}
.product__fitment {
  margin: 8px 0 60px;
}
@media (min-width: 576px) {
  .product__fitment {
    margin: 0;
  }
}
.product__fitment > * {
  display: inline-block;
}
.product__fitment .text {
  margin: 0;
  text-transform: uppercase;
}
.product__specs {
  background-color: var(--grey-light-transparent-50);
}
.product__specs-table {
  width: 100%;
}
.product__specs-table th {
  text-transform: uppercase;
  color: var(--text-grey);
}
.product__title {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
}
.product-detail {
  position: relative;
  background: var(--grey-light-transparent-50);
}
@media (min-width: 576px) {
  .product-detail {
    margin-top: 80px;
  }
}
.product-detail__inner {
  display: flex;
  position: relative;
}
.product-detail__split-image {
  position: relative;
  flex: 30%;
}
@media (min-width: 576px) {
  .product-detail__split-image {
    margin-right: 1.875rem;
  }
}
.product-detail__split-image img {
  position: absolute;
  top: -10%;
  right: 0;
  z-index: 1;
  max-height: 430px;
}
@media (min-width: 576px) {
  .product-detail__split-image img {
    top: 60%;
    transform: translateY(-50%);
  }
}
.product-detail__split-text {
  flex: 70%;
  padding: 2.5rem 0 2rem 5%;
}
.product-detail__split-text > p {
  color: var(--text-grey);
}
.product-detail__split-text .h3 {
  margin-bottom: 1.5rem;
}
.product-detail__price {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .product-detail__price {
    margin-bottom: 30px;
  }
}
.product-detail .product-detail__price {
  color: var(--purple-light);
}
.product-detail__price--before-discount {
  display: inline-block;
  padding-left: 10px;
  font-size: 1.375rem;
}
.product-detail__price-row:not(:has(.card__levy)) {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .product-detail__price-row:not(:has(.card__levy)) {
    margin-bottom: 28px;
  }
}
.product-detail__feature {
  display: flex;
  margin-bottom: 30px;
  margin-left: 0;
}
@media (min-width: 768px) {
  .product-detail__feature {
    margin-left: 12px;
    height: 50px;
  }
}
.product-detail__feature svg {
  position: relative;
  top: 6px;
  margin-right: 12px;
  max-width: 5.125rem;
  height: 50px;
}
.product-detail__feature .tooltip {
  position: relative;
  top: 1rem;
  left: -0.375rem;
}
.product-detail__feature-text {
  display: block;
  align-self: flex-end;
}
.product-detail__shipping {
  margin-bottom: 1.25rem;
}
.product-detail__button-cart {
  margin-bottom: 30px;
}
.product-detail__button-quote {
  margin: 1.875rem 0 3.75rem;
}
.product-detail__size, .product-detail__specs-trigger {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
}
.product-detail__size {
  display: block;
  margin-bottom: 14px;
}
.product-variation__wrapper {
  background: var(--grey-light);
  padding: 100px 0;
}
.product-variation__inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-variation__inner {
    flex-direction: row;
  }
}
.product-variation__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--text-grey);
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .product-variation__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .product-variation__title {
    font-size: 1.75rem;
  }
}
.product-variation__column {
  flex: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .product-variation__column {
    border-right: 1px var(--white) solid;
    font-size: 1.25rem;
  }
}
.product-variation__column:last-of-type {
  border-right: 0;
}
.product-variation__heading {
  position: relative;
  margin: 0;
  border-bottom: 1px var(--white) solid;
  padding: 20px 0;
  text-transform: uppercase;
  color: var(--purple-light);
}
@media (min-width: 768px) {
  .product-variation__heading {
    border-bottom: 0;
  }
}
.product-variation__list {
  margin-bottom: 0;
  border-bottom: 1px var(--white) solid;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 768px) {
  .product-variation__list {
    border-bottom: 0;
  }
}
.product-variation__list[aria-hidden=true] {
  display: none;
}
@media (min-width: 768px) {
  .product-variation__list[aria-hidden=true] {
    display: block;
  }
}
.typography .product-variation__list-item a {
  font-size: 1.25rem;
}
.typography .product-variation__list-item p {
  margin-bottom: 1.25rem;
}
.product-variation__trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  box-shadow: none;
  background: none;
  width: 100%;
  height: 100%;
  text-align: right;
}
@media (min-width: 768px) {
  .product-variation__trigger {
    display: none;
  }
}
.product-variation__trigger[aria-expanded=true] svg {
  transform: rotate(180deg);
}

.results-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 1.25rem 0.125rem;
  /*! autoprefixer: ignore next */
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  padding: 1.25rem 0 3.75rem;
  list-style: none;
}
@media (min-width: 768px) {
  .results-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .results-grid {
    row-gap: 2.1875rem;
    padding: 2.5rem 0 6.25rem;
  }
}

.results-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
}
.results-group__label {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  margin: 0;
  padding: 0.5625rem 0 0.375rem;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .results-group__label {
    padding: 0.75rem 0 0.5rem;
    font-size: 1rem;
  }
}
.results-group--promo .results-group__label {
  visibility: hidden;
}
.results-group--recommended .results-group__label {
  background-color: var(--primary-light);
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .results-group--recommended .results-group__label {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.results-group--recommended-single {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}

@media (max-width: 767.98px) {
  [data-group="1"] + [data-group="1"] ~ [data-group="1"] .results-group__label {
    display: none;
  }
  [data-group="1"] + [data-group="1"] ~ [data-group="1"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="1"] + [data-group="1"]:nth-child(4n) ~ [data-group="1"] .results-group__label, .results-grid--recommended-single [data-group="1"] + [data-group="1"]:nth-child(4n+3) ~ [data-group="1"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="1"] + [data-group="1"]:nth-child(4n) ~ [data-group="1"] + .results-group--promo, .results-grid--recommended-single [data-group="1"] + [data-group="1"]:nth-child(4n+3) ~ [data-group="1"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="1"] + [data-group="1"]:nth-child(4n) ~ [data-group="1"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="1"] + [data-group="1"]:nth-child(4n+3) ~ [data-group="1"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="1"] + [data-group="1"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="2"] + [data-group="2"] ~ [data-group="2"] .results-group__label {
    display: none;
  }
  [data-group="2"] + [data-group="2"] ~ [data-group="2"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="2"] + [data-group="2"]:nth-child(4n) ~ [data-group="2"] .results-group__label, .results-grid--recommended-single [data-group="2"] + [data-group="2"]:nth-child(4n+3) ~ [data-group="2"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="2"] + [data-group="2"]:nth-child(4n) ~ [data-group="2"] + .results-group--promo, .results-grid--recommended-single [data-group="2"] + [data-group="2"]:nth-child(4n+3) ~ [data-group="2"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="2"] + [data-group="2"]:nth-child(4n) ~ [data-group="2"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="2"] + [data-group="2"]:nth-child(4n+3) ~ [data-group="2"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="2"] + [data-group="2"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="3"] + [data-group="3"] ~ [data-group="3"] .results-group__label {
    display: none;
  }
  [data-group="3"] + [data-group="3"] ~ [data-group="3"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="3"] + [data-group="3"]:nth-child(4n) ~ [data-group="3"] .results-group__label, .results-grid--recommended-single [data-group="3"] + [data-group="3"]:nth-child(4n+3) ~ [data-group="3"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="3"] + [data-group="3"]:nth-child(4n) ~ [data-group="3"] + .results-group--promo, .results-grid--recommended-single [data-group="3"] + [data-group="3"]:nth-child(4n+3) ~ [data-group="3"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="3"] + [data-group="3"]:nth-child(4n) ~ [data-group="3"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="3"] + [data-group="3"]:nth-child(4n+3) ~ [data-group="3"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="3"] + [data-group="3"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="4"] + [data-group="4"] ~ [data-group="4"] .results-group__label {
    display: none;
  }
  [data-group="4"] + [data-group="4"] ~ [data-group="4"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="4"] + [data-group="4"]:nth-child(4n) ~ [data-group="4"] .results-group__label, .results-grid--recommended-single [data-group="4"] + [data-group="4"]:nth-child(4n+3) ~ [data-group="4"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="4"] + [data-group="4"]:nth-child(4n) ~ [data-group="4"] + .results-group--promo, .results-grid--recommended-single [data-group="4"] + [data-group="4"]:nth-child(4n+3) ~ [data-group="4"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="4"] + [data-group="4"]:nth-child(4n) ~ [data-group="4"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="4"] + [data-group="4"]:nth-child(4n+3) ~ [data-group="4"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="4"] + [data-group="4"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="5"] + [data-group="5"] ~ [data-group="5"] .results-group__label {
    display: none;
  }
  [data-group="5"] + [data-group="5"] ~ [data-group="5"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="5"] + [data-group="5"]:nth-child(4n) ~ [data-group="5"] .results-group__label, .results-grid--recommended-single [data-group="5"] + [data-group="5"]:nth-child(4n+3) ~ [data-group="5"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="5"] + [data-group="5"]:nth-child(4n) ~ [data-group="5"] + .results-group--promo, .results-grid--recommended-single [data-group="5"] + [data-group="5"]:nth-child(4n+3) ~ [data-group="5"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="5"] + [data-group="5"]:nth-child(4n) ~ [data-group="5"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="5"] + [data-group="5"]:nth-child(4n+3) ~ [data-group="5"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="5"] + [data-group="5"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="6"] + [data-group="6"] ~ [data-group="6"] .results-group__label {
    display: none;
  }
  [data-group="6"] + [data-group="6"] ~ [data-group="6"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="6"] + [data-group="6"]:nth-child(4n) ~ [data-group="6"] .results-group__label, .results-grid--recommended-single [data-group="6"] + [data-group="6"]:nth-child(4n+3) ~ [data-group="6"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="6"] + [data-group="6"]:nth-child(4n) ~ [data-group="6"] + .results-group--promo, .results-grid--recommended-single [data-group="6"] + [data-group="6"]:nth-child(4n+3) ~ [data-group="6"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="6"] + [data-group="6"]:nth-child(4n) ~ [data-group="6"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="6"] + [data-group="6"]:nth-child(4n+3) ~ [data-group="6"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="6"] + [data-group="6"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="7"] + [data-group="7"] ~ [data-group="7"] .results-group__label {
    display: none;
  }
  [data-group="7"] + [data-group="7"] ~ [data-group="7"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="7"] + [data-group="7"]:nth-child(4n) ~ [data-group="7"] .results-group__label, .results-grid--recommended-single [data-group="7"] + [data-group="7"]:nth-child(4n+3) ~ [data-group="7"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="7"] + [data-group="7"]:nth-child(4n) ~ [data-group="7"] + .results-group--promo, .results-grid--recommended-single [data-group="7"] + [data-group="7"]:nth-child(4n+3) ~ [data-group="7"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="7"] + [data-group="7"]:nth-child(4n) ~ [data-group="7"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="7"] + [data-group="7"]:nth-child(4n+3) ~ [data-group="7"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="7"] + [data-group="7"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="8"] + [data-group="8"] ~ [data-group="8"] .results-group__label {
    display: none;
  }
  [data-group="8"] + [data-group="8"] ~ [data-group="8"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="8"] + [data-group="8"]:nth-child(4n) ~ [data-group="8"] .results-group__label, .results-grid--recommended-single [data-group="8"] + [data-group="8"]:nth-child(4n+3) ~ [data-group="8"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="8"] + [data-group="8"]:nth-child(4n) ~ [data-group="8"] + .results-group--promo, .results-grid--recommended-single [data-group="8"] + [data-group="8"]:nth-child(4n+3) ~ [data-group="8"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="8"] + [data-group="8"]:nth-child(4n) ~ [data-group="8"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="8"] + [data-group="8"]:nth-child(4n+3) ~ [data-group="8"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="8"] + [data-group="8"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="9"] + [data-group="9"] ~ [data-group="9"] .results-group__label {
    display: none;
  }
  [data-group="9"] + [data-group="9"] ~ [data-group="9"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="9"] + [data-group="9"]:nth-child(4n) ~ [data-group="9"] .results-group__label, .results-grid--recommended-single [data-group="9"] + [data-group="9"]:nth-child(4n+3) ~ [data-group="9"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="9"] + [data-group="9"]:nth-child(4n) ~ [data-group="9"] + .results-group--promo, .results-grid--recommended-single [data-group="9"] + [data-group="9"]:nth-child(4n+3) ~ [data-group="9"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="9"] + [data-group="9"]:nth-child(4n) ~ [data-group="9"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="9"] + [data-group="9"]:nth-child(4n+3) ~ [data-group="9"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="9"] + [data-group="9"] .results-group__label {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  [data-group="10"] + [data-group="10"] ~ [data-group="10"] .results-group__label {
    display: none;
  }
  [data-group="10"] + [data-group="10"] ~ [data-group="10"] + .results-group--promo .results-group__label {
    display: none;
  }
}
@media (min-width: 768px) {
  .results-grid:not(.results-grid--recommended-single) [data-group="10"] + [data-group="10"]:nth-child(4n) ~ [data-group="10"] .results-group__label, .results-grid--recommended-single [data-group="10"] + [data-group="10"]:nth-child(4n+3) ~ [data-group="10"] .results-group__label {
    display: none;
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="10"] + [data-group="10"]:nth-child(4n) ~ [data-group="10"] + .results-group--promo, .results-grid--recommended-single [data-group="10"] + [data-group="10"]:nth-child(4n+3) ~ [data-group="10"] + .results-group--promo {
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .results-grid:not(.results-grid--recommended-single) [data-group="10"] + [data-group="10"]:nth-child(4n) ~ [data-group="10"] + .results-group--promo .results-group__label, .results-grid--recommended-single [data-group="10"] + [data-group="10"]:nth-child(4n+3) ~ [data-group="10"] + .results-group--promo .results-group__label {
    display: none;
  }
}
[data-group="10"] + [data-group="10"] .results-group__label {
  visibility: hidden;
}

.debuginfo {
  background-color: var(--alert);
  padding: 0.625rem 0;
  color: var(--white);
}
.debuginfo ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.debuginfo li {
  margin-left: 1rem;
}
.debuginfo strong {
  text-transform: uppercase;
}

.sizechecker {
  background-color: var(--primary-dark);
}
.sizechecker .pathway__tyre-size {
  margin-top: 0;
}
.sizechecker .pathway__form .button {
  margin-top: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .sizechecker .pathway__form .button {
    margin-top: 30px;
    width: auto;
  }
}
.sizechecker__result {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .sizechecker__result {
    font-size: 1.75rem;
  }
}
.sizechecker__another-size {
  margin-top: 0.9375rem;
}

.typography .social__linklist,
.social__linklist {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.typography .social__listitem,
.social__listitem {
  display: inline-block;
  padding: 0;
  width: auto;
}
.typography .social__listitem::before,
.social__listitem::before {
  display: none;
}
.typography .social__listitem + .typography .social__listitem,
.typography .social__listitem + .social__listitem,
.social__listitem + .typography .social__listitem,
.social__listitem + .social__listitem {
  margin-left: 10px;
}

.taglist__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.element .taglist__list {
  border-top: 1px solid var(--grey-medium);
  padding-top: 20px;
}
@media (min-width: 768px) {
  .element .taglist__list {
    padding-top: 40px;
  }
}
@media (min-width: 1440px) {
  .element .taglist__list {
    padding-top: 60px;
  }
}

.taglist__listitem {
  display: inline-block;
  text-transform: uppercase;
}
.taglist__listitem + .taglist__listitem {
  margin-left: 12px;
}
@media (min-width: 768px) {
  .taglist__listitem + .taglist__listitem {
    margin-left: 20px;
  }
}
@media (min-width: 1440px) {
  .taglist__listitem + .taglist__listitem {
    margin-left: 50px;
  }
}

.taglist__title {
  margin-bottom: 0;
  color: var(--primary-light);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .taglist__title {
    font-size: 1rem;
  }
}

.taglist__tag {
  color: var(--text-grey);
}

.tooltip {
  display: inline-block;
}
.tooltip__content {
  display: none;
}
.tooltip__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0.1875rem;
}
.tooltip__button .svg {
  pointer-events: none;
}

.tippy-box {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  z-index: 2;
  border-radius: 0;
  background-color: var(--primary-medium);
  padding: 14px 18px;
  width: 200px;
  text-transform: initial;
  color: var(--white);
  font-size: 14px;
}
.tippy-box[data-size=large] {
  font-size: 14px;
}
.tippy-box[data-placement^=bottom] .tippy-arrow::before {
  border-bottom-color: var(--primary-medium);
}
.tippy-box[data-placement^=top] .tippy-arrow::before {
  border-top-color: var(--primary-medium);
}

.warning {
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
  background-color: var(--purple-light);
  padding: 20px;
  color: var(--white);
}
.warning__icon {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}
.warning__body {
  display: inline-block;
  padding: 0 20px;
}
.warning .button--link {
  flex: 0 0 auto;
  padding: 0;
  text-decoration: underline;
  color: var(--white);
}

.alert {
  padding: 0.625rem 0;
}
.alert--primary {
  background-color: var(--primary-light);
  color: var(--white);
}
.alert--primary .alert__close {
  --button-bg--hover: var(--primary-dark);
}
.alert--accent {
  background-color: var(--accent-light);
}
.alert--accent .alert__close {
  --button-bg--hover: var(--accent-medium);
}
.alert--warning {
  background-color: var(--alert);
  color: var(--white);
}
.alert--ie {
  display: none;
}
.ie11 .alert--ie {
  display: block;
}
.alert__wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
}
@media (min-width: 768px) {
  .alert__wrapper {
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
  }
}
.alert__close {
  --button-bg: transparent;
  --button-text: currentColor;
  --button-text--hover: currentColor;
  display: flex;
  position: absolute;
  top: -0.3125rem;
  right: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0.3125rem;
}
@media (min-width: 768px) {
  .alert__close {
    top: -0.46875rem;
    padding: 0.625rem;
  }
}
.alert__close .svg {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
}
@media (min-width: 768px) {
  .alert__close .svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .alert__close .svg g {
    stroke-width: 1.5px;
  }
}
.alert .alert__title,
.alert .alert__message {
  margin: 0;
  color: currentColor;
  font-size: 1em;
}
.alert__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  flex: 0 0 auto;
  max-width: 12.5rem;
  text-transform: uppercase;
}
.alert .alert__message {
  margin-top: 5px;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .alert .alert__message {
    margin-top: 0;
    margin-left: 0.9375rem;
    border-left: 1px solid currentColor;
    padding-right: 3.125rem;
    padding-left: 0.9375rem;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.element-block-quote-carousel {
  position: relative;
  background-color: var(--grey-light);
}
.element-block-quote-carousel .tns-item {
  transition: opacity 0.5s;
  opacity: 0;
}
.element-block-quote-carousel .tns-slide-active {
  opacity: 1;
}
.element-block-quote-carousel__container {
  position: relative;
  padding: 1.875rem;
}
@media (min-width: 768px) {
  .element-block-quote-carousel__container {
    padding: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .element-block-quote-carousel__container {
    padding: 6rem;
  }
}
.element-block-quote-carousel__slides {
  margin-top: 1.25rem;
  width: 100%;
  text-align: center;
}
.element-block-quote-carousel__quote-container {
  margin: 0;
}
.element-block-quote-carousel__quote {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-top: 0;
  line-height: 1.25;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .element-block-quote-carousel__quote {
    font-size: 1.5rem;
  }
}
.element-block-quote-carousel__credit {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-top: 3rem;
  font-size: 0.875rem;
}
.element-block-quote-carousel .tns-ovh {
  position: relative;
}
.element-block-quote-carousel .tns-ovh::before, .element-block-quote-carousel .tns-ovh::after {
  position: absolute;
  top: 10px;
  left: 25px;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml%20version=%271.0%27%20encoding=%27UTF-8%27?%3E%20%3Csvg%20width=%2732px%27%20height=%2724px%27%20viewBox=%270%200%2032%2024%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20fill=%27%2306CEAC%27%3E%20%3Cg%20id=%27Iconography%27%20stroke-width=%271%27%20fill-rule=%27evenodd%27%3E%20%3Cg%3E%20%3Cpath%20d=%27M31.9013158,6.07514039e-13%20L31.9013158,2.69111842%20C26.4194079,3.58815789%2023.1302632,6.37894737%2022.7315789,10.7644737%20L22.7315789,10.7644737%20L26.4194079,10.7644737%20C29.3098684,11.3625%2031.6023026,13.4555921%2031.6023026,17.04375%20C31.6023026,21.1302632%2028.5125,23.8213816%2024.5256579,23.8213816%20C19.7414474,23.8213816%2016.9506579,19.9342105%2016.9506579,14.5519737%20C16.9506579,6.57828947%2022.2332237,0.697697368%2031.9013158,6.07514039e-13%20L31.9013158,6.07514039e-13%20Z%20M14.9506579,6.07514039e-13%20L14.9506579,2.69111842%20C9.36907895,3.58815789%206.17960526,6.37894737%205.68125,10.7644737%20L5.68125,10.7644737%20L9.46875,10.7644737%20C12.3592105,11.3625%2014.6516447,13.4555921%2014.6516447,17.04375%20C14.6516447,21.1302632%2011.4621711,23.8213816%207.575,23.8213816%20C2.79078947,23.8213816%20-5.96855898e-13,19.9342105%20-5.96855898e-13,14.5519737%20C-5.96855898e-13,6.57828947%205.28256579,0.697697368%2014.9506579,6.07514039e-13%20L14.9506579,6.07514039e-13%20Z%27/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 25px;
  height: 25px;
  content: "";
}
@media (min-width: 768px) {
  .element-block-quote-carousel .tns-ovh::before, .element-block-quote-carousel .tns-ovh::after {
    width: 50px;
    height: 50px;
  }
}
.element-block-quote-carousel .tns-ovh::after {
  top: auto;
  right: 0;
  bottom: 50px;
  left: auto;
  transform: rotate(180deg);
}
.element-block-quote-carousel .tns-inner {
  padding: 0 75px;
}
.element-block-quote-carousel .tns-nav {
  justify-content: center;
  margin-top: 4rem;
}
.element-block-quote-carousel .tns-nav-active {
  background-color: var(--teal);
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.booking-date-picker__months {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  margin: 0;
  margin-top: 1.875rem;
  padding: 0;
  height: 1.875rem;
  list-style: none;
}
@media (min-width: 576px) {
  .booking-date-picker__months {
    height: 2.5rem;
  }
}
@media (min-width: 768px) {
  .booking-date-picker__months {
    margin-top: 3.75rem;
  }
}
.booking-date-picker__month {
  flex: 1 1 auto;
  text-align: center;
}
@media (min-width: 576px) {
  .booking-date-picker__month {
    flex: 0 0 33.33%;
  }
}
.booking-date-picker__month button {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  transition: var(--trs-default);
  opacity: 0.4;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 1.875rem;
  white-space: nowrap;
  color: var(--primary-dark);
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .booking-date-picker__month button {
    font-size: 1rem;
  }
}
.booking-date-picker__month button::before {
  font-size: 1.25rem;
  content: "​";
}
@media (min-width: 576px) {
  .booking-date-picker__month button::before {
    font-size: 1.5rem;
  }
}
.booking-date-picker__month--current button {
  transform-origin: center 70%;
  opacity: 1;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .booking-date-picker__month--current button {
    font-size: 1.5rem;
  }
}
.booking-date-picker__month:first-child {
  padding-right: 0.9375rem;
  text-align: right;
}
.booking-date-picker__month:last-child {
  padding-left: 0.9375rem;
  text-align: left;
}
.booking-date-picker__controls {
  display: none;
}
@media (min-width: 768px) {
  .booking-date-picker__controls {
    display: flex;
    position: absolute;
    flex-direction: row;
    align-items: center;
    outline: none;
    width: 100%;
    height: 4.0625rem;
  }
}
.booking-date-picker__controls .button[disabled] {
  display: none;
}
.booking-date-picker__controls .button--prev {
  position: absolute;
  right: 100%;
}
.booking-date-picker__controls .button--next {
  position: absolute;
  left: 100%;
}
.booking-date-picker__slider {
  position: relative;
  margin: 1.875rem -1rem 0;
}
@media (min-width: 768px) {
  .booking-date-picker__slider {
    margin: 3.125rem 0 0;
  }
}
.booking-date-picker__day {
  overflow: hidden;
}
.booking-date-picker__day-input {
  position: absolute;
  left: -9999px;
}
.booking-date-picker__day-label {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.booking-date-picker__day-label::before {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  display: block;
  transition: var(--trs-default);
  margin-bottom: 0.75rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  width: 3.4375rem;
  height: 3.4375rem;
  text-align: center;
  line-height: 3.4375rem;
  font-size: 1.75rem;
  content: attr(data-num);
}
@media (min-width: 576px) {
  .booking-date-picker__day-label::before {
    width: 4.0625rem;
    height: 4.0625rem;
    line-height: 4.0625rem;
  }
}
:checked + .booking-date-picker__day-label::before {
  background-color: var(--accent-light);
}
[disabled] + .booking-date-picker__day-label {
  opacity: 0.5;
  cursor: not-allowed;
}
[disabled] + .booking-date-picker__day-label::before {
  border: solid 1px var(--grey-medium);
  background-color: transparent;
}
.booking-date-picker__time-picker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 1.875rem;
}
@media (min-width: 576px) {
  .booking-date-picker__time-picker {
    margin-top: 3.125rem;
  }
}
.booking-date-picker__time {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
}
@media (min-width: 576px) {
  .booking-date-picker__time {
    flex-direction: row;
    text-align: left;
  }
}
.booking-date-picker__time span {
  cursor: default;
}
.booking-date-picker__time-input {
  position: absolute;
  left: -9999px;
}
.booking-date-picker__time-label {
  display: block;
  transition: var(--trs-default);
  margin-top: 0.625rem;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .booking-date-picker__time-label {
    margin-top: 0;
  }
}
.booking-date-picker__time-description {
  display: block;
  transition: var(--trs-default);
  margin-top: 0.3125rem;
  font-size: 0.75rem;
}
.booking-date-picker__time::before {
  display: block;
  border-radius: 50%;
  background-color: var(--grey-medium);
  width: 1.875rem;
  height: 1.875rem;
  content: "";
}
@media (min-width: 576px) {
  .booking-date-picker__time::before {
    margin-right: 1.25rem;
  }
}
:checked + .booking-date-picker__time::before {
  background-color: var(--accent-light);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%279px%27 height=%277px%27 viewBox=%270 0 9 7%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%271%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M1, 3.5 L3.5,6 L8.5, 1%27/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px 10px;
}
[disabled] + .booking-date-picker__time::before {
  border: solid 1px var(--grey-medium);
  background-color: transparent;
  cursor: not-allowed;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.collapsible__button {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  margin-left: -20px;
  border: 0;
  background: transparent;
  padding: 20px;
}
.collapsible__button .indicator {
  display: inline-block;
  transition: var(--trs-default);
  margin: 0 15px;
  width: 11px;
  height: 7px;
}
.collapsible__button .indicator svg {
  display: block;
}
.collapsible__button[aria-expanded=true] .indicator {
  transform: rotate(180deg);
}
.collapsible__body {
  padding: 100px 0 20px;
}
.collapsible__body[aria-hidden=true] {
  display: none;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.content-carousel--with-bg {
  background-position: center center;
  background-size: cover;
  padding: 2.5rem 0;
  color: var(--white);
}
@media (min-width: 768px) {
  .content-carousel--with-bg {
    padding: 3.125rem 0;
  }
}
@media (min-width: 1440px) {
  .content-carousel--with-bg {
    padding: 4.375rem 0;
  }
}
.content-carousel--with-bg h1,
.content-carousel--with-bg h2,
.content-carousel--with-bg h3,
.content-carousel--with-bg h4,
.content-carousel--with-bg h5,
.content-carousel--with-bg h6 {
  color: currentColor;
}
.content-carousel .row {
  align-items: center;
}
.content-carousel .tns-nav {
  justify-content: center;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.element-parallax {
  position: relative;
}
@media (min-width: 768px) {
  .element-parallax {
    margin-top: 2.5rem;
    margin-bottom: 7.5rem;
    padding: 0;
  }
}
.typography .element-parallax__list {
  margin: 0;
}
.element-parallax__tyreimage {
  display: none;
  position: sticky;
  top: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .element-parallax__tyreimage {
    display: block;
  }
}
.remove-sticky .element-parallax__tyreimage {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
}
.element-parallax__tyreimage img {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 0;
  max-width: 42%;
}
.remove-sticky .element-parallax__tyreimage img {
  top: auto;
  bottom: 0;
}
.element-parallax .parallax-listitem {
  padding: 0 0 6.25rem;
  list-style-type: none;
}
@media (min-width: 768px) {
  .element-parallax .parallax-listitem {
    display: flex;
    justify-content: space-between;
    padding-bottom: 14.0625rem;
  }
  .element-parallax .parallax-listitem:last-of-type {
    padding-bottom: 5rem;
  }
}
.element-parallax .parallax-listitem::before {
  content: "";
}
.element-parallax .parallax-listitem__content {
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .element-parallax .parallax-listitem__content {
    max-width: 40%;
  }
}
@media (min-width: 1024px) {
  .element-parallax .parallax-listitem__content {
    max-width: 50%;
  }
}
.element-parallax .absolute-imageholder {
  position: relative;
}
.element-parallax .absolute-imageholder__static {
  width: 150px;
}
@media (min-width: 768px) {
  .element-parallax .absolute-imageholder__static {
    padding: 0 200px 0 0;
    width: 100%;
    max-width: 512px;
  }
}
.element-parallax .absolute-imageholder__absolute {
  position: absolute;
  top: 0;
  left: 68px;
  z-index: -1;
  height: 200px;
}
@media (min-width: 768px) {
  .element-parallax .absolute-imageholder__absolute {
    display: none;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.filters {
  position: relative;
  text-align: center;
}
.filters__list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  padding-bottom: 70px;
  list-style: none;
}
@media (max-width: 767.98px) {
  .filters__list {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: var(--grey-light);
    padding: 0 10px 20px;
    min-width: 50%;
    text-transform: uppercase;
  }
  .filters__list[aria-hidden=false] {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .filters__listitem {
    padding-top: 18px;
  }
}
@media (min-width: 768px) {
  .filters__listitem + .filters__listitem {
    margin-left: 30px;
  }
}
@media (max-width: 767.98px) {
  .filters__listitem--current {
    display: none;
  }
}
.filters__link {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  padding-bottom: 8px;
  text-decoration: none;
  font-size: 1rem;
}
.filters__link, .filters__link:visited {
  color: var(--white);
}
@media (max-width: 767.98px) {
  .filters__link, .filters__link:visited {
    font-family: "Sailec", sans-serif;
    font-weight: 500;
    color: var(--text-grey);
  }
}
.filters__link--current, .filters__link:hover {
  border-bottom-color: var(--accent);
}
.filters__toggle {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  border: 0;
  border-bottom: 2px solid var(--accent);
  background: none;
  padding-bottom: 8px;
  text-decoration: none;
  color: var(--white);
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .filters__toggle {
    margin-bottom: 70px;
  }
}
@media (min-width: 768px) {
  .filters__toggle {
    display: none;
  }
}
.filters__toggle:hover {
  cursor: pointer;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.fitterfinder-app-wrapper {
  height: 100%;
}

.fitterfinder {
  height: 100%;
}
@media (min-width: 1024px) {
  .fitterfinder {
    height: 100vh;
  }
}
.fitterfinderapp {
  height: 100%;
}
.fitterfinder__wrapper {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "header" "main" "footer";
  -ms-grid-rows: min-content 1fr 0fr;
  grid-template-rows: min-content 1fr 0fr;
  height: 100%;
}
@media (min-width: 1024px) {
  .fitterfinder__wrapper {
        grid-template-areas: "main header" "main footer";
    -ms-grid-rows: 13rem;
    grid-template-rows: 13rem;
    -ms-grid-columns: 50vw minmax(0, 40rem);
    grid-template-columns: 50vw minmax(0, 40rem);
    overflow: visible;
  }
  .fitterfinder__wrapper > .fitter__header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .fitterfinder__wrapper > .fitter__content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 1023.98px) {
  .fitterfinder--touched .fitterfinder__wrapper {
    -ms-grid-rows: min-content 1fr 1fr;
    grid-template-rows: min-content 1fr 1fr;
  }
}
@media (max-width: 1023.98px) {
  .fitterfinder--results-expanded .fitterfinder__wrapper {
    -ms-grid-rows: min-content auto min-content;
    grid-template-rows: min-content auto min-content;
  }
}
.fitterfinder__search {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
  transition: all 0.2s ease-out;
  padding: 0 0.9375rem 1.875rem;
}
.fitterfinder__wrapper > .fitterfinder__search {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media (min-width: 768px) {
  .fitterfinder__search {
    padding: 0 2.5rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .fitterfinder__search {
    justify-self: flex-end;
    margin-top: 7.5rem;
    padding: 0 1rem 9.375rem;
    width: 100%;
    max-width: calc(500px + (1rem * 2));
  }
}
.fitterfinder__search--minimized {
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .fitterfinder__search--minimized {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .fitterfinder__search--minimized {
    padding-bottom: 4.6875rem;
  }
}
.fitterfinder__search--minimized .text {
  padding-right: 2.5rem;
}
@media (min-width: 1024px) {
  .fitterfinder__title {
    margin-top: 7.5rem;
    margin-bottom: 6.25rem;
    max-width: 75%;
  }
}
.fitterfinder__results {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  display: flex;
  flex-direction: column;
  grid-area: footer;
  -ms-grid-column-align: center;
      justify-self: center;
  background-color: var(--white);
  padding: 0 1rem;
  width: 100%;
  max-width: calc(500px + (1rem * 2));
  overflow: hidden;
}
@media (min-width: 768px) {
  .fitterfinder__results {
    padding: 1rem 0;
    max-width: 500px;
  }
}
@media (min-width: 1024px) {
  .fitterfinder__results {
    justify-self: flex-end;
    padding: 0 1rem;
    width: 100%;
    max-width: calc(500px + (1rem * 2));
  }
}
@media (max-width: 1023.98px) {
  .fitterfinder__results--expanded .fitterfinder__results-header,
.fitterfinder__results--expanded .fitter__result:not([open]):not(.expanded) {
    display: none;
  }
  .fitterfinder__results--expanded .fitterfinder__results-list {
    padding-bottom: 0;
  }
}
.fitterfinder__results-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
@media (min-width: 576px) {
  .fitterfinder__results-info {
    justify-content: space-between;
  }
}
.fitterfinder__results-count {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: none;
  margin-bottom: 0;
  font-size: 0.625rem;
}
@media (min-width: 576px) {
  .fitterfinder__results-count {
    display: block;
  }
}
.fitterfinder__results-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid var(--grey-light);
}
.fitterfinder__results-filter {
  width: auto;
  text-align: right;
}
.fitterfinder__results-filter-label {
  letter-spacing: 0.1em;
}
.fitterfinder__results-list {
  padding-bottom: 2.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.fitterfinder__results-list::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.fitterfinder__search-field {
  display: flex;
  position: relative;
  flex-direction: column;
}
@media (min-width: 576px) {
  .fitterfinder__search-field {
    flex-direction: row;
    align-items: center;
  }
}
.fitterfinder__search-field .text {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-bottom: 2px solid var(--primary-medium);
  border-radius: 0;
  padding-bottom: 0.375rem;
}
@media (min-width: 1024px) {
  .fitterfinder__search-field .text {
    padding-top: 0;
    font-size: 1.75rem;
  }
}
.fitterfinder__search-field .button--accent {
  flex: 1 0 auto;
  margin-top: 1.25rem;
}
@media (min-width: 576px) {
  .fitterfinder__search-field .button--accent {
    flex: 0 0 auto;
    margin-top: unset;
    margin-left: 2.5rem;
  }
}
.fitterfinder__search-field .button--icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2725%27 height=%2725%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23280639%27%3E%3Cg stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M8 1a7 7 0 110 14A7 7 0 018 1zM13.548 13.548l9.523 9.523%27/%3E%3C/g%3E%3C/svg%3E");
  width: 2.5rem;
  height: 2.5rem;
}
.fitterfinder__search-field .button--icon:hover, .fitterfinder__search-field .button--icon:focus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2725%27 height=%2725%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg stroke-width=%272%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M8 1a7 7 0 110 14A7 7 0 018 1zM13.548 13.548l9.523 9.523%27/%3E%3C/g%3E%3C/svg%3E");
}
.fitterfinder__map {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: main;
  width: 100%;
}
.fitterfinder__wrapper > .fitterfinder__map {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media (min-width: 1024px){
  .fitter__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .fitter__image {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .fitter__map {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .fitter__details {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .fitter__content {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .fitterfinder__search {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .fitterfinder__wrapper > .fitterfinder__search {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .fitterfinder__results {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .fitterfinder__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .fitterfinder__wrapper > .fitterfinder__map {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1024px) {
  .fitterfinder__map {
    position: relative;
  }
}

.fitter__result {
  transition: var(--trs-default);
  border-top: 1px solid var(--grey-light);
  width: 100%;
}
.fitter__result:first-child {
  border-top: 0;
}
.fitter__result:is(details):hover:not([open]) {
  background-color: var(--grey-light);
}
.fitter__result ::-webkit-details-marker {
  display: none;
}
.fitter__result[open] {
  background-color: var(--white);
}
@media (max-width: 1023.98px) {
  .fitter__result[open] {
    border-top: 0;
  }
}
.fitter__result summary {
  list-style: none;
}
.fitter__result-header {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  cursor: pointer;
  padding-top: 1.25rem;
}
.fitter__result-header-details {
  flex: 1 1 auto;
}
.fitter__result-header-details :first-child {
  margin-top: 0;
}
.fitter__result-twistie {
  flex: 0 0 auto;
  padding-left: 0.3125rem;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.fitter__result-twistie .svg-plus {
  transition: transform var(--duration--short) var(--easing--default);
}
[open] .fitter__result-twistie .svg-plus {
  transform: rotate(0.25turn);
}
.fitter__result-twistie .svg-plus .horizontal {
  transition: opacity var(--duration--short) var(--easing--default);
}
[open] .fitter__result-twistie .svg-plus .horizontal {
  opacity: 0;
}
.fitter__result-body {
  animation: display-details var(--duration--medium) var(--easing--default);
  animation-play-state: paused;
}
@keyframes display-details {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
[open] .fitter__result-body {
  animation-play-state: running;
}
.fitter__result address {
  margin-bottom: 0;
  font-style: normal;
}
.fitter__specialitieslist .fitter__speciality--selected {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  line-height: 1.3;
}
.fitter__name {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-bottom: 0.3125rem;
  font-size: 1.25rem;
}
.fitter__phone {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
}
.fitter__email-website a + a {
  margin-left: 0.625rem;
}
.fitter__specialities {
  margin-top: 0.75rem;
}
.fitter__result-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .fitter__result-buttons {
    flex-direction: row;
    margin: 2.5rem 0;
  }
}
.fitter__select-button {
  margin-bottom: 0.9375rem;
  width: 100%;
  max-width: 22.5rem;
}
@media (min-width: 768px) {
  .fitter__select-button {
    margin-right: 3.125rem;
    margin-bottom: 0;
    width: auto;
  }
}
.fitter__more-button {
  font-size: 0.875rem;
}
.fitter__result--infowindow {
  border: 0;
  padding: 0;
  max-width: 18.75rem;
}
.fitter__result--infowindow .fitter__infowindowbody {
  padding: 1.25rem 1.875rem;
}

.fitter__result--fleet .fitter__address {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
}
.fitter__result--fleet .fitter__result-buttons {
  align-items: flex-start;
  margin: 1.25rem 0;
}
.fitter__result--fleet .link {
  box-shadow: inset 0 -0.2em 0 0 var(--fleet-green);
}
.fitter__result--fleet .link:hover, .fitter__result--fleet .link:focus {
  box-shadow: inset 0 -2.5em 0 0 var(--fleet-green);
}

.gm-style .gm-style-iw-c {
  border-radius: 0;
  padding: 0;
}

.gm-style .gm-style-iw-d {
  overflow: hidden !important;
}

.gm-style-iw-d + button {
  top: 0 !important;
  right: 0 !important;
  opacity: 1 !important;
  background: var(--white) !important;
  width: 20px !important;
  height: 20px !important;
}
.gm-style-iw-d + button > span {
  margin: auto !important;
}
.gm-style-iw-d + button > img {
  margin: 4px !important;
}

.mode-toggle {
  display: flex;
  gap: 0;
  border: 1px solid var(--grey-light);
  border-radius: 20px;
  background-color: var(--white);
  padding: 4px;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media screen and (min-width: 480px) {
  .mode-toggle {
    padding: 5px;
  }
}
.mode-toggle.map {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
@media (min-width: 1024px) {
  .mode-toggle.map {
    bottom: 40px;
  }
}
.mode-toggle.map.touched {
  display: none;
}
@media (min-width: 1024px) {
  .mode-toggle.map.touched {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .mode-toggle.mobile {
    display: none;
  }
}
.mode-toggle .toggle {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  flex: 0 0 1;
  border-radius: 20px;
  padding: 5px 10px;
  text-decoration: none;
  white-space: nowrap;
  color: var(--black);
  font-size: 0.75rem;
}
@media screen and (min-width: 480px) {
  .mode-toggle .toggle {
    padding: 5px 15px;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .mode-toggle .toggle {
    padding: 8px 18px;
    font-size: 0.875rem;
  }
}
.mode-toggle .toggle:hover {
  background-color: var(--grey-light);
}
.mode-toggle .toggle--local.active {
  background-color: var(--primary-light);
  color: var(--white);
}
.mode-toggle .toggle--fleet.active {
  background-color: var(--fleet-green);
  color: var(--black);
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.fitters-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fitters-list .fitters-listitem {
  border-bottom: 1px solid var(--grey-light);
}
.fitters-list .fitter__result-buttons {
  flex-direction: row;
}
@media (min-width: 768px) {
  .fitters-list .fitter__result-buttons {
    margin: 0.625rem 0 0.9375rem 0;
  }
}
.fitters-list .fitter__result-buttons a + button {
  margin-left: 30px;
}
@media (min-width: 768px) {
  .fitters-list .fitter__result-buttons a + button {
    margin-left: 0;
  }
}
.fitters-list .fitter__result-header {
  cursor: default;
}
.fitters-list .fitter__name {
  padding-bottom: 0.625rem;
}
.fitters-list .fitter__tags {
  padding-bottom: 1.25rem;
}
.fitters-list .fitter__specialitieslist {
  margin-bottom: 0;
}
.fitters-list .fitter__alignment-available {
  margin-bottom: 0;
  padding-top: 0.3125rem;
}
.fitters-list .fitter__address {
  margin-bottom: 0;
  padding-top: 1.25rem;
}
.fitters-list .fitter__directionlink {
  display: inline-block;
  margin-left: 0.3125rem;
}
@media (min-width: 768px) {
  .fitters-list .fitter__directionlink {
    display: none;
  }
}
.fitters-list .fitter__maparea {
  display: none;
}
@media (min-width: 768px) {
  .fitters-list .fitter__maparea {
    display: flex;
    position: relative;
    justify-content: center;
    border-top: 7px solid var(--white);
    background-color: var(--grey-light);
    width: 100%;
    height: 100%;
  }
}
.fitters-list .fitter__maparea .button {
  position: absolute;
  top: 70%;
  transform: translateY(-70%);
}
.fitters-list .fitter__map {
  position: relative;
  opacity: 0.5;
  background-blend-mode: saturation;
  background-position: center center;
  width: 100%;
  height: 100%;
}
.fitters-list .contact-separator {
  display: inline-block;
  padding: 0 0.625rem;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.header {
  padding: 0.625rem 0;
  width: 100%;
  color: var(--primary-dark);
}
@media (min-width: 768px) {
  .header {
    padding: 1.875rem 1.5rem;
  }
}
@media (min-width: 1024px) {
  .header {
    padding-right: 0;
    padding-left: 0;
  }
}
.header--light {
  color: var(--white);
}
.header--light.header--overlay::before {
  background-image: linear-gradient(var(--text-grey), transparent);
}
.header--overlay::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  width: 100%;
  height: 100%;
  content: "";
}
.header--absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
}
.header--absolute .nav > *,
.header--absolute .menu-container,
.header--absolute .modal {
  pointer-events: all;
}

.nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: inherit;
}
.nav__logo {
  margin-right: auto;
  width: 6rem;
  color: inherit;
}
@media (min-width: 768px) {
  .nav__logo {
    width: auto;
  }
}
.nav .svg-tyrehub-logo {
  fill: currentColor;
}
.nav__links {
  display: none;
}
@media (min-width: 1024px) {
  .nav__links {
    display: flex;
    flex-direction: row;
  }
}
.nav__item::before {
  display: none;
}
[data-fitter-selected] .nav__item[data-type=fitterfinderpage]::after {
  transform: translate(25%, -110%);
}
.nav__item + .nav__item {
  margin-left: 0.625rem;
}
.nav__link {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  transition: all var(--duration--short) var(--easing--default);
  border-radius: 999px;
  padding: 0.1875rem 1.25rem;
  text-decoration: none;
  color: currentColor;
}
@media (min-width: 1024px) {
  .nav__link {
    padding-inline: 0.75rem;
  }
}
@media (min-width: 1440px) {
  .nav__link {
    padding-inline: 1.25rem;
  }
}
.nav__link:hover, .nav__link:focus, .nav__link--current {
  background-color: var(--primary-light);
  color: var(--white);
}
.nav__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 1024px) {
  .nav__actions {
    margin-left: 0;
  }
}
.nav__action {
  margin-left: 0.625rem;
}
@media (min-width: 768px) {
  .nav__action {
    margin-left: 1.5625rem;
  }
}
@media (min-width: 1024px) {
  .nav__action {
    margin-left: 1rem;
  }
}
@media (min-width: 1440px) {
  .nav__action {
    margin-left: 1.5625rem;
  }
}
.nav__action--menu {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2718%27 viewBox=%270 0 22 18%27 width=%2722%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23280639%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m1 1h20%27/%3E%3Cpath d=%27m1 9h20%27/%3E%3Cpath d=%27m1 17h20%27/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
  .nav__action--menu {
    display: none;
  }
}
.nav__action--menu:hover, .nav__action--menu:focus, .header--light .nav__action--menu, .menu__actions .nav__action--menu {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2718%27 viewBox=%270 0 22 18%27 width=%2722%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m1 1h20%27/%3E%3Cpath d=%27m1 9h20%27/%3E%3Cpath d=%27m1 17h20%27/%3E%3C/g%3E%3C/svg%3E");
}
.nav__action--close {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2716%27 viewBox=%270 0 16 16%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23280639%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m1 1L15 15%27/%3E%3Cpath d=%27m1 15L15 1%27/%3E%3C/g%3E%3C/svg%3E");
}
.nav__action--close:hover, .nav__action--close:focus, .menu__actions .nav__action--close {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2716%27 viewBox=%270 0 16 16%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke=%27%23fff%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 stroke-linecap=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m1 1L15 15%27/%3E%3Cpath d=%27m1 15L15 1%27/%3E%3C/g%3E%3C/svg%3E");
}
.nav__action--account {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2725%27 fill=%27%23280639%27%3E%3Cpath fill-rule=%27nonzero%27 d=%27M12 0a8 8 0 0 1 5.5 13.8C21.79 15.26 24 18.7 24 24a1 1 0 0 1-2 0c0-5-2.15-7.85-6.69-8.72a7.95 7.95 0 0 1-6.62 0C4.15 16.15 2 19 2 24a1 1 0 0 1-2 0c0-5.3 2.22-8.74 6.5-10.2A8 8 0 0 1 12 0Zm0 2a6 6 0 0 0-2.42 11.5l-.04-.02.25.1-.21-.09.28.12.26.09.04.01-.04-.01.27.08-.23-.07.28.09-.05-.02.32.08-.27-.06.36.08-.1-.02.3.06-.2-.04.27.05-.07-.01a6 6 0 0 0 .72.07h-.1L12 14h.28a6.07 6.07 0 0 0 .76-.1l-.13.03.28-.05-.15.03.25-.05-.1.02.37-.08-.27.06.32-.08-.05.02.28-.09-.23.07a5.95 5.95 0 0 0 .81-.29l-.2.09.24-.1-.04.01.26-.12-.22.1a5.97 5.97 0 0 0 .5-.25l-.21.12A6 6 0 0 0 12 2Z%27/%3E%3C/svg%3E");
  background-size: 22px 22px;
}
@media (min-width: 1024px) {
  .nav__action--account {
    background-size: 30px 30px;
  }
}
@media (min-width: 1024px) {
  .nav__action--account {
    background-size: unset;
  }
}
.nav__action--account:hover, .nav__action--account:focus, .header--light .nav__action--account, .menu__actions .nav__action--account {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2725%27 fill=%27%23fff%27%3E%3Cpath fill-rule=%27nonzero%27 d=%27M12 0a8 8 0 0 1 5.5 13.8C21.79 15.26 24 18.7 24 24a1 1 0 0 1-2 0c0-5-2.15-7.85-6.69-8.72a7.95 7.95 0 0 1-6.62 0C4.15 16.15 2 19 2 24a1 1 0 0 1-2 0c0-5.3 2.22-8.74 6.5-10.2A8 8 0 0 1 12 0Zm0 2a6 6 0 0 0-2.42 11.5l-.04-.02.25.1-.21-.09.28.12.26.09.04.01-.04-.01.27.08-.23-.07.28.09-.05-.02.32.08-.27-.06.36.08-.1-.02.3.06-.2-.04.27.05-.07-.01a6 6 0 0 0 .72.07h-.1L12 14h.28a6.07 6.07 0 0 0 .76-.1l-.13.03.28-.05-.15.03.25-.05-.1.02.37-.08-.27.06.32-.08-.05.02.28-.09-.23.07a5.95 5.95 0 0 0 .81-.29l-.2.09.24-.1-.04.01.26-.12-.22.1a5.97 5.97 0 0 0 .5-.25l-.21.12A6 6 0 0 0 12 2Z%27/%3E%3C/svg%3E");
}
.menu__actions .nav__action--account {
  margin: 0 0 0 -4px;
}
@media (min-width: 768px) {
  .menu__actions .nav__action--account {
    margin: 0 0 0 -9px;
  }
}
@media (min-width: 1024px) {
  .menu__actions .nav__action--account {
    margin: 0 0 0 -13px;
  }
}
@media (max-width: 1023.98px) {
  .nav__actions .nav__action--account {
    display: none;
  }
}
.nav__action--cart {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2725%27 viewBox=%270 0 31 25%27 width=%2731%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23280639%27%3E%3Cg fill-rule=%27evenodd%27%3E%3Cpath d=%27m7.30434783 0c.42501745 0 .79893709.26780636.9404714.65999297l.03270244.10993604 3.60047833 15.23007099h14.788l2.102-10h-15.1593043c-.5128359 0-.9355072-.38604019-.9932723-.88337887l-.0067277-.11662113c0-.51283584.3860401-.93550716.8833788-.99327227l.1166212-.00672773h16.3913043c.5953341 0 1.0493166.51346024.9961324 1.08970131l-.0175074.11595176-2.5217392 12.00000003c-.0891723.4243372-.439707.7381949-.8618594.7875577l-.1167655.0067892h-16.3913044c-.4250174 0-.7989371-.2678064-.9404714-.659993l-.0327024-.109936-3.6007827-15.230071h-5.513c-.51283584 0-.93550716-.38604019-.99327227-.88337887l-.00672773-.11662113c0-.51283584.38604019-.93550716.88337888-.99327227l.11662112-.00672773z%27 fill-rule=%27nonzero%27/%3E%3Ccircle cx=%2711.5%27 cy=%2722.5%27 r=%272.5%27/%3E%3Ccircle cx=%2725.5%27 cy=%2722.5%27 r=%272.5%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: 26px 21px;
}
@media (min-width: 1024px) {
  .nav__action--cart {
    background-size: unset;
  }
}
.nav__action--cart:hover, .nav__action--cart:focus, .header--light .nav__action--cart, .menu__actions .nav__action--cart {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%2725%27 viewBox=%270 0 31 25%27 width=%2731%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cg fill-rule=%27evenodd%27%3E%3Cpath d=%27m7.30434783 0c.42501745 0 .79893709.26780636.9404714.65999297l.03270244.10993604 3.60047833 15.23007099h14.788l2.102-10h-15.1593043c-.5128359 0-.9355072-.38604019-.9932723-.88337887l-.0067277-.11662113c0-.51283584.3860401-.93550716.8833788-.99327227l.1166212-.00672773h16.3913043c.5953341 0 1.0493166.51346024.9961324 1.08970131l-.0175074.11595176-2.5217392 12.00000003c-.0891723.4243372-.439707.7381949-.8618594.7875577l-.1167655.0067892h-16.3913044c-.4250174 0-.7989371-.2678064-.9404714-.659993l-.0327024-.109936-3.6007827-15.230071h-5.513c-.51283584 0-.93550716-.38604019-.99327227-.88337887l-.00672773-.11662113c0-.51283584.38604019-.93550716.88337888-.99327227l.11662112-.00672773z%27 fill-rule=%27nonzero%27/%3E%3Ccircle cx=%2711.5%27 cy=%2722.5%27 r=%272.5%27/%3E%3Ccircle cx=%2725.5%27 cy=%2722.5%27 r=%272.5%27/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 1440px) {
  .nav__back-link + .nav__actions {
    display: none;
  }
}

.menu {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--primary-dark);
  cursor: default;
  padding: 1.25rem 1.875rem;
  width: calc(100vw - 1.875rem);
  max-width: 41.25rem;
  height: 100%;
  overflow-y: scroll;
  animation-fill-mode: forwards;
  color: var(--white);
}
@media (min-width: 768px) {
  .menu {
    padding: 1.875rem;
    padding-left: 6.875rem;
  }
}
.menu-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(var(--primary_rgb), 0.7);
  cursor: pointer;
  width: 100vw;
  height: 100vh;
}
@keyframes fadeBackground {
  from {
    background-color: transparent;
  }
}
@keyframes slideMenu {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}
.menu-container-enter-active {
  animation: fadeBackground var(--duration--medium) var(--easing--default);
}
.menu-container-enter-active .menu {
  animation: slideMenu var(--duration--medium) var(--easing--default);
}
.menu-container-leave-active {
  animation: fadeBackground var(--duration--medium) var(--easing--default) reverse;
}
.menu-container-leave-active .menu {
  animation: slideMenu var(--duration--medium) var(--easing--default) reverse;
}
.menu__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.menu__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .menu__links {
    margin-top: 100px;
  }
}
[data-fitter-selected] .menu__item[data-type=fitterfinderpage] {
  padding-right: 1.875rem;
}
[data-fitter-selected] .menu__item[data-type=fitterfinderpage]::after {
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.menu__item + .menu__item {
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .menu__item + .menu__item {
    margin-top: 2.8125rem;
  }
}
.menu__link {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  transition: border-color var(--duration--short) var(--easing--default);
  border-bottom: 1px solid transparent;
  text-decoration: none;
  color: currentColor;
  font-size: 1.25rem;
}
@media (min-width: 1024px) {
  .menu__link {
    font-size: 1.625rem;
  }
}
.menu__link:hover, .menu__link:focus, .menu__link--current {
  border-bottom-color: var(--white);
}

[data-cart-count]:not([data-cart-count="0"]),
[data-fitter-selected] [data-type=fitterfinderpage] {
  position: relative;
}
[data-cart-count]:not([data-cart-count="0"])::after,
[data-fitter-selected] [data-type=fitterfinderpage]::after {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transition: all var(--duration--short) var(--easing--default);
  border-radius: 50%;
  width: 1.125rem;
  height: 1.125rem;
  text-align: center;
  line-height: 1.125rem;
  color: var(--white);
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  [data-cart-count]:not([data-cart-count="0"])::after,
[data-fitter-selected] [data-type=fitterfinderpage]::after {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
  }
}

[data-cart-count]:not([data-cart-count="0"])::after {
  background-color: var(--primary-light);
  content: attr(data-cart-count);
}
[data-cart-count]:not([data-cart-count="0"]):hover::after, [data-cart-count]:not([data-cart-count="0"]):focus::after {
  background-color: var(--primary-medium);
}

[data-fitter-selected] [data-type=fitterfinderpage]::after {
  background-color: var(--accent);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%279px%27 height=%277px%27 viewBox=%270 0 9 7%27 xmlns=%27http://www.w3.org/2000/svg%27 stroke-width=%271%27 fill=%27none%27 stroke=%27%23280639%27%3E %3Cpath d=%27M1, 3.5 L3.5,6 L8.5, 1%27/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.image-carousel__container {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 125rem;
}
.image-carousel__title {
  margin-bottom: 1.25rem;
  width: 18rem;
  text-align: center;
}
@media (min-width: 768px) {
  .image-carousel__title {
    margin-bottom: 0.625rem;
    width: 34.5rem;
  }
}
@media (min-width: 1440px) {
  .image-carousel__title {
    width: 50rem;
  }
}
.image-carousel__title-container {
  display: flex;
  justify-content: center;
}
.image-carousel__controls {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .image-carousel__controls {
    display: block;
  }
}
.image-carousel__controls .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  outline: none;
  height: 100%;
}
.image-carousel__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all var(--duration--short) var(--easing--default);
  border: 0;
  border-radius: 50%;
  background-color: var(--white);
  width: 3.125rem;
  height: 3.125rem;
  pointer-events: all;
}
@media (min-width: 1440px) {
  .image-carousel__button {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.image-carousel__button:hover .svg {
  stroke: var(--white);
}
.image-carousel__button .svg {
  transition: inherit;
  stroke: var(--primary-dark);
}
.image-carousel__slide {
  transition-duration: inherit;
  width: 18rem;
}
@media (min-width: 768px) {
  .image-carousel__slide {
    width: 34.5rem;
  }
}
@media (min-width: 1440px) {
  .image-carousel__slide {
    width: 50rem;
  }
}
.image-carousel__slide-figure {
  position: relative;
  transform: scale(0.84);
  transform-origin: center right;
  transition-duration: inherit;
  transition-property: all;
  transition-timing-function: var(--easing--default);
  opacity: 0.3;
  margin: 0;
  width: 100%;
}
.image-carousel__slide--current .image-carousel__slide-figure {
  transform: scale(1);
  opacity: 1;
}
.image-carousel__slide--current + .image-carousel__slide .image-carousel__slide-figure {
  transform-origin: center left;
}
.image-carousel__slide--current .image-carousel__slide-caption {
  opacity: 1;
}
.image-carousel__slide-image {
  display: block;
}
.image-carousel__slide-caption {
  transition: var(--trs-default);
  opacity: 0;
  margin: 0;
  padding: 0;
}
.image-carousel__slide-caption::before {
  display: none;
}
.image-carousel__slide-caption {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 2;
  background-image: linear-gradient(rgba(0, 0, 0, 0), var(--black));
  padding: 1.25rem;
  width: 100%;
  height: 50%;
  color: var(--white);
}
@media (min-width: 1440px) {
  .image-carousel__slide-caption {
    padding: 2.5rem;
  }
}
.image-carousel__slide-title {
  margin-bottom: 0;
  color: currentColor;
  font-style: normal;
}
.image-carousel__slide-description {
  display: none;
  margin: 0;
  margin-top: 0.625rem;
  color: var(--white);
  font-style: normal;
}
@media (min-width: 768px) {
  .image-carousel__slide-description {
    display: block;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.infomodal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: rgba(var(--primary_rgb), 0.7);
  width: 100vw;
  height: 100vh;
}
.infomodal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 40px 30px;
  width: 100%;
  min-width: 280px;
  max-width: 90%;
}
@media (min-width: 576px) {
  .infomodal__inner {
    padding: 60px 0;
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .infomodal__inner {
    max-width: 60%;
  }
}
@media (min-width: 1024px) {
  .infomodal__inner {
    max-width: 600px;
  }
}
.infomodal__spacer {
  margin: 0 auto;
  max-width: 400px;
}
.infomodal__image {
  margin-bottom: 1.25rem;
}
.infomodal__phone {
  margin-top: 1rem;
}
.infomodal p.infomodal__intro {
  margin-bottom: 1.3rem;
}
.infomodal p.infomodal__note {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-grey-light);
  font-size: 0.625rem;
}
.infomodal p.infomodal__content {
  margin-top: 0;
  font-size: 0.75rem;
}
.infomodal .button--close {
  position: absolute;
  top: 20px;
  right: -15px;
}
@media (min-width: 768px) {
  .infomodal .button--close {
    right: -30px;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(var(--primary_rgb), 0.7);
  cursor: pointer;
  width: 100vw;
  height: 100vh;
  animation-fill-mode: forwards;
  color: var(--text-grey);
}
@keyframes fadeBackground {
  from {
    background-color: transparent;
  }
}
@keyframes slideModal {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
}
.modal-enter-active {
  animation: fadeBackground var(--duration--medium) var(--easing--default);
}
.modal-enter-active .modal__inner {
  animation: slideModal var(--duration--medium) var(--easing--default);
}
.modal-leave-active {
  animation: fadeBackground var(--duration--medium) var(--easing--default) reverse;
}
.modal-leave-active .modal__inner {
  animation: slideModal var(--duration--medium) var(--easing--default) reverse;
}
.modal__inner {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--white);
  cursor: default;
  height: 100%;
}
.modal__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.modal__content {
  padding-top: 0.3125rem;
  height: 100%;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .modal__content {
    padding-top: 2.875rem;
  }
}
@media (min-width: 1024px) {
  .modal__content {
    padding-top: 3rem;
  }
}
.modal .button--close {
  position: absolute;
  top: 1.875rem;
  left: -0.9375rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .modal .button--close {
    top: 5rem;
    left: -1.875rem;
  }
}
@media (min-width: 1024px) {
  .modal .button--close {
    top: 5.1875rem;
  }
}
@media (min-width: 1440px) {
  .modal .button--close {
    top: 7rem;
  }
}
.modal--default .modal__inner {
  width: calc(100% - 1.875rem);
}
@media (min-width: 768px) {
  .modal--default .modal__inner {
    width: calc(100% - 6.25rem);
  }
}
@media (min-width: 1024px) {
  .modal--default .modal__inner {
    width: calc(100% - 13.75rem);
  }
}
.modal--cart .modal__inner {
  width: calc(100% - 1.875rem);
}
@media (min-width: 768px) {
  .modal--cart .modal__inner {
    width: 60%;
  }
}
@media (min-width: 1024px) {
  .modal--cart .modal__inner {
    width: 40%;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.quote-carousel {
  position: relative;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .quote-carousel {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1440px) {
  .quote-carousel {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
}
.quote-carousel .tns-item {
  transition: opacity 0.5s;
  opacity: 0;
}
.quote-carousel .tns-slide-active {
  opacity: 1;
}
.quote-carousel__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.quote-carousel__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quote-carousel__container {
  position: relative;
  background-color: var(--white);
  padding: 1.875rem;
  max-width: 18.75rem;
}
@media (min-width: 768px) {
  .quote-carousel__container {
    padding: 3.125rem;
    max-width: 30rem;
  }
}
@media (min-width: 1440px) {
  .quote-carousel__container {
    padding: 4.375rem;
    max-width: 34.375rem;
  }
}
.quote-carousel__container::before {
  position: absolute;
  top: 20%;
  left: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: var(--accent-dark);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height=%278%27 width=%2711%27 viewBox=%270 0 11 8%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M8.24 7.94c1.328 0 2.358-.897 2.358-2.259 0-1.196-.764-1.893-1.727-2.093H7.64c.133-1.462 1.23-2.392 3.057-2.691V0C7.475.233 5.714 2.193 5.714 4.85c0 1.795.93 3.09 2.525 3.09zm-5.715 0c1.296 0 2.359-.897 2.359-2.259 0-1.196-.764-1.893-1.728-2.093H1.894C2.06 2.126 3.123 1.196 4.984.897V0C1.76.233 0 2.193 0 4.85c0 1.795.93 3.09 2.525 3.09z%27/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45% 32%;
  width: 25px;
  height: 25px;
  content: "";
}
@media (min-width: 768px) {
  .quote-carousel__container::before {
    top: 70px;
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .quote-carousel__container::before {
    top: 75px;
    top: 65px;
  }
}
.quote-carousel__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: currentColor;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .quote-carousel__title {
    font-size: 1.125rem;
  }
}
.quote-carousel__slides {
  margin-top: 1.25rem;
  width: 100%;
  min-height: 12.5rem;
}
@media (min-width: 768px) {
  .quote-carousel__slides {
    min-height: 10.9375rem;
  }
}
.quote-carousel__quote-container {
  margin: 0;
}
.quote-carousel__quote {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-top: 0;
  line-height: 1.25;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .quote-carousel__quote {
    font-size: 1.5rem;
  }
}
.quote-carousel__credit {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.responsive-table {
  padding-bottom: 1rem;
}
.responsive-table table {
  margin-bottom: 0;
}

.responsive-table.scrollable {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.responsive-table.scrollable table {
  margin-left: -20px;
}
.responsive-table.scrollable::before, .responsive-table.scrollable::after {
  position: sticky;
  flex: 1 0 auto;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  z-index: 2;
  background-color: rgba(136, 136, 136, 0.3);
  width: 20px;
  content: "";
  pointer-events: none;
}
.responsive-table.scrollable::before {
  left: 0;
  background: linear-gradient(90deg, rgba(136, 136, 136, 0.7) 0%, rgba(136, 136, 136, 0) 100%);
}
.responsive-table.scrollable::after {
  right: 0;
  background: linear-gradient(90deg, rgba(136, 136, 136, 0) 0%, rgba(136, 136, 136, 0.7) 100%);
}
.responsive-table.scrollable.responsive-table--scroll-left::before, .responsive-table.scrollable.responsive-table--scroll-right::after {
  opacity: 1;
  z-index: 0;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.stock-checker {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
}
.stock-checker__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 5px;
}
.stock-checker__button:hover {
  cursor: pointer;
}
.stock-checker.checking .status-indicator, .stock-checker.in-stock .status-indicator, .stock-checker.low-stock .status-indicator {
  display: inline-block;
  margin-right: 4px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  content: "";
}
.stock-checker.checking {
  opacity: 0.7;
  font-style: italic;
}
.stock-checker.checking .status-indicator {
  background-color: var(--text-grey-light);
}
.stock-checker.in-stock .status-indicator {
  background-color: var(--green);
}
.stock-checker.low-stock .status-indicator {
  background-color: var(--continental-primary);
}

.product-detail__button-cart + .stock-checker {
  padding-left: 10px;
}

.stock-checker + .card__add-to-cart {
  margin-top: 5px;
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
/* stylelint-disable selector-no-qualifying-type */
.tabbed-content__nav {
  display: none;
}
.typography .tabbed-content__nav a {
  box-shadow: none !important;
}
.typography .tabbed-content__nav a.active {
  border-bottom: 3px solid var(--purple-light);
}
.typography .tabbed-content__nav ul {
  display: flex;
}
.typography .tabbed-content__nav li {
  flex: 1;
  margin: 0;
  padding: 0;
  text-align: center;
}
.typography .tabbed-content__nav li::before {
  content: "";
}
.tabbed-content__content {
  position: relative;
  min-height: 2em;
}
@media (min-width: 768px) {
  .tabbed-content__content {
    display: none;
  }
}
.tabbed-content__content-inner {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
@media (min-width: 768px) {
  .tabbed-content__content.active {
    display: block;
  }
}
.tabbed-content__content.active::before {
  border-bottom: transparent;
}
.tabbed-content__content.active .tabbed-content__content-inner {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.tabbed-content__accordion {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  display: block;
  border-bottom: 1px solid var(--grey-light);
  cursor: pointer;
  padding: 1.8rem 1rem;
}
@media (min-width: 768px) {
  .tabbed-content__accordion {
    display: none;
  }
}
.product--single .tabbed-content__accordion {
  display: none;
}
.tabbed-content__indicators .svg-minus {
  display: none;
}
.active .tabbed-content__indicators .svg-minus {
  display: block;
}
.tabbed-content__indicators .svg-plus {
  display: block;
}
.active .tabbed-content__indicators .svg-plus {
  display: none;
}
.tabbed-content__indicators .svg-plus,
.tabbed-content__indicators .svg-minus {
  position: absolute;
  top: 1.8rem;
  right: 1rem;
}
@media (min-width: 768px) {
  .tabbed-content__indicators .svg-plus,
.tabbed-content__indicators .svg-minus {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .tabbed-content__nav {
    display: block;
    margin-bottom: -1px;
  }
  .tabbed-content__nav ul {
    margin: 0;
  }
  .tabbed-content__nav li {
    display: inline-block;
  }
  .tabbed-content__tab {
    display: block;
    padding: 20px 20px 40px;
  }
  .tabbed-content__content {
    min-height: 0;
  }
  .tabbed-content__content::before {
    display: none;
  }
}
/* stylelint-disable scss/at-import-partial-extension-blacklist */
@keyframes hide-trigger {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0.01;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@media (max-width: 1439.98px) {
  .video__container {
    padding-right: 0;
    padding-left: 0;
  }
}
.video__holder {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.video__holder .youtube-player,
.video__holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__holder--playing .video__cover,
.video__holder--playing .video__trigger {
  animation: hide-trigger 1s var(--easing--default) forwards;
  pointer-events: none;
}
.video__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.video__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video__trigger {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-end;
  z-index: 11;
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.video__trigger:hover .svg-video-play {
  fill: var(--white);
}
.video__trigger:hover .video__icon {
  background-color: var(--accent);
}
.video__trigger-inner {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: flex;
  position: absolute;
  bottom: 15px;
  left: 20px;
  flex-grow: 1;
  align-items: center;
  transition: all var(--duration--medium) var(--easing--default);
  text-align: left;
  line-height: 1.2;
  letter-spacing: -0.25px;
  color: var(--white);
  font-size: 0.9375rem;
  pointer-events: none;
}
@media (min-width: 768px) {
  .video__trigger-inner {
    bottom: 20px;
    left: 30px;
  }
}
@media (min-width: 768px) {
  .video__trigger-inner {
    font-size: 1.4375rem;
  }
}
.video__icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  transition: var(--trs-default);
  margin-right: 1rem;
  border: 4px solid var(--accent);
  border-radius: 50%;
  width: 2.8125rem;
  height: 2.8125rem;
}
@media (min-width: 768px) {
  .video__icon {
    width: 3.4375rem;
    height: 3.4375rem;
  }
}
@media (min-width: 1440px) {
  .video__icon {
    width: 4.375rem;
    height: 4.375rem;
  }
}
.video__icon .svg-video-play {
  transition: var(--trs-default);
  fill: var(--accent);
}
@media (min-width: 768px) {
  .video__icon .svg-video-play {
    transform: scale(1.25);
  }
}
@media (min-width: 768px) {
  .video__icon .svg-video-play {
    transform: scale(1.5);
  }
}
.video__title {
  position: relative;
}
.video__title-watch {
  position: absolute;
  bottom: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
}
@media (max-width: 767.98px) {
  .video__title-watch {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    /* 1 */
  }
}
.video__title-text {
  display: block;
  padding-top: 0.3125rem;
}
@media (min-width: 768px) {
  .video__title-text {
    font-size: 1.4375rem;
  }
}

/* stylelint-disable scss/at-import-partial-extension-blacklist */
.element-accordion__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: currentColor;
}
.element-accordion__items {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.element-accordion__item {
  border-top: solid 1px var(--grey-medium);
}
.element-accordion__item-title {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  flex: 1 1 auto;
  margin-bottom: 0;
  padding-right: 1.25rem;
  line-height: 1.75;
  color: currentColor;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .element-accordion__item-title {
    font-size: 1rem;
  }
}
.element-accordion__item:last-child {
  border-bottom: solid 1px var(--grey-medium);
}
.element-accordion__details ::-webkit-details-marker {
  display: none;
}
.element-accordion__details summary {
  list-style: none;
}
.element-accordion__summary {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  padding: 1.25rem 0;
}
@media (min-width: 768px) {
  .element-accordion__summary {
    padding: 1.25rem;
  }
}
.element-accordion__summary .svg-chevron--accordion {
  flex: 0 0 auto;
  transition: var(--trs-default);
  stroke: var(--primary-light);
  width: 1.0625rem;
  height: auto;
}
@media (min-width: 768px) {
  .element-accordion__summary .svg-chevron--accordion {
    width: 1.5rem;
    height: auto;
  }
}
[open] .element-accordion__summary .svg-chevron--accordion {
  transform: rotate(0.5turn);
}
.element-accordion__content {
  padding-bottom: 1.25rem;
  animation: display-content var(--duration--medium) var(--easing--default);
  animation-play-state: paused;
}
@keyframes display-content {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .element-accordion__content {
    padding: 1.25rem;
  }
}
[open] .element-accordion__content {
  animation-play-state: running;
}

@media (min-width: 1440px) {
  .elementblockquote > div {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
  }
}

.element-brand-category-list,
.element-featured-list {
  position: relative;
}
.element-brand-category-list__background,
.element-featured-list__background {
  display: none;
  position: absolute;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .element-brand-category-list__background,
.element-featured-list__background {
    display: block;
  }
}
.element-brand-category-list__overlay,
.element-featured-list__overlay {
  display: none;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .element-brand-category-list__overlay,
.element-featured-list__overlay {
    display: block;
  }
}
.element-brand-category-list h4,
.element-featured-list h4 {
  margin-bottom: 30px;
  color: var(--text-grey);
  font-size: 18px;
}
@media (min-width: 768px) {
  .element-brand-category-list h4,
.element-featured-list h4 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .element-brand-category-list h4,
.element-featured-list h4 {
    margin-bottom: 70px;
    font-size: 22px;
  }
}
.element-brand-category-list .bg-present,
.element-featured-list .bg-present {
  color: var(--text-grey);
}
@media (min-width: 768px) {
  .element-brand-category-list .bg-present,
.element-featured-list .bg-present {
    padding-top: 50px;
    color: var(--white);
  }
}
@media (min-width: 1024px) {
  .element-brand-category-list .bg-present,
.element-featured-list .bg-present {
    padding-top: 90px;
  }
}
.element-brand-category-list__holder,
.element-featured-list__holder {
  position: relative;
}
.element-brand-category-list__holder img,
.element-featured-list__holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  min-height: 300px;
}
@media (min-width: 768px) {
  .element-brand-category-list__holder img,
.element-featured-list__holder img {
    min-height: 370px;
  }
}
@media (min-width: 1024px) {
  .element-brand-category-list__holder img,
.element-featured-list__holder img {
    min-height: 400px;
  }
}
.element-brand-category-list__picture,
.element-featured-list__picture {
  display: block;
  position: relative;
}
.element-brand-category-list__picture::before, .element-brand-category-list__picture::after,
.element-featured-list__picture::before,
.element-featured-list__picture::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: var(--trs-default);
  z-index: 1;
  content: "";
}
.element-brand-category-list__picture::before,
.element-featured-list__picture::before {
  background-image: linear-gradient(transparent 75%, var(--black));
}
.element-brand-category-list__picture::after,
.element-featured-list__picture::after {
  opacity: 0;
  background-color: var(--primary-light);
}
.element-brand-category-list__picture .element-brand-category-list::after, .element-featured-list__holder:hover .element-brand-category-list__picture::after,
.element-brand-category-list__picture .element-brand-category-list::after, .element-featured-list__holder:focus .element-brand-category-list__picture::after,
.element-featured-list__picture .element-brand-category-list::after,
.element-featured-list__holder:hover .element-featured-list__picture::after,
.element-featured-list__picture .element-brand-category-list::after,
.element-featured-list__holder:focus .element-featured-list__picture::after {
  opacity: 0.8;
}
.element-brand-category-list__content,
.element-featured-list__content {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.element-brand-category-list__content h5,
.element-featured-list__content h5 {
  margin-bottom: 30px;
  font-size: 22px;
}
@media (min-width: 768px) {
  .element-brand-category-list__content h5,
.element-featured-list__content h5 {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .element-brand-category-list__content h5,
.element-featured-list__content h5 {
    margin-bottom: 24px;
    font-size: 27px;
  }
}

@media (min-width: 768px) {
  .bg-img {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .bg-img .element-brand-category-list {
    margin: 0;
    padding-bottom: 76px;
  }
}

.element-brand-showcase {
  text-align: center;
}
.element .element-brand-showcase {
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .element .element-brand-showcase {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
  }
}
.element-brand-showcase__logos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  row-gap: 2.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-top: 0.625rem;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 576px) {
  .element-brand-showcase__logos {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 3.75rem;
    -moz-column-gap: 2.1875rem;
         column-gap: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .element-brand-showcase__logos {
    -ms-grid-columns: 14.25rem 14.25rem 14.25rem;
    grid-template-columns: 14.25rem 14.25rem 14.25rem;
    /*! autoprefixer: ignore next */
    justify-content: space-between;
  }
}
.element-brand-showcase__logos svg {
  fill: var(--black);
}
.element-brand-showcase__link {
  max-width: 210px;
}
.element-brand-showcase__link:hover .svg, .element-brand-showcase__link:focus .svg {
  fill: var(--primary);
}
.element-brand-showcase .svg {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: center;
      justify-self: center;
  transition: var(--trs-default);
}
@media (min-width: 768px) {
  .element-brand-showcase .svg {
    width: 100%;
  }
  html:not(.ie11) .element-brand-showcase .svg {
    height: auto;
  }
}
.element-brand-showcase .text--intro {
  margin-bottom: 3.25rem;
}
@media (min-width: 768px) {
  .element-brand-showcase .text--intro {
    margin-bottom: 5.25rem;
  }
}

.element-category-brand-range__holder {
  background-color: transparent;
}
.element-category-brand-range__holder .intro .text {
  color: var(--white);
}
.element-category-brand-range__background {
  display: block;
  position: absolute;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.element-category-brand-range__overlay {
  display: block;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
}
.element-category-brand-range .link-holder {
  margin-top: 40px;
}

.elementcolumns .introduction {
  padding-bottom: 20px;
}
.elementcolumns .columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}
@media (min-width: 768px) {
  .elementcolumns .columns {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
  }
}
.elementcolumns .columns .element {
  margin: 0;
}
.elementcolumns .columncontent__title {
  margin-bottom: 1.5rem;
}

.elementcolumncontent .typography {
  margin: 0;
}

/* stylelint-disable max-nesting-depth */
.elementcontainer__wrapper {
  margin: 0;
  overflow: hidden;
}
.elementcontainer__wrapper--primary {
  background-color: var(--primary);
}
.elementcontainer__wrapper--primary-dark {
  background-color: var(--primary-dark);
}
.elementcontainer__wrapper--primary {
  color: var(--white);
}
.elementcontainer__wrapper--primary .element-content__title {
  color: currentColor;
}
.elementcontainer__wrapper--primary .typography h1,
.elementcontainer__wrapper--primary .typography h2,
.elementcontainer__wrapper--primary .typography h3,
.elementcontainer__wrapper--primary .typography h4,
.elementcontainer__wrapper--primary .typography h5,
.elementcontainer__wrapper--primary .typography h6 {
  color: currentColor;
}
.elementcontainer__wrapper--primary .typography blockquote::before {
  background-color: var(--accent);
}
.elementcontainer__wrapper--primary .typography blockquote p {
  color: var(--white);
}
.elementcontainer__wrapper--primary .typography blockquote p::after {
  background-color: var(--accent);
}
.elementcontainer__wrapper--primary .typography .button {
  --button-bg: var(--accent-medium);
  --button-bg--hover: var(--accent-light);
  --button-text: var(--text-grey);
  --button-text--hover: var(--button-text);
}
.elementcontainer__wrapper--primary .typography .button--outline {
  --button-bg: var(--primary);
  --button-bg--hover: var(--white);
  --button-border: var(--white);
  --button-text: var(--white);
  --button-text--hover: var(--primary);
}
.elementcontainer__wrapper--grey {
  background-color: var(--grey-lightest);
}
.elementcontainer__wrapper--grey-light {
  background-color: var(--grey-light);
}

/* stylelint-enable max-nesting-depth */
.element-content__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 576px) {
  .element-content__wrapper {
    flex-direction: row;
    align-items: stretch;
  }
}
.element-content--image {
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.element-content--image .element-content__picture {
  display: block;
  width: 100%;
}
@media (min-width: 1440px) {
  .element > .element-content--image-left {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-left.element-content--image-medium .element-content__content {
    padding-left: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-left.element-content--image-medium .element-content__content {
    padding-left: 3.125rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-left.element-content--image-large .element-content__content {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-left.element-content--image-large .element-content__content {
    padding-left: 4.6875rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-left.element-content--image-large.element-content--wide .element-content__content {
    padding-left: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-left.element-content--image-large.element-content--wide .element-content__content {
    padding-right: 6.25rem;
    padding-left: 6.25rem;
  }
}
@media (min-width: 1440px) {
  .element > .element-content--image-right {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-right .element-content__image {
    order: 2;
  }
}
@media (min-width: 576px) {
  .element-content--image-right.element-content--image-medium .element-content__content {
    padding-right: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-right.element-content--image-medium .element-content__content {
    padding-right: 3.125rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-right.element-content--image-large .element-content__content {
    padding-right: 2.5rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-right.element-content--image-large .element-content__content {
    padding-right: 4.6875rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-right.element-content--image-large.element-content--wide .element-content__content {
    padding-right: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .element-content--image-right.element-content--image-large.element-content--wide .element-content__content {
    padding-right: 6.25rem;
    padding-left: 6.25rem;
  }
}
@media (min-width: 576px) {
  .element-content--image-medium .element-content__image {
    flex: 1 0 40%;
  }
  .element-content--image-medium .element-content__content {
    flex: 1 0 60%;
  }
}
@media (min-width: 576px) {
  .element-content--image-large .element-content__image {
    flex: 1 0 50%;
  }
  .element-content--image-large .element-content__content {
    flex: 1 0 50%;
  }
}
@media (max-width: 1023.98px) {
  .element-content--image-hide-mobile .element-content__image {
    display: none;
  }
  .element-content--image-hide-mobile .element-content__content.element-content__content {
    padding: 0;
  }
}
.element-content__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.25rem;
  width: 100%;
}
@media (min-width: 576px) {
  .element-content__content {
    margin-top: 0;
  }
}

.element-find-a-wheel,
.element-find-a-tyre {
  background-color: var(--primary-dark);
  padding: 20px 0;
}
.element-find-a-wheel__title,
.element-find-a-tyre__title {
  color: var(--white);
}
.element-find-a-wheel__button,
.element-find-a-tyre__button {
  margin-top: 30px;
}

.element-find-a-wheel {
  padding: 40px 0;
}
.element-find-a-wheel__button {
  margin-top: 21px;
}
@media (min-width: 768px) {
  .element-find-a-wheel__button {
    margin-top: 28px;
    padding: 14px 28px;
    line-height: 1;
    letter-spacing: -0.3px;
    font-size: 1.0625rem;
  }
}
.element-find-a-wheel__title {
  margin-bottom: 0;
  line-height: 2.11;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .element-find-a-wheel__title {
    line-height: 2;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
    font-weight: 500;
  }
}
.element-find-a-wheel__title--inline {
  display: inline-block;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .element-find-a-wheel__title--inline {
    margin-top: 34px;
  }
}
.element-find-a-wheel .pathway--wheel {
  padding: 0;
}
.element-find-a-wheel .pathway__wheel-pathway-inputs {
  margin-top: -4px;
}
.element-find-a-wheel .pathway__wheel-pathway-inputs .vdropdown:last-of-type input {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 stroke=%27%23ffffff%27%3E %3Cpath fill=%27none%27 fill-rule=%27evenodd%27 d=%27M0.5 0.5L5.5 5.5 10.5 0.5%27/%3E %3C/svg%3E");
}
.element-find-a-wheel .pathway__modelvariation {
  margin-top: 10px;
}
.element-find-a-wheel .pathway__modelvariation .vdropdown {
  margin-left: 5px;
}
.element-find-a-wheel .pathway__modelvariation .vdropdown button {
  letter-spacing: -0.3px;
}
.element-find-a-wheel .pathway__question {
  margin-top: 8px;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown {
  opacity: 1;
  margin-top: 9px;
  padding: 0;
  line-height: 1.5;
  letter-spacing: -0.3px;
  font-size: 1.125rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown {
    margin-top: 8px;
    line-height: 1.6;
    letter-spacing: -0.45px;
    font-size: 1.75rem;
    font-weight: 300;
  }
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown::-moz-placeholder {
  opacity: 0.6;
  font-style: italic;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown:-ms-input-placeholder {
  opacity: 0.6;
  font-style: italic;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown::placeholder {
  opacity: 0.6;
  font-style: italic;
}
@media (min-width: 768px) {
  .element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown::-moz-placeholder {
    letter-spacing: -0.46px;
    font-size: 1.75rem;
  }
  .element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown:-ms-input-placeholder {
    letter-spacing: -0.46px;
    font-size: 1.75rem;
  }
  .element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown::placeholder {
    letter-spacing: -0.46px;
    font-size: 1.75rem;
  }
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown[disabled]::-moz-placeholder {
  opacity: 0.4;
  font-style: initial;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown[disabled]:-ms-input-placeholder {
  opacity: 0.4;
  font-style: initial;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vtext__dropdown[disabled]::placeholder {
  opacity: 0.4;
  font-style: initial;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vdropdown__trigger {
  line-height: 1.6;
}
.element-find-a-wheel .pathway__form .pathway__label + div .vdropdown__trigger--placeholder {
  font-style: normal;
}
.element-find-a-wheel .pathway__form .pathway__fieldset .vdropdown__trigger--placeholder {
  opacity: 1;
  border-bottom-color: var(--white);
  text-transform: lowercase;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 768px) {
  .element-find-a-wheel .pathway__form .pathway__fieldset .vdropdown__trigger--placeholder {
    letter-spacing: -0.46px;
    font-size: 1.75rem;
    font-weight: 300;
  }
}
.element-find-a-wheel .pathway__form .pathway__fieldset .vdropdown__trigger--placeholder[disabled] {
  color: rgba(255, 255, 255, 0.4);
  font-style: normal;
}
.element-find-a-wheel .pathway__tyre-size-help {
  margin-inline: auto;
  letter-spacing: -0.2px;
}
@media (min-width: 768px) {
  .element-find-a-wheel .pathway__tyre-size-help {
    line-height: 1.47;
    letter-spacing: -0.25px;
    font-size: 0.9375rem;
  }
}

.elementhero .hero__tagline {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}

@media (max-width: 1439.98px) {
  .elementimage__picture-container {
    padding: 0;
  }
}

.element-imagestory {
  position: relative;
}
.element-imagestory--reversed {
  color: var(--white);
}
.element-imagestory--reversed .element-imagestory__picture::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), transparent 50%);
  width: 100%;
  height: 100%;
  content: "";
}
.element-imagestory figure {
  margin: 0;
}
.element-imagestory__picture {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  max-width: 125rem;
  height: 100%;
}
.element-imagestory__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.element-imagestory__title {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.5625rem;
  letter-spacing: -0.0375rem;
  font-size: 1.25rem;
  font-style: normal;
}
@media (min-width: 768px) {
  .element-imagestory__title {
    line-height: 2.5rem;
    font-size: 2.1875rem;
  }
}
.element-imagestory__title::before {
  display: none;
}
.element-imagestory__text {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .element-imagestory__text {
    line-height: 1.875rem;
    font-size: 1.25rem;
  }
}
.element-imagestory__content {
  position: relative;
  padding-top: 50px;
  padding-bottom: 2.5rem;
  height: 28.125rem;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .element-imagestory__content {
    padding-top: 90px;
    padding-bottom: 3.75rem;
    height: 35.3125rem;
  }
}
@media (min-width: 1440px) {
  .element-imagestory__content {
    padding-bottom: 8.75rem;
    height: 50rem;
  }
}

.elementlinktilegrid {
  background-color: var(--grey-lightest);
}
.elementlinktilegrid .wrapper {
  margin-top: 0;
  padding: 2.5rem 0;
}
@media (min-width: 768px) {
  .elementlinktilegrid .wrapper {
    padding: 3.125rem 0;
  }
}
@media (min-width: 1440px) {
  .elementlinktilegrid .wrapper {
    padding: 3.625rem 0;
  }
}
.elementlinktilegrid h4 {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .elementlinktilegrid h4 {
    margin-bottom: 70px;
  }
}
.elementlinktilegrid .intro p {
  padding-bottom: 1.5625rem;
}
@media (min-width: 768px) {
  .elementlinktilegrid .intro p {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .elementlinktilegrid .intro p {
    padding-bottom: 3.75rem;
  }
}

.element-promo {
  overflow: hidden;
}
.element-promo--standard {
  margin: 0 auto;
  width: 20rem;
}
@media (min-width: 768px) {
  .element-promo--standard {
    width: auto;
    height: 15.3125rem;
  }
}
@media (min-width: 1440px) {
  .element-promo--standard {
    height: 25rem;
  }
}
.element-promo--accent .element-promo__content {
  background-color: var(--accent);
}
.element-promo--white .element-promo__content {
  background-color: var(--white);
}
.element-promo__columns {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .element-promo__columns {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .element-promo--right .element-promo__columns {
    flex-direction: row-reverse;
  }
}
.element-promo__column {
  width: 100%;
  height: 100%;
}
.element-promo__column--image {
  display: flex;
  align-items: center;
}
.element-promo__image {
  width: 100%;
}
.element-promo__image img {
  width: 100%;
}
@media (min-width: 768px) {
  .element-promo .element-promo__title,
.element-promo .element-promo__content .typography {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
  }
}
.element-promo__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.27;
  color: currentColor;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .element-promo__title {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1440px) {
  .element-promo__title {
    font-size: 1.875rem;
  }
}
@media (min-width: 1440px) {
  .element-promo__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .element-promo .element-promo__title,
.element-promo .element-promo__content .typography {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
  }
}
.element-promo__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1.5625rem 1.25rem;
  height: 100%;
  overflow: hidden;
  color: var(--primary-medium);
}
@media (min-width: 768px) {
  .element-promo__content {
    padding: 1.25rem 2.5rem;
  }
}
@media (min-width: 1440px) {
  .element-promo__content {
    padding: 1.25rem 4.6875rem;
  }
}
.element-promo__content .typography {
  margin-top: 0.625rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .element-promo__content .typography {
    margin-top: 1.25rem;
  }
}
.element-promo__content .typography p {
  overflow: hidden;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 1440px) {
  .element-promo__content .typography p {
    font-size: 1.25rem;
  }
}
.element-promo__content .typography :last-child {
  margin-bottom: 0;
}
.element-promo__cta {
  margin-top: 20px;
}
@media (min-width: 1440px) {
  .element-promo__cta {
    margin-top: 30px;
  }
}

.proscons {
  position: relative;
  text-align: center;
}
.proscons__spacer {
  display: block;
  margin: 0 auto 20px;
  border-bottom: 1px solid var(--purple-light);
  padding-top: 20px;
  width: 50%;
}
@media (min-width: 768px) {
  .proscons__spacer {
    position: absolute;
    top: 15%;
    left: 50%;
    margin: 0;
    border-right: 1px solid var(--purple-light);
    border-bottom: 0;
    padding: 0;
    width: 1px;
    height: 70%;
  }
}
@media (min-width: 768px) {
  .proscons__row {
    position: relative;
  }
}

.element-steps-alternative {
  position: relative;
}
.element-steps-alternative .container {
  padding: 0;
}
.typography .element-steps-alternative__list {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  margin-top: 2.5rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  list-style: none;
  counter-reset: numbers;
}
@media (min-width: 1440px) {
  .typography .element-steps-alternative__list {
    margin-top: 4.375rem;
  }
}
.typography .element-steps-alternative__list li + li {
  margin-top: 0;
}
.typography .element-steps-alternative__list--vertical {
  flex-direction: column;
}
.typography .element-steps-alternative__list--vertical .element-steps-alternative__step {
  width: 100%;
  max-width: 100%;
}
.element-steps-alternative__heading {
  margin-bottom: 1.25rem;
}
.typography .element-steps-alternative__step {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 0 1.25rem 0 4.0625rem;
  min-width: 13.75rem;
  counter-increment: numbers;
}
@media (min-width: 1024px) {
  .typography .element-steps-alternative__step {
    padding: 0 2.8125rem 0 4.0625rem;
    min-width: auto;
  }
}
.typography .element-steps-alternative__step:last-of-type {
  padding-right: 0;
}
.typography .element-steps-alternative__step::before {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  line-height: 0.9em;
  color: var(--grey-light);
  font-size: 6.25rem;
  content: counter(numbers);
}
.element-steps-alternative__title {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin-bottom: 0.75rem;
  font-size: 1.375rem;
}
.element-steps-alternative__link {
  margin-top: auto;
}

.elementsteps {
  position: relative;
  z-index: 1;
}
@media (min-width: 1440px) {
  .elementsteps > div {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
  }
}
.elementsteps__full--grey {
  background-color: var(--grey-light);
  padding: 20px 0 30px;
}
.elementsteps__list {
  align-items: stretch;
  justify-content: space-evenly;
  margin-top: 2.125rem;
  margin-bottom: 2.5rem;
  padding: 0;
  list-style: none;
  counter-reset: numbers;
}
@media (min-width: 768px) {
  .elementsteps__list {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .elementsteps__list {
    margin-bottom: 5.625rem;
  }
}
.elementsteps__heading {
  margin-bottom: 0;
  text-align: center;
}
.elementsteps__step {
  position: relative;
  padding: 0 0.625rem;
  text-align: center;
  counter-increment: numbers;
}
@media (min-width: 768px) {
  .elementsteps__step {
    min-width: 12.75rem;
  }
}
@media (min-width: 1440px) {
  .elementsteps__step {
    padding: 0 1.875rem;
  }
}
@media (min-width: 768px) {
  .elementsteps__step--show-border:not(:last-of-type) {
    border-right: 1px solid var(--purple-dark);
  }
}
.elementsteps__step--show-number::before {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  color: var(--white);
  font-size: 6.25rem;
  content: counter(numbers, decimal-leading-zero);
}
.elementsteps__step + .elementsteps__step {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .elementsteps__step + .elementsteps__step {
    margin-top: 0;
  }
}
.elementsteps__title {
  font-family: "Sailec", sans-serif;
  font-weight: 700;
  position: relative;
  z-index: 2;
  margin: 3.125rem 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1rem;
}
.elementsteps__title--larger {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 0 0 1.25rem 0;
  text-transform: none;
  line-height: 2.5rem;
  letter-spacing: inherit;
  font-size: 2.1875rem;
}
.elementsteps__link {
  display: inline-block;
  margin-top: 20px;
}

.element-tyre-range__holder {
  position: relative;
  background-color: var(--grey-light);
  overflow: hidden;
}
.element-tyre-range__holder .intro h2 {
  margin: 0 0 40px;
}
.element-tyre-range__holder .intro .text {
  margin: 0 0 40px;
}
.element-tyre-range .ambassador-link {
  margin-bottom: 2px;
  height: 100%;
  text-decoration: none;
}
.element-tyre-range__item {
  background-color: var(--white);
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.element-tyre-range__item h3 {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-bottom: 0;
  padding: 30px 10px 0;
  min-height: 5.3125rem;
  color: var(--text-grey);
}
.element-tyre-range__item .brand-logo {
  padding-top: 25px;
}
.element-tyre-range__item .brand-logo-wrapper {
  display: inline-block;
  width: 140px;
  height: 35px;
}
.element-tyre-range__item .element-tyre-range__noimg {
  padding: 25px;
}
.element-tyre-range__item .element-tyre-range__img img {
  max-height: 165px;
}
.element-tyre-range__item .element-tyre-range__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 0 12px;
  background-color: rgba(203, 204, 202, 0.13);
  padding: 10px 20px;
  color: var(--primary-light);
  font-size: 1rem;
}
.element-tyre-range__item .element-tyre-range__features {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  padding: 12px 20px 30px;
  height: 100%;
  font-size: 0.875rem;
}
.element-tyre-range__item .element-tyre-range__features .tag {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  background-color: var(--primary-light);
  padding: 4px 8px;
  text-transform: uppercase;
  color: var(--white);
  font-size: 10px;
}
.element-tyre-range__item .element-tyre-range__features .product-header {
  margin-bottom: 12px;
  padding-top: 5px;
  color: var(--primary-light);
}
.element-tyre-range__item .element-tyre-range__features .product-feature {
  margin: 0;
  padding-bottom: 10px;
  font-size: 13px;
}
.element-tyre-range__item .element-tyre-range__features .product-available {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  margin: 10px 0 0;
  font-size: 0.75rem;
}
.element-tyre-range__item .element-tyre-range__features .price-range {
  font-family: "Sailec", sans-serif;
  font-weight: 300;
  margin-bottom: 0;
  padding-bottom: 10px;
  color: var(--primary-light);
  font-size: 28px;
}
@media (min-width: 768px) {
  .element-tyre-range__item .element-tyre-range__features .price-range {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .element-tyre-range__item .element-tyre-range__features .price-range {
    font-size: 36px;
  }
}
.element-tyre-range__content {
  padding: 90px 0;
}

.element-variations-list {
  background-color: var(--grey-light);
}
.element-variations-list .title {
  margin-bottom: 0;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .element-variations-list .title {
    padding-top: 3.125rem;
  }
}
@media (min-width: 1440px) {
  .element-variations-list .title {
    padding-top: 3.625rem;
  }
}

.brand--continental .typography h1,
.brand--continental .typography h2,
.brand--continental .typography h3,
.brand--continental .typography h4,
.brand--continental .typography h5,
.brand--continental .typography h6 {
  font-family: "Stag Sans", sans-serif;
  font-weight: 400;
  color: var(--continental-primary);
}
.brand--continental .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--continental-primary) !important;
}
.brand--continental .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--continental-primary);
}
.brand--continental .typography .link--back {
  font-family: "Stag Sans", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--continental .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23f8a01b%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--continental .typography .tag:hover {
  color: var(--text-grey);
}
.brand--continental .typography blockquote p {
  font-family: "Stag Sans", sans-serif;
  font-weight: 300;
  color: var(--text-grey);
}
.brand--continental .typography blockquote p::after {
  background-color: var(--continental-primary);
}
.brand--continental .typography blockquote::before {
  background-color: var(--continental-primary);
}
.brand--continental .typography blockquote .rangecategory__content h5 {
  font-family: "Stag Sans", sans-serif;
  font-weight: 500;
}
.brand--continental .hero__tagline {
  font-family: "Stag Sans", sans-serif;
  font-weight: 400;
}
@media (min-width: 1440px) {
  .brand--continental .hero__tagline {
    font-size: 3.75rem;
  }
}
.brand--continental .element-promo .element-promo__column p,
.brand--continental .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--continental .element-promo--accent .element-promo__column h1,
.brand--continental .element-promo--accent .element-promo__column h2,
.brand--continental .element-promo--accent .element-promo__column h3,
.brand--continental .element-promo--accent .element-promo__column h4,
.brand--continental .element-promo--accent .element-promo__column h5,
.brand--continental .element-promo--accent .element-promo__column h6,
.brand--continental .element-promo--accent .element-promo__column p,
.brand--continental .element-promo--accent .element-promo__column span {
  color: var(--continental-primary);
}
.brand--continental .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--continental figcaption {
  font-family: "Stag Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.brand--continental figcaption::before {
  background-color: var(--continental-primary);
}
.brand--continental figcaption h4 {
  font-family: "Stag Sans", sans-serif;
  font-weight: 500;
}
.brand--continental ::-moz-selection {
  background: var(--continental-primary);
}
.brand--continental ::selection {
  background: var(--continental-primary);
}
.brand--continental header .link:not(.link--back) {
  color: var(--continental-primary);
}
.brand--continental .shop-link {
  font-family: "Stag Sans", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--continental-primary);
  background-color: var(--continental-primary);
  color: var(--white);
}
.brand--continental .content-carousel__title,
.brand--continental .content-carousel .title {
  color: var(--continental-primary);
}
.brand--continental .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--continental .button {
  --button-bg: var(--continental-primary);
  --button-bg--hover: var(--continental-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--continental .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--continental .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--continental .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--continental .button--accent.brand--continental .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--continental .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Stag Sans", sans-serif;
  font-weight: 300;
}
.brand--continental .button--link:hover, .brand--continental .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--continental .image-carousel__button {
  --primary-dark: var(--continental-primary);
}
.brand--continental .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--continental .element-brand-category-list .typography h5 {
  color: var(--white);
}
.brand--continental .element-brand-category-list__picture::after {
  background-color: var(--continental-primary);
}
.brand--continental .element-tyre-range__heading {
  font-family: "Stag Sans", sans-serif;
  font-weight: 300;
  color: var(--continental-primary);
}
.brand--continental .quote-carousel__container::before {
  background-color: var(--continental-primary);
}
.brand--continental .tns-nav .tns-nav-active {
  background-color: var(--continental-primary);
}
.brand--continental .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--general-tire .typography h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: var(--general-tire-primary);
}
.brand--general-tire .typography h2,
.brand--general-tire .typography h3,
.brand--general-tire .typography h4,
.brand--general-tire .typography h5,
.brand--general-tire .typography h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: var(--general-tire-primary);
}
.brand--general-tire .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--general-tire-primary) !important;
}
.brand--general-tire .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .typography .link--back {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: var(--text-grey);
}
.brand--general-tire .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23b0272e%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--general-tire .typography .tag:hover {
  color: var(--text-grey);
}
.brand--general-tire .typography blockquote p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--general-tire .typography blockquote p::after {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .typography blockquote::before {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .typography blockquote .rangecategory__content h5 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.brand--general-tire .hero__tagline {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.brand--general-tire .element-promo .element-promo__column p,
.brand--general-tire .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--general-tire .element-promo--accent .element-promo__column h1,
.brand--general-tire .element-promo--accent .element-promo__column h2,
.brand--general-tire .element-promo--accent .element-promo__column h3,
.brand--general-tire .element-promo--accent .element-promo__column h4,
.brand--general-tire .element-promo--accent .element-promo__column h5,
.brand--general-tire .element-promo--accent .element-promo__column h6,
.brand--general-tire .element-promo--accent .element-promo__column p,
.brand--general-tire .element-promo--accent .element-promo__column span {
  color: var(--general-tire-primary);
}
.brand--general-tire .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--general-tire figcaption {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.brand--general-tire figcaption::before {
  background-color: var(--general-tire-primary);
}
.brand--general-tire figcaption h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.brand--general-tire ::-moz-selection {
  background: var(--general-tire-primary);
}
.brand--general-tire ::selection {
  background: var(--general-tire-primary);
}
.brand--general-tire header .link:not(.link--back) {
  color: var(--general-tire-primary);
}
.brand--general-tire .shop-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--general-tire-primary);
  background-color: var(--general-tire-primary);
  color: var(--white);
}
.brand--general-tire .content-carousel__title,
.brand--general-tire .content-carousel .title {
  color: var(--general-tire-primary);
}
.brand--general-tire .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--general-tire .button {
  --button-bg: var(--general-tire-primary);
  --button-bg--hover: var(--general-tire-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--general-tire .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--general-tire .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--general-tire .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--general-tire .button--accent.brand--general-tire .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--general-tire .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.brand--general-tire .button--link:hover, .brand--general-tire .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--general-tire .image-carousel__button {
  --primary-dark: var(--general-tire-primary);
}
.brand--general-tire .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--general-tire .element-brand-category-list .typography h5 {
  color: var(--white);
}
.brand--general-tire .element-brand-category-list__picture::after {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .element-tyre-range__heading {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: var(--general-tire-primary);
}
.brand--general-tire .quote-carousel__container::before {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .tns-nav .tns-nav-active {
  background-color: var(--general-tire-primary);
}
.brand--general-tire .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--hifly .typography h1 {
  font-family: "DIN", sans-serif;
  font-weight: 400;
  color: var(--hifly-primary);
}
.brand--hifly .typography h2,
.brand--hifly .typography h3,
.brand--hifly .typography h4,
.brand--hifly .typography h5,
.brand--hifly .typography h6 {
  font-family: "DIN", sans-serif;
  font-weight: 400;
  color: var(--hifly-primary);
}
.brand--hifly .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--hifly-primary) !important;
}
.brand--hifly .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--hifly-primary);
}
.brand--hifly .typography .link--back {
  font-family: "DIN", sans-serif;
  font-weight: 500;
  color: var(--text-grey);
}
.brand--hifly .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23003771%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--hifly .typography .tag:hover {
  color: var(--text-grey);
}
.brand--hifly .typography blockquote p {
  font-family: "DIN", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--hifly .typography blockquote p::after {
  background-color: var(--hifly-primary);
}
.brand--hifly .typography blockquote::before {
  background-color: var(--hifly-primary);
}
.brand--hifly .typography blockquote .rangecategory__content h5 {
  font-family: "DIN", sans-serif;
  font-weight: 500;
}
.brand--hifly .hero__tagline {
  font-family: "DIN", sans-serif;
  font-weight: 400;
}
.brand--hifly .element-promo .element-promo__column p,
.brand--hifly .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--hifly .element-promo--accent .element-promo__column h1,
.brand--hifly .element-promo--accent .element-promo__column h2,
.brand--hifly .element-promo--accent .element-promo__column h3,
.brand--hifly .element-promo--accent .element-promo__column h4,
.brand--hifly .element-promo--accent .element-promo__column h5,
.brand--hifly .element-promo--accent .element-promo__column h6,
.brand--hifly .element-promo--accent .element-promo__column p,
.brand--hifly .element-promo--accent .element-promo__column span {
  color: var(--hifly-primary);
}
.brand--hifly .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--hifly figcaption {
  font-family: "DIN", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.brand--hifly figcaption::before {
  background-color: var(--hifly-primary);
}
.brand--hifly figcaption h4 {
  font-family: "DIN", sans-serif;
  font-weight: 500;
}
.brand--hifly ::-moz-selection {
  background: var(--hifly-primary);
}
.brand--hifly ::selection {
  background: var(--hifly-primary);
}
.brand--hifly header .link:not(.link--back) {
  color: var(--hifly-primary);
}
.brand--hifly .shop-link {
  font-family: "DIN", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--hifly-primary);
  background-color: var(--hifly-primary);
  color: var(--white);
}
.brand--hifly .content-carousel__title,
.brand--hifly .content-carousel .title {
  color: var(--hifly-primary);
}
.brand--hifly .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--hifly .button {
  --button-bg: var(--hifly-primary);
  --button-bg--hover: var(--hifly-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--hifly .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--hifly .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--hifly .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--hifly .button--accent.brand--hifly .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--hifly .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "DIN", sans-serif;
  font-weight: 400;
}
.brand--hifly .button--link:hover, .brand--hifly .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--hifly .image-carousel__button {
  --primary-dark: var(--hifly-primary);
}
.brand--hifly .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--hifly .element-brand-category-list .typography h5 {
  color: var(--white);
}
@media (min-width: 768px) {
  .brand--hifly .element-brand-category-list .typography .bg-present {
    color: var(--white);
  }
}
.brand--hifly .element-brand-category-list__picture::after {
  background-color: var(--hifly-primary);
}
.brand--hifly .element-tyre-range__heading {
  font-family: "DIN", sans-serif;
  font-weight: 400;
  color: var(--hifly-primary);
}
.brand--hifly .quote-carousel__container::before {
  background-color: var(--hifly-primary);
}
.brand--hifly .tns-nav .tns-nav-active {
  background-color: var(--hifly-primary);
}
.brand--hifly .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--maxam .typography h1 {
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  color: var(--maxam-primary);
}
.brand--maxam .typography h2,
.brand--maxam .typography h3,
.brand--maxam .typography h4,
.brand--maxam .typography h5,
.brand--maxam .typography h6 {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--maxam-primary);
}
.brand--maxam .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--maxam-primary) !important;
}
.brand--maxam .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--maxam-primary);
}
.brand--maxam .typography .link--back {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--maxam .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%233b0f52%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--maxam .typography .tag:hover {
  color: var(--text-grey);
}
.brand--maxam .typography blockquote p {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--maxam .typography blockquote p::after {
  background-color: var(--maxam-primary);
}
.brand--maxam .typography blockquote::before {
  background-color: var(--maxam-primary);
}
.brand--maxam .typography blockquote .rangecategory__content h5 {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}
.brand--maxam .hero__tagline {
  font-family: "Helvetica", sans-serif;
  font-weight: 700;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .brand--maxam .hero__tagline {
    font-size: 3.25rem;
  }
}
.brand--maxam .element-promo .element-promo__column p,
.brand--maxam .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--maxam .element-promo--accent .element-promo__column h1,
.brand--maxam .element-promo--accent .element-promo__column h2,
.brand--maxam .element-promo--accent .element-promo__column h3,
.brand--maxam .element-promo--accent .element-promo__column h4,
.brand--maxam .element-promo--accent .element-promo__column h5,
.brand--maxam .element-promo--accent .element-promo__column h6,
.brand--maxam .element-promo--accent .element-promo__column p,
.brand--maxam .element-promo--accent .element-promo__column span {
  color: var(--maxam-primary);
}
.brand--maxam .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--maxam figcaption {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.brand--maxam figcaption::before {
  background-color: var(--maxam-primary);
}
.brand--maxam figcaption h4 {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
}
.brand--maxam ::-moz-selection {
  background: var(--maxam-primary);
}
.brand--maxam ::selection {
  background: var(--maxam-primary);
}
.brand--maxam header .link:not(.link--back) {
  color: var(--maxam-primary);
}
.brand--maxam .shop-link {
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--maxam-primary);
  background-color: var(--maxam-primary);
  color: var(--white);
}
.brand--maxam .content-carousel__title,
.brand--maxam .content-carousel .title {
  color: var(--maxam-primary);
}
.brand--maxam .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--maxam .button {
  --button-bg: var(--maxam-primary);
  --button-bg--hover: var(--maxam-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--maxam .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--maxam .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--maxam .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--maxam .button--accent.brand--maxam .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--maxam .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Sailec", sans-serif;
  font-weight: 400;
}
.brand--maxam .button--link:hover, .brand--maxam .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--maxam .image-carousel__button {
  --primary-dark: var(--maxam-primary);
}
.brand--maxam .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--maxam .element-brand-category-list .typography h5 {
  color: var(--white);
}
@media (min-width: 768px) {
  .brand--maxam .element-brand-category-list .typography .bg-present {
    color: var(--white);
  }
}
.brand--maxam .element-brand-category-list__picture::after {
  background-color: var(--maxam-primary);
}
.brand--maxam .element-tyre-range__heading {
  font-family: "Sailec", sans-serif;
  font-weight: 400;
  color: var(--maxam-primary);
}
.brand--maxam .quote-carousel__container::before {
  background-color: var(--maxam-primary);
}
.brand--maxam .tns-nav .tns-nav-active {
  background-color: var(--maxam-primary);
}
.brand--maxam .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--maxxis .typography h1,
.brand--maxxis .typography h2,
.brand--maxxis .typography h3,
.brand--maxxis .typography h4,
.brand--maxxis .typography h5,
.brand--maxxis .typography h6 {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 400;
  color: var(--maxxis-primary);
}
.brand--maxxis .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--maxxis-primary) !important;
}
.brand--maxxis .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .typography .link--back {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 500;
  color: var(--text-grey);
}
.brand--maxxis .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23ef4c23%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--maxxis .typography .tag:hover {
  color: var(--text-grey);
}
.brand--maxxis .typography blockquote p {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 300;
  color: var(--text-grey);
}
.brand--maxxis .typography blockquote p::after {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .typography blockquote::before {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .typography blockquote .rangecategory__content h5 {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 500;
}
.brand--maxxis .hero__tagline {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 300;
}
@media (min-width: 1440px) {
  .brand--maxxis .hero__tagline {
    font-size: 3.5rem;
  }
}
.brand--maxxis .element-promo .element-promo__column p,
.brand--maxxis .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--maxxis .element-promo--accent .element-promo__column h1,
.brand--maxxis .element-promo--accent .element-promo__column h2,
.brand--maxxis .element-promo--accent .element-promo__column h3,
.brand--maxxis .element-promo--accent .element-promo__column h4,
.brand--maxxis .element-promo--accent .element-promo__column h5,
.brand--maxxis .element-promo--accent .element-promo__column h6,
.brand--maxxis .element-promo--accent .element-promo__column p,
.brand--maxxis .element-promo--accent .element-promo__column span {
  color: var(--maxxis-primary);
}
.brand--maxxis .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--maxxis figcaption {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.brand--maxxis figcaption::before {
  background-color: var(--maxxis-primary);
}
.brand--maxxis figcaption h4 {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 500;
}
.brand--maxxis ::-moz-selection {
  background: var(--maxxis-primary);
}
.brand--maxxis ::selection {
  background: var(--maxxis-primary);
}
.brand--maxxis header .link:not(.link--back) {
  color: var(--maxxis-primary);
}
.brand--maxxis .shop-link {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--maxxis-primary);
  background-color: var(--maxxis-primary);
  color: var(--white);
}
.brand--maxxis .content-carousel__title,
.brand--maxxis .content-carousel .title {
  color: var(--maxxis-primary);
}
.brand--maxxis .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--maxxis .button {
  --button-bg: var(--maxxis-primary);
  --button-bg--hover: var(--maxxis-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--maxxis .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--maxxis .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--maxxis .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--maxxis .button--accent.brand--maxxis .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--maxxis .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Geogrotesque", sans-serif;
  font-weight: 300;
}
.brand--maxxis .button--link:hover, .brand--maxxis .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--maxxis .image-carousel__button {
  --primary-dark: var(--maxxis-primary);
}
.brand--maxxis .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--maxxis .element-brand-category-list .typography h5 {
  color: var(--white);
}
.brand--maxxis .element-brand-category-list__picture::after {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .element-tyre-range__heading {
  font-family: "Geogrotesque", sans-serif;
  font-weight: 300;
  color: var(--maxxis-primary);
}
.brand--maxxis .quote-carousel__container::before {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .tns-nav .tns-nav-active {
  background-color: var(--maxxis-primary);
}
.brand--maxxis .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--nokian .typography h1 {
  font-family: "Dax", sans-serif;
  font-weight: 500;
  color: var(--nokian-primary);
}
.brand--nokian .typography h2,
.brand--nokian .typography h3,
.brand--nokian .typography h4,
.brand--nokian .typography h5,
.brand--nokian .typography h6 {
  font-family: "Dax", sans-serif;
  font-weight: 400;
  color: var(--nokian-primary);
}
.brand--nokian .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--nokian-primary) !important;
}
.brand--nokian .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--nokian-primary);
}
.brand--nokian .typography .link--back {
  font-family: "Dax", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--nokian .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%236ab240%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--nokian .typography .tag:hover {
  color: var(--text-grey);
}
.brand--nokian .typography blockquote p {
  font-family: "Dax", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--nokian .typography blockquote p::after {
  background-color: var(--nokian-primary);
}
.brand--nokian .typography blockquote::before {
  background-color: var(--nokian-primary);
}
.brand--nokian .typography blockquote .rangecategory__content h5 {
  font-family: "Dax", sans-serif;
  font-weight: 500;
}
.brand--nokian .hero__tagline {
  font-family: "Dax", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 768px) {
  .brand--nokian .hero__tagline {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) {
  .brand--nokian .hero__tagline {
    font-size: 4rem;
  }
}
.brand--nokian .hero--compact .hero__tagline {
  text-transform: none;
}
.brand--nokian .element-promo .element-promo__column p,
.brand--nokian .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--nokian .element-promo--accent .element-promo__column h1,
.brand--nokian .element-promo--accent .element-promo__column h2,
.brand--nokian .element-promo--accent .element-promo__column h3,
.brand--nokian .element-promo--accent .element-promo__column h4,
.brand--nokian .element-promo--accent .element-promo__column h5,
.brand--nokian .element-promo--accent .element-promo__column h6,
.brand--nokian .element-promo--accent .element-promo__column p,
.brand--nokian .element-promo--accent .element-promo__column span {
  color: var(--nokian-primary);
}
.brand--nokian .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--nokian figcaption {
  font-family: "Dax", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.brand--nokian figcaption::before {
  background-color: var(--nokian-primary);
}
.brand--nokian figcaption h4 {
  font-family: "Dax", sans-serif;
  font-weight: 500;
}
.brand--nokian ::-moz-selection {
  background: var(--nokian-primary);
}
.brand--nokian ::selection {
  background: var(--nokian-primary);
}
.brand--nokian header .link:not(.link--back) {
  color: var(--nokian-primary);
}
.brand--nokian .shop-link {
  font-family: "Dax", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--nokian-primary);
  background-color: var(--nokian-primary);
  color: var(--white);
}
.brand--nokian .content-carousel__title,
.brand--nokian .content-carousel .title {
  color: var(--nokian-primary);
}
.brand--nokian .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--nokian .button {
  --button-bg: var(--nokian-primary);
  --button-bg--hover: var(--nokian-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--nokian .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--nokian .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--nokian .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--nokian .button--accent.brand--nokian .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--nokian .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Dax", sans-serif;
  font-weight: 400;
}
.brand--nokian .button--link:hover, .brand--nokian .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--nokian .image-carousel__button {
  --primary-dark: var(--nokian-primary);
}
.brand--nokian .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--nokian .element-brand-category-list .typography h5 {
  color: var(--white);
}
@media (min-width: 768px) {
  .brand--nokian .element-brand-category-list .typography .bg-present {
    color: var(--white);
  }
}
.brand--nokian .element-brand-category-list__picture::after {
  background-color: var(--nokian-primary);
}
.brand--nokian .element-tyre-range__heading {
  font-family: "Dax", sans-serif;
  font-weight: 400;
  color: var(--nokian-primary);
}
.brand--nokian .quote-carousel__container::before {
  background-color: var(--nokian-primary);
}
.brand--nokian .tns-nav .tns-nav-active {
  background-color: var(--nokian-primary);
}
.brand--nokian .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--starmaxx .typography h1 {
  font-family: "ubuntu-regular", sans-serif;
  color: var(--starmaxx-primary);
}
.brand--starmaxx .typography h2,
.brand--starmaxx .typography h3,
.brand--starmaxx .typography h4,
.brand--starmaxx .typography h5,
.brand--starmaxx .typography h6 {
  font-family: "ubuntu-light", sans-serif;
  color: var(--starmaxx-primary);
}
.brand--starmaxx .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--starmaxx-primary) !important;
}
.brand--starmaxx .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .typography .link--back {
  font-family: "ubuntu-light", sans-serif;
  color: var(--text-grey);
}
.brand--starmaxx .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23035aa8%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--starmaxx .typography .tag:hover {
  color: var(--text-grey);
}
.brand--starmaxx .typography blockquote p {
  font-family: "ubuntu-light", sans-serif;
  color: var(--text-grey);
}
.brand--starmaxx .typography blockquote p::after {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .typography blockquote::before {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .typography blockquote .rangecategory__content h5 {
  font-family: "ubuntu-medium", sans-serif;
}
.brand--starmaxx .hero__tagline {
  font-family: "ubuntu-regular", sans-serif;
}
.brand--starmaxx .element-promo .element-promo__column p,
.brand--starmaxx .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--starmaxx .element-promo--accent .element-promo__column h1,
.brand--starmaxx .element-promo--accent .element-promo__column h2,
.brand--starmaxx .element-promo--accent .element-promo__column h3,
.brand--starmaxx .element-promo--accent .element-promo__column h4,
.brand--starmaxx .element-promo--accent .element-promo__column h5,
.brand--starmaxx .element-promo--accent .element-promo__column h6,
.brand--starmaxx .element-promo--accent .element-promo__column p,
.brand--starmaxx .element-promo--accent .element-promo__column span {
  color: var(--starmaxx-primary);
}
.brand--starmaxx .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--starmaxx figcaption {
  font-family: "ubuntu-light", sans-serif;
  font-style: normal;
}
.brand--starmaxx figcaption::before {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx figcaption h4 {
  font-family: "ubuntu-medium", sans-serif;
}
.brand--starmaxx ::-moz-selection {
  background: var(--starmaxx-primary);
}
.brand--starmaxx ::selection {
  background: var(--starmaxx-primary);
}
.brand--starmaxx header .link:not(.link--back) {
  color: var(--starmaxx-primary);
}
.brand--starmaxx .shop-link {
  font-family: "ubuntu-regular", sans-serif;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--starmaxx-primary);
  background-color: var(--starmaxx-primary);
  color: var(--white);
}
.brand--starmaxx .content-carousel__title,
.brand--starmaxx .content-carousel .title {
  color: var(--starmaxx-primary);
}
.brand--starmaxx .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--starmaxx .button {
  --button-bg: var(--starmaxx-primary);
  --button-bg--hover: var(--starmaxx-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--starmaxx .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--starmaxx .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--starmaxx .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--starmaxx .button--accent.brand--starmaxx .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--starmaxx .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "ubuntu-light", sans-serif;
}
.brand--starmaxx .button--link:hover, .brand--starmaxx .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--starmaxx .image-carousel__button {
  --primary-dark: var(--starmaxx-primary);
}
.brand--starmaxx .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--starmaxx .element-brand-category-list .typography h5 {
  color: var(--white);
}
@media (min-width: 768px) {
  .brand--starmaxx .element-brand-category-list .typography .bg-present {
    color: var(--white);
  }
}
.brand--starmaxx .element-brand-category-list__picture::after {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .element-tyre-range__heading {
  font-family: "ubuntu-light", sans-serif;
  color: var(--starmaxx-primary);
}
.brand--starmaxx .quote-carousel__container::before {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .tns-nav .tns-nav-active {
  background-color: var(--starmaxx-primary);
}
.brand--starmaxx .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--superhawk .typography h1 {
  font-family: "roboto-medium", sans-serif;
  color: var(--superhawk-primary);
}
.brand--superhawk .typography h2,
.brand--superhawk .typography h3,
.brand--superhawk .typography h4,
.brand--superhawk .typography h5,
.brand--superhawk .typography h6 {
  font-family: "roboto-regular", sans-serif;
  color: var(--superhawk-primary);
}
.brand--superhawk .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--superhawk-primary) !important;
}
.brand--superhawk .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .typography .link--back {
  font-family: "roboto-light", sans-serif;
  color: var(--text-grey);
}
.brand--superhawk .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23c42922%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--superhawk .typography .tag:hover {
  color: var(--text-grey);
}
.brand--superhawk .typography blockquote p {
  font-family: "roboto-regular", sans-serif;
  color: var(--text-grey);
}
.brand--superhawk .typography blockquote p::after {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .typography blockquote::before {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .typography blockquote .rangecategory__content h5 {
  font-family: "roboto-medium", sans-serif;
}
.brand--superhawk .hero__tagline {
  font-family: "roboto-medium", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .brand--superhawk .hero__tagline {
    font-size: 3.25rem;
  }
}
.brand--superhawk .hero--compact .hero__tagline {
  text-transform: none;
}
.brand--superhawk .element-promo .element-promo__column p,
.brand--superhawk .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--superhawk .element-promo--accent .element-promo__column h1,
.brand--superhawk .element-promo--accent .element-promo__column h2,
.brand--superhawk .element-promo--accent .element-promo__column h3,
.brand--superhawk .element-promo--accent .element-promo__column h4,
.brand--superhawk .element-promo--accent .element-promo__column h5,
.brand--superhawk .element-promo--accent .element-promo__column h6,
.brand--superhawk .element-promo--accent .element-promo__column p,
.brand--superhawk .element-promo--accent .element-promo__column span {
  color: var(--superhawk-primary);
}
.brand--superhawk .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--superhawk figcaption {
  font-family: "roboto-regular", sans-serif;
  font-style: normal;
}
.brand--superhawk figcaption::before {
  background-color: var(--superhawk-primary);
}
.brand--superhawk figcaption h4 {
  font-family: "roboto-medium", sans-serif;
}
.brand--superhawk ::-moz-selection {
  background: var(--superhawk-primary);
}
.brand--superhawk ::selection {
  background: var(--superhawk-primary);
}
.brand--superhawk header .link:not(.link--back) {
  color: var(--superhawk-primary);
}
.brand--superhawk .shop-link {
  font-family: "roboto-medium", sans-serif;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--superhawk-primary);
  background-color: var(--superhawk-primary);
  color: var(--white);
}
.brand--superhawk .content-carousel__title,
.brand--superhawk .content-carousel .title {
  color: var(--superhawk-primary);
}
.brand--superhawk .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--superhawk .button {
  --button-bg: var(--superhawk-primary);
  --button-bg--hover: var(--superhawk-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--superhawk .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--superhawk .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--superhawk .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--superhawk .button--accent.brand--superhawk .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--superhawk .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "roboto-regular", sans-serif;
}
.brand--superhawk .button--link:hover, .brand--superhawk .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--superhawk .image-carousel__button {
  --primary-dark: var(--superhawk-primary);
}
.brand--superhawk .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--superhawk .element-brand-category-list .typography h5 {
  color: var(--white);
}
@media (min-width: 768px) {
  .brand--superhawk .element-brand-category-list .typography .bg-present {
    color: var(--white);
  }
}
.brand--superhawk .element-brand-category-list__picture::after {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .element-tyre-range__heading {
  font-family: "roboto-light", sans-serif;
  color: var(--superhawk-primary);
}
.brand--superhawk .quote-carousel__container::before {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .tns-nav .tns-nav-active {
  background-color: var(--superhawk-primary);
}
.brand--superhawk .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--vitora .typography h1,
.brand--vitora .typography h2,
.brand--vitora .typography h3,
.brand--vitora .typography h4,
.brand--vitora .typography h5,
.brand--vitora .typography h6 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
  color: var(--vitora-primary);
}
.brand--vitora .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--vitora-primary) !important;
}
.brand--vitora .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--vitora-primary);
}
.brand--vitora .typography .link--back {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
  color: var(--text-grey);
}
.brand--vitora .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%23804099%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--vitora .typography .tag:hover {
  color: var(--text-grey);
}
.brand--vitora .typography blockquote p {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
  color: var(--text-grey);
}
.brand--vitora .typography blockquote p::after {
  background-color: var(--vitora-primary);
}
.brand--vitora .typography blockquote::before {
  background-color: var(--vitora-primary);
}
.brand--vitora .typography blockquote .rangecategory__content h5 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
}
.brand--vitora .hero__tagline {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .brand--vitora .hero__tagline {
    font-size: 3rem;
  }
}
.brand--vitora .hero--compact .hero__tagline {
  text-transform: none;
}
.brand--vitora .element-promo .element-promo__column p,
.brand--vitora .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--vitora .element-promo--accent .element-promo__column h1,
.brand--vitora .element-promo--accent .element-promo__column h2,
.brand--vitora .element-promo--accent .element-promo__column h3,
.brand--vitora .element-promo--accent .element-promo__column h4,
.brand--vitora .element-promo--accent .element-promo__column h5,
.brand--vitora .element-promo--accent .element-promo__column h6,
.brand--vitora .element-promo--accent .element-promo__column p,
.brand--vitora .element-promo--accent .element-promo__column span {
  color: var(--vitora-primary);
}
.brand--vitora .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--vitora figcaption {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.brand--vitora figcaption::before {
  background-color: var(--vitora-primary);
}
.brand--vitora figcaption h4 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
}
.brand--vitora ::-moz-selection {
  background: var(--vitora-primary);
}
.brand--vitora ::selection {
  background: var(--vitora-primary);
}
.brand--vitora header .link:not(.link--back) {
  color: var(--vitora-primary);
}
.brand--vitora .shop-link {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--vitora-primary);
  background-color: var(--vitora-primary);
  color: var(--white);
}
.brand--vitora .content-carousel__title,
.brand--vitora .content-carousel .title {
  color: var(--vitora-primary);
}
.brand--vitora .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--vitora .button {
  --button-bg: var(--vitora-primary);
  --button-bg--hover: var(--vitora-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--vitora .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--vitora .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--vitora .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--vitora .button--accent.brand--vitora .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--vitora .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
}
.brand--vitora .button--link:hover, .brand--vitora .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--vitora .image-carousel__button {
  --primary-dark: var(--vitora-primary);
}
.brand--vitora .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--vitora .element-brand-category-list .typography h5 {
  color: var(--white);
}
.brand--vitora .element-brand-category-list__picture::after {
  background-color: var(--vitora-primary);
}
.brand--vitora .element-tyre-range__heading {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 300;
  color: var(--vitora-primary);
}
.brand--vitora .quote-carousel__container::before {
  background-color: var(--vitora-primary);
}
.brand--vitora .tns-nav .tns-nav-active {
  background-color: var(--vitora-primary);
}
.brand--vitora .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

.brand--vredestein .typography h1,
.brand--vredestein .typography h2,
.brand--vredestein .typography h3,
.brand--vredestein .typography h4,
.brand--vredestein .typography h5,
.brand--vredestein .typography h6 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 400;
  color: var(--vredestein-primary);
}
.brand--vredestein .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag) {
  transition: none;
  box-shadow: inset 0 -0.1em 0 var(--vredestein-primary) !important;
}
.brand--vredestein .typography a:not(.link--featured):not(.button):not(.link--back):not(.tag):hover .shopbrand__content {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .typography .link--back {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--vredestein .typography .link--back::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 15%27 width=%2729px%27 height=%2715px%27 fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%230067b6%27%3E%3Cpath d=%27M8.167 1.296L1.631 7.833l6.536 6.536%27/%3E%3Cpath stroke-linecap=%27square%27 d=%27M27.66 7.833H1.938%27/%3E%3C/svg%3E");
}
.brand--vredestein .typography .tag:hover {
  color: var(--text-grey);
}
.brand--vredestein .typography blockquote p {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 400;
  color: var(--text-grey);
}
.brand--vredestein .typography blockquote p::after {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .typography blockquote::before {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .typography blockquote .rangecategory__content h5 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
}
.brand--vredestein .hero__tagline {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .brand--vredestein .hero__tagline {
    font-size: 2.25rem;
  }
}
.brand--vredestein .hero--compact .hero__tagline {
  text-transform: none;
}
.brand--vredestein .element-promo .element-promo__column p,
.brand--vredestein .element-promo .element-promo__column span {
  color: var(--text-grey);
}
.brand--vredestein .element-promo--accent .element-promo__column h1,
.brand--vredestein .element-promo--accent .element-promo__column h2,
.brand--vredestein .element-promo--accent .element-promo__column h3,
.brand--vredestein .element-promo--accent .element-promo__column h4,
.brand--vredestein .element-promo--accent .element-promo__column h5,
.brand--vredestein .element-promo--accent .element-promo__column h6,
.brand--vredestein .element-promo--accent .element-promo__column p,
.brand--vredestein .element-promo--accent .element-promo__column span {
  color: var(--vredestein-primary);
}
.brand--vredestein .element-promo--accent .element-promo__content {
  background-color: var(--grey-light);
}
.brand--vredestein figcaption {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.brand--vredestein figcaption::before {
  background-color: var(--vredestein-primary);
}
.brand--vredestein figcaption h4 {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
}
.brand--vredestein ::-moz-selection {
  background: var(--vredestein-primary);
}
.brand--vredestein ::selection {
  background: var(--vredestein-primary);
}
.brand--vredestein header .link:not(.link--back) {
  color: var(--vredestein-primary);
}
.brand--vredestein .shop-link {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
  transition: all var(--duration--medium) var(--easing--default);
  border-color: var(--vredestein-primary);
  background-color: var(--vredestein-primary);
  color: var(--white);
}
.brand--vredestein .content-carousel__title,
.brand--vredestein .content-carousel .title {
  color: var(--vredestein-primary);
}
.brand--vredestein .content-carousel--with-bg h2 {
  color: var(--white);
}
.brand--vredestein .button {
  --button-bg: var(--vredestein-primary);
  --button-bg--hover: var(--vredestein-primary);
  --button-border: transparent;
  --button-border--hover: transparent;
  --button-text: var(--white);
  --button-text--hover: var(--white);
  --accent-medium: var(----grey-light-transparent-50);
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  display: inline-block;
  transition: all var(--duration--short) var(--easing--default);
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  padding: 0.5625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  border-color: var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
}
@media (min-width: 768px) {
  .brand--vredestein .button {
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1440px) {
  .brand--vredestein .button {
    padding: 0.9375rem 1.875rem;
    font-size: 1.0625rem;
  }
}
.brand--vredestein .button:hover {
  border-color: var(--button-border--hover);
  background-color: var(--button-bg--hover);
  color: var(--button-text--hover);
}
.brand--vredestein .button--accent.brand--vredestein .button--outline {
  --button-bg: transparent;
  --button-bg--hover: transparent;
  --button-border: var(--accent-medium);
  --button-text: var(--grey-dark);
  --button-text--hover: var(--grey-dark);
}
.brand--vredestein .button--link {
  --text-link-hover: var(--grey-dark);
  transition: box-shadow var(--duration--short) var(--easing--default);
  box-shadow: inset 0 -0.1em 0 0 var(--text-link-hover);
  text-decoration: none;
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 500;
}
.brand--vredestein .button--link:hover, .brand--vredestein .button--link:focus {
  box-shadow: inset 0 -1.6em 0 0 var(--text-link-hover);
}
.brand--vredestein .image-carousel__button {
  --primary-dark: var(--vredestein-primary);
}
.brand--vredestein .image-carousel__button:hover {
  background-color: var(--primary-dark);
}
.brand--vredestein .element-brand-category-list .typography h5 {
  color: var(--white);
}
.brand--vredestein .element-brand-category-list__picture::after {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .element-tyre-range__heading {
  font-family: "Gotham-tyrehub", sans-serif;
  font-weight: 400;
  color: var(--vredestein-primary);
}
.brand--vredestein .quote-carousel__container::before {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .tns-nav .tns-nav-active {
  background-color: var(--vredestein-primary);
}
.brand--vredestein .elementcontainer__wrapper--primary h2 {
  color: var(--white);
}

/*# sourceMappingURL=main.css.map*/