@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap);

/* ----------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Z-indexes
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Brand
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Mono
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - UI
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Validation
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Colours - Structure
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Borders
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Fonts - weights
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Breakpoints
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Transitions
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Shadows
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Components - Structure sizes
|--------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
| Core Styles
|--------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
button,
input,
textarea,
select,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  box-sizing: border-box;
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #393A47;
  font-weight: 400;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.4;
  background-color: #ffffff;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}

button {
  color: inherit;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 768px) {
  a:hover {
    color: #03256C;
  }
}

svg {
  display: block;
  fill: currentColor;
}

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

select>option {
  background-color: #ffffff !important;
}

::-moz-selection {
  color: #ffffff;
  background: #03256C;
}

::selection {
  color: #ffffff;
  background: #03256C;
}

::-moz-selection {
  color: #ffffff;
  background: #03256C;
}

.Disabled {
  color: currentColor;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.5;
}

strong {
  font-weight: 600;
}

/* ----------------------------------------------------------------------
| Vendors
|------------------------------------------------------------------------
| CSS required by external modules
*/
.AboveTabletOnly {
  display: block;
}


.AboveLargeOnly {
  display: none;
}

@media (min-width: 1200px) {
  .AboveLargeOnly {
    display: block;
  }
}

.Title--xxlg {
  color: #070919;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
}

@media (min-width: 900px) {
  .Title--xxlg {
    font-size: 48px;
    line-height: 56px;
  }
}

.Title--xlg {
  color: #070919;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 900px) {
  .Title--xlg {
    font-size: 48px;
    line-height: 56px;
  }
}

.Title--lg {
  color: #070919;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
}

.Title--md {
  color: #070919;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 32px;
}


.Title--sm {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .Title--sm {
    font-size: 28px;
    line-height: 36px;
  }
}

.Title--xsm {
  color: #070919;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 900px) {
  .Title--xsm {
    font-size: 24px;
    line-height: 32px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #070919;
  font-weight: 700;
}

.Type h1,
.Type h2,
.Type h3 {
  color: #070919;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}

.Type h4,
.Type h5,
.Type h6 {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
}

.Type p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.Type table {
  width: 100%;
  font-weight: 600;
}

.Type table tr:nth-child(odd) {
  background-color: #F5F5F5;
}

.Type table td {
  padding: 8px 20px;
}

.Type table td:last-child {
  color: #03256C;
  text-align: right;
}

.Type section {
  margin: 36px 0;
}

@media (min-width: 900px) {
  .Type section {
    margin: 59px 0;
  }
}

.Type section:last-child {
  margin-bottom: 0;
}

.Type a {
  color: #03256C;
}

/*
|--------------------------------------------------------------------------
| UtilityScreenReaderOnly
|--------------------------------------------------------------------------
| @namespace: UtilityScreenReaderOnly
|
*/
.UtilityScreenReaderOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.overflow-hidden {
  overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| Hover
|--------------------------------------------------------------------------
| @namespace: Hover
|
*/
/*
|--------------------------------------------------------------------------
| Site Grid
|--------------------------------------------------------------------------
| @namespace: Grid
|
*/
.Grid {
  display: grid;
  gap: 24px;
}

.Grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

.Grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 1200px) {
  .Grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.Grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

.Typeset {
  text-align: left;
}

.Typeset img {
  max-width: 100%;
  height: auto;
  margin: 3rem 0;
}

@media (min-width: 768px) {
  .Typeset img {
    margin: 3rem 0;
  }
}

.Typeset img,
.Typeset p,
.Typeset ul,
.Typeset ol,
.Typeset blockquote {
  margin-bottom: 1.5rem;
}

.Typeset img:last-of-type,
.Typeset p:last-of-type,
.Typeset ul:last-of-type,
.Typeset ol:last-of-type,
.Typeset blockquote:last-of-type {
  margin-bottom: 0;
}

.Typeset em,
.Typeset i {
  font-style: italic;
}

.Typeset strong,
.Typeset b {
  font-weight: 700;
}

.Typeset mark {
  padding: 0.25em;
}

.Typeset ul {
  list-style: disc;
}

.Typeset ol {
  list-style: decimal;
}

.Typeset ul,
.Typeset ol {
  margin-left: 1em;
}

.Typeset ul li,
.Typeset ol li {
  padding-left: 0.25em;
}

.Typeset h1,
.Typeset h2,
.Typeset h3,
.Typeset h4,
.Typeset h5,
.Typeset h6 {
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.Typeset h1 {
  font-size: 2em;
}

.Typeset a {
  position: relative;
  color: inherit;
  text-decoration: none;
}

.Typeset a::after {
  position: absolute;
  bottom: -0.1em;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}

.Typeset a:hover,
.Typeset a:focus {
  text-decoration: none;
}

@media (hover: hover) {
  .Typeset a:hover {
    color: #03256C;
  }

  .Typeset a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.Typeset tr {
  border-top: 1px solid #EAEAEA;
}

.Typeset td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.Typeset td:first-of-type {
  text-transform: uppercase;
}

.Mb__2 {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .Mb__2 {
    margin-bottom: 2rem;
  }
}

/* ----------------------------------------------------------------------
| CSS required by external modules
*/
/**
 * Swiper 9.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 28, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ----------------------------------------------------------------------
| Globals
|------------------------------------------------------------------------
*/
.Button {
  padding: 0.86rem 1.25rem;
  color: #070919;
  font-weight: 600;
  text-align: center;
  background-color: #F5F5F5;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 16px;
  line-height: 24px;
}

.Button:disabled {
  color: #ADADAD;
  background-color: #F5F5F5;
  cursor: not-allowed;
}

.Hero__button.Button {
  padding: 0.86rem 1.25rem;
  width: 200px;
}

.ListingPagination .Button--notification,
.Offer .Button--notification,
.OurBrands__primary .Button--notification,
.ImageText .Button--notification {
  padding: 0.76rem 1.25rem;
  width: 200px;
}

@media (hover: hover) {
  .Button:disabled:hover {
    color: #ADADAD;
    background-color: #F5F5F5;
  }
}

.Button--w100 {
  max-width: 100%;
}



.Button--notification {
  color: #ffffff;
  background-color: #1B4AD2;
  border: 2px solid #1B4AD2;
}

@media (hover: hover) {
  .Button--notification:hover {
    color: #1B4AD2;
    background-color: transparent;
    border-color: #1B4AD2;
  }
}

.Button--outline {
  color: #C6F933;
  background-color: transparent;
  border: 2px solid #C6F933;
}

.Button--outline.Button--notification {
  color: #1B4AD2;
  border-color: #1B4AD2;
}

@media (hover: hover) {
  .Button--outline.Button--notification:hover {
    color: #ffffff;
    background-color: #1B4AD2;
  }
}

.Button--tall {
  height: 55px;
}

.Button--small {
  font-size: 13px;
  line-height: 22px;
  padding: 8px 20px;
}

a,
button {
  cursor: pointer;
}

a:focus,
button:focus {
  outline: 1px dotted #070919;
}

.HeaderSearch__wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.HeaderSearch__input.Input {
  width: 100%;
  padding-left: 36px;
}

.HeaderSearch__button {
  position: absolute;
  left: 10px;
}

.Input {
  height: 36px;
  padding: 10px;
  background-color: #F5F5F5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Input:focus {
  border-color: #03256C;
  outline: none;
}

@media (hover: hover) {
  .Input:hover {
    border-color: #03256C;
    cursor: text;
  }
}

.Form--dark .Input {
  border-color: #ffffff;
  caret-color: #ffffff;
}

.Input__checkboxfaux {
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #ffffff;
}

.Input__checkboxfaux .Svg {
  display: none;
}

.Input__checkboxfaux--large {
  width: 20px;
  height: 20px;
  border-color: #1B4AD2;
  border-radius: 4px;
}

.Input--checkbox {
  display: none;
}

.Input--checkbox:checked+.Input__checkboxfaux--large {
  background-color: #1B4AD2;
}

.Input--checkbox:checked+.Input__checkboxfaux--large .Svg path {
  stroke: #ffffff;
}

.Input--checkbox:checked+.Input__checkboxfaux .Svg {
  display: block;
}

.InputWrap {
  position: relative;
}

.InputWrap--checkbox {
  display: flex;
  align-items: center;
}

.InputLabel {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.InputWrap--checkbox .InputLabel {
  margin-bottom: 0;
}

.InputLabel--inline {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.InputLabel--inline .Input__checkboxfaux {
  margin-right: 12px;
}

.Input--textarea {
  height: auto;
}

.Input--select {
  width: 100%;
  height: 48px;
  padding: 6px 12px;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNi44MjgnIGhlaWdodD0nOS40MTQnPjxwYXRoIGZpbGw9J25vbmUnIHN0cm9rZT0nIzFiNGFkMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J20xLjQxNCAxLjQxNCAyLjMzMyAyLjMzMyA0LjY2NyA0LjY2NyA3LTcnLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: top 50% right 1rem;
  background-size: 1rem;
  border-bottom: 1px solid #1B4AD2;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Input--select:disabled {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi44MjgiIGhlaWdodD0iOS40MTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VBRUFFQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0xLjQxNCAxLjQxNCAyLjMzMyAyLjMzMyA0LjY2NyA0LjY2NyA3LTciLz48L3N2Zz4=");
  border-color: #EAEAEA;
  cursor: not-allowed;
}

.Input--location {
  background-repeat: no-repeat;
  background-position: top 50% right 1rem;
  background-size: 1rem;
}

@media (hover: hover) {
  .Input--location:hover {
    border-color: #03256C;
    cursor: text;
  }
}

::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

::placeholder {
  color: inherit;
  opacity: 0.5;
}

.Input:focus+.InputLabel {
  top: -1rem;
}

.Form__columns {
  display: grid;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
  .Form__columns {
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .Form__columns--tight {
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
  }
}

@media (min-width: 768px) {
  .Form__column--span {
    grid-column: span 2;
  }
}

.Form__column--center {
  align-self: center;
}

.Form__footer {
  width: 100%;
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.Form__link {
  display: inline-block;
  color: #C6F933;
  font-style: italic;
}

:checked+label {
  box-shadow: none;
}

.ActionGroupList {
  display: grid;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}

@media (min-width: 768px) {
  .ActionGroupList {
    grid-template-columns: repeat(12, 1fr);
  }
}

.ActionGroupList__item {
  grid-column: span 2;
}

@media (min-width: 768px) {
  .ActionGroupList__item {
    grid-column: span 6;
  }
}

.Close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.Close__inner {
  width: 2px;
  height: 16px;
  background-color: #070919;
  border-radius: 2px;
  transform: rotate(45deg);
}

.Close__inner:before {
  display: block;
  width: 2px;
  height: 16px;
  background-color: #070919;
  border-radius: 2px;
  transform: rotate(-90deg);
  content: "";
}

.HeaderSearchFixed__close .Close__inner {
  background-color: #03256C;
}

.HeaderSearchFixed__close .Close__inner:before {
  background-color: #03256C;
}

.Image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.Image--cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Image__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.Image--contain .Image__image {
  -o-object-fit: contain;
  object-fit: contain;
}

button:hover {
  cursor: pointer;
}

.Button--secondary {
  background-color: #C6F933;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #070919;
  letter-spacing: 0.05em;
  text-align: center;
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (hover: hover) {
  .Button--secondary:hover {
    color: #C6F933;
  }
}

.Button__main {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.86rem 1.25rem;
  overflow: hidden;
  color: #070919;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  line-height: 24px;
  width: 200px;
}

.Button__main:disabled {
  opacity: 0.5;
}

@media (hover: hover) {
  .Button__main:disabled:hover {
    cursor: not-allowed;
  }
}

.Button__main .Svg {
  margin-right: 1rem;
}

.Button__main:after,
.Button--secondary:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .Button__main:hover {
    color: #ffffff;
    cursor: pointer;
  }

  .Button__main:hover:after,
  .Button--secondary:hover:after {
    background-color: #070919;
    transform: scaleX(1);
    transform-origin: left;
  }
}

.Button--primary {
  color: #03256C;
  background-color: #C6F933;
}

.Button--primary:after {
  background-color: #1B4AD2;
}

@media (hover: hover) {
  .Button--primary:hover {
    color: #C6F933;
  }

  .Button--primary:hover:after,
  .Button--secondary:hover:after {
    background-color: #1B4AD2;
  }
}

.Button--primary-white {
  color: #03256C;
  background-color: #C6F933;
}

.Button--primary-white:after {
  background-color: #1B4AD2;
}

@media (hover: hover) {
  .Button--primary-white:hover {
    color: #C6F933;
  }

  .Button--primary-white:hover:after {
    background-color: #1B4AD2;
  }
}

.Button--white {
  color: #03256C;
  background-color: #ffffff;
  border: solid 2px #03256C;
}

.Button--white:after {
  background-color: #ffffff;
}

@media (hover: hover) {
  .Button--white:hover {
    color: #ffffff;
  }

  .Button--white:hover:after {
    background-color: #03256C;
  }

  .Button--primary:hover:after {
    background-color: #1B4AD2;
  }

}

.Button--checkout {
  color: #03256C;
  background-color: #C6F933;
}

.Button--checkout:after {
  background-color: #1B4AD2;
}

@media (hover: hover) {
  .Button--checkout:hover {
    color: #C6F933;
  }

  .Button--checkout:hover:after {
    background-color: #1B4AD2;
  }
}

.Modal {
  position: fixed;
  left: -99999px;
  z-index: 110;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.Modal--active {
  top: 0;
  left: 0;
  display: flex;
  opacity: 1;
}

.Modal__background {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: rgba(7, 9, 25, 0.9);
}

.Modal__inner {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(33, 33, 33, 0.5);
}

#FinderModal .Modal__inner {
  width: 60%;
}

.Modal--exit {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 17px;
  height: 17px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 768px) {
  .Modal--exit {
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}

@media (hover: hover) {
  .Modal--exit:hover {
    opacity: 0.5;
  }
}

/* ----------------------------------------------------------------------
| Layout
|------------------------------------------------------------------------
| For general page structure, such as headers and footers.
*/
/*
|--------------------------------------------------------------------------
| PageContainer
|--------------------------------------------------------------------------
| @namespace: PageContainer
|
*/
.Container {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1520px;
}

/*
|--------------------------------------------------------------------------
| Section
|--------------------------------------------------------------------------
| @namespace: Section
|
*/



.Section--flush-bottom {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .Section--flush-bottom {
    margin-bottom: 0;
  }
}

.Section--grey {
  background-color: #F5F5F5;
}

.Header {
  position: sticky;
  top: 0;
  z-index: 4;
  border-bottom: 1px solid #EAEAEA;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.Scrolling .Header {
  transform: translateY(-40px);
}

.Header__checkout {
  border-bottom: none;
}

/*
|--------------------------------------------------------------------------
| Header - Notification
|--------------------------------------------------------------------------
| @namespace: HeaderNotification
|
*/
.HeaderNotification {
  display: flex;
  align-items: center;
  height: 40px;
  text-align: center;
  background-color: #1B4AD2;
}

.HeaderNotificationList__container {
  display: flex;
  justify-content: space-between;
}

.HeaderNotification__text {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}

.HeaderNotification__menu {
  display: flex;
  align-items: center;
}


.HeaderNotification__link {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .HeaderNotification__link:hover {
    color: #ffffff;
    text-decoration: underline;
  }
}

.HeaderNotification__seporator {
  width: 1px;
  height: 16px;
  margin: 0 12px;
  background-color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| Header - Banner
|--------------------------------------------------------------------------
| @namespace: Brand
|
*/
.HeaderBanner {
  padding: 20px 0;
  background: #ffffff;
}

.HeaderBanner__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*
|--------------------------------------------------------------------------
| Header - Brand
|--------------------------------------------------------------------------
| @namespace: Brand
|
*/
.HeaderBrand {
  display: flex;
  align-items: center;
  justify-content: center;
}


.HeaderBrand__link {
  max-width: 194px;
}

@media (min-width: 1440px) {
  .HeaderBrand__link {
    max-width: unset;
  }
}

.HeaderNavigation {
  display: flex;
  align-items: center;
}


.HeaderNavigation__item {
  margin: 0 16px;
}

@media (min-width: 1440px) {
  .HeaderNavigation__item {
    margin: 0 20px;
  }
}

.HeaderNavigation__link {
  position: relative;
  color: #03256C;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}

.HeaderNavigation__link:after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  background-color: #03256C;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .HeaderNavigation__link:hover:after {
    width: 100%;
    opacity: 1;
  }

  .HeaderNavigation__link:hover {
    color: #1B4AD2;
  }
}

.NavigationDrawerMenu__link,
.HeaderNavigation__link,
.NavigationDrawerMenu__viewall {
  text-transform: capitalize;
}

.NavigationDrawerMenu__item {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #6A6B75;
}

.NavigationDrawerMenu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.NavigationDrawerMenu__menu {
  margin-top: 24px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #EAEAEA;
}

.NavigationDrawerMenu--noborder {
  border-bottom: none;
}

.NavigationDrawerMenu__link {
  position: relative;
  left: 0;
  display: flex;
  align-items: center;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.NavigationDrawerMenu__link:before {
  position: absolute;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  background-color: #1B4AD2;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .NavigationDrawerMenu__link:hover {
    padding-left: 28px;
    color: #1B4AD2;
  }

  .NavigationDrawerMenu__link:hover:before {
    left: 0;
    width: 20px;
    opacity: 1;
  }
}

.NavigationDrawerMenu__item.active>.NavigationDrawerMenu__link {
  padding-left: 28px;
  color: #1B4AD2;
}

.NavigationDrawerMenu__item.active>.NavigationDrawerMenu__link:before {
  left: 0;
  width: 20px;
  opacity: 1;
}

.NavigationDrawerMenuSubmenu {
  position: absolute;
  top: 0;
  left: 399px;
  width: 400px;
  height: 100vh;
  padding: 125px 30px 20px;
  background-color: #F5F5F5;
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 900px) {
  .NavigationDrawerMenuSubmenu {
    transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.active.NavigationDrawerMenu__item .NavigationDrawerMenuSubmenu {
  opacity: 1;
  pointer-events: initial;
}

.NavigationDrawerMenu__viewall {
  color: #03256C;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.HeaderSearch {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 6px;
  padding-left: 20px;
}

@media (min-width: 1440px) {
  .HeaderSearch {
    margin-left: 10px;
    padding-left: 40px;
  }
}

.HeaderSearch:before {
  position: absolute;
  left: 0;
  display: block;
  width: 1px;
  height: 20px;
  background-color: #03256C;
  content: "";
}

.HeaderSearch__form {
  width: 100%;
}

.HeaderSearchFixed .HeaderSearch__form {
  width: 70%;
}

.HeaderSearchFixed .HeaderSearch__input {
  width: 100%;
}

@media (min-width: 900px) {
  .HeaderSearchFixed .HeaderSearch__input {
    height: 60px;
  }
}

.HeaderSearchFixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
}

.FixedSearch--active .HeaderSearchFixed {
  display: block;
}

.HeaderSearchFixed__header {
  padding: 20px 0;
  border-bottom: 1px solid #EAEAEA;
}

.HeaderSearchFixed__container {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  gap: 10px;
}

.HeaderSearchFixed__container :nth-child(4) {
  grid-row: 2;
  grid-column: span 3;
  width: 100%;
}

.HeaderSearchFixed__container :nth-child(3) {
  justify-self: end;
}

.HeaderSearchFixed__close {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #03256C;
}

.HeaderSearchFixed__body {
  width: 100%;
  margin: 0 auto;
}

.HeaderSearchFixed__title {
  margin: 20px 0;
  color: #6A6B75;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}

.HeaderSearchFixed__title-bold {
  font-weight: bold;
}

.HeaderSearchFixed__popularitem {
  margin: 10px 0;
  font-weight: bold;
}

.HeaderSearchFixed__aftertext {
  font-weight: normal;
}

.HeaderTools {
  display: flex;
  align-items: center;
}

.HeaderTools__item {
  margin-right: 17px;
}

.HeaderTools__item:last-child {
  margin-right: 0;
}

.HeaderTools--mobilemenu .HeaderTools__item {
  margin-bottom: 8px;
}

.HeaderTools__item a img:hover {
  filter: saturate(35);
}

.HeaderTools__link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.HeaderTools__button {
  margin-right: 20px;
}

.HeaderTools__text {
  margin-left: 12px;
}

.HeaderBurger {
  display: none;
}


.HeaderBurger__line {
  width: 18px;
  height: 2px;
  margin: 4px 0;
  background-color: #03256C;
}

.Footer {
  background-color: #03256C;
}

.Footer__container {
  padding: 24px 15px;
}

@media (min-width: 900px) {
  .Footer__container {
    padding: 30px 15px;
  }
}

@media (min-width: 1200px) {
  .Footer__container {
    padding: 60px 15px;
  }
}

.Footer__itemheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.active .Footer__itemheader {
  margin-bottom: 6px;
}

.Footer__times {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 1px;
  background-color: #ffffff;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 900px) {
  .Footer__times {
    display: none;
  }
}

.active .Footer__times {
  transform: rotate(180deg);
}

.Footer__times:after {
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #ffffff;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

.active .Footer__times:after {
  opacity: 0;
}

.Footer__title {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.FooterNewsletter .Footer__title {
  margin-bottom: 16px;
}


.Footer__menu {
  height: 0;
  overflow: hidden;
}

.active .Footer__menu {
  height: auto;
  margin-bottom: 4px;
}

@media (min-width: 900px) {
  .Footer__menu {
    height: auto;
  }
}

.Footer__menuitem {
  margin: 4px 0;
}

.Footer__item--contact .Footer__menuitem {
  display: flex;
  align-items: flex-start;
}

.Footer__item--contact .Footer__menuitem p {
  margin-left: 3px;
}

.Footer__social {
  margin-top: 35px;
}

.Footer__items {
  flex-wrap: wrap;
  max-width: 1384px;
  color: #ffffff;
}

@media (min-width: 900px) {
  .Footer__items {
    display: flex;
    justify-content: space-between;
  }
}

@media (hover: hover) {
  .Footer__items a:hover {
    color: #C6F933;
  }
}

.Footer__item {
  margin: 9px 0;
}

.FooterNewsletter {
  margin-top: 13px;
}

@media (min-width: 900px) {
  .FooterNewsletter {
    width: 438px;
    margin-top: 0;
  }
}

.FooterNewsletter__columns {
  margin-bottom: 20px;
}

.FooterNewsletter__columns.Form__columns {
  grid-template-columns: 1fr auto;
}

.FooterNewsletter__input {
  height: auto;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  border-bottom: 2px solid #ffffff;
}

@media (hover: hover) {
  .FooterNewsletter__input:hover {
    border-bottom: 2px solid #ffffff;
  }
}

.FooterNewsletter__input::-moz-placeholder {
  color: #ffffff;
}

.FooterNewsletter__input::placeholder {
  color: #ffffff;
}

.FooterNewsletter__label {
  display: flex;
  align-items: center;
}

.FooterNewsletter__label a {
  text-decoration: underline;
}

.FooterNewsletter__label .Input__checkboxfaux {
  margin-right: 12px;
}

.FooterNewsletter__submit {
  max-width: 113px;
  padding: 14px;
}

@media (min-width: 900px) {
  .FooterBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
  }
}

.FooterBottom__logos,
.FooterBottom__trustpilot {
  margin-top: 24px;
}

@media (min-width: 900px) {

  .FooterBottom__logos,
  .FooterBottom__trustpilot {
    margin-top: 0;
  }
}

.FooterBottom__trustpilot {
  position: relative;
  left: -10px;
  width: 420px;
  color: #ffffff;
}

@media (min-width: 900px) {
  .FooterBottom__trustpilot {
    left: 0;
  }
}

.FooterBaseline {
  display: flex;
  align-items: center;
  padding: 12px 0;
  background-color: #F5F5F5;
  font-size: 14px;
  line-height: 22px;
}

.FooterBaseline__container {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 900px) {
  .FooterBaseline__container {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.FooterBaseline__menuitem {
  margin: 0 6px;
  font-size: 13px;
}

.FooterBaseline__builtby,
.FooterBaseline__copyright {
  font-size: 13px;
}

.FooterBaseline__copyright {
  order: 2;
}

@media (min-width: 900px) {
  .FooterBaseline__copyright {
    order: 1;
  }
}

.FooterBaseline__menu {
  order: 1;
  margin-bottom: 13px;
}

@media (min-width: 900px) {
  .FooterBaseline__menu {
    order: 2;
    margin-bottom: 0;
  }
}

.FooterBaseline__builtby {
  order: 3;
  margin-top: 10px;
}

@media (min-width: 900px) {
  .FooterBaseline__builtby {
    margin-top: 0;
  }
}

.Overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #070919;
  opacity: 0.6;
}

.Overlay.active {
  display: block;
}

.Overlay.rightDrawer {
  z-index: 5;
}

.Drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
  padding: 20px 30px;
  background-color: #ffffff;
  transform: translateX(-100%);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 900px) {
  .Drawer {
    width: 500px;
  }
}

@media (min-width: 1200px) {
  .Drawer {
    /* top: 40px; */
  }

  .Scrolling .Drawer {
    top: 0;
  }
}

.Drawer.active {
  transform: translateX(0%);
  opacity: 1;
}

.Drawer--right {
  top: 0;
  right: 0;
  left: auto;
  transform: translateX(100%);
}

@media (min-width: 900px) {
  .Drawer--large {
    width: 576px;
  }
}

@media (min-width: 991.98px) {
  .Drawer__body {
    overflow-y: auto;
    height: 80%;
  }
}

.Drawer--menu {
  border-right: 1px solid #EAEAEA;
  box-shadow: 20px 0 10px -14px rgba(0, 0, 0, 0.16);
}

.Drawer--mobilemenu {
  width: 100%;
  padding: 20px 0;
}

.Drawer--mobilemenu .Drawer__body,
.Drawer--mobilemenu .Drawer__footer {
  padding-right: 15px;
  padding-left: 15px;
}

.Drawer--mobilemenu .Drawer__header {
  flex-direction: column;
  margin-bottom: 20px;
}

.Drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background-color: #ffffff;
  border-bottom: 1px solid #EAEAEA;
}

.Drawer__footer {
  background-color: #ffffff;
}

@media (min-width: 900px) {
  .Drawer__footer--mobile {
    display: none;
  }
}

@media (min-width: 900px) {
  .Drawer__footer--desktop {
    display: block;
  }
}

.Drawer__info {
  padding: 10px 0;
}

.MobileMenu {
  padding-top: 0;
  overflow-y: auto;
}

.MobileMenu .HeaderNotification {
  width: 100%;
  height: 32px;
}

.MobileMenu .NavigationDrawerMenu {
  margin: 20px 0;
}

.MobileMenu .NavigationDrawerMenu>.NavigationDrawerMenu__menu {
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: none;
}

.MobileMenu .NavigationDrawerMenu>.NavigationDrawerMenu__header {
  justify-content: space-between;
}

.MobileMenu .NavigationDrawerMenu.active>.NavigationDrawerMenu__menu {
  height: auto;
  padding: 20px 0;
  border-bottom: 1px solid #EAEAEA;
}

.MobileMenu .NavigationDrawerMenu.active .NavigationDrawerMenu__viewall {
  display: block;
}

.MobileMenu .NavigationDrawerMenu__viewall {
  display: none;
}

.MobileMenu .NavigationDrawerMenuSubmenu {
  top: 154px;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 30px 15px;
}

.MobileMenu .NavigationDrawerMenu__header {
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.MobileMenu .NavigationDrawerMenu__title {
  margin-left: 12px;
}

.MobileMenu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px 15px 0;
}

.MobileMenu__tools {
  width: 100%;
  padding: 0 15px;
}

.MobileMenu__tools .HeaderTools__button {
  margin-right: 0;
}

.MobileMenu__tools .HeaderSearch {
  margin-left: 0;
  padding-left: 0;
}

.MobileMenu__tools .HeaderSearch:before {
  content: none;
}

.MobileMenu__tools .HeaderTools__item--basket {
  display: none;
}

.MobileMenu__tools .HeaderTools__item--favourites,
.MobileMenu__tools .HeaderTools__item--account {
  display: block;
}

.MobileMenu__footer {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EAEAEA;
}

.MobileMenu__footer .HeaderTools {
  flex-direction: column;
  align-items: flex-start;
}

.MobileMenu__footer .HeaderTools__item {
  margin-bottom: 10px;
}

.MobileMenu__submenu-item {
  margin-bottom: 10px;
}

.SocialIcons {
  display: flex;
  gap: 12px;
}

.SocialIcons__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 50%;
}

.SocialIcons__link:hover {
  background: #C6F933;
}

.SocialIcons__icon {
  align-self: center;
}

.Product__fitment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ProductSummary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 0;
  border-top: 1px solid #EAEAEA;
}

.ProductSummary__sku {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.ProductSummary__shortdescription {
  font-size: 16px;
  line-height: 24px;
}

.ProductSummary__actions {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 900px) {
  .ProductSummary__actions {
    display: flex;
    margin-top: 12px;
  }
}

.ProductSummary__seporator {
  width: 1px;
  height: 22px;
  margin: 0 24px;
  background-color: #EAEAEA;
}

.ProductSummary__favourites span {
  display: flex;
  align-items: center;
}

.ProductSummary__favourites span .Svg {
  margin-right: 10px;
}

@media (hover: hover) {
  .ProductSummary__favourites span:hover {
    color: #03256C;
  }

  .ProductSummary__favourites span:hover .Svg path {
    fill: #03256C;
  }
}

.ProductSummary__favourites .d-none {
  display: none;
}

.Price__price {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  line-height: 24px;
  color: #070919;
}

.Price__price strong {
  font-size: 18px;
  line-height: 26px;
}

.ProductSticky .Price__price {
  font-size: 12px;
  line-height: 20px;
}

.ProductSticky .Price__price strong {
  font-size: 16px;
  line-height: 24px;
}

.Price__amount {
  margin: 0 12px;
  color: #03256C;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
}

.ProductSticky .Price__amount {
  font-size: 24px;
  line-height: 32px;
  margin: 0 6px;
}

.ProductGallery {
  position: relative;
  padding: 15px;
  background-color: #ffffff;
}

@media (hover: hover) {

  .ProductGallery:hover .ProductGallery__thumbnails,
  .ProductGallery:hover .ProductGallery__arrow {
    opacity: 1;
  }
}

.ProductGallery__imagewrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ProductGallery__imagewrap img {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: contain;
}

.ProductGallery__trust {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.ProductGallery__thumbnails {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: flex;
  gap: 11px;
}

.ProductGallery__thumbwrap {
  width: 63px;
  height: 63px;
  background-color: #ffffff;
  border: 2px solid #EAEAEA;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .ProductGallery__thumbwrap:hover {
    border-color: #03256C;
  }
}

.ProductGallery__thumbwrap.active {
  border-color: #03256C;
}

.ProductGallery__arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #1B4AD2;
  transform: translateY(-50%);
  cursor: pointer;
}

.ProductGallery__arrow .Svg path {
  stroke: #ffffff;
}

.ProductGallery__arrow--left {
  left: 0;
}

.ProductGallery__arrow--right {
  right: 0;
}

.ProductGallery__thumbnails,
.ProductGallery__arrow {
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductGalleryTrust {
  position: relative;
  width: 90%;
  max-width: 616px;
}

.ProductGalleryTrust__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.ProductGalleryTrust__icon {
  height: 20px;
  margin: 0 auto 8px;
}

.ProductGalleryTrust__icon img {
  max-width: 25px;
}

.ProductGalleryTrust__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.ProductGalleryTrust__arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

@media (min-width: 1200px) {
  .ProductGalleryTrust__arrow {
    display: none;
  }
}

.ProductGalleryTrust__arrow .Svg path {
  stroke: #03256C;
}

.ProductGalleryTrust__arrow--left {
  left: 15px;
}

.ProductGalleryTrust__arrow--right {
  right: 15px;
}

.ProductGalleryTrust__link {
  font-size: 10px;
  line-height: 18px;
  text-decoration: underline;
}

.ProductForm {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ProductForm__wrap {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media (min-width: 900px) {
  .ProductForm__wrap {
    flex-direction: row;
    gap: 42px;
    align-items: flex-end;
  }
}

.ProductForm__submit {
  width: 100%;
}

.ProductSticky {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  gap: 12px;
  width: 100%;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

@media (min-width: 900px) {
  .ProductSticky {
    display: none;
  }
}

.ProductSticky .ProductFinance__monthly {
  display: none;
}

.ProductSticky .Price {
  flex: 50%;
}

.ProductSticky .Price__price {
  flex-wrap: wrap;
}

.ProductSticky--configure .ProductSticky__button {
  flex: 50%;
}

.ProductSticky__button {
  flex: 28%;
}

.ProductSticky__button.Button {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
}

.ProductFinance {
  display: flex;
  margin: 5px 0;
}

.ProductFinance__wrap {
  display: flex;
  align-items: center;
}

.ProductFinance__badge {
  height: 18px;
  margin-right: 8px;
}

.ProductFinance__price-wrap {
  display: flex;
}

.ProductFinance__price {
  font-size: 12px;
  line-height: 20px;
}

.ProductFinance__amount {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.ProductFinance__link {
  margin-left: 6px;
  text-decoration: underline;
}

.FitmentSuccess {
  display: flex;
  align-items: center;
  margin: 2px 0;
  color: #464646;
  font-size: 14px;
  line-height: 20px;
}

.FitmentSuccess.FitmentSuccess--compatible {
  margin: 0;
  color: #2A9134;
}

.FitmentSuccess.FitmentSuccess--compatible .Svg path {
  fill: #2A9134;
}

.FitmentSuccess__check {
  margin-right: 12px;
}

.ConfigureTyre {
  display: none;
  flex-direction: column;
  gap: 20px;
}

.ConfigureTyre.active {
  display: flex;
}

.ConfigureTyre__seporator {
  display: flex;
  align-items: center;
}

.ConfigureTyre__seporator:before,
.ConfigureTyre__seporator:after {
  display: block;
  flex: 1;
  height: 1px;
  background-color: #EAEAEA;
  content: "";
}

.ConfigureTyre__or {
  padding: 0 12px;
}

.ProductTyreIcons__wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ListingProduct .ProductTyreIcons__wrapper {
  flex-wrap: wrap;
}

.ProductTyreIcons__icon {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
}

.ProductTyreIcons__wrap--pair {
  display: flex;
  gap: 4px;
}

.TyresDrawer {
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
}

@media (min-width: 900px) {
  .TyresDrawer {
    padding: 20px 30px;
  }
}

.TyresDrawer.BudgetSelected {
  padding-bottom: 100px;
}

.TyresDrawer.BudgetSelected .TyresDrawer__footer--nextstep.Drawer__footer--mobile {
  display: flex;
}

@media (min-width: 900px) {
  .TyresDrawer.BudgetSelected {
    padding-bottom: 200px;
  }

  .TyresDrawer.BudgetSelected .TyresDrawer__footer--nextstep.Drawer__footer--mobile {
    display: none;
  }

  .TyresDrawer.BudgetSelected .TyresDrawer__footer--nextstep.Drawer__footer--desktop {
    display: block;
  }
}

.TyresDrawer.BudgetSelected .TyresDrawer__body--budget,
.TyresDrawer.BudgetSelected .TyresDrawer__body--totals {
  display: none;
}

.TyresDrawer.BudgetSelected .TyresDrawer__body--tyres {
  display: block;
}

.TyresDrawer.BudgetSelected .Drawer__header {
  margin-bottom: 20px;
}

.TyresDrawer.TyresSelected {
  padding-bottom: 0;
}

.TyresDrawer.TyresSelected .TyresDrawer__body--tyres,
.TyresDrawer.TyresSelected .TyresDrawer__body--budget,
.TyresDrawer.TyresSelected .TyresDrawer__footer--nextstep.Drawer__footer {
  display: none;
}

.TyresDrawer.TyresSelected .TyresDrawer__body--totals {
  display: block;
}

.TyresDrawer.TyresSelected .TyresDrawer__footer--tpms.ConfigureDrawer__footer {
  display: flex;
}

.TyresDrawer.TyresSelected .TyresDrawer__headeritem--tyre {
  display: flex;
}

.TyresDrawer.TyresSelected.BudgetSelected .TyresDrawer__footer--nextstep.Drawer__footer--mobile {
  display: none;
}

.TyresDrawer.TyresSelected.BudgetSelected .TyresDrawer__footer--nextstep.Drawer__footer--desktop {
  display: none;
}

.TyresDrawer .ConfigureDrawer__footer {
  position: fixed;
}

.TyresDrawer .ConfigureDrawer__price .Price__amount {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 900px) {
  .TyresDrawer .ConfigureDrawer__price .Price__amount {
    font-size: 32px;
    line-height: 40px;
  }
}

.TyresDrawer__footer--nextstep {
  padding: 15px;
}

@media (min-width: 900px) {
  .TyresDrawer__footer--nextstep {
    padding: 20px 30px;
  }
}

.TyresDrawer__body--tyres,
.TyresDrawer__body--totals,
.TyresDrawer__footer--nextstep.Drawer__footer,
.TyresDrawer__footer--tpms.ConfigureDrawer__footer,
.Drawer__footer--mobile {
  display: none;
}

.TyresDrawer__header {
  position: relative;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
}

.TyresDrawer__headeritem {
  display: flex;
  align-items: center;
  width: 100%;
}

.TyresDrawer__headeritem--tyre {
  display: none;
}

.TyresDrawer__subtotal {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.TyresDrawer__subtotal .Price__amount {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
}

.TyresDrawer__subtotaltitle {
  font-size: 18px;
  line-height: 26px;
}

.TyresDrawer__headerinner {
  flex: 1;
}

.TyresDrawer__body {
  flex: 1;
  overflow: auto;
}

.TyresDrawer__products {
  display: none;
}

.TyresDrawer__products.active {
  display: block;
}

.TyresDrawer__imagewrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  padding: 6px;
  background-color: #F5F5F5;
}

.TyresDrawer__titlewrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}

.TyresDrawer__price {
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}

.TyresDrawer__title {
  font-size: 20px;
  line-height: 28px;
  color: #070919;
}

@media (min-width: 900px) {
  .TyresDrawer__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.TyresDrawer__title span {
  color: #6A6B75;
}

.TyresDrawer__plus {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 15px;
  background-color: #ffffff;
  transform: translateY(50%);
}

.TyresDrawer__budgets {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.TyresDrawer__packagetotal {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 900px) {
  .TyresDrawer__packagetotal {
    flex-direction: row;
    align-items: flex-end;
  }
}

.TyresDrawer__packagetotal .Price__amount {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .TyresDrawer__packagetotal .Price__amount {
    margin: 0 0 0 8px;
  }
}

.TyresDrawer__footer--tpms {
  display: none;
  flex-direction: column;
  gap: 16px;
  background-color: #F5F5F5;
}

@media (min-width: 900px) {
  .TyresDrawer__footer--tpms {
    gap: 32px;
  }
}

.TyresDrawer__footer--tpms.ConfigureDrawer__footer {
  padding: 15px 30px;
}

@media (min-width: 900px) {
  .TyresDrawer__footer--tpms.ConfigureDrawer__footer {
    padding: 40px 30px;
  }
}

.TyresDrawer__buttonwrap {
  display: flex;
  gap: 15px;
}

@media (min-width: 900px) {
  .TyresDrawer__buttonwrap {
    flex-direction: column;
    gap: 0;
  }
}

.TyresDrawer__buttonwrap .Button {
  flex: 1;
  height: 48px;
  padding: 5px 30px;
}

@media (min-width: 900px) {
  .TyresDrawer__buttonwrap .Button {
    height: 56px;
    padding: 14px 30px;
  }
}

.TyresDrawer__tyres {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px 0;
}

.TyresDrawerTyre {
  padding: 2px;
  background-color: #F5F5F5;
}

@media (hover: hover) {
  .TyresDrawerTyre:hover {
    color: #ffffff;
    background-color: #1B4AD2;
  }

  .TyresDrawerTyre:hover .Price__amount,
  .TyresDrawerTyre:hover .TyresDrawerTyre__title {
    color: #ffffff;
  }
}

.TyresDrawerTyre.active {
  color: #ffffff;
  background-color: #1B4AD2;
}

.TyresDrawerTyre.active .Price__amount,
.TyresDrawerTyre.active .TyresDrawerTyre__title {
  color: #ffffff;
}

.TyresDrawerTyre__flex {
  display: flex;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__flex {
    align-items: center;
  }
}

.TyresDrawerTyre__imagewrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  background-color: #ffffff;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__imagewrap {
    width: 90px;
    height: 90px;
    margin-right: 15px;
  }
}

.TyresDrawerTyre__info {
  flex: 1;
  padding: 15px;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__info {
    padding: 0 5px 0 0;
  }
}

.TyresDrawerTyre__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.TyresDrawerTyre__title {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.TyresDrawerTyre__price {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__price {
    font-size: 20px;
    line-height: 28px;
  }
}

.TyresDrawerTyre__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.TyresDrawerTyre__spec {
  display: flex;
  gap: 4px;
  margin: 4px 0;
  font-size: 12px;
  line-height: 20px;
}

.TyresDrawerTyre__spec strong {
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 900px) {
  .TyresDrawerTyre__spec {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
}

.TyresDrawerTyre__offer {
  width: 100%;
  margin-bottom: 2px;
  padding: 5px 0;
  color: #ffffff;
  text-align: center;
  background-color: #F86624;
}

.TyresDrawerBudget {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 18px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EAEAEA;
}

@media (hover: hover) {
  .TyresDrawerBudget:hover {
    background-color: #1B4AD2;
    border-color: #1B4AD2;
  }

  .TyresDrawerBudget:hover .TyresDrawerBudget__title,
  .TyresDrawerBudget:hover .TyresDrawerBudget__price {
    color: #ffffff;
  }
}

.TyresDrawerBudget__price {
  font-size: 14px;
  line-height: 22px;
}

.TyresDrawerBudget__price strong {
  font-size: 16px;
  line-height: 24px;
  margin-left: 4px;
}

.TyresDrawerSelection {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  line-height: 22px;
}

.TyresDrawerSelection__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2px 0;
}

.TyresDrawerSelection__itemwrap {
  display: flex;
  align-items: center;
}

.TyresDrawerSelection__itemwrap:first-child {
  font-weight: 600;
}

.TyresDrawerSelection__chevron {
  margin-left: 8px;
}

.TyresDrawerSelection__tags {
  margin-right: 3px;
}

.TyresTpms__product .TyresDrawer__title {
  font-size: 18px;
  line-height: 26px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.TyresTpms__product .TyresDrawer__headeritem {
  margin: 22px 0 12px;
  padding: 2px;
  background-color: #F5F5F5;
}

.TyresTpms__product .TyresDrawer__headerinner {
  padding: 0 4px 0 0;
}

.TyresTpms__product .TyresDrawer__imagewrap {
  background-color: #ffffff;
}

.TyresTpms__product .TyresDrawer__specwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 18px;
}

.TyresTpms__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 7px;
}

@media (min-width: 900px) {
  .TyresTpms__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.TyresTpms__text {
  font-size: 14px;
  line-height: 22px;
}

.TyresDrawerRecommended {
  border: 1px solid #03256C;
}

.TyresDrawerRecommended__header {
  padding: 8px 15px;
  background-color: #03256C;
}

.TyresDrawerRecommended__title {
  color: #ffffff;
}

.TyresDrawerRecommended__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 212px;
  padding: 15px;
  overflow-y: auto;
}

.ProductConfigure {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ProductConfigure .ConfigureDrawer__edit {
  display: block;
}


.ProductConfigure.active .ProductConfigure__selected {
  display: block;
}

.ProductConfigure__button {
  width: 100%;
}

.ProductConfigure__selected {
  display: none;
  padding: 15px 20px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #1B4AD2;
}

.ProductConfigure--stacked .ProductConfigure__selected {
  padding: 25px 20px;
}

.ProductConfigure__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}

.ProductConfigure__title {
  font-size: 16px;
  line-height: 24px;
}

.ProductConfigure__body {
  display: flex;
  gap: 15px;
}

.ProductConfigure--stacked .ProductConfigure__body {
  flex-wrap: wrap;
  gap: 28px;
}

.ProductConfigure__item {
  font-size: 12px;
  line-height: 20px;
}

.ProductConfigure__item strong {
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
}

.ProductConfigure--stacked .ProductConfigure__item strong {
  margin-right: 0;
}

.ProductConfigure--stacked .ProductConfigure__item {
  display: flex;
  flex-direction: column;
}

.ConfigureDrawer {
  display: flex;
  flex-direction: column;
}

.ConfigureDrawer .Form__columns {
  gap: 1.5rem;
}

@media (min-width: 900px) {
  .ConfigureDrawer__price {
    padding-bottom: 15px;
  }
}

.ConfigureDrawer__price .Price__amount {
  font-size: 24px;
  line-height: 32px;
  margin: 0 4px;
}

@media (min-width: 900px) {
  .ConfigureDrawer__price .Price__amount {
    font-size: 32px;
    line-height: 40px;
  }
}

.ConfigureDrawer__header {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0;
}

.ConfigureDrawer__body {
  flex: 1;
  overflow: auto;
}

.ConfigureDrawer__footer {
  bottom: 0;
  left: 0;
  display: flex;
  gap: 10px;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #EAEAEA;
}

@media (min-width: 900px) {
  .ConfigureDrawer__footer {
    position: auto;
    display: block;
  }
}

.ConfigureDrawer__footer .ProductFinance__monthly {
  display: none;
}

@media (min-width: 900px) {
  .ConfigureDrawer__footer .ProductFinance__monthly {
    display: inline;
  }
}

.ConfigureDrawer__form {
  padding-bottom: 25px;
}

.ConfigureDrawer__submit {
  flex: 1;
}

.ConfigureDrawer__submit span {
  display: none;
}

@media (min-width: 900px) {
  .ConfigureDrawer__submit {
    width: 100%;
  }

  .ConfigureDrawer__submit span {
    display: inline;
  }
}

.ConfigureDrawer__heading {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
  padding-top: 20px;
  color: #070919;
  font-weight: 600;
  border-top: 1px solid #EAEAEA;
}

.ConfigureDrawer__heading:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.ConfigureDrawer__subheading {
  margin-bottom: 5px;
  font-weight: 600;
}

.ConfigureDrawer__group--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ConfigureDrawer__group--swatch {
  margin-bottom: 23px;
}

.ConfigureDrawer__group--swatch:last-child {
  margin-bottom: 0;
}

.ConfigureDrawer__group--swatch .ConfigureDrawer__radio:checked+.ConfigureDrawer__label {
  background-color: #1B4AD2;
}

.ConfigureDrawer__group--swatch .ConfigureDrawer__radio:checked+.ConfigureDrawer__label .ConfigureDrawer__name {
  color: #ffffff;
  font-weight: 600;
}

.ConfigureDrawer__group--swatch .ConfigureDrawer__radio:checked+.ConfigureDrawer__label .ConfigureDrawer__swatch {
  border-color: #ffffff;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__radio:checked+.ConfigureDrawer__label {
  color: #1B4AD2;
  font-weight: 700;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__radio:checked+.ConfigureDrawer__label .ConfigureDrawer__fauxradio {
  border-color: #1B4AD2;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__radio:checked+.ConfigureDrawer__label .ConfigureDrawer__fauxradio .Svg {
  display: block;
}

.ConfigureDrawer--parts .ConfigureDrawer__radio:checked+.ConfigureDrawer__label {
  background-color: #1B4AD2;
  border-color: #C6F933;
}

.ConfigureDrawer--parts .ConfigureDrawer__radio:checked+.ConfigureDrawer__label .ConfigureDrawer__name {
  color: #ffffff;
}

.ConfigureDrawer__label {
  display: flex;
  align-items: center;
}

.ConfigureDrawer__group--swatch .ConfigureDrawer__label {
  justify-content: center;
  width: calc(25% - 12px);
  padding: 13px 4px;
  text-align: center;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EAEAEA;
}

@media (hover: hover) {
  .ConfigureDrawer__group--swatch .ConfigureDrawer__label:hover {
    background-color: #1B4AD2;
  }

  .ConfigureDrawer__group--swatch .ConfigureDrawer__label:hover .ConfigureDrawer__name {
    color: #ffffff;
    font-weight: 600;
  }

  .ConfigureDrawer__group--swatch .ConfigureDrawer__label:hover .ConfigureDrawer__swatch {
    border-color: #ffffff;
  }
}

.ConfigureDrawer--parts .ConfigureDrawer__label {
  gap: 12px;
  padding: 4px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
}

.ConfigureDrawer--parts .ConfigureDrawer__label .ConfigureDrawer__name {
  font-size: 14px;
  line-height: 22px;
  line-height: 18px;
}

.ConfigureDrawer--parts .ConfigureDrawer__label .ConfigureDrawer__thumbnail {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #ffffff;
}

@media (hover: hover) {
  .ConfigureDrawer--parts .ConfigureDrawer__label:hover {
    background-color: #1B4AD2;
    border-color: #C6F933;
  }

  .ConfigureDrawer--parts .ConfigureDrawer__label:hover .ConfigureDrawer__name {
    color: #ffffff;
  }
}

.ConfigureDrawer__swatch {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 1px solid #6A6B75;
  border-radius: 50%;
}

.ConfigureDrawer__radio {
  display: none;
}

.ConfigureDrawer__name {
  font-size: 12px;
  line-height: 20px;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__name {
  font-size: 16px;
  line-height: 24px;
}

.ConfigureDrawer__fauxradio {
  width: 32px;
  height: 32px;
  margin-right: 14px;
  border: 1px solid #F5F5F5;
  border-radius: 50%;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__fauxradio {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__fauxradio .Svg {
  display: none;
}

.ConfigureDrawer__group--radio .ConfigureDrawer__fauxradio .Svg path {
  fill: #1B4AD2;
}

.ConfigureDrawer__inputgroup {
  margin-top: 20px 0;
}

.ConfigureDrawer__inputgroup:first-child {
  margin-top: 0;
  border-top: none;
}

.ConfigureDrawer__inputgroup--size {
  padding: 25px 0;
  border-bottom: 1px solid #EAEAEA;
}

.ConfigureDrawer__inputgroup--size .ConfigureDrawer__heading {
  margin-bottom: 0;
}

.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__groupheader,
.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__heading {
  margin-bottom: 0;
}

.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__subheading,
.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__group {
  display: none;
}

.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__edit {
  display: block;
}

.ConfigureDrawer__inputgroup--width {
  padding: 20px 0;
}

.ConfigureDrawer__inputgroup--width .ConfigureDrawer__heading {
  margin-bottom: 10px;
}

.ConfigureDrawer__inputgroup--width .Form__column--custom,
.ConfigureDrawer__inputgroup--width .Form__column--staggered {
  display: none;
}

.ConfigureDrawer__inputgroup--width .Form__columns.isCustom .Form__column--custom {
  display: block;
}

.ConfigureDrawer__inputgroup--width .Form__columns.isStaggered .Form__column--staggered {
  display: block;
}

.ConfigureDrawer__groupheader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-right: 32px;
}

.ConfigureDrawer__headerinner {
  display: flex;
  gap: 32px;
  align-self: center;
}

.ConfigureDrawer__edit {
  display: none;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.ConfigureDrawer__selectedoptions {
  display: none;
  gap: 32px;
  align-items: center;
}

.ConfigureDrawer__inputgroup--size.active .ConfigureDrawer__selectedoptions {
  display: flex;
}

.ConfigureDrawer__size {
  font-weight: 600;
}

.ConfigureDrawer__color .ConfigureDrawer__option,
.ProductConfigure__item .ConfigureDrawer__option {
  display: flex;
  align-items: center;
}

.ConfigureDrawer__color .ConfigureDrawer__swatch,
.ProductConfigure__item .ConfigureDrawer__swatch {
  width: 20px;
  height: 20px;
  margin: 0 15px 0 0;
}

.not-allowed {
  cursor: not-allowed;
}

.no-pointer {
  pointer-events: none;
}

.ProductDescription__lead {
  max-width: 1200px;
}

.Type .ProductDescription__lead {
  color: #03256C;
  margin: 20px 0 40px 0;
}

.DescriptionImageText {
  margin: 27px 0;
  background-color: #F5F5F5;
}

@media (min-width: 1200px) {
  .DescriptionImageText {
    display: flex;
  }
}

.DescriptionImageText--reverse {
  flex-direction: row-reverse;
}

.DescriptionImageText__textwrap {
  padding: 25px;
}

@media (min-width: 1200px) {
  .DescriptionImageText__textwrap {
    flex: 50%;
    /* padding: 45px; */
  }
}

.DescriptionImageText__imagewrap {
  position: relative;
  /* padding-bottom: 100%; */
}

@media (min-width: 1200px) {
  .DescriptionImageText__imagewrap {
    flex: 50%;
    padding-bottom: 0;
  }
}

.DescriptionImageText__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.DescriptionImageText__text {
  margin-bottom: 0;
  color: #070919;
}

.Type .DescriptionImageText__text {
  margin-bottom: 0;
}

.DescriptionImageText__logo {
  margin-bottom: 14px;
}

@media (min-width: 900px) {
  .DescriptionImageText__logo {
    margin-bottom: 20px;
  }
}

.ProductQuantity {
  width: 100px;
}

.ProductQuantity__wrap {
  display: flex;
  padding: 12px;
  border: 1px solid #EAEAEA;
}

.ProductQuantity__label {
  display: block;
  margin-bottom: 11px;
  font-size: 14px;
  line-height: 22px;
}

.ProductQuantity__input {
  width: 100%;
  text-align: center;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

.ProductQuantity__input::-webkit-outer-spin-button,
.ProductQuantity__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.ProductQuantity__input[type=number] {
  -moz-appearance: textfield;
}

.ProductQuantity__button:disabled .Svg {
  cursor: not-allowed;
  fill: #ADADAD;
}

.ProductQuantity__button .Svg {
  fill: #1B4AD2;
}

.CartDrawer__content {
  max-height: calc(100vh - 7rem);
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 900px) {
  .CartDrawer__content {
    max-height: calc(100vh - 13rem);
  }
}

.CartDrawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.CartDrawer__title {
  font-size: 24px;
  line-height: 32px;
}

.CartDrawer__tools {
  display: block;
}

@media (min-width: 900px) {
  .CartDrawer__tools {
    display: none;
  }
}

.CartDrawer__tools--list {
  display: flex;
  gap: 1rem;
}

.CartDrawer__item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 6px;
}

.CartDrawer__item--secondary {
  flex: 1;
}

.CartDrawer__item--title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .CartDrawer__item--title {
    font-size: 24px;
    line-height: 32px;
  }
}

.CartDrawer__item--title span {
  color: #6A6B75;
  font-weight: 400;
}

.CartDrawer__item--price {
  color: #03256C;
}

.CartDrawer__item--list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (min-width: 900px) {
  .CartDrawer__item--list {
    gap: 1.5rem;
  }
}

.CartDrawer__item--list-item {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  font-weight: 600;
}

.CartDrawer__item--list-item span {
  font-weight: 400;
  font-size: 12px;
}

.CartDrawer__item--list-item-colour {
  width: 20px;
  height: 20px;
  border: solid 1px #464646;
  border-radius: 50%;
}

.CartDrawer__imagewrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 6px;
  background-color: #F5F5F5;
}

.CartDrawer__divider {
  position: relative;
  margin: 0.5rem auto;
  border-bottom: solid 1px #EAEAEA;
}

.CartDrawer__divider--plus {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 15px;
  background-color: #ffffff;
  transform: translateY(50%);
}

.CartDrawer__or--wrapper {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #EAEAEA;
}

.CartDrawer__or {
  margin: 1rem auto;
  text-align: center;
}

.CartDrawer__upsell--item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.CartDrawer__upsell--image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 6px;
  background-color: #F5F5F5;
}

.CartDrawer__upsell--desc {
  flex: 1;
  font-weight: 700;
}

.CartDrawer__upsell--desc span {
  color: #393A47;
  font-weight: 400;
  font-size: 14px;
}

.CartDrawer__upsell--price {
  color: #03256C;
  font-weight: 600;
}

.CartDrawer__upsell--header {
  margin-bottom: 1rem;
  font-size: 20px;
  line-height: 24px;
}

.CartDrawer__upsell--btn {
  display: flex;
  align-items: center;
  height: 48px;
}

.CartDrawer__footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 30px;
  background-color: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

@media (min-width: 900px) {
  .CartDrawer__footer {
    padding: 30px;
    box-shadow: none;
  }
}

.CartDrawer__footer--btn {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
}

.CartDrawer__footer--link {
  display: none;
  margin-top: 20px;
  text-align: center;
}

.CartDrawer__footer--link a {
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
}

@media (min-width: 900px) {
  .CartDrawer__footer--link {
    display: block;
  }
}

@media (min-width: 900px) {
  .CartDrawer__footer--border {
    margin-bottom: 2rem;
    border-top: solid 1px #EAEAEA;
  }
}

.Brands {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
}

@media (min-width: 900px) {
  .Brands {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: space-between;
  }
}

.Brands__logowrap {
  display: flex;
  flex: 48%;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
}

@media (min-width: 900px) {
  .Brands__logowrap {
    flex: 0 0 15.6667%;
    max-width: 15.6667%;
  }
}


.Brands__logo {
  mix-blend-mode: hard-light;
}

.OurBrands {
  display: flex;
  justify-content: space-between;
  padding: 50px;
}

.OurBrands__title {
  margin-bottom: 20px;
}

.OurBrands__text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}

.OurBrands__secondary .Brands {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.OurBrands__secondary .Brands__logowrap {
  max-width: 200px;
  border: 2px solid transparent;
  transition: all ease 0.5s;
  max-height: 110px;
  border-color 0.3s ease,
  box-shadow 0.3s ease;
  background-color: #ffffff;
  text-align: center;
  padding: 15px;
}

.OurBrands__secondary .Brands__logowrap:hover {
  border-color: #1b4ad2;
  box-shadow: 0 0 5px rgb(27, 74, 210, 0.26);
}

.OurBrands__secondary .Brands__logowrap:hover img {
  transform: scale(1.1);
  transition: all ease 0.5s;
}

.OurBrands__secondary .Brands__logowrap img {
  height: 50px !important;
  height: auto;
  object-fit: contain;
}

.Card {
  background-color: #F5F5F5;
}

.Card__image {
  position: relative;
  height: 236px;
}

.Card__content {
  padding: 15px;
}

.Card__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 3px;
}

.Card__text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 9px;
}

.Card__link {
  color: #1B4AD2;
  font-weight: 600;
}

.ImageCard {
  position: relative;
  display: block;
}

@media (hover: hover) {
  .ImageCard:hover .ImageCard__image {
    transform: scale(1.1);
  }
}

.ImageCard--overlay:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  /* stylelint-disable-line */
  background: linear-gradient(172deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* stylelint-disable-line */
  content: "";
}

@media (hover: hover) {
  .ImageCard--hidetext:hover .ImageCard__content {
    transform: translateY(0);
  }

  .ImageCard--hidetext:hover .ImageCard__link {
    opacity: 1;
  }
}

.ImageCard__content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ImageCard--hidetext .ImageCard__content {
  transform: translateY(20px);
}

.ImageCard__title {
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}

@media (min-width: 900px) {
  .ImageCard__title {
    font-size: 26px;
    line-height: 34px;
  }
}

.ImageCard__link {
  font-size: 14px;
  line-height: 22px;
  color: #C6F933;
  font-weight: 600;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ImageCard--hidetext .ImageCard__link {
  opacity: 0;
}

.ImageCard__image {
  width: 100%;
  height: 100%;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ManufacturerSlider {
  overflow: visible;
}

.ManufacturerSlider .ManufacturerSlider__slide:last-child {
  margin-right: 15px;
}

.ManufacturerSlider__item {
  padding-bottom: calc(100% - 15px);
}

.AlloysColorSlider__item {
  margin-right: 15px;
}

.AlloysColorCard {
  position: relative;
  display: block;
  background-color: #F5F5F5;
}

@media (hover: hover) {
  .AlloysColorCard:hover .AlloysColorCard__image {
    transform: translateY(-10px);
  }
}

.AlloysColorCard--fixed {
  position: relative;
  overflow: hidden;
}

@media (hover: hover) {
  .AlloysColorCard--fixed:hover .AlloysColorCard__image {
    transform: scale(1.05);
  }
}

.AlloysColorCard--fixed .AlloysColorCard__content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.AlloysColorCard__image {
  margin: 0 auto;
  mix-blend-mode: multiply;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.AlloysColorCard__content {
  padding: 15px;
}

@media (min-width: 900px) {
  .AlloysColorCard__content {
    padding: 30px;
  }
}

.AlloysColorCard__title {
  font-size: 20px;
  line-height: 28px;
  color: #03256C;
  font-weight: 600;
}

@media (min-width: 900px) {
  .AlloysColorCard__title {
    font-size: 26px;
    line-height: 34px;
  }
}

.AlloysSizeSlider--noslider .AlloysSizeSlider__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 900px) {
  .AlloysSizeSlider--noslider .AlloysSizeSlider__wrapper {
    flex-direction: row;
    gap: 24px;
  }
}

.AlloysSizeSlider__item {
  margin-right: 15px;
}

.AlloysSizeSlider--noslider .AlloysSizeSlider__item {
  flex: 1;
  margin-right: 0;
}

.AlloysSizeCard {
  padding: 24px;
  background-color: #F5F5F5;
}

.AlloysSizeCard__content {
  position: static;
}

.AlloysSizeCard__title {
  color: #070919;
}

.AlloysSizeCard__link {
  color: #1B4AD2;
}

.TrustReasons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
}

.TrustReasons__text-wrap {
  flex-basis: 40%;
}

h4.TrustReasons__title.Title--lg {
  margin-bottom: 25px;
}

.TrustReasons__text {
  font-size: 18px;
  line-height: 26px;
}

.TrustReasons__wrap {
  flex-basis: 55%;
}

.TrustReasons--alt {
  background-color: #ffffff;
}

.TrustReasons--alt .TrustBar {
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 60px;
}


@media (min-width: 900px) {
  .TileGrid {
    display: flex;
    gap: 15px;
  }
}

.TileGrid>.TileGrid__item {
  min-height: 365px;
  margin-bottom: 15px;
}

@media (min-width: 900px) {
  .TileGrid>.TileGrid__item {
    width: 50%;
    min-height: 500px;
    margin-bottom: 0;
  }
}

.TileGrid>.TileGrid__item .TileGrid__title {
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .TileGrid>.TileGrid__item .TileGrid__title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 900px) {
  .TileGrid__swiper {
    width: 50%;
  }
}

.TileGrid__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 365px;
}

@media (min-width: 900px) {
  .TileGrid__item {
    min-height: 500px;
  }
}

@media (hover: hover) {
  .TileGrid__item:hover .TileGrid__text {
    position: relative;
    z-index: 1;
  }

  .TileGrid__item:hover .TitleGrid__action {
    transform: rotate(90deg);
  }
}

.TileGrid__content-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
}

.swiper .TileGrid__content-wrap {
  max-width: calc(100% - 30px);
}

.TileGrid__content {
  max-width: 456px;
}

.swiper .TileGrid__content {
  max-width: 251px;
}

.TileGrid__title,
.TileGrid__subtitle,
.TileGrid__text {
  color: #ffffff;
}

.TileGrid__title {
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .TileGrid__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.TileGrid__subtitle {
  font-size: 18px;
  line-height: 26px;
}

@media (min-width: 900px) {
  .TileGrid__subtitle {
    font-size: 24px;
    line-height: 30px;
  }
}

.TileGrid__text {
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
}

.TileGrid__image {
  width: 100%;
  height: 100%;
}

.TitleGrid__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #1B4AD2;
  transform: rotate(-90deg);
}

.Text {
  max-width: 896px;
  margin: 50px auto 50px;
}

.Text__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
}

.Text__text {
  margin-bottom: 15px;
}

.Text__link {
  color: #1B4AD2;
  font-weight: 600;
}

a.Text__link {
  margin-top: 15px;
}

@media (min-width: 1200px) {
  .TextColumns {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}

.TextColumns {
  display: flex;
  justify-content: space-between;
}

.textColmns_fl {
  flex-basis: 28%;
}

.TextColumns__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}

.TextColumns__text {
  line-height: 32px;
}

.MessagingSmall {
  display: flex;
  gap: 14px;
}

.MessagingSmall--fitment {
  padding: 14px;
  background-color: #F5F5F5;
  border-bottom: 2px solid #03256C;
}

.MessagingSmall--notcompatible .MessagingSmall__icon .Svg path {
  fill: #FF7F11;
}

.MessagingSmall__title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
  color: #070919;
  font-weight: 600;
}

.MessagingSmall--notcompatible .MessagingSmall__title {
  color: #FF7F11;
}

.MessagingSmall__text {
  font-size: 12px;
  line-height: 20px;
}

.MessagingSmall__text a {
  text-decoration: underline;
}

.MessagingSmall__button {
  width: 100%;
}

.OurRecommendations__header {
  padding: 10px 32px;
}

.OurRecommendations__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

@media (min-width: 900px) {
  .OurRecommendations__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.OurRecommendations__body {
  height: auto;
  padding: 12px 0 15px 15px;
}

@media (min-width: 900px) {
  .OurRecommendations__body {
    padding: 12px 32px 32px;
  }
}

.OurRecommendations__swiper {
  display: flex;
  gap: 30px;
  width: 100%;
}

.OurRecommendationsTyre__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  height: 100%;
  padding: 0 15px 15px;
}

.OurRecommendationsTyre__card {
  flex-basis: 45%;
}

.OurRecommendationsTyre__imagewrap.OurRecommendationsTyre__imagewrap--tyre {
  flex-basis: 45%;
}

.OurRecommendationsTyre__imagewrap.OurRecommendationsTyre__imagewrap--tyre img {
  width: 100%;
  height: auto;
}

.Recomended_mb .ProductTyreIcons__icon {
  width: 20px;
  height: 20px;
}

.OurRecommendationsTyre__imagewrap {
  margin-bottom: 15px;
}

.OurRecommendations__slide.swiper-slide {
  width: calc(25% - 14px);
  height: auto;
}

@media (min-width: 900px) {
  .OurRecommendations__slide.swiper-slide {
    width: calc(25% - 27px);
  }
}

.OurRecommendations__slide.swiper-slide:first-child {
  width: 50%;
}

.OurRecommendations__slide .ListingProduct {
  background-color: #F5F5F5;
  height: 100%;
}

.OurRecommendations__slide .ListingProduct__body {
  padding: 0 20px 20px;
}

.OurRecommendations__slide .ListingProduct__offer-wrap {
  padding: 10px;
}

.OurRecommendations__slide .ListingProduct__imagewrap {
  padding-bottom: 70%;
}

.OurRecommendations__slide .ListingProduct__imagewrap img {
  max-width: 200px;
  max-height: 251px;
}

.OurRecommendations__slide .ListingProduct__spec {
  gap: 10px;
}

.OurRecommendations__slide .ListingProduct__price.FeaturedProduct__price {
  gap: 8px;
}

.OurRecommendations__slide .OurRecommendationsTyre__body.ListingProduct__body {
  padding: 0;
}

.OurRecommendations__slide .FeaturedProduct__newpay {
  gap: 6px;
  color: #6A6B75;
  font-size: 10px;
  line-height: 18px;
}

.OurRecommendations__slide .FeaturedProduct__newpay span {
  font-size: 16px;
  line-height: 24px;
}

.OurRecommendationsTyre {
  flex: 1;
  width: 100%;
  background-color: #F5F5F5;
}

.OurRecommendationsTyre .ListingProduct__price.FeaturedProduct__price {
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}

.OurRecommendationsTyre .FeaturedProduct__newpay {
  color: #6A6B75;
}

@media (hover: hover) {
  .OurRecommendationsTyre:hover {
    background-color: #F5F5F5;
  }

  .OurRecommendationsTyre:hover .ListingProduct__spec li {
    color: #070919;
  }

  .OurRecommendationsTyre:hover .ListingProduct__price.Price__amount {
    color: #03256C;
  }
}

.OurRecommendationsTyre__imagewrap--tyre {
  display: flex;
  align-items: center;
  justify-content: center;
}

.OurRecommendationTyre--desktop {
  display: none;
}

@media (min-width: 900px) {
  .OurRecommendationTyre--desktop {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 900px) {
  .OurRecommendationTyre--mobile {
    display: none;
  }
}

.Offer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 30px;
  background-color: #F5F5F5;
}

.Offer__discount {
  display: flex;
  align-items: center;
  align-self: flex-start;
  padding: 10px 20px;
  color: #1B4AD2;
  font-weight: 700;
  background-color: #D1DBF6;
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 900px) {
  .Offer__discount {
    font-size: 26px;
    line-height: 30px;
  }
}

.Offer__title {
  display: flex;
  align-items: center;
  color: #03256C;
  font-size: 26px;
  line-height: normal;
  font-weight: 600;
}

.ListingHeader {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}

.ListingHeader.active+.ListingFilters {
  display: flex;
}

.ListingHeader__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}

.active .ListingHeader__wrap--filters {
  display: none;
}

.ListingHeader__button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}

.ListingHeader__button .Svg {
  margin-right: 10px;
}

.ListingHeader__button .Svg path {
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .ListingHeader__button:hover .Svg path {
    fill: #1B4AD2;
  }
}

.ListingHeader__button-inner--hide {
  display: none;
}

.active .ListingHeader__button-inner--hide {
  display: block;
}

.ListingHeader__button-inner--show {
  display: block;
}

.active .ListingHeader__button-inner--show {
  display: none;
}

.ListingHeader__count {
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.ListingHeader__count strong {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.ListingHeader__vehicle {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  align-items: center;
}

.ListingHeader__filters {
  display: flex;
  gap: 30px;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.ListingHeader__label {
  color: #6A6B75;
}

.ListingHeader__select {
  color: #070919;
  font-weight: 700;
}

.ListingHeader__vehicleitem {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
}

.ListingHeader__vehicleitem ul {
  display: flex;
  gap: 8px;
  align-items: center;
}

.ListingHeader__vehicleitem strong,
.ListingHeader__vehicleitem ul li {
  color: #070919;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

/* .ListingHeader__label--desktop {
  display: none;
} */

/* @media (min-width: 900px) {
  .ListingHeader__label--desktop {
    display: block;
  }
} */

.ListingHeader__clear {
  display: none;
  color: #1B4AD2;
  font-weight: 600;
}

.active .ListingHeader__clear {
  display: block;
}

.ListingFilters {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding: 15px;
  background-color: #ffffff;
}

@media (min-width: 900px) {
  .ListingFilters {
    position: static;
    height: auto;
    margin-top: 22px;
    padding: 0;
  }
}

.ListingFilters__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 15px 0;
  border-bottom: 1px solid #EAEAEA;
}

@media (min-width: 900px) {
  .ListingFilters__header {
    display: none;
  }
}

.ListingFilters__title {
  font-size: 24px;
  line-height: 32px;
}

.ListingFilters__clear {
  align-self: flex-end;

  color: #6A6B75;
  text-decoration: underline;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 900px) {
  .ListingFilters__clear {
    display: none;
  }
}

.ListingFilters__body {
  display: flex;
  flex-direction: column;
}

.ListingFilters__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
}

@media (min-width: 900px) {
  .ListingFilters__wrapper {
    flex-direction: row;
  }
}

.ListingFilters__wrapper--grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  .ImageTextCta {
    height: 500px !important;
  }

  .ListingFilters__wrapper--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .ListingFilters__wrapper--grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) {
  .ListingFilters__wrapper--grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.ListingFilters__label {
  position: relative;
  border-bottom: 1px solid #03256C;
}

@media (min-width: 900px) {
  .ListingFilters__label {
    flex: 16.6666666667%;
  }
}

.ListingFilters__text {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #03256C;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.ListingFilters__input {
  height: 56px;
  padding: 18px 12px 0;
  font-weight: 700;
  border-bottom: none;
}

.ListingFilters__input--price {
  position: relative;
  text-align: left;
}

.ListingFilters__input--price-current {
  margin-top: 7px;
}

.ListingFilters__input--price-wrapper {
  /* display: none; */
  width: 100%;
  padding: 1rem;
  background-color: #F5F5F5;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #1B4AD2;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.ListingFilters__input--price-wrapper.hidden {
  display: none !important;
}

@media (min-width: 900px) {
  .ListingFilters__input--price-wrapper {
    position: absolute;
    top: 57px;
    left: 0;
    z-index: 10;
  }
}

.ListingFilters__input--price-wrapper.hidden {
  display: block;
}

.ListingFilters__range-slider {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

.ListingFilters__range-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2px;
  margin: 5px 0;
  background-color: #949494;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ListingFilters__range-input::-webkit-slider-thumb {
  position: relative;
  z-index: 3;
  width: 15px;
  height: 15px;
  background-color: #03256C;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.ListingFilters__range-input::-moz-range-thumb {
  position: relative;
  z-index: 3;
  width: 15px;
  height: 15px;
  background-color: #03256C;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.ListingFilters__range-input::-webkit-slider-thumb:hover {
  background-color: #1B4AD2;
}

.ListingFilters__range-input::-moz-range-thumb:hover {
  background-color: #1B4AD2;
}

.ListingFilters__range--updated-values {
  display: flex;
  margin-top: 1rem;
  font-size: 12px;
}

.ListingFilters__range--updated-values p {
  margin-right: 10px;
  color: #03256C;
}

.FilterButtons {
  display: grid;
  grid-template-columns: repeat(2, 6fr);
  gap: 12px;
}

@media (min-width: 768px) {
  .FilterButtons {
    grid-template-columns: repeat(4, 2fr);
    gap: 18px;
  }
}

@media (min-width: 1200px) {
  .FilterButtons {
    grid-template-columns: repeat(6, 2fr);
    gap: 24px;
  }
}

.FilterButtons__button {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px;
  background-color: #F5F5F5;
  width: 100% !important;
  height: 100%;
}

.FilterButtons__button:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
}

.FilterButtons__button.active {
  background-color: #03256C;
}

.FilterButtons__button.active:after {
  background-color: #C6F933;
}

@media (hover: hover) {
  .FilterButtons__button:hover {
    background-color: #1B4AD2;
  }

  .FilterButtons__button:hover .FilterButtons__label {
    color: #C6F933;
  }

  .FilterButtons__button:hover:after {
    background-color: #C6F933;
  }
}

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

.FilterButtons__icon {
  filter: grayscale(1);
}

.FilterButtons__label {
  /* margin-left: 12px; */
  color: #1B4AD2;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  padding: 5px;
}

.active .FilterButtons__label {
  color: #C6F933;
}

.FilterButtons__button--center .FilterButtons__label {
  margin: 0;
}


.ListingProduct {
  position: relative;
}

.ListingProduct__imagewrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  background-color: #F5F5F5;
}

.ListingProduct__imagewrap .Image {
  right: 0;
  max-width: 128px;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  mix-blend-mode: multiply;
}

@media (min-width: 900px) {
  .ListingProduct__imagewrap .Image {
    max-width: 280px;
  }
}

@media (hover: hover) {
  .ListingProduct__imagewrap:hover .ListingProduct__overlay {
    transform: translateY(0);
    opacity: 1;
  }

  .FeaturedProduct__img--wrapper:hover .ListingProduct__overlay {
    transform: translateY(0);
    opacity: 1;
  }

  .home-f .FeaturedProduct__addtofav {
    display: none;
  }

  .FeaturedProduct__img--wrapper {
    overflow: hidden;
  }

  .FeaturedProduct__img--wrapper:hover .ListingProduct__overlay .ListingProduct__form {
    width: 180px;
  }
}

.FeaturedProduct__addtofav_mb {
  position: absolute;
  top: 0.4rem;
  left: 3.8rem;
  right: auto;
  transform: translateY(-5px);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FeaturedProduct__addtofav_mb.alloyright {
  right: 0.35rem;
  left: auto;
}

@media (hover: hover) {
  .ListingProduct__imagewrap.ListingProduct__imagewrap_mb:hover .FeaturedProduct__addtofav_mb {
    transform: translateY(0);
    opacity: 1;
  }
}

.ListingProduct__spec {
  display: flex;
  flex-direction: column;
  gap: 0 20px;
  font-size: 15px;
  line-height: 23px;
}

.ListingProduct__spec span {
  font-size: 11px;
  line-height: 19px;
  margin-right: 6px;
}

@media (min-width: 900px) {
  .ListingProduct__spec {
    flex-direction: row;
  }
}

.ListingProduct__title {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 900px) {
  .ListingProduct__title {
    font-size: 20px;
    line-height: 30px;
  }
}

.ListingProduct__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.ListingProduct__price {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 900px) {
  .ListingProduct__price {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (min-width: 900px) {
  .ListingProduct__price {
    flex-direction: row;
    align-items: center;
  }
}

.ListingProduct__price.FeaturedProduct__price {
  gap: 0;
}

@media (min-width: 900px) {
  .ListingProduct__price.FeaturedProduct__price {
    gap: 12px;
  }
}

.ListingProduct__logo {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 15px;
}

@media (min-width: 900px) {
  .ListingProduct__logo {
    top: 20px;
    left: 20px;
    height: 30px;
  }
}

.ListingProduct__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 0, 25, 0.6);
  transform: translateY(150%);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.clear-btn-filter {
  position: absolute;
  right: 0;
  bottom: 0;
  text-decoration: underline;
}

.clear-btn-filter .FilterButtons__label {
  color: gray;
}

.FilterButtons a:first-child button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ListingProduct__overlay--basic {
  background-color: transparent;
}

.FeaturedProduct__price-sale-gray {
  color: #868686 !important;
}

.ListingProduct__favourite {
  position: absolute;
  top: 20px;
  right: 20px;
}

.ListingProduct__favourite .Svg path {
  fill: transparent;
  stroke: #ffffff;
}

@media (hover: hover) {
  .ListingProduct__favourite:hover .Svg path {
    fill: #ffffff;
  }
}

.ListingProduct__favourite--basic {
  position: absolute;
  top: 0px;
  right: 0px;
}

.ListingProduct__favourite--basic .Svg path {
  stroke: #03256C;
}

@media (hover: hover) {
  .ListingProduct__favourite--basic:hover .Svg path {
    fill: #03256C;
  }
}

.ListingProduct__favourite--basic-filled .Svg path {
  fill: #03256C;
}

@media (hover: hover) {
  .ListingProduct__favourite--basic-filled:hover .Svg path {
    fill: #ffffff !important;
  }
}

.ListingProduct__form {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  width: 280px;
  padding: 24px;
  background-color: #ffffff;
}

.ListingProduct__form .ProductQuantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.ListingProduct__form .ProductQuantity__wrap {
  width: 142px;
}

.ListingProduct__form .ProductQuantity__label {
  margin: 0;
}

.ProductFitmentSearch {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  padding: 2rem;
  color: #ffffff;
  background-color: #03256C;
}

.ProductFitmentSearch__inner {
  display: flex;
  gap: 1rem;
}

.ProductFitmentSearch__primary h2 {
  color: #ffffff;
  font-size: 24px;
}

@media (min-width: 768px) {
  .ProductFitmentSearch__primary h2 {
    font-size: 38px;
  }
}

.ProductFitmentSearch__primary a {
  text-decoration: underline;
}

@media (hover: hover) {
  .ProductFitmentSearch__primary a:hover {
    color: #ADADAD;
  }
}

.ProductFitmentSearch__secondary {
  margin-left: auto;
}

.ProductFitmentSearch__form {
  display: flex;
  margin-bottom: 0.5rem;
}

.ProductFitmentSearch__form--link {
  color: #ADADAD;
  font-size: 13px;
  text-decoration: underline;
}

@media (hover: hover) {
  .ProductFitmentSearch__form--link:hover {
    color: #ffffff;
  }
}

.ListingAccordion__item {
  margin-bottom: 12px;
}

@media (min-width: 900px) {
  .ListingAccordion__item {
    margin-bottom: 24px;
  }
}

.ListingAccordion__header {
  display: flex;
  justify-content: space-between;
  background-color: #F5F5F5;
}

.ListingAccordion__inner {
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 15px;
}

.ListingAccordion__logo {
  width: 120px;
}

.ListingAccordion__count {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  gap: 0 10px;
  align-items: center;
  color: #6A6B75;
}

.ListingAccordion__count strong {
  color: #070919;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
}

.ListingAccordion__count .Svg {
  color: #070919;
}

.ListingAccordion__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  background-color: #1B4AD2;
}

@media (min-width: 900px) {
  .ListingAccordion__arrow {
    width: 75px;
    height: 75px;
  }
}

.active .ListingAccordion__arrow {
  background-color: #E9E9EA;
}

.active .ListingAccordion__arrow .Svg {
  transform: rotate(180deg);
}

.active .ListingAccordion__arrow .Svg path {
  stroke: #1B4AD2;
}

.ListingAccordion__body {
  display: none;
  padding: 15px 0 15px 15px;
  background-color: #E9E9EA;
}

.active .ListingAccordion__body {
  display: block;
}

@media (min-width: 900px) {
  .ListingAccordion__body {
    padding: 38px;
  }
}

.ListingAccordion__body .ListingProduct {
  background-color: #ffffff;
}

.ListingAccordion__body .ListingProduct__body {
  margin-top: 0;
  padding: 20px 24px;
}

.ListingAccordion__body .ListingProduct__price,
.ListingAccordion__body .ListingProduct__spec {
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}

.ListingAccordion__body .FeaturedProduct__divider {
  display: none;
}

.ListingAccordion__body .ListingProduct__imagewrap .Image {
  max-width: 260px;
}

.ListingPagination {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 324px;
  margin: 0 auto;
}

.ListingPagination__text {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.ListingPagination__progress {
  width: 100%;
  height: 1px;
  background-color: #E9E9EA;
  border-radius: 2px;
}

.ListingPagination__bar {
  position: relative;
  top: -1px;
  left: -1px;
  display: block;
  height: 3px;
  background-color: #1B4AD2;
  border-radius: 6px;
}

/*
|--------------------------------------------------------------------------
| Page Content
|--------------------------------------------------------------------------
| @namespace: PageContent
|
*/
.PageContent__columns {
  display: grid;
  grid-row-gap: 2rem;
  grid-column-gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 768px) {
  .PageContent__columns {
    grid-template-columns: repeat(15, 1fr);
  }
}

.PageContent__grid--sm {
  display: grid;
  grid-row: auto auto;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  grid-template-columns: 1fr;
}

@media (min-width: 450px) {
  .PageContent__grid--sm {
    grid-template-columns: 1fr 1fr;
  }
}

.PageContent__column--aside-sm {
  grid-column: 1/-1;
}

@media (min-width: 900px) {
  .PageContent__column--aside-sm {
    grid-column: 1/4;
  }
}

.PageContent__column--main-sm {
  grid-column: 1/-1;
}

@media (min-width: 900px) {
  .PageContent__column--main-sm {
    grid-column: 4/-1;
    padding-left: 1.5rem;
  }
}

.PageContent__column--aside-md {
  grid-column: 1/-1;
}

@media (min-width: 900px) {
  .PageContent__column--aside-md {
    grid-column: 1/6;
  }
}

.PageContent__column--main-md {
  grid-column: 1/-1;
}

@media (min-width: 900px) {
  .PageContent__column--main-md {
    grid-column: 6/-1;
  }
}

/*
|--------------------------------------------------------------------------
| Page Content - Main / Body
|--------------------------------------------------------------------------
| @namespace: PageContentMain
|
*/
.PageContentMain__title {
  margin-bottom: 0.8rem;
}

.PageContentMain__text {
  color: #070919;
  font-size: 16px;
}

@media (min-width: 900px) {
  .PageContentMain__text {
    font-size: 18px;
  }
}

.PageContentMain__text--mw-md {
  max-width: 640px;
}

.PageContentMain__subtitle {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.2rem;
}

.PageContentMain__subtitle span {
  color: #03256C;
  font-weight: 600;
}

.ContactInformation {
  max-width: 32rem;
}

.ContactInformation h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.2rem;
}

.ContactInformation a,
.ContactInformation span {
  font-weight: 600;
}

.ContactInformation a {
  position: relative;
}

.ContactInformation a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .ContactInformation a:hover {
    cursor: pointer;
  }

  .ContactInformation a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.OpeningTimes {
  display: grid;
  grid-row-gap: 0.2rem;
  grid-template-columns: 1fr 1fr;
  font-weight: 600;
}

.ContactInformation__map {
  width: 100%;
}

.ContactInformation__map--iframe {
  width: 100%;
  height: 340px;
  border: 0;
}

@media (min-width: 768px) {
  .ContactInformation__map--iframe {
    height: 500px;
  }
}

.ContactForm {
  padding: 1rem;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .ContactForm {
    padding: 2rem;
  }
}

.ContactForm .Form__columns {
  display: grid;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  grid-template-columns: 1fr 1fr;
}

.ContactForm .Form__column--span {
  grid-column: span 2;
}

@media (min-width: 768px) {
  .ContactForm .Form__column--span {
    grid-column: span 1;
  }
}

.ContactForm .Form__column--span-wide {
  grid-column: span 2;
}

.ContactForm__inputLabel {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 14px;
  line-height: 22px;
  color: #03256C;
  font-weight: 600;
}

.ContactForm__input {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: 3.3rem;
  padding: 1rem;
  overflow: hidden;
  color: inherit;
  line-height: 1.25;
  text-align: left;
  vertical-align: middle;
  background-color: #ffffff;
  border-bottom: solid 2px #03256C;
  transition: border-color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  caret-color: #03256C;
}

.ContactForm__input--textarea {
  width: 100%;
  min-height: 160px;
}

.ContactForm__input:focus,
.ContactForm__input--textarea:focus {
  border-color: #C6F933;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ContactForm__input::-moz-placeholder {
  color: #ADADAD;
}

.ContactForm__input::placeholder {
  color: #ADADAD;
}

.ContactForm__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ADADAD;
}

.ContactForm__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ADADAD;
  opacity: 1;
}

.ContactForm__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ADADAD;
  opacity: 1;
}

.ContactForm__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ADADAD;
}

.ContactForm__privacy {
  font-size: 14px;
  line-height: 22px;
  color: #ADADAD;
}

.ContactForm__privacy a {
  position: relative;
}

.ContactForm__privacy a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .ContactForm__privacy a:hover {
    cursor: pointer;
  }

  .ContactForm__privacy a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (min-width: 900px) {
  .ImageTextCta {
    display: flex;
  }
}

.ImageTextCta__column {
  position: relative;
  flex: 50%;
}

.ImageTextCta__column--small {
  flex: 30%;
}

.ImageTextCta__column--secondary {
  min-height: 280px;
}

@media (min-width: 900px) {
  .ImageTextCta__column--secondary {
    min-height: 417px;
  }
}

.ImageTextCta__column--image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 9, 25, 0.1);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.ImageTextCta__column--image-mobile {
  display: block;
}

@media (min-width: 450px) {
  .ImageTextCta__column--image-mobile {
    display: none;
  }
}

.ImageTextCta__column--image-desktop {
  display: none;
}

@media (min-width: 450px) {
  .ImageTextCta__column--image-desktop {
    display: block;
  }
}

.ImageTextCta__column--content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  padding: 2.5rem 1rem;
  color: #ffffff;
  background-color: #03256C;
}

@media (min-width: 768px) {
  .ImageTextCta__column--content {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1200px) {
  .ImageTextCta__column--content {
    padding: 2rem 4.5rem;
  }
}

.ImageTextCta__column--content .Button__main {
  margin-top: 2rem;
}

.ImageTextCta__column--content-title {
  margin-bottom: 0.3rem;
  color: #ffffff;
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 900px) {
  .ImageTextCta__column--content-title {
    font-size: 48px;
    line-height: 62px;
  }
}

p.ImageTextCta__column--content-text.nnt {
  font-size: 20px;
  margin-top: 15px;
  line-height: 32px;
}


.ImageTextCta__button-group {
  display: flex;
  gap: 0 20px;
  width: 90%;
}

.ImageTextCta__button-group .Button__main {
  flex-basis: 200px;
  min-width: auto;
  padding: 0.86rem 1.25rem;
}

.ImageTextCta__button-group--wrap {
  flex-wrap: wrap;
}

.ImageTextCta__button-group--wrap .Button__main {
  flex: unset;
  padding: 0.86rem 0.75rem;
}

@media (min-width: 900px) {
  .ImageTextCta__button-group--wrap .Button__main {
    padding: 0.86rem 2rem;
  }
}

.ImageTextCta__button-group-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 900px) {
  .ImageTextCta__button-group-2 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 3rem;
  }
}

.ImageTextCta__button-group-2 .Button__main {
  width: 100%;
  min-width: unset;
  margin: 0;
}

.ImageText {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 900px) {
  .ImageText {
    grid-template-columns: 1fr 1fr;
  }
}

.ImageText--gray {
  margin: 0 -15px;
  background-color: #F5F5F5;
}

@media (min-width: 900px) {
  .ImageText--gray {
    margin: 0;
  }
}

.ImageText__column--img-right {
  grid-row-start: 1;
}

@media (min-width: 900px) {
  .ImageText__column--img-right {
    grid-row-start: unset;
  }
}

.ImageText__column--img {
  margin-right: -1rem;
  margin-left: -1rem;
}

@media (min-width: 900px) {
  .ImageText__column--img {
    margin-right: unset;
    margin-left: unset;
  }
}

.ImageText__column--image {
  position: relative;
  min-height: 262px;
}

@media (min-width: 768px) {
  .ImageText__column--image {
    min-height: 500px;
  }
}

.ImageText__column--image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 9, 25, 0.1);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.ImageText__column--image-mobile {
  display: block;
}

@media (min-width: 450px) {
  .ImageText__column--image-mobile {
    display: none;
  }
}

.ImageText__column--image-desktop {
  display: none;
}

@media (min-width: 450px) {
  .ImageText__column--image-desktop {
    display: block;
  }
}

.ImageText__column--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 46rem;
  height: 100%;
  padding: 0;
  color: #070919;
}

.ImageText--gray .ImageText__column--content {
  padding: 15px;
}

@media (min-width: 768px) {
  .ImageText--gray .ImageText__column--content {
    padding: 1rem 0;
  }
}

@media (min-width: 900px) {
  .ImageText--gray .ImageText__column--content {
    padding: 1rem;
  }
}

@media (min-width: 1200px) {
  .ImageText--gray .ImageText__column--content {
    padding: 1rem 5rem;
  }
}

@media (min-width: 768px) {
  .ImageText__column--content {
    padding: 1rem 0;
  }
}

@media (min-width: 900px) {
  .ImageText__column--content {
    padding: 1rem;
  }
}

@media (min-width: 1200px) {
  .ImageText__column--content {
    padding: 1rem 5rem;
  }
}

.ImageText__column--content .Typeset {
  font-size: 18px;
  line-height: 26px;
}

.ImageText__subtitle {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0.3rem;
  color: #ADADAD;
  font-weight: 600;
}

.Typeset .ImageText__link {
  margin-top: 14px;
  color: #1B4AD2;
  font-weight: 600;
}

.Typeset .ImageText__link:after {
  content: none;
}

.ImageTextList {
  margin: 18px 0;
}

.ImageTextList__item {
  margin-bottom: 18px;
}

.ImageTextList__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 6px;
}

.ImageTextList__text {
  font-size: 14px;
  line-height: 22px;
}

.HelpCentre__sidebar--wrapper {
  display: none;
}

@media (min-width: 900px) {
  .HelpCentre__sidebar--wrapper {
    display: block;
  }
}

.HelpCentre__sidebar {
  margin-top: 1.5rem;
}

.HelpCentre__sidebar--nav {
  margin-bottom: 2rem;
}

.HelpCentre__sidebar--nav h2 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0.3rem;
  color: #070919;
  font-weight: 600;
}

.HelpCentre__sidebar--nav h2 a {
  position: relative;
}

.HelpCentre__sidebar--nav h2 a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .HelpCentre__sidebar--nav h2 a:hover {
    cursor: pointer;
  }

  .HelpCentre__sidebar--nav h2 a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.HelpCentre__sidebar--nav:last-of-type {
  margin-bottom: 0;
}

.HelpCentre__sidebar--nav-header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.2rem;
}

.HelpCentre__sidebar--nav-list li a {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #070919;
  position: relative;
}

.HelpCentre__sidebar--nav-list li a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .HelpCentre__sidebar--nav-list li a:hover {
    cursor: pointer;
  }

  .HelpCentre__sidebar--nav-list li a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (hover: hover) {
  .HelpCentre__sidebar--nav-list li a:hover {
    color: #03256C;
  }
}

.HelpCentre__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  .HelpCentre__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

.HelpCentre__grid--item {
  display: grid;
  grid-template-columns: 114px 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  .HelpCentre__grid--item {
    grid-template-columns: 168px 1fr;
  }
}

@media (min-width: 900px) {
  .HelpCentre__grid--item {
    gap: 1.5rem;
  }
}

.HelpCentre__grid--item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 100%;
  padding: 1rem;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .HelpCentre__grid--item-icon {
    width: 168px;
    height: 168px;
  }
}

.HelpCentre__grid--item-icon img {
  width: auto;
  height: 47px;
}

.HelpCentre__grid--nav h3 {
  font-size: 20px;
  line-height: 28px;
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 600;
}

@media (min-width: 768px) {
  .HelpCentre__grid--nav h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.HelpCentre__grid--nav-list li a {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #03256C;
  position: relative;
}

.HelpCentre__grid--nav-list li a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .HelpCentre__grid--nav-list li a:hover {
    cursor: pointer;
  }

  .HelpCentre__grid--nav-list li a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (hover: hover) {
  .HelpCentre__grid--nav-list li a:hover {
    color: #070919;
  }
}

.Hero {
  position: relative;
  display: flex;
  background-color: #000;
  margin: 0;
  padding: 50px 0;
  min-height: 430px;
}

.Hero--large {
  padding: 95px 0;
  margin: 0;
}

.Hero__image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 9, 25, 0.1);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.Hero__image--mobile {
  display: block;
}

@media (min-width: 450px) {
  .Hero__image--mobile {
    display: none;
  }
}

.Hero__image--desktop {
  display: none;
}

@media (min-width: 450px) {
  .Hero__image--desktop {
    display: block;
  }
}

.Hero__content {
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.Hero__title {
  color: #ffffff;
  font-weight: 700;
  text-align: left;
}

.Hero--large .Hero__title {
  font-weight: 700;
  font-size: 60px;
  line-height: 68px;
  width: 100%;
  color: #ffffff;
  text-align: left;
}

.Hero__search {
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .Hero__search {
    width: unset;
  }
}

.Hero__search--wrapper {
  display: flex;
}

.Hero__search--wrapper .Button__main {
  min-width: 128px;
  height: 56px;
}

.Hero__search--input {
  width: 100%;
  height: 56px;
  padding-left: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.811' height='15.811'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m11.25 11.25 3.5 3.5m-14-8a6 6 0 1 0 6-6 6 6 0 0 0-6 6Z' data-name='Path 12729'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 19px 20px;
}

@media (min-width: 768px) {
  .Hero__search--input {
    min-width: 360px;
  }
}

.Hero__primary {
  padding-bottom: 20px;
}

@media (min-width: 900px) {
  .Hero__primary {
    padding-bottom: 0;
  }
}

.Hero__primary.HeroFinder__primary {
  flex-direction: column;
}

@media (min-width: 900px) {
  .Hero__primary.HeroFinder__primary {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.Hero__button {
  margin-top: 16px;
  margin-top: 50px;
  margin-right: auto;
}

.Hero__button:hover {
  color: #ffffff;
  border-color: #ffffff;
}

.Hero__search--input::-moz-placeholder {
  color: #070919;
  font-weight: 600;
}

.Hero__search--input::placeholder {
  color: #070919;
  font-weight: 600;
}

.Hero__search--input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #070919;
  font-weight: 600;
}

.Hero__search--input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #070919;
  font-weight: 600;
  opacity: 1;
}

.Hero__search--input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #070919;
  font-weight: 600;
  opacity: 1;
}

.Hero__search--input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #070919;
  font-weight: 600;
}

.HeroFinder__container {
  z-index: 3;
}

@media (min-width: 900px) {
  .HeroFinder__container {
    display: flex;
    gap: 1rem;
    align-items: center;
  }
}

.HeroFinder__primary {
  display: flex;
  flex-basis: 100%;
  align-items: center;
}

@media (min-width: 1200px) {
  .HeroFinder__secondary {
    margin-right: 6rem;
  }

  .Hero__primary.HeroFinder__primary,
  .HeroFinder__primary {
    margin-left: 6rem;
  }
}

.HeroFinder__primary--title {
  color: #ffffff;
}

.HeroFinder {
  min-height: 330px;
}

@media (min-width: 768px) {
  .HeroFinder {
    min-width: 445px;
    min-height: 370px;
  }
}

.HeroFinder__buttons {
  position: relative;
  z-index: 1;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.HeroFinder__btn {
  width: 100%;
  padding: 0.9rem;
  color: #868686;
  font-weight: 600;
  background-color: #F5F5F5;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .HeroFinder__btn:hover {
    color: #1B4AD2;
  }
}

.HeroFinder__btn:focus {
  outline: none;
}

.HeroFinder__btn.active {
  color: #1B4AD2;
  background-color: #ffffff;
}

.HeroFinder__body {
  position: relative;
}

.HeroFinder__body--inner {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0.8rem 1.5rem 1.5rem;
  background-color: #ffffff;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.45);
}

@media (min-width: 768px) {
  .HeroFinder__body--inner {
    padding: 0.8rem 2rem 2rem;
  }
}

.Product__secondary .HeroFinder__body--inner {
  position: relative;
}

.HeroFinder__body--inner-title {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 700;
  font-size: 36px;
}


.HeroFinder__body--inner-content {
  line-height: 28px;
}

@media (min-width: 768px) {
  .HeroFinder__body--inner-content {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 1.2rem;
  }
}

.HeroFinder__body--inner.active {
  display: block;
}

.HeroFinder__primary--form {
  display: flex;
  margin-bottom: 0.6rem;
}

.HeroFinder__button {
  min-width: 124px;
  height: 60px;
  border-bottom: solid 2px #03256C;
  transition: border-bottom 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.HeroFinder__button:focus {
  outline: none;
}

.HeroFinder__input {
  width: 100%;
  height: 60px;
  padding-left: 1.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  border-bottom: solid 2px #03256C;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.HeroFinder__input:focus {
  border-bottom: solid 2px #C6F933;
}

.HeroFinder__input:focus~.HeroFinder__button {
  border-bottom: solid 2px #C6F933;
}

.HeroFinder__populated {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.HeroFinder__populated h2 {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
}

@media (min-width: 768px) {
  .HeroFinder__populated h2 {
    font-size: 24px;
  }
}

.HeroFinder__populated p {
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 768px) {
  .HeroFinder__populated p {
    font-size: 24px;
  }
}

.HeroFinder__populated--results {
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  color: #070919;
  font-weight: 700;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  font-size: 20px;
  line-height: 28px;
}

.HeroFinder__populated--button {
  width: 100%;
  height: 60px;
  margin-bottom: 0.5rem;
  outline: none;
}

.HeroFinder__footer--link {
  color: #ADADAD;
  font-size: 13px;
}

.HeroFinder__footer--link a {
  position: relative;
}

.HeroFinder__footer--link a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .HeroFinder__footer--link a:hover {
    cursor: pointer;
  }

  .HeroFinder__footer--link a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.HeroFinder__body--inner-select select {
  width: 100%;
  height: 60px;
  margin-bottom: 1.5rem;
  padding: 1rem;
  color: #070919;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='10.414'%3E%3Cpath fill='none' stroke='%231b4ad2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.414 1.414 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  border-bottom: solid 2px #03256C;
  outline: none;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  line-height: 24px;
}

.HeroFinder__body--inner-select select:focus,
.HeroFinder__body--inner-select select:hover {
  color: #070919;
  border-bottom: solid 2px #C6F933;
}

.HeroFinder__body--inner-select option {
  color: #070919;
}

.HeroFinder__input::-moz-placeholder {
  color: #03256C;
  font-weight: 600;
}

.HeroFinder__input::placeholder {
  color: #03256C;
  font-weight: 600;
}

.HeroFinder__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #03256C;
  font-weight: 600;
}

.HeroFinder__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.HeroFinder__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.HeroFinder__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #03256C;
  font-weight: 600;
}

.HeroTrustBar {
  padding: 0.65rem;
  background-color: #03256C;
  margin: 0;
}

.HeroTrustBar__list--item {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.HeroTrustBar__list--item h5 {
  color: #ffffff;
}

.HeroTrustBar__list--item p {
  font-size: 12px;
}

.HeroTrustBar__nav {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 16px);
  margin-top: -6px;
  padding: 0 0.6rem;
  pointer-events: none;
}

.HeroTrustBar__nav .swiper-prev,
.HeroTrustBar__nav .swiper-next {
  pointer-events: all;
}

@media (min-width: 1200px) {
  .HeroTrustBar__nav {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Breadcrumbs
|--------------------------------------------------------------------------
| @namespace: Breadcrumbs
|
*/
.Breadcrumbs {
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
}

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

@media (min-width: 768px) {
  .Breadcrumbs__list {
    display: block;
  }
}

.Breadcrumbs__list--mobile {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

@media (min-width: 768px) {
  .Breadcrumbs__list--mobile {
    display: none;
  }
}

.Breadcrumbs__list--mobile::before {
  width: 14px;
  height: 13px;
  margin-bottom: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 10.7 10.8' viewBox='0 0 10.7 10.8'%3E%3Cpath d='M5.1.6.6 5.4l4.5 4.7' style='fill:none;stroke:%2303256c;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10'/%3E%3Cpath d='M10 5.4H1.6' style='fill:none;stroke:%2303256c;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10'/%3E%3C/svg%3E");
}

.Breadcrumbs__item {
  display: inline-block;
}

.Breadcrumbs__item+.Breadcrumbs__item:before {
  display: inline-block;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  content: "|";
}

.Breadcrumbs__link {
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .Breadcrumbs__link {
    position: relative;
  }

  .Breadcrumbs__link::after {
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    content: "";
  }
}

@media (min-width: 768px) and (hover: hover) {
  .Breadcrumbs__link:hover {
    cursor: pointer;
  }

  .Breadcrumbs__link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.Breadcrumbs__link[aria-current=location] {
  font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| BreadcrumbsCheckout
|--------------------------------------------------------------------------
| @namespace: BreadcrumbsCheckout
|
*/
.BreadcrumbsCheckout {
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
}

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

@media (min-width: 768px) {
  .BreadcrumbsCheckout__list {
    display: block;
  }
}

.BreadcrumbsCheckout__list--mobile {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

@media (min-width: 768px) {
  .BreadcrumbsCheckout__list--mobile {
    display: none;
  }
}

.BreadcrumbsCheckout__list--mobile::before {
  width: 14px;
  height: 13px;
  margin-bottom: 2px;
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 10.7 10.8' viewBox='0 0 10.7 10.8'%3E%3Cpath d='M5.1.6.6 5.4l4.5 4.7' style='fill:none;stroke:%2303256c;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10'/%3E%3Cpath d='M10 5.4H1.6' style='fill:none;stroke:%2303256c;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10'/%3E%3C/svg%3E"); */
}

.BreadcrumbsCheckout__item {
  display: inline-block;
}

.BreadcrumbsCheckout__item+.BreadcrumbsCheckout__item::before {
  margin: 0 6px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.69' height='9.98'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m.99 8.99 4-4-4-4' data-name='Path 12218'/%3E%3C/svg%3E");
}

.BreadcrumbsCheckout__link {
  font-size: 14px;
  line-height: 22px;
  color: #ADADAD;
}

.BreadcrumbsCheckout__link[aria-current=location] {
  color: #03256C;
  font-weight: 600;
}

.TrustBar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 3rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 900px) {
  .TrustBar {
    grid-template-columns: repeat(4, 1fr);
  }
}

.TrustBar__column {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  text-align: center;
}

.TrustBar__column h3 {
  color: #070919;
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0;
}

.TrustBar__icon {
  display: inline-block;
}

.TrustPilot {
  padding: 2rem;
  background-color: #F5F5F5;
}

.Info {
  font-size: 12px;
  line-height: 20px;
  position: relative;
  display: flex;
  align-items: center;
}

.Info a {
  margin: 0 3px;
  text-decoration: underline;
}

.Info__icon {
  margin-right: 8px;
}

.Tooltip {
  position: absolute;
  left: 0;
  padding: 6px;
  color: #ffffff;
  white-space: nowrap;
  background-color: #03256C;
  border-radius: 4px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  transform: translateX(calc(-100% - 12px));
  font-size: 12px;
  line-height: 20px;
}

.Tooltip:after {
  position: absolute;
  top: 50%;
  right: -3px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #03256C;
  border-radius: 1px;
  transform: translateY(-50%) rotate(45deg);
  content: "";
}

.FittingFinder__wrapper {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 768px) {
  .FittingFinder__wrapper {
    flex-direction: row;
  }
}

.FittingFinder__secondary {
  position: relative;
  min-width: 360px;
  height: auto;
}


.FittingFinder__container {
  z-index: 3;
}

@media (min-width: 900px) {
  .FittingFinder__container {
    display: flex;
    gap: 1rem;
    align-items: center;
  }
}

.FittingFinder__primary--title {
  color: #ffffff;
}


.FittingFinder__buttons {
  position: relative;
  z-index: 1;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.FittingFinder__btn {
  width: 100%;
  padding: 0.9rem;
  color: #868686;
  font-weight: 600;
  background-color: #F5F5F5;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .FittingFinder__btn:hover {
    color: #1B4AD2;
  }
}

.FittingFinder__btn:focus {
  outline: none;
}

.FittingFinder__btn.active {
  color: #1B4AD2;
  background-color: #ffffff;
}

.FittingFinder__body {
  position: relative;
}

.FittingFinder__body--inner {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0.8rem 1.5rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .FittingFinder__body--inner {
    padding: 0.8rem 1rem 1rem;
  }
}

.FittingFinder__body--inner-title {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
}

.FittingFinder__body--inner-content {
  line-height: 28px;
}

@media (min-width: 768px) {
  .FittingFinder__body--inner-content {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 1.2rem;
  }
}

.FittingFinder__body--inner.active {
  display: block;
  position: relative;
}

.FittingFinder__primary--form {
  display: flex;
  margin-bottom: 0.6rem;
}

.FittingFinder__button {
  min-width: 124px;
  height: 64px;
  border-bottom: solid 2px #03256C;
  transition: border-bottom 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FittingFinder__button:focus {
  outline: none;
}

.FittingFinder__input {
  width: 100%;
  height: 64px;
  padding-left: 1.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  border-bottom: solid 2px #03256C;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FittingFinder__input:focus {
  border-bottom: solid 2px #C6F933;
}

.FittingFinder__input:focus~.FittingFinder__button {
  border-bottom: solid 2px #C6F933;
}

.FittingFinder__populated {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.FittingFinder__populated h2 {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
}

@media (min-width: 768px) {
  .FittingFinder__populated h2 {
    font-size: 24px;
  }
}

.FittingFinder__populated p {
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 768px) {
  .FittingFinder__populated p {
    font-size: 24px;
  }
}

.FittingFinder__populated--results {
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  color: #070919;
  font-weight: 700;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  font-size: 20px;
  line-height: 28px;
}

.FittingFinder__populated--button {
  width: 100%;
  height: 64px;
  margin-bottom: 0.5rem;
  outline: none;
}

.FittingFinder__footer--link-primary {
  margin-bottom: 2rem;
}

.FittingFinder__footer--link,
.FittingFinder__footer--link-primary {
  color: #ADADAD;
  font-size: 13px;
}

.FittingFinder__footer--link a,
.FittingFinder__footer--link-primary a {
  position: relative;
}

.FittingFinder__footer--link a::after,
.FittingFinder__footer--link-primary a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {

  .FittingFinder__footer--link a:hover,
  .FittingFinder__footer--link-primary a:hover {
    cursor: pointer;
  }

  .FittingFinder__footer--link a:hover::after,
  .FittingFinder__footer--link-primary a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.FittingFinder__body--inner-select select {
  width: 100%;
  height: 64px;
  margin-bottom: 1.5rem;
  padding: 1rem;
  color: #070919;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='10.414'%3E%3Cpath fill='none' stroke='%231b4ad2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.414 1.414 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  border-bottom: solid 2px #03256C;
  outline: none;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  line-height: 26px;
}

.FittingFinder__body--inner-select select:focus,
.FittingFinder__body--inner-select select:hover {
  color: #070919;
  border-bottom: solid 2px #C6F933;
}

.FittingFinder__input::-moz-placeholder {
  color: #03256C;
  font-weight: 600;
}

.FittingFinder__input::placeholder {
  color: #03256C;
  font-weight: 600;
}

.FittingFinder__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #03256C;
  font-weight: 600;
}

.FittingFinder__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.FittingoFinder__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.FittingFinder__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #03256C;
  font-weight: 600;
}

.TyresFinder__container {
  z-index: 3;
}

@media (min-width: 900px) {
  .TyresFinder__container {
    display: flex;
    gap: 1rem;
    align-items: center;
  }
}

.TyresFinder__primary {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
}

@media (min-width: 900px) {
  .TyresFinder__primary {
    min-height: unset;
  }
}

@media (min-width: 1200px) {
  .TyresFinder__secondary {
    margin-right: 7rem;
  }
}

.TyresFinder__primary--title {
  color: #ffffff;
}

.TyresFinder {
  min-height: 334px;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .TyresFinder {
    min-width: 445px;
    min-height: 370px;
  }
}

@media (min-width: 900px) {
  .TyresFinder {
    margin-bottom: 0;
  }
}

.TyresFinder__buttons {
  position: relative;
  z-index: 1;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.TyresFinder__btn {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.9rem;
  color: #868686;
  font-weight: 600;
  background-color: #F5F5F5;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .TyresFinder__btn:hover {
    color: #1B4AD2;
  }
}

.TyresFinder__btn:focus {
  outline: none;
}

.TyresFinder__btn.active {
  color: #1B4AD2;
  background-color: #ffffff;
}

.TyresFinder__body {
  position: relative;
}

.TyresFinder__body--inner {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0.8rem 1.5rem 1.5rem;
  background-color: #ffffff;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.45);
}

@media (min-width: 768px) {
  .TyresFinder__body--inner {
    padding: 0.8rem 2rem 2rem;
  }
}

.TyresFinder__body--inner-title {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 700;
  font-size: 24px;
}

@media (min-width: 768px) {
  .TyresFinder__body--inner-title {
    font-size: 26px;
  }
}

.TyresFinder__body--inner-content {
  line-height: 28px;
}

@media (min-width: 768px) {
  .TyresFinder__body--inner-content {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 1.2rem;
  }
}

.TyresFinder__body--inner.active {
  display: block;
}

.TyresFinder__primary--form {
  display: flex;
  margin-bottom: 0.6rem;
}

.TyresFinder__button {
  min-width: 124px;
  height: 64px;
  border-bottom: solid 2px #03256C;
  transition: border-bottom 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.TyresFinder__button:focus {
  outline: none;
}

.TyresFinder__input {
  width: 100%;
  height: 64px;
  padding-left: 1.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  border-bottom: solid 2px #03256C;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.TyresFinder__input:focus {
  border-bottom: solid 2px #C6F933;
}

.TyresFinder__input:focus~.TyresFinder__button {
  border-bottom: solid 2px #C6F933;
}

.TyresFinder__populated {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.TyresFinder__populated h2 {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
}

@media (min-width: 768px) {
  .TyresFinder__populated h2 {
    font-size: 24px;
  }
}

.TyresFinder__populated p {
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 768px) {
  .TyresFinder__populated p {
    font-size: 24px;
  }
}

.TyresFinder__populated--results {
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  color: #070919;
  font-weight: 700;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  font-size: 20px;
  line-height: 28px;
}

.TyresFinder__populated--button {
  width: 100%;
  min-width: auto;
  height: 64px;
  outline: none;
}

.TyresFinder__footer--link {
  margin-top: 1rem;
  color: #ADADAD;
  font-size: 13px;
}

.TyresFinder__footer--link a {
  position: relative;
}

.TyresFinder__footer--link a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .TyresFinder__footer--link a:hover {
    cursor: pointer;
  }

  .TyresFinder__footer--link a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

.TyresFinder__body--inner-select {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

.TyresFinder__body--inner-select select {
  width: 100%;
  height: 64px;
  padding: 1rem;
  color: #070919;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='10.414'%3E%3Cpath fill='none' stroke='%231b4ad2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.414 1.414 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  border-bottom: solid 2px #03256C;
  outline: none;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  line-height: 26px;
}

.TyresFinder__body--inner-select select:focus,
.TyresFinder__body--inner-select select:hover {
  color: #070919;
  border-bottom: solid 2px #C6F933;
}

.TyresFinder__input::-moz-placeholder {
  color: #03256C;
  font-weight: 600;
}

.TyresFinder__input::placeholder {
  color: #03256C;
  font-weight: 600;
}

.TyresFinder__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #03256C;
  font-weight: 600;
}

.TyresFinder__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.TyresFinder__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.TyresFinder__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #03256C;
  font-weight: 600;
}

.TyresFinder__wheel {
  margin: 0 auto 1rem;
}

.TyresModal {
  width: 100%;
  padding: 1rem;
  background-color: #ffffff;
}

@media (min-width: 900px) {
  .TyresModal {
    width: 840px;
    padding: 3rem;
  }
}

.TyresModal__exit {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 17px;
  height: 17px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.TyresModal__header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .TyresModal__header {
    flex-direction: row;
  }
}

.TyresModal__card--primary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  font-size: 24px;
}

.TyresModal__card--primary h3 {
  font-weight: 700;
}

.TyresModal__card--primary span {
  font-weight: 400;
}

.TyresModal__card--primary-header {
  margin-bottom: 2rem;
}

.TyresModal__card--primary-card {
  border-bottom: solid 2px #03256C;
}

.TyresModal__card--title {
  margin-bottom: 0.7rem;
  font-weight: 600;
  font-size: 18px;
}

.TyresModal__card--wrapper {
  width: 100%;
}

.TyresModal__card {
  border: solid 2px #EAEAEA;
}

.TyresModal__card--header {
  padding: 0.9rem 1.2rem;
  font-weight: 700;
  font-size: 20px;
  background-color: #F5F5F5;
}

.TyresModal__card--footer {
  display: flex;
  gap: 2rem;
  padding: 0.7rem 1.2rem 0.9rem;
}

.TyresModal__card--footer span {
  color: #6A6B75;
  font-size: 12px;
}

.TyresModal__card--footer h5 {
  margin-bottom: 0.2rem;
  font-weight: 600;
}

.TyresModal__card--label {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.TyresModal__checkbox {
  display: none;
}

.TyresModal__checkbox+label:before {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: transparent;
  vertical-align: bottom;
  border: 2px solid #1B4AD2;
  cursor: pointer;
  transition: 0.2s;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' xml:space='preserve' style='enable-background:new 0 0 8.7 6.6' viewBox='0 0 8.7 6.6'%3E%3Cpath d='m.8 3.8 2.8 2L7.9.9' style='fill:none;stroke:%23fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10'/%3E%3C/svg%3E");
}

.TyresModal__checkbox+label:active:before {
  transform: scale(0);
}

.TyresModal__checkbox:checked+label:before {
  color: #fff;
  background-color: #1B4AD2;
  border-color: #1B4AD2;
}

.TyresModal__checkbox:disabled+label:before {
  border-color: #aaa;
  transform: scale(1);
}

.TyresModal__checkbox:checked:disabled+label:before {
  background-color: #bfb;
  border-color: #bfb;
  transform: scale(1);
}

.TyresModal__footer {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .TyresModal__footer {
    grid-template-columns: 1fr 1fr;
  }
}

.TyresModal__footer--header {
  margin-bottom: 2rem;
  text-align: center;
}

.TyresModal__footer--header h2 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 20px;
}

@media (min-width: 768px) {
  .TyresModal__footer--header h2 {
    font-size: 24px;
  }
}

.TyresModal__footer--header p {
  font-size: 12px;
}

.TyresModal__divider {
  margin-top: 2rem;
  border-top: solid 1px #EAEAEA;
}

.TyresModal__divider--or-wrapper {
  position: relative;
  top: -11px;
  width: 60px;
  margin: 0 auto;
  background-color: #ffffff;
}

.TyresModal__divider--or {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  background-color: #393A47;
  border-radius: 50%;
}

.TyresModal__button {
  width: 100%;
  margin-top: 1.5rem;
}

.TyresModal__footer--link {
  margin-top: 1rem;
  font-size: 14px;
}

.TyresModal__footer--link button {
  color: #1B4AD2;
  font-weight: 600;
}

.TyresModal__footer--link button:hover {
  color: #03256C;
}

.TyresModal.active .TyresModal__primary {
  display: none;
}

.TyresModal__secondary {
  display: none;
}

.TyresModal.active .TyresModal__secondary {
  display: block;
}

.TyresModal__secondary--title {
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

.TyresModal__secondary--footer-link {
  margin-top: 1rem;
  font-size: 13px;
}

.TyresModal__secondary--select {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .TyresModal__secondary--select {
    grid-template-columns: 1fr 1fr;
  }
}

.TyresModal__secondary--select select {
  width: 100%;
  height: 64px;
  padding: 1rem;
  color: #070919;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='10.414'%3E%3Cpath fill='none' stroke='%231b4ad2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.414 1.414 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95%;
  border-bottom: solid 2px #03256C;
  outline: none;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  line-height: 26px;
}

.TyresModal__secondary--select select:focus,
.TyresModal__secondary--select select:hover {
  color: #070919;
  border-bottom: solid 2px #C6F933;
}

/*
|--------------------------------------------------------------------------
| Generic Accordion
|--------------------------------------------------------------------------
| @namespace: Accordion
|
*/
.Accordion__header {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .Accordion__header {
    margin-bottom: 1.5rem;
  }
}

.Accordion__header a {
  color: #1B4AD2;
  font-weight: 700;
  white-space: nowrap;
  font-size: 18px;
  line-height: 26px;
  position: relative;
}

@media (min-width: 900px) {
  .Accordion__header a {
    font-size: 20px;
    line-height: 28px;
  }
}

.Accordion__header a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .Accordion__header a:hover {
    cursor: pointer;
  }

  .Accordion__header a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (hover: hover) {
  .Accordion__header a:hover {
    color: #070919;
  }
}

.Accordion__wrapper {
  margin-bottom: 3rem;
}

.Accordion__wrapper:last-of-type {
  margin-bottom: 0;
}

.Accordion__wrapper h2 {
  margin-bottom: 1rem;
}

.Accordion__item {
  margin-bottom: 1.2rem;
}

.Accordion__item.active .Accordion__title {
  color: #ffffff;
  background-color: #03256C;
}

.Accordion__item.active .Accordion__content {
  height: auto;
}

.Accordion__item.active .Accordion__title::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='7.811'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m13.061 6.75-6-6-6 6' data-name='Path 12750'/%3E%3C/svg%3E");
}

.Accordion__title {
  position: relative;
  padding: 1rem 3.2rem 1rem 1rem;
  color: #070919;
  font-weight: 600;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 768px) {
  .Accordion__title {
    padding: 1.5rem 3.2rem 1.5rem 2rem;
    font-size: 20px;
  }
}

.Accordion__title::after {
  position: absolute;
  top: 29px;
  right: 25px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='7.811'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.061 1.061 6 6 6-6' data-name='Path 12747'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .Accordion__title:hover {
    color: #ffffff;
    background-color: #03256C;
  }

  .Accordion__title:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='7.811'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.061 1.061 6 6 6-6' data-name='Path 12747'/%3E%3C/svg%3E");
  }
}

.Accordion__title.active {
  background-color: #03256C;
  color: #ffffff;
}

.Accordion__content {
  /* height: 0; */
  /* margin-top: -3px; */
  overflow: hidden;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  transition: height 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.Accordion__content--inner {
  margin-top: 3px;
  padding: 1rem;
  color: #070919;
}

@media (min-width: 768px) {
  .Accordion__content--inner {
    padding: 2rem;
  }
}

.FeaturedImage {
  position: relative;
  min-height: 160px;
}

@media (min-width: 768px) {
  .FeaturedImage {
    min-height: 423px;
  }
}

.TextSection {
  max-width: 60rem;
  margin: 0 auto;
}

.TextSection h2 {
  margin-bottom: 1rem;
}

.TextSection h3 {
  margin-bottom: 0.2rem;
  color: #070919;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.TextSection p {
  margin-bottom: 1.5rem;
}

.TextSection p:last-of-type {
  margin-bottom: 0;
}

.ArticlePagination {
  display: flex;
  justify-content: space-between;
}

.ArticlePagination__prev,
.ArticlePagination__next {
  position: relative;
}

.ArticlePagination__prev a,
.ArticlePagination__next a {
  margin-bottom: 0.1rem;
  color: #03256C;
  font-weight: 600;
}

@media (min-width: 768px) {

  .ArticlePagination__prev a,
  .ArticlePagination__next a {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (hover: hover) {

  .ArticlePagination__prev a:hover,
  .ArticlePagination__next a:hover {
    color: #070919;
  }
}

.ArticlePagination__prev h5,
.ArticlePagination__next h5 {
  font-size: 14px;
  line-height: 22px;
}

.ArticlePagination__prev h5 {
  margin-left: 1.8rem;
}

.ArticlePagination__next h5 {
  margin-right: 1.8rem;
}

.ArticlePagination__next {
  text-align: right;
}

.ArticlePagination__prev a::before {
  margin-right: 0.9rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.311' height='14.121'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.561 7.061h-12.5m0 0 6-6m-6 6 6 6' data-name='Path 12753'/%3E%3C/svg%3E");
}

.ArticlePagination__next a::after {
  margin-left: 0.9rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.311' height='14.121'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75 7.061h12.5m0 0-6 6m6-6-6-6' data-name='Path 12754'/%3E%3C/svg%3E");
}

.Table {
  width: 100%;
}

.Table thead th {
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
  background: #03256C;
  border-right: solid 1px #ffffff;
  font-size: 18px;
  line-height: 26px;
}

@media (min-width: 768px) {
  .Table thead th {
    white-space: unset;
  }
}

.Table tr {
  background: #ffffff;
}

.Table tr:nth-child(even) {
  background: #F5F5F5;
}

.Table th,
.Table td {
  padding: 1rem;
  text-align: left;
  border-right: solid 1px #ffffff;
}

.TableWrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.TableWrapper::-webkit-scrollbar {
  width: 10px;
}

.TableWrapper::-webkit-scrollbar:horizontal {
  height: 10px;
}

.TableWrapper::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

.TableWrapper::-webkit-scrollbar-thumb {
  background: #03256C;
  border-radius: 6px;
}

.SubCategoryHeader {

  align-items: center;
}

@media (min-width: 900px) {
  .SubCategoryHeader {
    display: flex;
    /* align-items: flex-end; */
    justify-content: space-between;
  }
}

.SubCategoryHeader__link {
  font-size: 18px;
  line-height: 26px;
  color: #1B4AD2;
  font-weight: 600;
}

.SubCategoryHeader__search {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 900px) {
  .SubCategoryHeader__search {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.SubCategoryHeader__search--input {
  min-width: 100%;
  height: 48px;
  padding: 0.6rem 0.6rem 0.6rem 2.5rem;
  color: #03256C;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.106' height='17.106'%3E%3Cpath fill='%2303256c' d='M8.553 0a8.553 8.553 0 1 0 8.553 8.553A8.563 8.563 0 0 0 8.553 0Zm4.068 12.621a.713.713 0 0 1-1.008 0L9.7 10.713A3.924 3.924 0 1 1 10.713 9.7l1.908 1.908a.713.713 0 0 1 0 1.013Z' data-name='Path 12760'/%3E%3Ccircle cx='2' cy='2' r='2' fill='%2303256c' data-name='Ellipse 154' transform='translate(5.48 5.48)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px;
  border-bottom: solid 2px #03256C;
  font-size: 14px;
  line-height: 22px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 900px) {
  .SubCategoryHeader__search--input {
    min-width: 400px;
  }
}

.SubCategoryHeader__search--input:focus {
  border-bottom: solid 2px #C6F933;
}

.SubCategoryHeader__search--input::-moz-placeholder {
  color: #03256C;
  font-weight: 600;
}

.SubCategoryHeader__search--input::placeholder {
  color: #03256C;
  font-weight: 600;
}

.SubCategoryHeader__search--input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #03256C;
  font-weight: 600;
}

.SubCategoryHeader__search--input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.SubCategoryHeader__search--input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #03256C;
  font-weight: 600;
  opacity: 1;
}

.SubCategoryHeader__search--input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #03256C;
  font-weight: 600;
}

.SubCategoryHeader__pag--list {
  position: relative;
  height: 106px;
  overflow: hidden;
}

@media (min-width: 900px) {
  .SubCategoryHeader__pag--list {
    height: auto;
  }
}

.SubCategoryHeader__pag--list:after {
  position: absolute;
  top: 0;
  width: 100%;
  content: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  pointer-events: none;
}

.SubCategoryHeader__pag.active .SubCategoryHeader__pag--list:after {
  content: "";
}

.SubCategoryHeader__pag.active .SubCategoryHeader__pag--list {
  height: auto;
}

.SubCategoryHeader__pag--showmore {
  display: block;
  margin-top: 0.5rem;
  text-align: center;
  backdrop-filter: blur(0.5px);
  padding-top: 45px;
  position: relative;
  top: -45px;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
}

.SubCategoryHeader__pag.active .SubCategoryHeader__pag--showmore {
  backdrop-filter: unset;
  background: none;
}

@media (min-width: 768px) {
  .SubCategoryHeader__pag--showmore {
    display: none;
  }
}

.SubCategoryHeader__pag--showmore button {
  color: #1B4AD2;
  font-weight: 700;
  outline: none;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .SubCategoryHeader__pag--showmore button:hover {
    color: #070919;
  }
}

.SubCategoryHeader__pag.active .SubCategoryHeader__pag--more {
  display: none;
}

.SubCategoryHeader__pag--less {
  display: none;
}

.SubCategoryHeader__pag.active .SubCategoryHeader__pag--less {
  display: inline-block;
}

.SubCategoryHeader__pag ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 0.5rem;
}

.SubCategoryHeader__pag ul li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #1B4AD2;
  font-weight: 700;
  background-color: #F5F5F5;
  border-bottom: solid 2px #F5F5F5;
  outline: none;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 18px;
  line-height: 26px;
}

@media (hover: hover) {
  .SubCategoryHeader__pag ul li button:hover {
    color: #C6F933;
    background-color: #03256C;
    border-bottom: solid 2px #C6F933;
  }
}

.SubCategoryCards__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (min-width: 768px) {
  .SubCategoryCards__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .SubCategoryCards__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.SubCategoryCards__grid--model {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

@media (min-width: 768px) {
  .SubCategoryCards__grid--model {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .SubCategoryCards__grid--model {
    grid-template-columns: repeat(4, 1fr);
  }
}

.SubCategoryCard__header {
  padding: 1.2rem 1.5rem;
  background-color: #EAEAEA;
}

.SubCategoryCard {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 100%;
  padding: 1rem;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .SubCategoryCard {
    padding: 1.2rem 1.5rem;
  }
}

.SubCategoryCard__primary {
  color: #070919;
  font-weight: 600;
}

@media (min-width: 768px) {
  .SubCategoryCard__primary h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.SubCategoryCard__primary--footer {
  color: #ADADAD;
  font-size: 10px;
}

@media (min-width: 768px) {
  .SubCategoryCard__primary--footer {
    font-size: 14px;
    line-height: 22px;
  }
}

.SubCategoryCard__primary--footer span {
  font-weight: 600;
}

.SubCategoryCard__primary--footer a {
  margin-right: 0.5rem;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 12px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (min-width: 768px) {
  .SubCategoryCard__primary--footer a {
    font-size: 16px;
  }
}

@media (hover: hover) {
  .SubCategoryCard__primary--footer a:hover {
    color: #070919;
  }
}

.SubCategoryCard__secondary img {
  width: 34px;
  height: auto;
}

@media (min-width: 900px) {
  .SubCategoryCard__secondary img {
    width: 60px;
    height: auto;
  }
}

.SubCategoryCard__secondary--model img {
  width: 78px;
  height: auto;
}

@media (min-width: 900px) {
  .SubCategoryCard__secondary--model img {
    width: 100px;
    height: auto;
  }
}

.SubCategoryCard__figure {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 24px;
}

@media (min-width: 768px) {
  .SubCategoryCard__figure {
    font-size: 40px;
  }
}

.SubCategoryCard__header--year {
  color: #393A47;
  font-size: 12px;
}

@media (min-width: 768px) {
  .SubCategoryCard__header--year {
    font-size: 18px;
  }
}

.SubCategoryCard__header--models {
  color: #393A47;
  color: #070919;
  font-weight: 600;
}

@media (min-width: 768px) {
  .SubCategoryCard__header--models {
    font-size: 26px;
  }
}

.FeaturedProduct {
  position: relative;
}

.FeaturedProduct .swiper {
  overflow: visible;
}


@media (min-width: 768px) {
  .FeaturedProduct__header {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}

.FeaturedProduct__header a {
  color: #1B4AD2;
  font-weight: 700;
  white-space: nowrap;
  font-size: 16px;
  line-height: 26px;
  position: relative;
}

@media (min-width: 900px) {
  .FeaturedProduct__header a {
    font-size: 20px;
    line-height: 28px;
  }
}

.FeaturedProduct__header a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .FeaturedProduct__header a:hover {
    cursor: pointer;
  }

  .FeaturedProduct__header a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (hover: hover) {
  .FeaturedProduct__header a:hover {
    color: #070919;
  }
}

.FeaturedProduct__img--wrapper {
  position: relative;
  margin-bottom: 0.8rem;
  padding: 25px;
  background-color: #F5F5F5;
}

@media (hover: hover) {
  .FeaturedProduct__img--wrapper:hover .FeaturedProduct__img {
    transform: translateY(-10px);
  }

  .FeaturedProduct__img--wrapper:hover .FeaturedProduct__addtofav {
    transform: translateY(0);
    opacity: 1;
  }
}

.FeaturedProduct__link {
  display: inline;
}

.FeaturedProduct__img {
  position: relative;
  padding-top: 100%;
  mix-blend-mode: multiply;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FeaturedProduct__nav {
  position: absolute;
  top: 38%;
  z-index: 1;
  display: none;
  justify-content: space-between;
  width: 100%;
  margin-top: -6px;
  pointer-events: none;
}

.FeaturedProduct__nav .swiper-prev,
.FeaturedProduct__nav .swiper-next {
  pointer-events: all;
}

.FeaturedProduct__nav .swiper-prev {
  /* margin-left: -10px; */
  transform: rotate(180deg);
}

.FeaturedProduct__nav .swiper-next {
  /* margin-right: -10px; */
}

@media (min-width: 900px) {
  .FeaturedProduct__nav {
    display: flex;
  }
}

.FeaturedProduct__nav--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 35px;
  background-color: #007bff;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  padding: 6px;
  border-radius: 6px;
}

@media (hover: hover) {
  .FeaturedProduct__nav--btn:hover {
    background-color: #03256C;
  }
}

.FeaturedProduct__addtofav {
  position: absolute;
  top: 1rem;
  right: 1rem;
  transform: translateY(-5px);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.FeaturedProduct__offer {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 2;
  padding: 0.2rem 0.8rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  background-color: #FF1D15;
}

@media (min-width: 768px) {
  .FeaturedProduct__offer {
    font-size: 14px;
    line-height: 22px;
  }
}

.FeaturedProduct__title {
  margin-bottom: 0.2rem;
}

.FeaturedProduct__title a {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.ProductGallery__arrow svg {
  height: 100% !important;
}

@media (min-width: 768px) {
  .FeaturedProduct__title a {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (hover: hover) {
  .FeaturedProduct__title a:hover {
    color: #1B4AD2;
  }
}

.FeaturedProduct__divider {
  display: none;
  width: 2px;
  height: 20px;
  background-color: #EAEAEA;
}

@media (min-width: 768px) {
  .FeaturedProduct__divider {
    display: block;
  }
}

.FeaturedProduct__variations {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0;
  color: #505050;
  font-size: 16px;
}

.FeaturedProduct__swatch--wrapper .more,
.FeaturedProduct__size--wrapper .more {
  font-size: 13px !important;
}

@media (min-width: 768px) {
  .FeaturedProduct__variations {
    flex-direction: row;
    gap: 1.2rem;
  }
}

.FeaturedProduct__colours,
.FeaturedProduct__sizes,
.FeaturedProduct__swatch--wrapper,
.FeaturedProduct__size--wrapper {
  display: flex;
  gap: 8px;
}

.FeaturedProduct__swatch {
  width: 20px;
  height: 20px;
  border: solid 1px #9C9DA3;
  border-radius: 50%;
}

.FeaturedProduct__swatch.red {
  background-color: #FF1D15;
}

.FeaturedProduct__swatch.green {
  background-color: #006400;
}

.FeaturedProduct__swatch.yellow {
  background-color: #ffd700;
}

.FeaturedProduct__swatch.blue {
  background-color: #00008b;
}

.FeaturedProduct__swatch.orange {
  background-color: #c55f0c;
}

.FeaturedProduct__price--wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 15px !important;
}

@media (min-width: 768px) {
  .FeaturedProduct__price--wrapper {
    flex-direction: row;
    gap: 1.2rem;
    align-items: center;
  }
}

.FeaturedProduct__price {
  display: flex;
  gap: 0.25rem;
  color: #03256C;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
}

.FeaturedProduct__price--sale-old {
  color: #868686;
}

.FeaturedProduct__price--sale-new {
  color: #FF1D15;
}

.FeaturedProduct__newpay {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 12px;
}

.FeaturedProduct__newpay span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.CtaGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 900px) {
  .CtaGrid {
    grid-template-columns: 1fr 1fr;
  }
}

.CtaGrid__img {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 227px;
  padding: 2rem;
}

@media (min-width: 900px) {
  .CtaGrid__img {
    min-height: 474px;
    padding: 3rem;
  }
}

.CtaGrid__img::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 9, 25, 0.2);
  background-blend-mode: multiply;
  content: "";
  pointer-events: none;
}

.CtaGrid__content {
  position: relative;
  z-index: 1;
}

.CtaGrid__content--title {
  margin-bottom: 1.5rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}

@media (min-width: 768px) {
  .CtaGrid__content--title {
    font-size: 48px;
    line-height: 54px;
  }
}

@media (min-width: 900px) {
  .CustomersGallery {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    gap: 2rem;
  }
}

.CustomersGallery__carousel {
  position: relative;
}

.CustomersGallery__img {
  position: relative;
  padding-top: 100%;
}

.CustomersGallery__primary {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 5;
  align-items: flex-start;
  justify-content: center;
}

.CustomersGallery__primary h2 {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 700;
}

@media (min-width: 768px) {
  .CustomersGallery__primary h2 {
    margin-bottom: 1rem;
  }
}

.CustomersGallery__primary p {
  font-size: 18px;
  line-height: 26px;
  max-width: 360px;
  margin-bottom: 1.5rem;
  color: #070919;
}

@media (min-width: 768px) {
  .CustomersGallery__primary p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 2.5rem;
  }
}

.CustomersGallery__primary a {
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .CustomersGallery__primary a {
    margin-bottom: 0;
  }
}

.CustomersGallery__secondary {
  grid-column-start: 5;
  grid-column-end: -1;
}

.CustomersGallery__nav {
  position: absolute;
  top: 50%;
  z-index: 1;
  /* display: none; */
  justify-content: space-between;
  width: 100%;
  margin-top: -24px;
  pointer-events: none;
}

.CustomersGallery__nav .swiper-prev,
.CustomersGallery__nav .swiper-next {
  pointer-events: all;
}

.CustomersGallery__nav .swiper-prev {
  margin-left: -10px;
  transform: rotate(180deg);
}

.CustomersGallery__nav .swiper-next {
  margin-right: -10px;
}

/* @media (min-width: 900px) {
  .CustomersGallery__nav {
    display: flex;
  }
} */

.CustomersGallery__nav--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #1B4AD2;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .CustomersGallery__nav--btn:hover {
    background-color: #03256C;
  }
}

.NewPayBanner .Svg {
  width: 100%;
  height: auto;
}

/* ----------------------------------------------------------------------
| User Account
|------------------------------------------------------------------------
*/
.AccountLogin__Breadcrumbs {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.AccountLogin__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 522px;
  padding-bottom: 8rem;
}

.AccountLogin__title {
  margin-bottom: 1.5rem;
  color: #070919;
  font-weight: 700;
  text-align: center;
}

.AccountLogin {
  border: solid 2px #F5F5F5;
}

.AccountLogin__buttons {
  position: relative;
  z-index: 1;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.AccountLogin__btn {
  width: 100%;
  padding: 0.9rem;
  color: #868686;
  font-weight: 700;
  background-color: #F5F5F5;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .AccountLogin__btn:hover {
    color: #1B4AD2;
  }
}

.AccountLogin__btn:focus {
  outline: none;
}

.AccountLogin__btn.active {
  color: #1B4AD2;
  background-color: #ffffff;
}

.AccountLogin__body {
  position: relative;
}

.AccountLogin__body--inner {
  display: none;
  width: 100%;
  padding: 0.8rem 1.5rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .AccountLogin__body--inner {
    padding: 0.8rem 2rem 2rem;
  }
}

.AccountLogin__body--inner.active {
  display: block;
}

.AccountLogin__sub--title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.AccountLogin__form {
  display: flex;
  flex-direction: column;
}

.AccountLogin__desc {
  margin-bottom: 1rem;
}

.AccountForms__label {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #03256C;
  font-weight: 600;
}

.AccountForms__input {
  width: 100%;
  padding-left: 1.5rem;
  color: #03256C;
  font-weight: 600;
  border-bottom: solid 2px #03256C;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.AccountForms__submit,
.AccountForms__input {
  width: 100%;
  height: 56px;
}

.AccountForms__input:focus {
  border-bottom: solid 2px #C6F933;
}

.AccountForms__row {
  margin-bottom: 1.5rem;
}

.AccountForms__row:last-of-type {
  margin-bottom: 0;
}

.AccountForms__forgotpass {
  display: block;
  margin-top: 1rem;
  color: #393A47;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}

@media (hover: hover) {
  .AccountForms__forgotpass:hover {
    text-decoration: none;
  }
}

.AccountForms__remember {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.7rem;
  margin-bottom: 1.2rem;
}

.AccountForms__remember label {
  font-size: 12px;
}

.AccountForms__privacy {
  font-size: 12px;
}

.AccountForms__privacy a {
  text-decoration: underline;
}

@media (hover: hover) {
  .AccountForms__privacy a:hover {
    text-decoration: none;
  }
}

.AccountForms__input::-moz-placeholder {
  color: #ADADAD;
  font-weight: 600;
}

.AccountForms__input::placeholder {
  color: #ADADAD;
  font-weight: 600;
}

.AccountForms__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ADADAD;
}

.AccountForms__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ADADAD;
  opacity: 1;
}

.AccountForms__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ADADAD;
  opacity: 1;
}

.AccountForms__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ADADAD;
}

.AccountSidebar {
  max-width: 246px;
  margin-top: 4.7rem;
}

.AccountSidebar__title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.AccountSidebar__icon {
  transition: fill 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  fill: #03256C;
}

.AccountSidebar__list {
  margin-left: -1rem;
}

.AccountSidebar__list--item {
  margin-bottom: 2px;
}

.AccountSidebar__list--link {
  display: flex;
  gap: 0.5rem;
  padding: 0.8rem 1rem;
}

@media (hover: hover) {
  .AccountSidebar__list--link:hover {
    background-color: #F5F5F5;
  }

  .AccountSidebar__list--link:hover .AccountSidebar__icon {
    fill: #1B4AD2;
  }
}

.AccountSidebar__list--link.active {
  background-color: #F5F5F5;
}

.AccountSidebar__list--link.active .AccountSidebar__icon {
  fill: #1B4AD2;
}

.AccountSidebar__grid {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .AccountSidebar__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .AccountSidebar__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.AccountSidebar__grid--item {
  padding: 2rem 3rem;
  text-align: center;
  background-color: #F5F5F5;
}

.AccountSidebar__grid--icon {
  margin: 0 auto 20px;
  transition: fill 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  fill: #03256C;
}

.AccountSidebar__grid--item-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0.3rem;
  color: #070919;
  font-weight: 700;
}

.AccountSidebar__grid--item-desc {
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .AccountSidebar__grid--link:hover .AccountSidebar__grid--icon {
    fill: #1B4AD2;
  }
}

.AccountSection {
  margin-top: 1rem;
}

.AccountSection__title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
  font-size: 32px;
}

.AccountBox {
  margin-bottom: 2rem;
  border: solid 2px #E6E8E9;
}

.AccountBox:last-of-type {
  margin-bottom: 0;
}

.AccountBox__no--my {
  margin-bottom: 0;
}

.AccountBox__header {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background-color: #F5F5F5;
}

.AccountBox__header--title,
.AccountBox__header--subtitle {
  color: #070919;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.AccountBox__header--subtitle {
  margin-bottom: 1rem;
}

.AccountBox__header--link {
  font-size: 14px;
  line-height: 22px;
  color: #1B4AD2;
  font-weight: 600;
  transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .AccountBox__header--link:hover {
    color: #070919;
  }
}

.AccountBox__footer--link {
  margin-top: 1rem;
}

.AccountBox__body {
  padding: 1rem;
}

.AccountBox__columns {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .AccountBox__columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

.AccountBox__columns--3 {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .AccountBox__columns--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .AccountBox__columns--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.AccountBox__columns--fixed {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.AccountBox__border {
  padding: 1rem;
  border: solid 2px #DEDEDE;
}

@media (min-width: 768px) {
  .AccountBox__border {
    padding: 1.5rem;
  }
}

.FavouriteProductsGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (min-width: 1200px) {
  .FavouriteProductsGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.OrderSummary__details {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.OrderSummary__details:last-of-type {
  margin-bottom: 0;
}

.OrderSummary__details p:first-of-type {
  font-weight: 600;
}

.OrderSummary__details p:last-of-type {
  text-align: right;
}

.OrderSummary__details--processing {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.OrderSummary__details--processing .Svg {
  fill: #1b4ad2;
}

.OrderSummary {
  padding: 1.5rem;
  background-color: #F5F5F5;
}

@media (min-width: 900px) {
  .OrderSummary {
    margin-left: 3rem;
  }
}

.OrderSummary__title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
  font-size: 32px;
}

.OrderSummary__details--full {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

.OrderSummary__details--full:last-of-type {
  margin-top: 3rem;
  margin-bottom: 0;
}

.OrderSummary__details--full p:last-of-type {
  font-weight: 600;
  text-align: right;
}

.OrderSummary__details--tracking {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.OrderSummary__details--total p:first-of-type {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.OrderSummary__details--total p:last-of-type {
  color: #03256C;
  font-weight: 600;
  font-size: 32px;
  text-align: right;
}

.OrderLineItem__fits {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  gap: 0.7rem;
  margin-bottom: 1rem;
  color: #2A9134;
}

.OrderLineItem__fits span {
  font-weight: 600;
}

.OrderLineItem {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.OrderLineItem:last-of-type {
  margin-bottom: 0;
}

.OrderLineItem__primary {
  display: flex;
  flex-basis: 100%;
  gap: 1.5rem;
  align-items: center;
}

.OrderLineItem__image {
  position: relative;
  width: 118px;
  height: 118px;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .OrderLineItem__image {
    width: 104px;
    height: 104px;
  }
}

.OrderLineItem__image img {
  padding: 1rem;
}

.OrderLineItem__details {
  flex-grow: 1;
}

.OrderLineItem__details-subtitle {
  font-size: 14px;
  line-height: 22px;
  display: none;
  margin-bottom: 0.2rem;
}

@media (min-width: 768px) {
  .OrderLineItem__details-subtitle {
    display: block;
  }
}

.OrderLineItem__details-productName {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0.3rem;
  color: #070919;
  font-weight: 700;
}

@media (min-width: 768px) {
  .OrderLineItem__details-productName {
    font-size: 24px;
    line-height: 32px;
  }
}

.OrderLineItem__details-productName span {
  margin-left: 0.5rem;
  color: #ADADAD;
  font-weight: 400;
}

.OrderLineItem__variations {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
}

@media (min-width: 768px) {
  .OrderLineItem__variations {
    display: flex;
    gap: 2rem;
  }
}

.OrderLineItem__variations--item {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
}

.OrderLineItem__variations--item p {
  color: #070919;
  font-weight: 600;
}

.OrderLineItem__variations--item span {
  font-size: 12px;
}

.OrderLineItem__price {
  color: #03256C;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}

.OrderLineItem__secondary {
  display: none;
}

@media (min-width: 768px) {
  .OrderLineItem__secondary {
    display: block;
  }
}

.OrderLineItem__price--mobile {
  font-size: 18px;
  line-height: 26px;
  display: block;
  margin-top: 0.5rem;
  color: #03256C;
  font-weight: 600;
  text-align: right;
}

@media (min-width: 768px) {
  .OrderLineItem__price--mobile {
    display: none;
  }
}

.OrderLineItem__swatch {
  width: 20px;
  height: 20px;
  background-color: #070919;
  border: solid 1px #9C9DA3;
  border-radius: 50%;
}

.OrderItems__accessories--item {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.OrderItems__accessories--item:last-of-type {
  margin-bottom: 0;
}

.OrderItems__accessories--item-inner p {
  font-weight: 700;
}

.OrderItems__accessories--item-inner p:last-of-type {
  font-weight: 400;
  font-size: 12px;
}

.OrderItems__accessories--item-price {
  color: #03256C;
  font-weight: 600;
}

.OrderItems__subtotal {
  margin-top: 1rem;
  padding-top: 1rem;
  color: #070919;
  text-align: right;
  border-top: solid 2px #EAEAEA;
}

.OrderItems__subtotal span {
  font-size: 24px;
  line-height: 32px;
  margin-left: 0.5rem;
  color: #03256C;
  font-weight: 600;
}

/* ----------------------------------------------------------------------
| Cart
|------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Cart
|--------------------------------------------------------------------------
| @namespace: CartItems
|
*/
.CartItems {
  margin-bottom: 1.2rem;
  padding: 1.25rem;
  border: solid 2px #EAEAEA;
}

.CartItem__fits {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  gap: 0.7rem;
  margin-bottom: 1rem;
  color: #2A9134;
}

.CartItem__fits span {
  font-weight: 600;
}

.CartItem {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.FittingFinder {
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.1), 0 0px 6px rgba(0, 0, 0, 0.23);
}

.CartItem:last-of-type {
  margin-bottom: 0;
}

.swal2-cancel,
.swal2-confirm {
  background-color: #03256C !important;
}

.CartItem__primary {
  display: flex;
  flex-basis: 100%;
  gap: 1rem;
  align-items: center;
}

.CartItem__image {
  position: relative;
  width: 118px;
  height: 118px;
  background-color: #F5F5F5;
}

.CartItem__image {
  height: 104px;
  max-width: 100px;
  width: 100% !important;
}

.CartItem__image img {
  padding: 1rem;
  object-fit: contain;
}

.CartItem__details {
  flex-grow: 1;
}

.CartItem__details-subtitle {
  font-size: 14px;
  line-height: 22px;
  display: none;
  margin-bottom: 0.2rem;
}

@media (min-width: 768px) {
  .CartItem__details-subtitle {
    display: block;
  }
}

.CartItem__details-productName {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0.2rem;
  color: #070919;
  font-weight: 700;
}

@media (min-width: 768px) {
  .CartItem__details-productName {
    font-size: 24px;
    line-height: 32px;
  }
}

.CartItem__details-productName span {
  margin-left: 0.5rem;
  color: #ADADAD;
  font-weight: 400;
}

.CartItem__variations {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
}

@media (min-width: 768px) {
  .CartItem__variations {
    display: flex;
    gap: 2rem;
  }
}

.CartItem__variations--item {
  display: flex;
  gap: 0.35rem;
  align-items: center;
}

.CartItem__variations--item p {
  color: #070919;
  font-weight: 600;
}

.CartItem__variations--item span {
  font-size: 12px;
}

.CartItem__price {
  color: #03256C;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
}

.CartItem__secondary {
  display: none;
}

@media (min-width: 768px) {
  .CartItem__secondary {
    display: block;
  }
}

.CartItem__price--mobile {
  display: block;
  margin-top: 0.5rem;
  text-align: right;
}

.CartItem__price--mobile p {
  font-size: 18px;
  line-height: 26px;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  color: #03256C;
  font-weight: 600;
}

@media (min-width: 768px) {
  .CartItem__price--mobile {
    display: none;
  }
}

.CartItem__remove {
  color: #ADADAD;
  font-weight: 400;
  font-size: 12px;
  text-decoration: underline;
}

@media (hover: hover) {
  .CartItem__remove:hover {
    color: #070919;
    text-decoration: none;
  }
}

.CartItem__remove--desktop {
  display: block;
  margin-top: 1rem;
  margin-left: auto;
}

.CartItem__swatch {
  width: 20px;
  height: 20px;
  border: solid 1px #9C9DA3;
  border-radius: 50%;
}

.CartItem__subtotal {
  margin-top: 1rem;
  color: #070919;
  text-align: right;
}

.CartItem__subtotal span {
  font-size: 24px;
  line-height: 32px;
  margin-left: 0.5rem;
  color: #03256C;
  font-weight: 600;
}

.CartAccessories__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: #F5F5F5;
  gap: 20px;
}

.CartAccessories__item:last-of-type {
  margin-bottom: 0;
}

.CartAccessories__item--primary {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  gap: 5px;
}

.CartAccessories__item--secondary {
  display: flex;
  gap: 3rem;
  align-items: center;
}

.CartAccessories__item--primary-content p:first-of-type {
  margin-bottom: 0.2rem;
  font-weight: 700;
}

.CartAccessories__item--primary-content p:last-of-type {
  font-size: 12px;
}

.CartAccessories__item--secondary-info {
  display: none;
  gap: 0.5rem;
  align-items: center;
  font-size: 12px;
  width: max-content !important;
}

@media (min-width: 768px) {
  .TileGrid .TileGrid__swiper{
    padding: 0px !important;
  }
  .CartAccessories__item--secondary-info {
    display: flex;
  }
}

.CartAccessories__item--secondary-price {
  color: #03256C;
  font-weight: 600;
}

.CartAccessories__input {
  display: none;
}

.CartAccessories__input+label:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: transparent;
  vertical-align: bottom;
  border: 2px solid #1B4AD2;
  border-radius: 0.2em;
  cursor: pointer;
  transition: 0.2s;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.78' height='11.926'%3E%3Cpath fill='none' stroke='%00fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m1.126 7.126 3.294 4 8.233-10' data-name='Path 12683'/%3E%3C/svg%3E");
}

.CartAccessories__input+label:active:before {
  transform: scale(0);
}

.CartAccessories__input:checked+label:before {
  color: #fff;
  background-color: #1B4AD2;
  border-color: #1B4AD2;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.78' height='11.926'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m1.126 7.126 3.294 4 8.233-10' data-name='Path 12683'/%3E%3C/svg%3E");
}

.CartAccessories__input:disabled+label:before {
  border-color: #aaa;
  transform: scale(1);
}

.CartAccessories__input:checked:disabled+label:before {
  background-color: #bfb;
  border-color: #bfb;
  transform: scale(1);
}

.CartNotification {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  justify-content: space-between;
  padding: 1rem;
  color: #ffffff;
  background-color: #03256C;
  border-bottom: solid 2px #C6F933;
}

@media (min-width: 900px) {
  .CartNotification {
    flex-direction: row;
    align-items: center;
  }
}

.CartNotification__primary p {
  font-weight: 700;
}

.CartNotification__primary span {
  font-size: 12px;
}

.CartNotification__secondary span {
  font-size: 12px;
}

.CartNotification__secondary span a {
  position: relative;
}

.CartNotification__secondary span a::after {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  content: "";
}

@media (hover: hover) {
  .CartNotification__secondary span a:hover {
    cursor: pointer;
  }

  .CartNotification__secondary span a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
}

@media (hover: hover) {
  .CartNotification__secondary span a:hover {
    color: #ffffff;
  }
}

.CartSave {
  margin-top: 1rem;
}

.CartSave__link {
  display: flex;
  gap: 0.5rem;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.CartUpsell {
  margin-top: 2rem;
}

.CartUpsell__header--title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.CartUpsell__img--wrapper {
  position: relative;
  margin-bottom: 0.8rem;
  padding: 3rem;
  background-color: #F5F5F5;
}

@media (hover: hover) {
  .CartUpsell__img--wrapper:hover .CartUpsell__img {
    transform: translateY(-10px);
  }

  .CartUpsell__img--wrapper:hover .CartUpsell__addtofav {
    transform: translateY(0);
    opacity: 1;
  }
}

.CartUpsell__addtofav {
  position: absolute;
  top: 1rem;
  right: 1rem;
  transform: translateY(-5px);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.CartUpsell__offer {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 2;
  padding: 0.2rem 0.8rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  background-color: #FF1D15;
}

@media (min-width: 768px) {
  .CartUpsell__offer {
    font-size: 14px;
    line-height: 22px;
  }
}

.CartUpsell__link {
  display: inline;
}

.CartUpsell__img {
  position: relative;
  padding-top: 100%;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.CartUpsell__title {
  margin-bottom: 0.2rem;
}

.CartUpsell__title a {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

@media (hover: hover) {
  .CartUpsell__title a:hover {
    color: #1B4AD2;
  }
}

.CartUpsell__price--wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .CartUpsell__price--wrapper {
    flex-direction: row;
    gap: 1.2rem;
    align-items: center;
  }
}

.CartUpsell__price {
  display: flex;
  gap: 0.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}

.CartUpsell__price--sale-old {
  color: #868686;
}

.CartUpsell__price--sale-new {
  color: #FF1D15;
}

.CartAssurance {
  margin-bottom: 2rem;
  padding: 1.2rem 2rem;
  background-color: #F5F5F5;
}

.CartAssurance__title {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
}

.CartAssurance__item {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 0.7rem;
  margin-bottom: 1rem;
}

.CartAssurance__subtitle {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0.3rem;
  color: #070919;
  font-weight: 600;
}

.CartAssurance__content {
  font-size: 12px;
  line-height: 20px;
}

.CartAssurance__icon {
  padding-top: 5px;
}

.CartAssurance__newpay {
  margin-bottom: 2rem;
}

.CartAssurance__newpay img {
  width: 100%;
}

/* ----------------------------------------------------------------------
| Checkout
|------------------------------------------------------------------------
*/
.Checkout__columns {
  display: grid;
  grid-row-gap: 2rem;
  grid-column-gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 1200px) {
  .Checkout__columns {
    grid-template-columns: repeat(15, 1fr);
  }
}

.Checkout__column--primary {
  grid-column: 1/-1;
  padding-bottom: 2rem;
}

@media (min-width: 1200px) {
  .Checkout__column--primary {
    grid-column: 1/10;
  }
}

.Checkout__column--secondary {
  grid-column: 1/-1;
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .Checkout__column--secondary {
    position: sticky;
    top: 2rem;
  }
}

@media (min-width: 1200px) {
  .Checkout__column--secondary {
    grid-column: 11/-1;
  }
}

.Checkout__column--secondary-wrapper {
  position: sticky;
  top: 2rem;
}

/*
|--------------------------------------------------------------------------
| Header - Checkout
|--------------------------------------------------------------------------
| @namespace: HeaderBanner__checkout
|
*/
.HeaderBanner__checkout {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: flex-end;
}

@media (min-width: 768px) {
  .HeaderBanner__checkout {
    flex-direction: row;
    gap: 2rem;
  }
}

.HeaderBanner__checkout--link {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.HeaderBanner__checkout--link img {
  height: 14px;
}

@media (min-width: 768px) {
  .HeaderBanner__checkout--link {
    font-size: 16px;
  }

  .HeaderBanner__checkout--link img {
    height: auto;
  }
}

/*
|--------------------------------------------------------------------------
| Header - Checkout
|--------------------------------------------------------------------------
| @namespace: HeaderCheckout
|
*/
.HeaderCheckout {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 0.2rem;
}

.HeaderCheckout__title {
  color: #070919;
  font-weight: 700;
}

.HeaderCheckout__continue {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  color: #1B4AD2;
  font-weight: 600;
}

.HeaderCheckout__continue::before {
  margin-right: 0.5rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.771' height='9.942'%3E%3Cpath fill='none' stroke='%231b4ad2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M4.64 1.131.8 4.971l3.84 3.84' data-name='Path 12216'/%3E%3C/svg%3E");
}

.Footer__container--checkout {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 25px 15px;
}

@media (min-width: 768px) {
  .Footer__container--checkout {
    flex-direction: row;
  }
}

.Footer__payment--logos {
  width: 350px;
}

@media (min-width: 768px) {
  .Footer__payment--logos {
    width: auto;
  }
}

.CartSummary {
  margin-bottom: 2rem;
  padding: 1.2rem 2rem;
  background-color: #F5F5F5;
}

.CartSummary__title {
  margin-bottom: 0.8rem;
  color: #070919;
  font-weight: 700;
}

.CartSummary__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9rem;
}

.CartSummary__line p {
  color: #070919;
}

.CartSummary__line p:last-of-type {
  font-weight: 600;
}

.CartSummary__promo {
  display: none;
  margin-bottom: 1.5rem;
}

.CartSummary__promo--wrapper.active .CartSummary__promo {
  display: flex;
}

.CartSummary__promo--input {
  width: 100%;
  height: 41px;
  padding: 0.5rem 1rem;
}

.CartSummary__promo--button {
  height: 41px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}

.CartSummary__del-notice {
  margin-bottom: 1.2rem;
}

.CartSummary__del-notice p {
  display: flex;
  gap: 0.5rem;
  color: #7c7c7c;
}

.CartSummary__line--total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.CartSummary__line--total p:first-of-type,
.CartSummary__line--total p:last-of-type {
  font-weight: 700;
}

.CartSummary__line--total p:first-of-type {
  font-size: 20px;
  line-height: 28px;
  color: #070919;
}

.CartSummary__line--total p:last-of-type {
  font-size: 32px;
  line-height: 40px;
  color: #03256C;
}

.CartSummary__finance {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #7D7E86;
  font-size: 12px;
}

.CartSummary__finance img {
  width: 56px;
}

.CartSummary__finance span {
  font-weight: 600;
  font-size: 16px;
}

.CartSummary__checkout {
  margin-bottom: 1.5rem;
}

.CartSummary__checkout--button {
  width: 100%;
}

.CartSummary__checkout--button .Svg {
  margin-right: 0.6rem;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  fill: #03256C;
}

@media (hover: hover) {
  .CartSummary__checkout--button:hover .Svg {
    fill: #C6F933;
  }
}

.CartSummary__payment--icons img {
  margin: 0 auto;
}

.CheckoutLogin {
  padding-bottom: 8rem;
}

.CheckoutLogin__columns {
  display: grid;
  gap: 20px;
}

@media (min-width: 900px) {
  .CheckoutLogin__columns {
    grid-template-columns: minmax(min-content, 500px) minmax(min-content, 500px);
  }
}

.CheckoutLogin__column {
  border: solid 2px #EAEAEA;
}

.FormInput__label {
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 14px;
}

.CheckoutInput__invalid .CheckoutInput {
  border-bottom: solid 2px transparent;
  box-shadow: inset 0 0 0 2px #c72121;
}

.CheckoutInput__valid .CheckoutInput {
  border-bottom: solid 2px transparent;
  box-shadow: inset 0 0 0 2px #2A9134;
}

.CheckoutInput {
  width: 100%;
  height: 58px;
  padding: 0.5rem 1rem;
  color: #03256C;
  font-weight: 600;
  background-color: #F5F5F5;
  border-bottom: solid 2px #03256C;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.CheckoutInput:focus {
  border-color: #C6F933;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.CheckoutForm__section {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: solid 2px #EAEAEA;
}

@media (min-width: 768px) {
  .CheckoutForm__section {
    padding: 1.5rem;
  }
}

.CheckoutForm__payment {
  margin-bottom: 0;
}

.CheckoutForm__header {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: space-between;
}

.CheckoutForm__header--title {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.CheckoutForm__step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  background-color: #03256C;
  border-radius: 50%;
}

.CheckoutForm__title {
  font-size: 20px;
  line-height: 28px;
  color: #070919;
  font-weight: 700;
}

.CheckoutForm__review {
  display: none;
  gap: 0.5rem;
  margin-top: 1.5rem;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .CheckoutForm__review {
    grid-template-columns: 200px 1fr;
  }
}

.CheckoutForm__review-value {
  font-weight: 600;
}

.CheckoutForm__editlink {
  display: none;
  color: #1B4AD2;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.CheckoutForm__body {
  display: none;
  padding-top: 1.5rem;
}

.active .CheckoutForm__body {
  display: block;
}

.CheckoutForm__body--details.active {
  display: block;
}

.CheckoutForm.complete .CheckoutForm__review {
  display: grid;
}

.CheckoutForm.complete .CheckoutForm__body {
  display: none;
}

.CheckoutForm.complete .CheckoutForm__editlink {
  display: block;
}

.CheckoutForm__delivery--options.hidden {
  display: none;
}

.CheckoutForm__body--form {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 900px) {
  .CheckoutForm__body--form {
    grid-template-columns: 1fr 1fr;
  }
}

.CheckoutForm__button {
  min-width: 100%;
  margin-top: 1.7rem;
}

@media (min-width: 768px) {
  .CheckoutForm__button {
    min-width: 336px;
  }
}

.CheckoutForm__billing--info {
  margin-top: 1.5rem;
}

.CollectionForm__fittingMethod {
  margin-bottom: 1rem;
}

.CollectionForm__fittingMethod.active {
  display: block;
}

.CollectionForm__fittingMethod.hidden {
  display: none;
}

.DetailsForm__select {
  width: 100%;
  height: 58px;
  padding: 1rem;
  color: #03256C;
  font-weight: 600;
  background-color: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.263' height='8.931'%3E%3Cpath fill='none' stroke='%2303256c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m1.131 1.131 7 7 7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  border-bottom: solid 2px #03256C;
  outline: none;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.DetailsForm__select:focus,
.DetailsForm__select:hover {
  color: #070919;
  border-bottom: solid 2px #C6F933;
}

.CheckoutForm__header--summary-item {
  display: grid;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.5rem;
}

.CheckoutForm__header--summary-item span {
  font-weight: 700;
}

@media (min-width: 768px) {
  .CheckoutForm__header--summary-item {
    grid-template-columns: 200px 1fr;
  }
}

.CheckoutForm__header--summary-item:last-of-type {
  margin-bottom: 0;
}

.DeliveryOption__item {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 1.2rem;
  background-color: #F5F5F5;
}

.DeliveryOption__item:last-of-type {
  margin-bottom: 0;
}

.DeliveryOption__item--primary {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.DeliveryOption__item--primary-content p:first-of-type {
  margin-bottom: 0.2rem;
  font-weight: 700;
}

.DeliveryOption__item--primary-content p:last-of-type {
  font-size: 12px;
}

.DeliveryOption__item--secondary-content {
  color: #03256C;
  font-weight: 600;
}

.DeliveryOptions__form {
  padding-top: 1.5rem;
}

.DeliveryOptions__form.active {
  display: none;
}

.Collection__summary,
.Delivery__summary {
  display: none;
  margin-top: 1rem;
}

.Collection__summary--edit,
.Delivery__summary--edit {
  font-size: 14px;
  line-height: 22px;
  color: #1B4AD2;
  font-weight: 600;
}

.Collection__summary.active,
.Delivery__summary.active {
  display: block;
}

.Collection__form.hidden,
.Delivery__form.hidden {
  display: none;
}

.DeliveryOption__selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 22px;
  margin: 0.8rem 0 1.5rem;
}

.DeliveryOption__selected a {
  color: #1B4AD2;
  font-weight: 600;
}

@media (hover: hover) {
  .DeliveryOption__selected a:hover {
    color: #070919;
  }
}

.DeliveryOption__selected span {
  font-weight: 700;
}

.DeliveryAddress__manual {
  margin-top: 1rem;
  text-align: center;
}

.DeliveryAddress__manual a {
  color: #03256C;
  font-weight: 600;
}

.Delivery__form--address-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Delivery__form--address-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: #F5F5F5;
  border-bottom: solid 1px #EAEAEA;
  cursor: pointer;
}

.Delivery__form--address-list li::after {
  display: inline-block;
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.931%22%20height%3D%2212.263%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2303256C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.6%22%20d%3D%22m1.131%201.131%205%205%205-5%22%20transform%3D%22rotate%28-90%206.131%206.131%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.Delivery__form--address-list li:hover {
  background-color: #e8e8e8;
}

.Delivery__form--address-list .Delivery__form--no-addresses {
  background-color: #ffbbbe;
}

.Delivery__form--address-list .Delivery__form--no-addresses::after {
  display: none;
}

.SafetyMessage {
  font-size: 12px;
  line-height: 20px;
  margin-top: 10px;
  text-align: center;
}

.SafetyMessage::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220.001%22%20viewBox%3D%220%200%2020%2020.001%22%3E%3Cpath%20id%3D%22shield-checkmark%22%20d%3D%22M51.966%2C35.543a.714.714%2C0%2C0%2C0-.587-.658A31.256%2C31.256%2C0%2C0%2C1%2C42.3%2C32.063a.714.714%2C0%2C0%2C0-.588%2C0%2C31.256%2C31.256%2C0%2C0%2C1-9.078%2C2.822.714.714%2C0%2C0%2C0-.587.658A17.538%2C17.538%2C0%2C0%2C0%2C33.139%2C43.1a15.6%2C15.6%2C0%2C0%2C0%2C3.2%2C5.023%2C16.326%2C16.326%2C0%2C0%2C0%2C5.405%2C3.827.714.714%2C0%2C0%2C0%2C.536%2C0%2C16.326%2C16.326%2C0%2C0%2C0%2C5.405-3.827A15.6%2C15.6%2C0%2C0%2C0%2C50.876%2C43.1%2C17.538%2C17.538%2C0%2C0%2C0%2C51.966%2C35.543ZM46.118%2C38.9l-4.947%2C5.714a.714.714%2C0%2C0%2C1-.509.247h-.029a.714.714%2C0%2C0%2C1-.5-.2l-2.2-2.152a.714.714%2C0%2C1%2C1%2C1-1.021l1.652%2C1.62%2C4.451-5.14a.714.714%2C0%2C1%2C1%2C1.08.935Z%22%20transform%3D%22translate(-32.007%20-32)%22%20fill%3D%22%23070919%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.NewsletterBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.NewsletterBlock__input-wrapper label {
  display: flex;
  gap: 1em;
  align-items: center;
}

.Delivery__form--next {
  text-align: center;
}

.Delivery__address--form {
  display: grid;
  gap: 1.5rem;
}

.Delivery__address.active {
  display: block;
}

.Delivery__address.hidden {
  display: none;
}

.validation-error {
  display: block;
  margin-bottom: 0.5em;
  padding: 5px;
  background: #ffbbbe;
}

.CollectionForm__notification {
  margin-bottom: 1.3rem;
  padding: 0.8rem;
  background-color: #03256C;
  border-bottom: solid 2px #C6F933;
}

.CollectionForm__notification p {
  display: flex;
  gap: 0.8rem;
  color: #ffffff;
  font-size: 12px;
}

.CollectionForm__pickup {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .CollectionForm__pickup {
    grid-template-columns: 1fr auto;
  }
}

.CheckoutForm__collection,
.CheckoutForm__delivery {
  display: none;
}

.CheckoutForm__collection.active,
.CheckoutForm__delivery.active {
  display: block;
}

.CollectionForm__pickup--subtitle {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 600;
}

.CollectionForm__pickup--title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0.2rem;
  color: #070919;
  font-weight: 700;
}

.CollectionForm__pickup--address {
  margin-bottom: 1.3rem;
}

.CollectionForm__pickup--opening {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  max-width: 20rem;
  margin-bottom: 1.5rem;
}

.CollectionForm__pickup--accessory-title {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #03256C;
  font-weight: 600;
}

.CollectionForm__pickup--option {
  justify-content: left;
  width: 100%;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .CollectionForm__pickup--option {
    width: 156px;
  }
}

.CollectionForm__pickup--option .DeliveryOption__item--primary-content p {
  font-size: 16px;
}

.CollectionForm__pickup--option-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 1.5rem;
}

.CollectionForm__pickup--map-iframe {
  width: 100%;
  height: 200px;
}

@media (min-width: 768px) {
  .CollectionForm__pickup--map-iframe {
    width: 350px;
    height: 200px;
  }
}

.CollectionForm__pickup--button {
  text-align: center;
}

.CollectionForm__pickup--button a {
  margin-top: 0.5rem;
}

.CheckOutSummary {
  margin-bottom: 2rem;
  padding: 1.2rem 1rem;
  background-color: #F5F5F5;
}

@media (min-width: 768px) {
  .CheckOutSummary {
    padding: 1.2rem 2rem;
  }
}

.CheckOutSummary__item {
  display: flex;
  gap: 15px;
  margin-bottom: 1.2rem;
}

.CheckOutSummary__item--image {
  position: relative;
  width: 56px;
  height: 56px;
  aspect-ratio: 1;
  background-color: #ffffff;
}

.CheckOutSummary__item--image .Image__image {
  padding: 10px;
}

.CheckOutSummary__item--wrapper {
  width: 100%;
}

.CheckOutSummary__item--title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.CheckOutSummary__item--title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.CheckOutSummary__item--price {
  font-size: 20px;
  line-height: 28px;
  color: #03256C;
  font-weight: 600;
}

.CheckOutSummary__item--variations {
  display: flex;
  gap: 1rem;
}

.CheckOutSummary__item--variations p {
  font-size: 12px;
}

.CheckOutSummary__item--variations p span {
  font-weight: 600;
  font-size: 16px;
}

.CheckOutSummary__extras {
  margin-bottom: 1.5rem;
}

.CheckOutSummary__extras--item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

.CheckOutSummary__extras--item p {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 900px) {
  .CheckOutSummary__extras--item p {
    font-size: 18px;
    line-height: 26px;
  }
}

.CheckOutSummary__extras--item p:first-of-type {
  color: #070919;
  font-weight: 700;
}

.CheckOutSummary__extras--item p:last-of-type {
  color: #03256C;
  font-weight: 600;
}

.ExpressCheckout__header {
  display: block;
  margin-top: 1.8rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.ExpressCheckout__header>span {
  position: relative;
  display: inline-block;
}

.ExpressCheckout__header>span::before {
  right: 100%;
  margin-right: 1rem;
}

.ExpressCheckout__header>span::before,
.ExpressCheckout__header>span::after {
  position: absolute;
  top: 50%;
  width: 23rem;
  height: 2px;
  margin: 0 2rem;
  background: #EAEAEA;
  content: "";
}

.ExpressCheckout__methods {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .ExpressCheckout__methods {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .ExpressCheckout__methods {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ExpressCheckout__method {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  font-weight: 600;
  text-align: center;
  background-color: #F5F5F5;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .ExpressCheckout__method:hover {
    color: #ffffff;
    background-color: #1B4AD2;
  }
}

.ExpressCheckout__footer {
  margin-top: 1rem;
  text-align: center;
}

.ExpressCheckout__footer p {
  font-size: 12px;
}

.PaymentMethod__form {
  display: grid;
  gap: 1.5rem;
}

.PaymentMethods {
  display: grid;
  gap: 20px;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .PaymentMethods {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .PaymentMethods {
    grid-template-columns: repeat(3, 1fr);
  }
}

.PaymentMethod {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  font-weight: 600;
  text-align: center;
  background-color: #F5F5F5;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: 14px;
  line-height: 22px;
}

@media (hover: hover) {
  .PaymentMethod:hover {
    color: #ffffff;
    background-color: #1B4AD2;
  }
}

.PaymentMethod.active {
  color: #ffffff;
  background-color: #1B4AD2;
}

.PaymentMethods__subtitle {
  margin-bottom: 0.5rem;
  color: #03256C;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.PaymentMethods__title {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 600;
}

.PaymentMethod__form--card {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .PaymentMethod__form--card {
    grid-template-columns: 126px 126px 126px 1fr;
  }
}

.PaymentMethod__assurance {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 1;
}

.CheckOutReview__button {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 1rem;
}

.CheckOutReview__notice {
  margin-bottom: 3rem;
  font-size: 12px;
  text-align: center;
}

.CheckOutReview__terms {
  margin-bottom: 1rem;
  font-size: 12px;
  text-align: center;
}

.CheckOutReview__summary--button {
  margin-top: 1rem;
}

.CheckOutReview__header {
  margin-bottom: 1rem;
}

.CheckOutReview__columns {
  display: grid;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  .CheckOutReview__columns {
    grid-template-columns: 1fr 1fr;
  }
}

.CheckOutReview__item {
  padding: 0;
  background-color: unset;
}

.CheckOutReview__subtotal {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 2px #EAEAEA;
}

.CheckOutReceipt__header h2 {
  margin-bottom: 1rem;
  color: #070919;
  font-weight: 700;
}

.CheckOutReceipt__header p {
  margin-bottom: 0.5rem;
}

.CheckOutReceipt__continue {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.CheckOutReceipt__orderno {
  font-size: 20px;
  line-height: 28px;
  color: #070919;
  font-weight: 700;
}

.CheckOutReceipt__button {
  width: 100%;
  margin-top: 1.5rem;
  color: #ffffff;
  background-color: #1B4AD2;
}

.CheckOutReceipt__button:after {
  background-color: #C6F933;
}

@media (hover: hover) {
  .CheckOutReceipt__button:hover {
    color: #03256C;
  }

  .CheckOutReceipt__button:hover:after {
    background-color: #C6F933;
  }
}

.CheckOutReceipt__register--title {
  margin-bottom: 0.5rem;
  color: #070919;
  font-weight: 700;
  font-size: 24px;
}

.CheckOutReceipt__register--desc {
  margin-bottom: 0.5rem;
}











.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: flex-end;
  z-index: 10000;
}

.custom-popup {
  background: #fff;
  width: 680px;
  height: 100%;
  max-height: 100vh;
  position: relative;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateX(100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px 25px 10px 15px;
}

/* Slide-in on desktop */
.custom-popup.show-desktop {
  transform: translateX(0);
  opacity: 1;
}

/* Fade-in on mobile */
.custom-popup.show-mobile {
  transform: none;
  opacity: 1;
}

.close-btn {
  position: absolute;
  top: 5px;
  right: 45px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

.popup_head {
  padding: 0px 0px 10px 0px;
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
  margin-bottom: 5px;
}

.popup_head.nobdr {
  border: 0;
  padding-bottom: 0px;
}

.popup_head img {
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.popup_head h3 {
  font-size: 24px;
  margin-bottom: 8px;
}

.popup_head p {
  font-size: 13px;
}

.popup_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px #ddd solid;
  padding: 15px 25px 15px 15px;
  z-index: 10;
  box-sizing: border-box;
}

.popup_priceflx {
  display: flex;
  flex-direction: column;
}

.popup_footer h3 {
  margin: 0
}

.popup_body {
  overflow-y: auto;
  box-sizing: border-box;
  padding: 5px 10px 5px 10px;
  padding-bottom: 250px !important;
}

#popupOverlay .popup_body {
  height: calc(100vh - 235px);
}

#popupOverlay .popup_footer {
  height: 170px
}

#alloypop .popup_body {
  height: calc(100vh - 130px);
}

#alloypop .popup_footer {
  height: 110px
}

#tyrepop .popup_body {
  height: calc(100vh - 175px);
}

#tyrepop .popup_footer {
  height: 160px
}

#nexttyrepop .popup_body {
  height: calc(100vh - 235px);
}

#nexttyrepop .popup_footer {
  height: 235px
}

#colorpup .popup_body {
  height: calc(100vh - 235px);
}

#colorpup .popup_footer {
  height: 170px
}

.popup_body h2 {
  margin: 0
}

.popup_body h4 {
  margin: 10px 0;
}

.popup_body label img {
  display: inline-block;
  margin-right: 5px;
  position: relative;
}

.popup_body label {
  font-size: 12px;
  margin-top: 20px;
  display: block;
}

.popup_body label a {
  text-decoration: underline;
}

.product-select.border-btm {
  border-bottom: 1px #ddd solid;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.selectproduct-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.selectproduct-s {
  background: #F5F5F5;
  padding: 6px;
  display: flex;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  align-items: center;
  flex-basis: 48.5%;
  margin: 5px 0;
}

.selectproduct-s img {
  background: #Ffff;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  padding: 3px;
}

.selectproduct-s.active,
.selectproduct-s:hover {
  background: #1B4AD2;
  color: #fff
}

.price_clm h3 small {
  font-size: 14px;
  color: #070919;
}

.price_clm h3 {
  font-size: 24px;
  color: #03256C;
}

.mb3 {
  margin-bottom: 1rem;
}

.mr-1 {
  margin-right: 10px;
}

.mt-1 {
  margin-top: 1.5rem;
}

.product-selectedflx {
  display: flex;
  justify-content: start;
  /* align-items: center; */
  margin-bottom: 15px;
  margin-top: 15px;
}

.product-selectedflximg {
  margin-right: 10px;
  background: #F5F5F5;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.product-selectedflximg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-selectedcontent {
  flex-basis: 100%;
}

.product-selectedtitle h3 {
  font-size: 18px;
  line-height: 1;
}

.product-selectedtitle h3 small {
  color: #adadad
}

.product-selectedtitle h3 span {
  color: #07286E;
  float: right;
}

.product-selecteddetails {
  margin-top: 15px;
  font-size: 12px;
}

.product-selecteddetails ul li {
  display: inline-block;
  margin-right: 15px;
}

.product-selecteddetails li span.blkclr {
  width: 12px;
  height: 12px;
  background: #1F1F1F;
  display: inline-block;
  border-radius: 15px;
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.product_info {
  display: flex;
  border-left: 3px solid #A3B0C9;
  padding-left: 10px;
  margin-top: 5px;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
}

.product_info strong {
  display: block;
  font-size: 12px;
  color: #070919;
}

.product_pr {
  color: #07286E;
  font-size: 14px;
  font-weight: 600;
}

.plus-line {
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #6c6c6c;
  font-weight: 500;
  margin: 6px 0;
}

.plus-line::before,
.plus-line::after {
  content: "";
  position: absolute;
  top: 10px;
  width: 45%;
  height: 1px;
  background-color: #e0e0e0;
}

.plus-line::before {
  left: 0;
}

.plus-line::after {
  right: 0;
}

.plus-icon {
  display: block;
  background-color: #2f2f3a;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  margin: 0 auto 5px;
}

.product-list {
  /* max-width: 500px; */
  margin: 0 auto;
}

.product-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.product-item img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-right: 15px;
}

.product-details {
  flex: 1;
}

.categorynme {
  display: block;
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}

.product-details h4 {
  margin: 0;
  font-size: 14px;
  color: #000;
}

.pricen {
  color: #07286E;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}

.add-btn {
  border: 2px solid #3b6fd3;
  color: #3b6fd3;
  background: #fff;
  padding: 10px 20px 10px 20px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.add-btn:hover {
  background-color: #f0f5ff;
}

a.simplelink {
  font-size: 12px;
  color: #3b6fd3;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-top: 10px;
}

a.simplelink img {
  transform: rotate(90deg);
  display: inline-block;
}


.filter-list .filter-item {
  border-bottom: 1px solid #ddd;
}

.filter-list .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0px;
  cursor: pointer;
  font-size: 12px;
  color: #070919;
}

.filter-list .filter-value {
  color: #333;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.filter-list .filter-dropdown {
  display: none;
  font-size: 12px;
  color: #333;
}

.filter-list .filter-dropdown .tyre-szes {
  margin: 6px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-right: 18px;
}

.filter-list .filter-dropdown .tyre-szes label {
  margin: 0;
}

.filter-list .tooltip {
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  cursor: help;
}

.filter-list .active .filter-value img {
  transform: rotate(180deg);
}

.filter-list .filter-value img {
  display: inline-block;
  margin-right: 5px;
}

.our-recommended {
  border: 1px solid #03256C;
  overflow-y: auto;
  margin: 10px 0;
}

.our-recommended h3 {
  background: #03256C;
  padding: 5px 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}

.producttyre_flx.active,
.producttyre_flx:hover {
  background: #1B4AD2;
  color: #fff;
}

.our-recommended .producttyre_ad {
  /* margin: 6px 8px; */
}

.our-recommended .producttyre_ad strong.title {
  background: #F86624;
  font-size: 12px;
  padding: 3px;
  color: #fff;
  display: block;
  text-align: center;
}

.producttyre_flx:hover .producttyre_cntent h4,
.producttyre_flx:hover .producttyre_cntent h4 span,
.producttyre_flx.producttyre_steps:hover .producttyre_cntent h5,
.producttyre_flx.producttyre_steps:hover .producttyre_cntent h5 b,
.producttyre_flx.producttyre_steps:hover .producttyre_cntent h4 b {
  color: #fff;
}

.producttyre_flx:hover .producttyre_features ul li img {
  filter: invert(1);
}

.producttyre_flx {
  display: flex;
  justify-content: start;
  /* align-items: center; */
  margin-bottom: 10px;
  background: #F5F5F5;
}

.producttyre_img {
  margin: 010px;
  background: #FFF;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.producttyre_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.producttyre_cntent {
  flex-basis: 90%;
  padding: 5px;
}

.producttyre_cntent h4 {
  font-size: 14px;
  line-height: 1;
  margin: 8px 0 4px 0;
}

.producttyre_cntent h3 small {
  color: #adadad
}

.producttyre_cntent h3 span {
  color: #07286E;
  float: right;
}

.producttyre_features {
  margin-top: 6px;
  font-size: 12px;
}

.producttyre_features ul li {
  display: inline-block;
  margin-right: 8px;
}

.producttyre_inline {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.producttyre_txt {
  width: 100% !important;
}

.producttyre_txt label {
  margin: 2px 0;
  font-size: 10px;
}

.producttyre_features ul li img {
  float: left;
  margin-right: 6px;
}

.producttyre_cntent h4 span {
  float: right;
  padding-right: 10px;
  color: #1B4AD2;
}

.subtotal {
  margin: 5px 0;
}

.subtotal h5 {
  font-size: 14px;
  line-height: 1;
  margin: 8px 0 4px 0;
}

.subtotal h5 span {
  float: right;
  font-size: 18px;
  color: #03256C;
}

.tyretxt {
  margin: 10px 0;
  font-size: 12px;
}

.tyretxt p strong {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
  color: #070919;
}

.producttyre_flx.producttyre_steps .producttyre_cntent h4 b {
  float: right;
  color: #070919;
  margin-right: 10px;
}

.producttyre_flx.producttyre_steps .producttyre_cntent h5 {
  color: #adadad;
  font-size: 12px;
}

.producttyre_flx.producttyre_steps .producttyre_cntent h5 b {
  color: #03256C;
  font-size: 14px;
  margin-right: 10px;
  float: right;
}

.footer-btns h2 {
  margin: 5px 0;
}

.color_selection .row {
  display: flex;
  margin-bottom: 15px;
}

.color_each {
  width: 85px;
  height: 70px;
  background: #f5f5f5;
  margin-right: 15px;
  cursor: pointer;
  transition: transform 0.2s ease;
  position: relative;
  text-align: center;
  line-height: 9;
  font-size: 10px;
}

/* .color_each::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 auto;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
}

.colour-box.black,
.color_each.black::before {
  background-color: #1F1F1F;
}

.colour-box.gunmetal,
.color_each.gunmetal::before {
  background-color: #606060;
}

.colour-box.silver,
.color_each.silver::before {
  background-color: #CECDD2;
}

.colour-box.bronze,
.color_each.bronze::before {
  background-color: #b08d57;
} */

#edit-selection {
  margin: 0 !important;
}

.color-parent-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-direction: row-reverse;
}

#step2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.color_each:hover {
  transform: scale(1.1);
  border-color: #aaa;
}

.selector-color {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .custom_width_fields select {
  font-size: 14px !important;
} */

select:focus,
select:focus-visible {
  outline: none;
  box-shadow: none;
  /* optional, removes any shadow */
}

.selected-summary {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #070919;
}

.colour-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

#edit-selection {
  margin-left: auto;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.popup_body label.subhead {
  margin-top: 12px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
}

.width_selector {
  margin-bottom: 10px;
  display: flex;
}

.popup_body .radio_opt {
  margin-right: 20px;
  cursor: pointer;
  color: #555;
  font-weight: 500;
  font-size: 14px;
  margin-top: 5px;
}

.radio_opt input[type="radio"] {
  margin-right: 5px;
  accent-color: #007bff;
}

.radio_opt input[type="radio"]:checked+span {
  color: #007bff;
  font-weight: bold;
}

.custom_width_fields {
  margin-top: 15px;
}

.select_label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.standard_select,
.front_select,
.rear_select {
  width: 200px;
  padding: 6px;
  margin: 5px 10px 10px 0;
  border-bottom: 2px solid #1B4AD2;
  background: #f5f5f5;
  height: 40px;
}

.staggered_check {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  font-size: 14px;
}

.staggered_check input {
  margin-right: 5px;
}

.help_txt {
  display: inline-block;
  font-size: 13px;
  color: #555;
  margin-left: 10px;
}

.staggered_fields {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.offset_flx {
  display: flex;
  flex-wrap: nowrap;
}

.offset_img {
  flex-basis: 26px;
  padding-top: 2px;
}

.offset_txt {
  font-size: 12px;
}

.offset_txt strong {
  display: block;
  color: #070919;
}

.standard_select {
  width: 100%;
  font-weight: 500;
  margin: 10px 0 0 0;
}

label.select_label {
  color: #070919;
  font-weight: 600;
  font-size: 14px;
}

label.staggered_check,
.popup_body label {
  margin-top: 5px;
  color: #070919;
}

.staggered_fit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pricebtn_clm.fixbtn button img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.budget-selection ul li {
  background: #f5f5f5;
  margin: 5px 0 10px 0;
  padding: 10px;
  color: #070919;
  font-size: 14px;
  cursor: pointer;
}

.budget-selection ul li span {
  float: right;
}

.budget-selection ul li span b {
  font-weight: 600;
  font-size: 15px;
}

.budget-selection ul li:hover {
  background: #1B4AD2;
  color: #fff;
}

/*Sloder*/
.slider-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.swiper {
  width: 100%;
  height: 100%;
}

.main-slider {
  height: 500px;
}

.main-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail-slider {
  box-sizing: border-box;
  padding: 10px 0;
}

.thumbnail-slider .swiper-slide {
  width: 80px;
  height: 75px;
  opacity: 0.4;
  cursor: pointer;
}

.thumbnail-slider .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #007bff;
}

.thumbnail-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  color: #007bff;
}

.swiper.thumbnail-slider.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
  position: absolute;
  z-index: 4;
  margin: 2% 1%;
  width: auto;
  height: auto;
}

@media (min-width: 900px) {
  .RequestQuote .TyresModal {
    width: 840px;
    padding: 1.25rem;
  }
}

.RequestQuote h3 {
  font-size: 24px;
}

.RequestQuote .TyresModal {
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll;
}

.tyre_m_section {
  margin: 15px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px
}

.tyre_m_section-title {
  margin-top: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  position: relative;
  margin-left: 25px;
}

.tyre_m_form-group {
  margin-bottom: 15px
}

.tyre_m_label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  color: #03256C;
  font-size: 14px;
}

.tyre_m_input,
.tyre_m_select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box
}

.tyre_m_btn {
  width: 48%;
}

.tyre_m_wheel-specs h3 {
  color: #505050;
  font-size: 14px;
  margin: 10px 0;
  display: block;
}

.tyre_m_wheel-side {
  flex: 1;
  min-width: 200px
}

.tyre_m_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px
}

.tyre_m_table th,
.tyre_m_table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left
}

.tyre_m_hidden {
  display: none
}

.tyre_m_display {
  position: relative;
}

.tyre_m_display .tyre_m_btn {
  color: #0056b3;
  border: none;
  cursor: pointer;
  font-size: 14px;
  margin-top: 10px;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  background: none;
  padding: 0;
  top: 0;
  width: auto;
}

.tyre_m_display-row {
  width: 48%;
  margin-top: 10px;
  font-size: 14px;
  display: inline-block;
}

h2.tyre_m_section-title::before {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #03256C;
  border: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  left: -25px;
  top: 3px;
}

#section-vehicle h2.tyre_m_section-title::before {
  content: "1";
}

#section-wheel h2.tyre_m_section-title::before {
  content: "2";
}

#section-contact h2.tyre_m_section-title::before {
  content: "3";
}

.wheelflx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.wheelflx_features {
  flex-basis: 55%;
}

.wheelflx_features h2 {
  color: #070919;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
}

.wheelflx_btn h3 small {
  color: #070919;
  font-size: 18px;
  line-height: normal;
}

.wheelflx_btn h3 {
  color: #03256C;
  font-size: 30px;
  font-weight: 700;
}

.wheelflx_features p {
  font-size: 18px;
  color: #070919;
  margin: 12px 0 28px 0;
}

.wheelflx_btn p {
  font-size: 14px;
  color: #393A47;
  margin: 10px 0 30px 0;
}

.wheelflx_features ul li {
  font-size: 16px;
  color: #070919;
  margin: 4px 0;
  width: 50%;
  float: left;
}

.wheelflx_btn {
  flex-basis: 35%;
  border-left: 1px #ddd solid;
  padding-left: 5%;
}

.wheelflx_btn .Button__main {
  width: 100%;
}

.alloy_gallery-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  align-items: stretch;
}

.alloy_main-image {
  flex: 1;
  display: flex;
}

.alloy_main-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 4rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.alloy_thumbnails {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem;
}

.alloy_thumbnails img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #f5f5f5;
  padding: 3rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  cursor: pointer;
}

.alloy_thumbnails img:hover {
  transform: scale(1.05);
}

h3.alloyt {
  font-size: 30px;
  color: #03256C;
  margin: 0px 0 60px 0;
  width: 55%;
}

h4.alloyt {
  font-size: 28px;
  color: #070919;
  margin: 40px 0 10px 0;
  width: 55%;
}

p.alloyt {
  font-size: 18px;
  width: 55%;
}

.Typeset label {
  color: #505050;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

.cars-adflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cars-ad {
  flex-basis: 49%;
}

.cars-ad img.mb-1x {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.cars-ad h3 {
  font-size: 24px;
  margin: 10px 0 15px 0;
}

.cars-ad a {
  font-size: 16px;
  display: block;
  margin: 10px 0 15px 0;
  color: #1B4AD2;
  font-weight: 600;
}

.tyre_m_flx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.tyre_m_flx .tyre_m_form-group {
  flex-basis: 48%;
}



.no-results-container {
  text-align: center;
  padding: 30px 0 0 0;
  margin: auto;
}

.no-results-container h1 {
  font-size: 36px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.no-results-container .highlight {
  color: #1a3dab;
}

.no-results-container .subtitle {
  font-size: 26px;
  font-weight: 600;
  color: #555;
  margin-bottom: 40px;
}

.tips-contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.tips-box,
.contact-box {
  background-color: #f7f7f7;
  padding: 25px;
  border-radius: 8px;
  flex: 1 1 300px;
  text-align: left;
  margin: 25px 0;
}

.tips-box h2,
.contact-box h2 {
  font-size: 22px;
  margin: 5px 0 10px 0;
}

.tips-box ul {
  list-style: disc inside;
  padding-left: 0;
  margin-bottom: 15px;
}

.search-again {
  color: #1a3dab;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.contact-info {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.contact-info a {
  color: #1a3dab;
  text-decoration: none;
}

.tips-box ul li {
  font-size: 18px;
  margin: 5px 0;
}

.search-again img,
.contact-info img {
  float: left;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.contact-info div {
  flex-basis: 30%;
  font-weight: 600;
  font-size: 16px;
}

.contact-info div strong {
  font-weight: 500;
  font-size: 14px;
}


.FeaturedProduct__img img {
  max-width: 100%;
  height: auto;
  padding: 30px;
}

.FeaturedProduct__title h5 {
  font-size: 16px;
  margin: 10px 0 0;
}

.FeaturedProduct__price {
  font-weight: bold;
  gap: 15px !important;
}

/* .FeaturedProduct__img--wrapper {
  padding: 0px !important;
} */

.FeaturedProduct__img img {
  max-width: 100%;
  object-fit: contain;
  height: 100%;
}

.product-fitment-container {
  margin: auto;
}

.fitment-box {
  background: #f6f7f9;
  border-bottom: 4px solid #03256C;
  padding: 1rem 1.5rem;
  position: relative;
  border-radius: 4px;
  max-width: 650px;
  margin: auto;
  margin-bottom: 2rem;

}

.fitment-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fitment-checkmark {
  color: #03256C;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 8px;
}

.fitting-checkmark {
  color: #03256C;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 8px;
}

.fitting-available-text {
  display: flex;
  align-items: center;
}

.fitting-available-text .fa-wrench {
  background: #03256C;
  color: white;
  border-radius: 10px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity-container {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 2px;
}

.quantity-btn {
  border: none;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s;
}

.quantity-btn.plus {
  background: #007bff;
  /* Blue */
}

.quantity-btn.minus {
  background: gray;
  /* Default gray */
}

.quantity-btn.minus.active {
  background: #007bff;
  /* Active Blue */
}

.quantity-input {
  width: 30px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  border-radius: 6px;
  box-sizing: border-box;
}

/* remove default spin buttons */
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fitment-text {
  /* color: #007e1b; */
  flex-grow: 1;
  font-size: 1rem;
}

.fitment-code {
  color: #007e1b;
  font-weight: bold;
}

.fitment-clear {
  font-size: 0.85rem;
  color: #666;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 15px;
}

.fitment-details {
  font-size: 16px;
  color: #333;
  font-weight: medium;
}

.ListingPagination__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.size-selector {
  text-align: center;
}

.size-title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.size-options {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.size-box {
  caret-color: transparent;
  background-color: #f5f5f5;
  /* border-radius: 8px; */
  padding: 1rem;
  width: 80px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 3px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
  height: 80px;
  padding: 10px;
  justify-content: center;
}

.size-box img.wheel-icon {
  width: 30px;
  height: 30px;
  margin-bottom: 8px;
  transition: filter 0.3s ease;
}

.size-box.selected {
  background-color: #1B4AD2;
  border-color: #1B4AD2;
  color: white;
}

.size-box.selected img.wheel-icon {
  filter: brightness(0) invert(1);
  /* makes icon white */
}

.size-box span {
  font-weight: bold;
}













.color-box {
  caret-color: transparent;
  background-color: #f5f5f5;
  /* border-radius: 8px; */
  padding: 1rem;
  width: 80px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 3px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
  height: 80px;
  padding: 10px;
  justify-content: center;
}

.color-box img.wheel-icon {
  width: 30px;
  height: 30px;
  margin-bottom: 8px;
  transition: filter 0.3s ease;
}

.color-box.selected {
  background-color: #1B4AD2;
  border-color: #1B4AD2;
  color: white;
}

.color-box.selected img.wheel-icon {
  filter: brightness(0) invert(1);
  /* makes icon white */
}

.color-box span {
  font-weight: bold;
}




@media (max-width: 768px) {

  .swiper.thumbnail-slider.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs,
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  .main-slider {
    padding-left: 10%;
  }

  .main-slider .swiper-slide {
    width: 90%;
  }

  .main-slider {
    height: 350px;
  }

  .alloy_gallery-container {
    flex-direction: column;
    align-items: center;
  }

  .alloy_thumbnails {
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .alloy_main-image img,
  .alloy_thumbnails img {
    padding: 1.5rem;
  }
}



/* Fullscreen + fade effect for mobile */
@media (max-width: 767px) {
  .custom-popup {
    width: 100%;
    transform: none;
  }

  .FeaturedProduct__grid {
    justify-content: center !important;
    gap: 20px !important
  }

  .FeaturedProduct__price--wrapper {
    flex-direction: column;
  }

  .ListingHeader__wrap.ListingHeader__wrap--filters {
    text-align: right;
    display: flex;
    justify-content: flex-end;
  }
}






















/* featured product css */
.custom-swiper-button {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 45px;
  height: 45px;
  background: #007bff;
  color: white;
  transform: translateY(-50%);
  cursor: pointer;
}

.swiper-button-prev {
  left: -10px;
}

.swiper-button-next {
  right: -10px;
}

.FeaturedProduct:hover .custom-swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 20px;
}

.custom-price-section {
  display: flex;
  align-items: center;
  background-color: #fff;
}

.custom-logo-container {
  margin-right: 15px;
}

.custom-logo {
  display: inline-block;
  padding: 5px 15px;
  background-color: #01d1c0;
  color: #1a1a1a;
  font-weight: bold;
  border-radius: 20px;
  font-size: 12px;
}

.custom-price-info {
  display: flex;
  align-items: baseline;
}

.custom-price-label {
  font-size: 14px;
  color: #666;
  margin-right: 5px;
}

.custom-price-amount {
  font-size: 24px;
  font-weight: bold;
  color: #535353;
  margin-right: 5px;
}

.custom-price-period {
  font-size: 14px;
  color: #666;
}

.FeaturedProduct__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.show-more-btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #1DA1F2;
  /* Blue color similar to the image */
  color: white;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.search-filters {
  margin-bottom: 30px;
}

.show-more-btn:hover {
  background-color: #1A91DA;
  /* Slightly darker on hover */
}

@media (max-width: 1024px) {
  .FeaturedProduct__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .size-options {
    justify-content: flex-start;
  }

  .FeaturedProduct__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .FeaturedProduct__grid {
    grid-template-columns: 1fr;
  }
}

.FeaturedProduct__grid {
  /* display: flex; */
  flex-wrap: wrap;
  gap: 40px;
  box-sizing: border-box;
}

.FeaturedProduct__grid>div {}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  color: #ffffff !important;
  font-size: 20px !important;
}

/* Small Desktop: 3 items per row */
@media (max-width: 1200px) {
  /* .FeaturedProduct__grid>div {
    flex: 0 1 calc(33.33% - 1rem);
    max-width: calc(33.33% - 1rem);
  } */
}

/* Tablet: 2 items per row */
@media (max-width: 768px) {
  /* .FeaturedProduct__grid>div {
    flex: 0 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  } */
}

@media (max-width: 900px) {
  .ListingFilters {
    overflow: auto;
  }
}

@media (max-width: 480px) {
  .FeaturedProduct__grid>div {
    /* flex: 0 1 calc(100% - 1rem);
    max-width: calc(100% - 1rem); */
  }
}

.custom-price-amount {
  font-size: 20px !important;
}

@media (hover: hover) {
  .FeaturedProduct__img--wrapper:hover .ListingProduct__overlay .ListingProduct__form {
    width: 215px !important;
  }

  .ProductQuantity {
    gap: 10px !important;
  }
}

/* Hide disabled navigation buttons */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}

/* Style the arrows */
.swiper-button-prev,
.swiper-button-next {
  color: #ffffff;
  /* White arrow icons */
  width: 40px;
  height: 40px;
  background-color: #007bff;
  /* Blue background */
  transition: background-color 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #ffffff;
  /* Keep white arrow icons on hover */
  background-color: #0056b3;
  /* Slightly darker blue on hover */
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 20px;
  /* Arrow size */
}

.custom-flex {
  display: flex !important;
  align-items: center !important;
  /* justify-content: center !important; */
}

.img-group-icon-1 {
  width: 30px;
  height: 30px;
}

.img-group-icon-2 {
  width: 18px;
  height: 18px;
}

.gap-10 {
  gap: 5px;
}

.gap-20 {
  gap: 18px;
}

.mt-1 {
  margin-top: 10px;
}

.SubCategoryHeader__pag--list button.active {
  background-color: #03256c;
  color: #fff;
}

#manufacturerList .manufacturer-group {
  margin-top: 40px;
  margin-bottom: 40px;
}

.SubCategoryCard__figure span {
  color: black !important;
}

.SubCategoryCard__header--models p {
  color: black;
  font-weight: 600;
  font-size: 24px;
}

/* Hide on desktop, show on mobile */
.desktop-hide {
  display: none;
}

@media (max-width: 768px) {
  .desktop-hide {
    display: block !important;
  }
}

/* Hide on mobile, show on desktop */
.mobile-hide {
  display: block;
}

@media (max-width: 768px) {
  .mobile-hide {
    display: none !important;
  }
}

.product-page {

  .ProductSticky .price-box-product-page {
    margin: 0px !important;
  }

  .badges-section .four-points {
    justify-content: center;
    margin-top: 20px;
  }

  .popup_body {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #03256C transparent;
    /* Firefox */
  }

  /* WebKit Browsers (Chrome, Edge, Safari) */
  .popup_body::-webkit-scrollbar {
    width: 3px;
  }

  .popup_body::-webkit-scrollbar-track {
    background: transparent;
  }

  .popup_body::-webkit-scrollbar-thumb {
    background-color: #03256C;
    border-radius: 0px;
  }

  .popup_body::-webkit-scrollbar-thumb:hover {
    background-color: #021b4f;
    /* A slightly darker shade on hover */
  }

  .ProductGallery__arrow i {
    font-size: 24px;
    color: white;
  }

  .add-to-cart-btn {
    margin-top: 10px;
  }

  .variation-value {
    display: none;
  }

  .brand-inner .DescriptionImageText__logo {
    width: 100%;
    max-width: 200px;
  }


  .fitment-top {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .ProductSummary__favourites {
    color: #03256c;
    font-weight: 600;
  }

  .ProductSummary__shortdescription {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ProductGallery__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    cursor: pointer;
    z-index: 10;
  }

  .ProductGallery__arrow--left {
    left: 0;
  }

  .ProductSummary__actions {
    justify-content: space-between;
  }

  .ProductGallery__arrow--right {
    right: 0;
  }

  .service-badges {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding: 0px 50px;
  }

  .badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    width: 160px;
    transition: all 0.3s ease;
  }

  .icon {
    font-size: 20px;
    color: #1d2a5b;
  }

  .text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1d2a5b;
  }

  .link {
    font-size: 12px;
    color: #8395a4;
    text-decoration: underline;
  }

  .selectproduct-s.Active {
    background: #1B4AD2;
    color: white;
  }

  .prive-title {
    font-weight: bold;
  }

  .price-box-product-page .main-price {
    color: #03256c !important;
    font-size: 26px;
    font-weight: bold;
    /* margin-left: 10px; */
  }

  .badge .text {
    text-align: center;
  }

  .link:hover {
    color: #ffffff;
    text-decoration: underline;
  }

  .ProductConfigure__selected .selected-item {
    display: flex;
    margin: 5px 0;
    flex-direction: column;
  }

  .selected-item strong {
    font-weight: 900 !important;
  }

  .ProductConfigure__selected .selected-item img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }

  /* New styles for button states */
  .ProductConfigure__button {
    display: block;
  }

  .Button--w100.variation-value {
    opacity: 0.5;
    pointer-events: none;
  }

  .Button--w100.variation-value.active {
    opacity: 1;
    pointer-events: auto;
  }

  #popupOverlay .fitment-top {
    display: block;
  }

  #popupOverlay .price_clm {
    display: block;
  }

  .variation-error {
    display: none;
    width: 100%;
    padding: 15px;
    background: #fff3f3;
    border: 1px solid #ff6b6b;
    border-radius: 5px;
    color: #d63031;
    text-align: center;
    margin-top: 10px;
  }

  .service-badges {
    display: flex;
    transition: transform 0.3s ease;
    flex-wrap: nowrap;
  }

  .badge {
    box-sizing: border-box;
    text-align: center;
  }

  .icon {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
  }

  .link {
    display: inline-block;
    margin-top: 10px;
    color: blue;
    text-decoration: underline;
  }



  /* Mobile styles only */
  @media (max-width: 768px) {

    .badges-section .four-points {
      justify-content: flex-start;
    }

    .mobile-margin-0 {
      margin: 0px !important;
    }



    .badge {
      flex: 0 0 50%;
    }

    .slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: transparent;
      color: black;
      font-size: 24px;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }

    .left-arrow {
      left: 5px;
    }

    .right-arrow {
      right: 5px;
    }

    .ProductDescription.Type {
      margin-top: 20px;
    }

    .add-to-cart-btn,
    .ProductConfigure__button {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }

    .ProductSticky .add-to-cart-btn {
      width: max-content;
      max-width: max-content;
      min-width: max-content;
    }

    .custom-popup {
      padding: 5px !important;
    }

    .slider-arrow {
      z-index: 3;
    }

    .custom-logo-container {
      margin-right: 5px;
    }

    .custom-price-label,
    .custom-price-period {
      font-size: 12px;
    }

    .custom-price-amount {
      font-size: 15px;
    }

    .Type table td {
      padding: 10px 5px !important;
    }
  }

}

.color_each.active {
  border: 2px solid #03256c;
  padding: 2px;
  border-radius: 4px;
}

.highlight-label {
  background-color: #f0f8ff;
  /* light blue background */
  border: 1px solid #b3d4fc;
  /* soft border */
  border-radius: 6px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.highlight-label a {
  color: #007bff;
  text-decoration: underline;
}

.highlight-label img {
  vertical-align: middle;
}

.CartUpsell {
  margin: 40px 0;
}

.CartUpsell__header--title h2 {
  margin-bottom: 20px;
  font-size: 24px;
}

.cart-upsell-wrapper {
  position: relative;
}

.cart-upsell-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.cart-upsell-slide {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}

/* Desktop: 3 items */
@media (min-width: 1024px) {
  .cart-upsell-slide {
    width: calc(100% / 3 - 13.33px);
  }
}

/* Tablet: 2 items */
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-upsell-slide {
    width: calc(100% / 2 - 10px);
  }
}

/* Mobile: 1 item */
@media (max-width: 639px) {
  .cart-upsell-slide {
    width: 100%;
  }

  .ListingHeader__filters {
    justify-content: center;
    margin-top: 15px;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin-top: 10px;
  }

  .ListingHeader__count {
    text-align: center;
  }

  .search-filters {
    margin: 20px 0;
  }
}

.cart-upsell-prev,
.cart-upsell-next {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 12px;
  cursor: pointer;
  z-index: 2;
}

.cart-upsell-prev {
  left: -15px;
}

.cart-upsell-next {
  right: -15px;
}

.cart-upsell-slider::-webkit-scrollbar {
  display: none;
}

.cart-upsell-slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.producttyre_flx:hover * {
  color: #fff !important;
}

.alloy-page .filter-option {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  padding: 5px 10px !important;
}

.alloy-page .filter-option input {
  margin-left: 10px !important;
}

.producttyre_flx {
  cursor: pointer !important;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* dynamic 3 columns */
  column-gap: 5px;
}

.grid-item {
  font-size: 14px;
}

/* Common heading wrapper */
.package-total-heading {
  font-size: 18px;
  /* Package Total smaller */
  font-weight: 600;
  margin-bottom: 8px;
}

/* Price style (applies to both) */
.package-total-heading strong {
  font-size: 26px;
  /* default bigger */
  font-weight: 800;
  color: #07286E;
  /* your requested color */
}

/* With TPMS total -> even bigger price */
.package-total-heading.with-tpms strong {
  font-size: 30px;
}

/* Without TPMS total -> slightly smaller price */
.package-total-heading.without-tpms strong {
  font-size: 22px;
}

.package-total-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.discount-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: red;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 5px;
  z-index: 2;
}

.discount-tag-inline {
  background-color: red;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 7px;
  border-radius: 3px;
  margin: 10px 0px;
}

/* Dropdown container */
.css-dropdown .dropdown {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 2px;
  list-style: none;
  padding: 0;
  display: none;
  /* by default hidden */
  z-index: 1000;
}

/* Dropdown items */
.css-dropdown .dropdown li {
  padding: 8px 10px;
  cursor: pointer;
  font-size: 14px;
}

/* Hover effect */
.css-dropdown .dropdown li:hover {
  background: #f5f5f5;
}

.FeaturedProduct__price-off {
  background-color: #f16000;
  color: white;
  font-size: 13px;
  padding: 0px 10px;
  text-align: center;
  /* border-radius: 20px; */
}

.FeaturedProduct__price--strikethrough {
  color: red;
  font-size: 16px;
}

.product-selectedtitle .dynamic-price {
  font-size: 24px !important;
}

.price-dynamically-adjustment-in-case-of-discount {
  display: flex;
  gap: 10px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;

}

.price-dynamically-adjustment-in-case-of-discount .retail-price {
  color: red;
  font-size: 16px;
}

.price-dynamically-adjustment-in-case-of-discount .main-price {
  font-size: 22px;
}

.strikethroughPrice-insert * {
  color: red;
  font-weight: bold;
}

.noHtmlPrice {
  font-size: 24px !important;
}

.main-price-container {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
}

.finance-details-calculator {
  cursor: pointer;
  margin-left: 5px;
}

.CartAccessories__variations--item label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pagination .page-link {
  color: #03256C;
  background-color: #fff;
  border: 1px solid #03256C;
  border-radius: 6px;
  margin: 0 3px;
  transition: all 0.3s ease;
}

.pagination .page-link:hover {
  background-color: #03256C;
  color: #fff;
}

.pagination .page-item.active .page-link {
  background-color: #03256C;
  color: #fff;
  border-color: #03256C;
}

.pagination .page-item.disabled .page-link {
  background-color: #f1f1f1;
  color: #999;
  border-color: #ddd;
  pointer-events: none;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding-left: 0;
  list-style: none;
  width: 100%;
  margin: 30px 0px;
}

.pagination .page-item {
  display: inline-block;
}

.pagination .page-link {
  color: #03256C;
  background-color: #fff;
  border: 1px solid #03256C;
  border-radius: 6px;
  padding: 6px 12px;
  transition: all 0.3s ease;
}

.pagination .page-link:hover {
  background-color: #03256C;
  color: #fff;
}

.pagination .page-item.active .page-link {
  background-color: #03256C;
  color: #fff;
  border-color: #03256C;
}

.pagination .page-item.disabled .page-link {
  background-color: #f1f1f1;
  color: #999;
  border-color: #ddd;
}

.pagination nav>div {
  text-align: center
}

.search-filters {
  margin: 40px 0;
}

/* ---------- Global thin scrollbar with #03256C ---------- */

/* Firefox */
* {
  scrollbar-width: thin;
  /* thin scrollbar */
  scrollbar-color: #03256C transparent;
  /* thumb color, track color */
}

/* WebKit browsers (Chrome, Edge, Safari, Opera) */
*::-webkit-scrollbar {
  width: 8px;
  /* vertical scrollbar thickness */
  height: 8px;
  /* horizontal scrollbar thickness */
}

*::-webkit-scrollbar-track {
  background: transparent;
  /* track (background) */
}

*::-webkit-scrollbar-thumb {
  background-color: #03256C;
  /* thumb color */
  border-radius: 999px;
  /* rounded ends */
  border: 2px solid transparent;
  /* optional inner spacing for a thinner look */
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  filter: brightness(0.9);
  /* subtle hover effect */
}

/* Legacy Microsoft (IE/Edge) hint */
html {
  -ms-overflow-style: auto;
  /* use native behavior on old IE/Edge */
}

span.color-name {
  font-size: 10px;
  font-weight: 400;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  /* line height set */
  max-height: calc(1.4em * 2);
  /* exactly 2 lines ki height */
}

.p-0 {
  padding: 0px !important;
}

.inner-img-padding img {
  padding: 10px;
}

.inner-img-padding .Brands__logowrap {
  min-height: 120px;
}

.padding-20px {
  padding: 20px !important;
  background: #F5F5F5;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: #03256C !important;
}

.swiper-navigation-icon {
  color: white !important;
  width: 10px !important;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: #1B4AD2 !important;
}

.full-desc {
  overflow: hidden;
}

.read-more-btn {
  color: #2563eb;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  margin-top: 6px;
}

.read-more-btn:hover {
  text-decoration: underline;
}

.pagination .page-link {
  display: flex;
}

.upsell-swiper .FeaturedProduct__img img,
.cross-sell-section .FeaturedProduct__img img {
  padding: 0 !important;
  height: 95%;
  margin-top: 2.5%;
}

.FeaturedProduct__title {
  overflow: hidden !important;
}