@font-face {
  font-family: 'daimler-light';
  src: url("../fonts/DaimlerCS-Light.woff2") format("woff2"), url("../fonts/DaimlerCS-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'daimler-regular';
  src: url("../fonts/DaimlerCS-Regular.woff2") format("woff2"), url("../fonts/DaimlerCS-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'daimler-demi';
  src: url("../fonts/DaimlerCS-Demi.woff2") format("woff2"), url("../fonts/DaimlerCS-Demi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'daimler-bold';
  src: url("../fonts/DaimlerCS-Bold.woff2") format("woff2"), url("../fonts/DaimlerCS-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* line 33, ../sass/_fonts.scss */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}

/* line 41, ../sass/_fonts.scss */
h1 {
  font-family: var(--ff-h1);
  font-size: var(--fs-h1) !important;
  text-transform: uppercase;
}

/* line 47, ../sass/_fonts.scss */
h2 {
  font-family: var(--ff-h2);
  font-size: var(--fs-h2) !important;
  text-transform: uppercase;
}

/* line 53, ../sass/_fonts.scss */
h3 {
  font-family: var(--ff-h3);
  font-size: var(--fs-h3) !important;
  text-transform: uppercase;
}

/* line 59, ../sass/_fonts.scss */
h4 {
  font-family: var(--ff-h4);
  font-size: var(--fs-h4) !important;
  text-transform: uppercase;
}

/* line 65, ../sass/_fonts.scss */
h5 {
  font-family: var(--ff-h5);
  font-size: var(--fs-h5) !important;
  text-transform: uppercase;
}

/* line 71, ../sass/_fonts.scss */
h6 {
  font-family: var(--ff-h6);
  font-size: var(--fs-h6) !important;
  text-transform: uppercase;
}

/* line 77, ../sass/_fonts.scss */
.display-1 {
  font-family: var(--ff-display-1);
  font-size: var(--fs-display-1) !important;
}

/* line 82, ../sass/_fonts.scss */
.display-2 {
  font-family: var(--ff-display-2);
  font-size: var(--fs-display-2) !important;
}

/* line 87, ../sass/_fonts.scss */
.display-3 {
  font-family: var(--ff-display-3);
  font-size: var(--fs-display-3) !important;
}

/* line 92, ../sass/_fonts.scss */
.display-4 {
  font-family: var(--ff-display-4);
  font-size: var(--fs-display-4) !important;
}

/* line 97, ../sass/_fonts.scss */
p {
  font-family: var(--ff-regular-body) !important;
  font-size: var(--fs-regular-body) !important;
}

/* line 102, ../sass/_fonts.scss */
.p {
  font-family: var(--ff-regular-body) !important;
  font-size: var(--fs-regular-body) !important;
}

/* line 107, ../sass/_fonts.scss */
.lead-b-uppercase {
  font-family: var(--ff-lead-uppercase);
  font-size: var(--fs-lead) !important;
  text-transform: uppercase;
}

/* line 113, ../sass/_fonts.scss */
.lead-b {
  font-family: var(--ff-lead);
  font-size: var(--ff-lead-bold) !important;
  text-transform: uppercase;
}

/* line 119, ../sass/_fonts.scss */
.lead {
  font-family: var(--ff-lead);
  font-size: var(--ff-lead) !important;
  text-transform: uppercase;
}

/* line 126, ../sass/_fonts.scss */
.text-light-grey-60 {
  color: var(--c-secondary-light-grey-60);
}

/* line 1, ../sass/_theme.scss */
:root {
  --c-primary-black: #000000;
  --c-secondary-white: #ffffff;
  --c-secondary-light-grey-light: #f4f4f4;
  --c-secondary-light-grey: #E6E6E6;
  --c-secondary-light-grey-20: #C8C8C8;
  --c-secondary-light-grey-40: #9E9E9E;
  --c-secondary-light-grey-60: #707070;
  --c-secondary-light-grey-80: #444444;
  --c-accent-petrol-40: #004355;
  --c-accent-petrol-20: #00566A;
  --c-accent-petrol: #00677F;
  --c-accent-petrol-80-p: #007A93;
  --c-accent-petrol-60-p: #5097AB;
  --c-accent-petrol-40-p: #79AEBF;
  --c-accent-petrol-20-p: #A6CAD8;
  --c-success: #6EA046;
  --c-warning: #E69123;
  --c-error: #FF0000;
  --c-info: #000000;
  --fs-h1: 34px;
  --fs-h2: 30px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-h5: 18px;
  --fs-h6: 16px;
  --fs-display-1: 60px;
  --fs-display-2: 50px;
  --fs-display-3: 40px;
  --fs-display-4: 34px;
  --fs-regular-body: 14px;
  --fs-lead: 16px;
  --fs-links: 14px;
  --ff-h1: 'daimler-bold';
  --ff-h2: 'daimler-bold';
  --ff-h3: 'daimler-bold';
  --ff-h4: 'daimler-bold';
  --ff-h5: 'daimler-bold';
  --ff-h6: 'daimler-bold';
  --ff-display-1: 'daimler-bold';
  --ff-display-2: 'daimler-bold';
  --ff-display-3: 'daimler-bold';
  --ff-display-4: 'daimler-bold';
  --ff-regular-body: 'daimler-light';
  --ff-regular-body-bold: 'daimler-bold';
  --ff-regular-body-uppercase: 'daimler-regular';
  --ff-lead: 'daimler-light';
  --ff-lead-bold: 'daimler-bold';
  --ff-lead-uppercase: 'daimler-regular';
  --ff-links: 'daimler-demi';
}

/* line 75, ../sass/_theme.scss */
.bg-dark {
  background-color: var(--c-primary-black) !important;
}

/* line 79, ../sass/_theme.scss */
.bg-light-grey {
  background-color: var(--c-secondary-light-grey) !important;
}

/* line 83, ../sass/_theme.scss */
.bg-light {
  background-color: var(--c-secondary-white) !important;
}

/* line 1, ../sass/_navigation.scss */
.header {
  z-index: 1021;
  position: relative;
}
@media screen and (max-width: 992px) {
  /* line 1, ../sass/_navigation.scss */
  .header {
    position: sticky !important;
  }
}
@media screen and (max-width: 992px) {
  /* line 9, ../sass/_navigation.scss */
  .header nav {
    padding: 0 !important;
  }
}
/* line 17, ../sass/_navigation.scss */
.header .navbar-brand img {
  display: block !important;
  margin: auto;
  padding: 10px;
}
@media screen and (max-width: 992px) {
  /* line 17, ../sass/_navigation.scss */
  .header .navbar-brand img {
    width: 220px;
    margin-left: 20px;
  }
}
/* line 28, ../sass/_navigation.scss */
.header .navbar-collapse {
  padding: 0 30px;
}
@media screen and (max-width: 992px) {
  /* line 28, ../sass/_navigation.scss */
  .header .navbar-collapse {
    border-top: 1px solid var(--c-secondary-light-grey);
    padding: 0 16px;
  }
}
/* line 37, ../sass/_navigation.scss */
.header .navbar-toggler {
  border: 0;
  padding: 0;
  padding-right: 20px;
  color: var(--c-primary-black);
}
/* line 43, ../sass/_navigation.scss */
.header .navbar-toggler:focus {
  box-shadow: unset;
}
/* line 47, ../sass/_navigation.scss */
.header .navbar-toggler-icon {
  background-image: unset;
}
/* line 50, ../sass/_navigation.scss */
.header .navbar-toggler-icon:after {
  font-family: "Material Symbols Outlined";
  font-size: 30px;
  line-height: 30px;
  content: "\e5d2";
  padding: 5px;
  color: var(--c-primary-black);
}
/* line 62, ../sass/_navigation.scss */
.header .nav-link {
  display: flex;
  color: var(--c-primary-black);
  font-family: var(--ff-lead-uppercase);
  text-transform: uppercase;
  font-size: var(--fs-lead);
  padding: 0px !important;
  /* Apply margin-right if .icon_only is present */
}
/* line 70, ../sass/_navigation.scss */
.header .nav-link .material-symbols-outlined {
  margin-right: 4px;
}
/* line 75, ../sass/_navigation.scss */
.header .nav-link.icon_only .material-symbols-outlined {
  margin-right: 0px !important;
}
/* line 79, ../sass/_navigation.scss */
.header .nav-link:hover {
  color: var(--c-secondary-light-grey-80) !important;
}
/* line 84, ../sass/_navigation.scss */
.header .nav-item {
  padding: 16px !important;
}
@media screen and (max-width: 992px) {
  /* line 84, ../sass/_navigation.scss */
  .header .nav-item {
    border-bottom: 1px solid var(--c-secondary-light-grey);
  }
}
/* line 93, ../sass/_navigation.scss */
.header a.icon_only .nav-link-title {
  display: none;
}
/* line 97, ../sass/_navigation.scss */
.header #navbar-main {
  padding: 0 !important;
  border-top: 1px solid var(--c-secondary-light-grey);
  border-bottom: 1px solid var(--c-secondary-light-grey);
}
/* line 103, ../sass/_navigation.scss */
.header .region-secondary-menu {
  width: 100%;
}
/* line 108, ../sass/_navigation.scss */
.header .region-primary-menu-right #block-daimler-mainnavigationright-2 {
  padding: 0;
  width: fit-content;
  /* Add left border to all nav items except the last one */
}
@media screen and (max-width: 992px) {
  /* line 108, ../sass/_navigation.scss */
  .header .region-primary-menu-right #block-daimler-mainnavigationright-2 {
    display: block !important;
    width: 100% !important;
  }
}
/* line 117, ../sass/_navigation.scss */
.header .region-primary-menu-right #block-daimler-mainnavigationright-2 ul {
  width: fit-content;
}
@media screen and (max-width: 992px) {
  /* line 117, ../sass/_navigation.scss */
  .header .region-primary-menu-right #block-daimler-mainnavigationright-2 ul {
    display: block !important;
    width: 100% !important;
  }
}
/* line 126, ../sass/_navigation.scss */
.header .region-primary-menu-right #block-daimler-mainnavigationright-2 .nav-item {
  border-left: 1px solid var(--c-secondary-light-grey);
}
@media screen and (max-width: 992px) {
  /* line 126, ../sass/_navigation.scss */
  .header .region-primary-menu-right #block-daimler-mainnavigationright-2 .nav-item {
    border-left: none !important;
  }
}
/* line 134, ../sass/_navigation.scss */
.header .region-primary-menu-right #block-daimler-cartflyout {
  width: fit-content;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  /* line 134, ../sass/_navigation.scss */
  .header .region-primary-menu-right #block-daimler-cartflyout {
    position: relative;
    top: 0;
    right: 0;
    padding-inline: 16px;
  }
}
/* line 146, ../sass/_navigation.scss */
.header .region-primary-menu-right #block-daimler-cartflyout .content {
  margin-top: 8px;
}

/* line 1, ../sass/_footer.scss */
.region-footer {
  width: 100% !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 0 30px !important;
}
/* line 12, ../sass/_footer.scss */
.region-footer #block-daimler-footertermsconditions .field__item {
  border: 0;
  margin: 0;
}
/* line 18, ../sass/_footer.scss */
.region-footer .clearfix.nav {
  flex-wrap: nowrap;
}
/* line 22, ../sass/_footer.scss */
.region-footer .clearfix.nav .nav-link {
  color: var(--c-secondary-white) !important;
  font-family: var(--ff-regular-body-bold) !important;
  font-size: var(--fs-regular-body) !important;
  text-transform: capitalize;
}
/* line 27, ../sass/_footer.scss */
.region-footer .clearfix.nav .nav-link:not(:last-child) {
  text-transform: uppercase;
  border-right: 1px solid var(--c-secondary-light-grey);
}
/* line 32, ../sass/_footer.scss */
.region-footer .clearfix.nav .nav-item {
  padding: 0 10px !important;
}
/* line 34, ../sass/_footer.scss */
.region-footer .clearfix.nav .nav-item:not(:last-child) {
  border-right: 1px solid var(--c-secondary-light-grey);
}

/* line 42, ../sass/_footer.scss */
.site-footer {
  padding: 20px 0;
}
/* line 45, ../sass/_footer.scss */
.site-footer .block {
  width: auto;
  margin: 0;
  border: 0 !important;
}
/* line 50, ../sass/_footer.scss */
.site-footer .block p {
  font-family: var(--ff-regular-body-bold) !important;
  font-size: var(--fs-regular-body) !important;
  color: var(--c-secondary-white) !important;
}

/* line 1, ../sass/_cookies.scss */
#sliding-popup {
  background-color: var(--c-accent-petrol) !important;
}
/* line 4, ../sass/_cookies.scss */
#sliding-popup .popup-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-block: 16px;
  padding-inline: 24px;
  max-width: 100%;
}
@media (min-width: 769px) {
  /* line 4, ../sass/_cookies.scss */
  #sliding-popup .popup-content {
    padding-inline: 42px;
  }
}
/* line 17, ../sass/_cookies.scss */
#sliding-popup #popup-text {
  margin: 0;
}
/* line 19, ../sass/_cookies.scss */
#sliding-popup #popup-text h2 {
  font-weight: normal;
  font-family: var(--ff-lead-uppercase);
  font-size: 24px !important;
  line-height: 1;
  margin-bottom: 0;
}
/* line 26, ../sass/_cookies.scss */
#sliding-popup #popup-text p {
  font-size: 16px !important;
  font-weight: normal;
}
/* line 31, ../sass/_cookies.scss */
#sliding-popup #popup-buttons {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}
/* line 37, ../sass/_cookies.scss */
#sliding-popup #popup-buttons button {
  margin-top: 0;
  border-radius: 0;
  padding: 10px 20px;
  font-family: var(--ff-lead);
  font-size: var(--fs-lead);
  text-transform: uppercase;
  border: none !important;
  line-height: 1;
  box-shadow: none !important;
  text-shadow: none;
}
/* line 48, ../sass/_cookies.scss */
#sliding-popup #popup-buttons button.agree-button {
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
}

/* line 3, ../sass/_how_to_order.scss */
.how-to-order h1,
.how-to-order h5 {
  color: var(--c-secondary-white);
}
/* line 8, ../sass/_how_to_order.scss */
.how-to-order .material-symbols-outlined {
  color: var(--c-secondary-white);
}
/* line 12, ../sass/_how_to_order.scss */
.how-to-order p {
  color: var(--c-secondary-white);
}
/* line 16, ../sass/_how_to_order.scss */
.how-to-order .display-1 {
  color: var(--c-secondary-light-grey-60);
  top: -30px;
  position: relative;
}
@media screen and (max-width: 992px) {
  /* line 16, ../sass/_how_to_order.scss */
  .how-to-order .display-1 {
    top: 0 !important;
  }
}
/* line 26, ../sass/_how_to_order.scss */
.how-to-order hr {
  width: 102px;
  border-top: 2px solid var(--c-secondary-white);
  margin: auto;
  margin-top: 24px;
  margin-bottom: 70px;
  opacity: 100%;
  padding-bottom: 20px;
}

/* line 6, ../sass/_quick_links.scss */
.quick-links .bg-dark {
  min-height: 200px;
}
/* line 9, ../sass/_quick_links.scss */
.quick-links .bg-dark h5, .quick-links .bg-dark p {
  color: var(--c-secondary-white);
  font-size: var(--fs-links) !important;
  font-family: var(--ff-links) !important;
}
/* line 18, ../sass/_quick_links.scss */
.quick-links a {
  color: var(--c-secondary-white);
  text-decoration: none;
}
/* line 24, ../sass/_quick_links.scss */
.quick-links hr {
  width: 102px;
  border-top: 2px solid var(--c-primary-black);
  margin: auto;
  margin-top: 24px;
  margin-bottom: 70px;
  opacity: 100%;
}

/* line 1, ../sass/_products.scss */
.product-card {
  max-width: 384px;
  max-height: 595px;
}
/* line 5, ../sass/_products.scss */
.product-card img {
  width: 100% !important;
}
/* line 9, ../sass/_products.scss */
.product-card .card {
  border: unset !important;
  height: auto !important;
  background-color: transparent;
}
/* line 14, ../sass/_products.scss */
.product-card .card-title {
  text-align: center !important;
}
/* line 19, ../sass/_products.scss */
.product-card .card-img-top .media--blazy {
  border: 1px solid var(--c-secondary-light-grey);
  overflow: hidden;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  background-color: var(--c-secondary-white);
}
/* line 29, ../sass/_products.scss */
.product-card .card-img-top .media--blazy img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  margin: auto;
  object-fit: contain;
}
/* line 42, ../sass/_products.scss */
.product-card .card-link-top {
  position: relative;
  top: -30px;
  background: var(--c-primary-black);
  width: 50%;
}
/* line 48, ../sass/_products.scss */
.product-card .card-link-top a {
  font-family: var(--ff-lead);
  font-size: var(--fs-lead);
  color: var(--c-secondary-white);
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  text-align: center;
}
/* line 61, ../sass/_products.scss */
.product-card .card-link-top a::first-letter {
  width: 62%;
}
/* line 65, ../sass/_products.scss */
.product-card .card-link-top a:after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 20px;
  content: "\e8e4";
  padding: 5px;
  background-color: var(--c-secondary-light-grey-60);
  width: 38%;
}
/* line 79, ../sass/_products.scss */
.product-card .card-body {
  position: relative;
  top: -30px;
}

/* line 1, ../sass/_our_bundles.scss */
.our-bundles {
  background: var(--c-secondary-light-grey);
  margin-top: 50px;
}
/* line 7, ../sass/_our_bundles.scss */
.our-bundles .views-row {
  width: fit-content;
}
/* line 11, ../sass/_our_bundles.scss */
.our-bundles .view-content {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 19, ../sass/_our_bundles.scss */
.our-bundles.card {
  border: 0 !important;
}
/* line 23, ../sass/_our_bundles.scss */
.our-bundles.card .card-header {
  border: 0;
  background-color: unset;
}
/* line 28, ../sass/_our_bundles.scss */
.our-bundles.card .card-body {
  border: 0;
  margin-bottom: 50px;
}
/* line 36, ../sass/_our_bundles.scss */
.our-bundles .card-header h2 {
  margin-top: 70px;
  font-family: var(--ff-h1) !important;
  font-size: var(--fs-h1) !important;
  color: var(--c-primary-black);
  text-align: center !important;
  display: flex;
  flex-direction: column;
}
/* line 45, ../sass/_our_bundles.scss */
.our-bundles .card-header h2:after {
  content: "";
  border-bottom: 2px solid var(--c-primary-black);
  width: 102px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 70px;
  opacity: 100%;
}

/* line 3, ../sass/_our_collection.scss */
.collection-slider-tabs.card {
  border: 0 !important;
}
/* line 7, ../sass/_our_collection.scss */
.collection-slider-tabs.card .card-header {
  border: 0;
  background-color: unset;
}
/* line 12, ../sass/_our_collection.scss */
.collection-slider-tabs.card .card-body {
  border: 0;
  margin-bottom: 50px;
}
/* line 20, ../sass/_our_collection.scss */
.collection-slider-tabs .d-flex.flex-wrap {
  flex-wrap: unset !important;
  display: block !important;
}
/* line 26, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
@media screen and (max-width: 530px) {
  /* line 26, ../sass/_our_collection.scss */
  .collection-slider-tabs .bef-links-use-ajax ul {
    display: block !important;
  }
}
/* line 36, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul li {
  list-style: none;
  margin: 0;
}
/* line 40, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul li a {
  font-family: var(--ff-lead-bold) !important;
  font-size: var(--fs-lead) !important;
}
@media screen and (max-width: 875px) {
  /* line 36, ../sass/_our_collection.scss */
  .collection-slider-tabs .bef-links-use-ajax ul li {
    border: 1px solid var(--c-secondary-light-grey) !important;
  }
}
/* line 50, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul li:first-child {
  display: none;
}
/* line 53, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul li:nth-child(1n) {
  border-right: 1px solid var(--c-secondary-light-grey);
}
/* line 56, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul li:last-child {
  border-right: unset;
}
/* line 61, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul a {
  display: block;
  padding: 10px 15px;
  color: var(--c-primary-dark);
  text-decoration: none;
  padding: 20px;
  width: 13vw;
  text-align: center;
}
@media screen and (max-width: 950px) {
  /* line 61, ../sass/_our_collection.scss */
  .collection-slider-tabs .bef-links-use-ajax ul a {
    padding: 5px !important;
    width: 13.2vw !important;
  }
}
@media screen and (max-width: 875px) {
  /* line 61, ../sass/_our_collection.scss */
  .collection-slider-tabs .bef-links-use-ajax ul a {
    width: 21.2vw !important;
  }
}
@media screen and (max-width: 530px) {
  /* line 61, ../sass/_our_collection.scss */
  .collection-slider-tabs .bef-links-use-ajax ul a {
    width: 100% !important;
    padding: 10px 15px !important;
  }
}
/* line 82, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul a.bef-link--selected {
  background-color: var(--c-primary-black) !important;
  color: var(--c-secondary-white) !important;
}
/* line 87, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul a:hover {
  background-color: var(--c-secondary-light);
  color: var(--c-primary-dark-hover);
}
/* line 92, ../sass/_our_collection.scss */
.collection-slider-tabs .bef-links-use-ajax ul a.bef-link--selected {
  background-color: var(--c-primary-light);
  color: var(--c-primary-white);
}
/* line 100, ../sass/_our_collection.scss */
.collection-slider-tabs .card-header h2 {
  margin-top: 70px;
  font-family: var(--ff-h1) !important;
  font-size: var(--fs-h1) !important;
  color: var(--c-primary-black);
  text-align: center !important;
  display: flex;
  flex-direction: column;
}
/* line 109, ../sass/_our_collection.scss */
.collection-slider-tabs .card-header h2:after {
  content: "";
  border-bottom: 2px solid var(--c-primary-black);
  width: 102px;
  margin: auto;
  margin-top: 24px;
  margin-bottom: 70px;
  opacity: 100%;
}

/* line 3, ../sass/_auth.scss */
.auth-main {
  overflow-x: hidden;
}
/* line 6, ../sass/_auth.scss */
.auth-main .form-right {
  background-image: url(/themes/custom/daimler/images/login-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 13, ../sass/_auth.scss */
.auth-main .form-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media screen and (max-width: 572px), screen and (min-width: 767px) and (max-width: 1384px) {
  /* line 13, ../sass/_auth.scss */
  .auth-main .form-actions {
    flex-wrap: wrap;
  }
}
/* line 23, ../sass/_auth.scss */
.auth-main .form-actions #edit-submit {
  /* margin-right: 20px; */
}
@media screen and (max-width: 572px), screen and (min-width: 767px) and (max-width: 1384px) {
  /* line 23, ../sass/_auth.scss */
  .auth-main .form-actions #edit-submit {
    margin-right: 0 !important;
    margin-bottom: 30px;
  }
}
/* line 39, ../sass/_auth.scss */
.auth-main-password .form-actions #edit-submit {
  margin-right: 0px !important;
}
/* line 46, ../sass/_auth.scss */
.auth-h-100, .auth-row {
  height: 94.4vh;
}
/* line 51, ../sass/_auth.scss */
.auth-menu {
  background-color: var(--c-secondary-light-grey);
}
/* line 54, ../sass/_auth.scss */
.auth-menu a {
  text-decoration: none;
  color: var(--c-primary-black);
}
/* line 61, ../sass/_auth.scss */
.auth-menu .border-start, .auth-menu .border-end {
  border-color: var(--c-secondary-light-grey-20) !important;
}
/* line 69, ../sass/_auth.scss */
.auth-remember-me-wrapper {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 572px), screen and (min-width: 767px) and (max-width: 1384px) {
  /* line 69, ../sass/_auth.scss */
  .auth-remember-me-wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 572px), screen and (min-width: 767px) and (max-width: 1384px) {
  /* line 78, ../sass/_auth.scss */
  .auth-remember-me-wrapper .forgot-password-link {
    margin-bottom: 30px;
  }
}
/* line 87, ../sass/_auth.scss */
.auth-center {
  display: grid;
  place-items: center;
  height: 100%;
}
/* line 93, ../sass/_auth.scss */
.auth-required {
  color: var(--c-secondary-light-grey-60);
}

/* line 2, ../sass/_form.scss */
.btn {
  border-radius: 0;
  padding: 10px 20px;
  font-family: var(--ff-lead);
  font-size: var(--fs-lead);
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 12, ../sass/_form.scss */
.btn:after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 20px;
  content: "\e8e4";
}
/* line 19, ../sass/_form.scss */
.btn-primary {
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
  border: unset !important;
}
/* line 25, ../sass/_form.scss */
.btn:hover, .btn:focus {
  background-color: var(--c-accent-petrol);
  color: var(--c-primary-black);
}

/* line 33, ../sass/_form.scss */
.btn-auto-width {
  width: auto !important;
}

/* line 37, ../sass/_form.scss */
textarea {
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  color: var(--c-secondary-light-grey-60);
}

/* line 46, ../sass/_form.scss */
.form-control {
  border-radius: 0;
  border-color: var(--c-secondary-light-grey);
}
/* line 50, ../sass/_form.scss */
.form-control:focus {
  border-color: var(--c-primary-black);
  box-shadow: unset !important;
}
/* line 58, ../sass/_form.scss */
.form-check-label {
  color: var(--c-secondary-light-grey-60);
  font-size: var(--fs-regular-body);
  font-family: var(--fs-regular-body);
  margin-left: 10px;
}
/* line 67, ../sass/_form.scss */
.form-check-input:focus {
  box-shadow: unset !important;
  border-color: var(--c-primary-black);
}
/* line 72, ../sass/_form.scss */
.form-check-input:checked {
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
  box-shadow: unset !important;
  border-color: var(--c-primary-black);
}

/* line 83, ../sass/_form.scss */
input {
  font-size: var(--fs-regular-body) !important;
  font-family: var(--ff-regular-body);
  color: var(--c-primary-black) !important;
}
/* line 88, ../sass/_form.scss */
input[type=text] {
  height: 43px;
}
/* line 92, ../sass/_form.scss */
input[type=checkbox] {
  height: 16px;
  width: 17px;
  border-radius: 0 !important;
  border-color: var(--c-primary-black);
}
/* line 99, ../sass/_form.scss */
input::placeholder {
  color: var(--c-secondary-light-grey-60) !important;
  opacity: 1;
  /* Firefox */
}

/* line 106, ../sass/_form.scss */
.fieldset-legend {
  font-family: var(--ff-lead-bold);
  font-size: var(--fs-lead);
  color: var(--c-primary-black);
}

/* line 114, ../sass/_form.scss */
.js-form-item-search-api-fulltext label {
  font-family: var(--ff-lead-bold);
  font-size: var(--fs-lead);
  color: var(--c-primary-black);
  margin-bottom: 10px;
}

/* line 123, ../sass/_form.scss */
.facets-widget-checkbox .facet-item {
  vertical-align: middle;
  display: flex;
  align-items: center;
}
/* line 129, ../sass/_form.scss */
.facets-widget-checkbox .facet-item label {
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  color: var(--c-secondary-light-grey-60);
  margin-left: 10px;
}
/* line 136, ../sass/_form.scss */
.facets-widget-checkbox .facet-item .facets-checkbox {
  width: 16px;
  height: 16px;
  margin: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid var(--c-secondary-light-grey) !important;
  box-shadow: none;
  font-size: 0.8em;
  text-align: center;
  line-height: 1em;
  border-radius: 0.25em;
}
/* line 151, ../sass/_form.scss */
.facets-widget-checkbox .facet-item .facets-checkbox:checked:after {
  content: '';
  background: var(--c-primary-black);
  background-size: 14px;
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
  top: 0%;
  left: 0%;
}
/* line 163, ../sass/_form.scss */
.facets-widget-checkbox .facet-item .facets-checkbox:focus {
  border-color: transparent;
  border-color: var(--c-primary-black);
  box-shadow: none;
}

/* line 174, ../sass/_form.scss */
.form-select {
  border-color: var(--c-primary-black);
  border-radius: 0;
  border-color: var(--c-secondary-light-grey);
  height: 43px;
  color: var(--c-secondary-light-grey-60);
  font-size: var(--fs-regular-body);
  font-family: var(--fs-regular-body);
}
/* line 183, ../sass/_form.scss */
.form-select:focus {
  border-color: var(--c-primary-black);
  box-shadow: none !important;
}
/* line 188, ../sass/_form.scss */
.form-select.is-invalid {
  border-color: var(--c-error);
}
/* line 191, ../sass/_form.scss */
.form-select.is-invalid:focus {
  border-color: var(--c-error);
  box-shadow: none !important;
}
/* line 198, ../sass/_form.scss */
.form-check {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
/* line 203, ../sass/_form.scss */
.form-check-label {
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  color: var(--c-secondary-light-grey-60);
  vertical-align: middle;
}
/* line 210, ../sass/_form.scss */
.form-check-input {
  margin-top: 0em;
}
/* line 213, ../sass/_form.scss */
.form-check-input[type=radio] {
  border-radius: 0;
  height: 16px;
  width: 16px;
}
/* line 220, ../sass/_form.scss */
.form-check-input:checked[type=radio] {
  background-image: unset !important;
  border-radius: 0;
}

/* line 229, ../sass/_form.scss */
.js-form-item {
  margin-bottom: 30px;
}
/* line 233, ../sass/_form.scss */
.js-form-type-radio {
  margin-bottom: 0 !important;
  border-radius: 0;
}

/* line 240, ../sass/_form.scss */
a {
  color: var(--c-primary-black);
  font-size: var(--fs-links);
  font-family: var(--ff-links);
}
/* line 245, ../sass/_form.scss */
a:hover {
  color: var(--c-accent-petrol);
}

/* line 1, ../sass/_breadcrumbs.scss */
#block-daimler-breadcrumbs {
  background-color: var(--c-secondary-light-grey);
  height: 80px;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  /* line 1, ../sass/_breadcrumbs.scss */
  #block-daimler-breadcrumbs {
    height: 158px;
  }
}

/* line 12, ../sass/_breadcrumbs.scss */
.breadcrumb {
  margin-bottom: 0;
}
/* line 14, ../sass/_breadcrumbs.scss */
.breadcrumb-item {
  color: var(--c-primary-black);
  font-size: var(--fs-regular-body);
  font-family: var(--ff-regular-body-bold);
}
/* line 19, ../sass/_breadcrumbs.scss */
.breadcrumb-item a {
  text-decoration: none !important;
  font-size: var(--fs-regular-body);
  font-family: var(--ff-regular-body);
}
/* line 26, ../sass/_breadcrumbs.scss */
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  font-family: 'Material Symbols Outlined';
  font-size: 17px;
  line-height: 17px;
  content: "\e5e1";
  padding-inline: 5px;
  color: var(--c-secondary-light-grey-60);
}
/* line 36, ../sass/_breadcrumbs.scss */
.breadcrumb-item.active {
  font-family: var(--ff-regular-body-bold);
  color: var(--c-primary-black);
  font-size: var(--fs-regular-body);
}

/* line 2, ../sass/_tables.scss */
.table > :not(caption) > * > {
  box-shadow: none !important;
}
/* line 5, ../sass/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: none !important;
}

/* line 9, ../sass/_tables.scss */
table {
  box-shadow: none !important;
}
/* line 12, ../sass/_tables.scss */
table thead tr {
  background-color: var(--c-secondary-white);
}
/* line 15, ../sass/_tables.scss */
table thead tr th {
  color: var(--c-primary-black);
  font-family: var(--ff-lead-bold);
  font-size: var(--fs-lead);
  border-bottom: 1px solid var(--c-primary-black);
  padding: 20px 10px !important;
}
@media screen and (max-width: 843px) {
  /* line 15, ../sass/_tables.scss */
  table thead tr th {
    padding: 15px 5px !important;
    min-width: 127px;
  }
}
/* line 31, ../sass/_tables.scss */
table tbody tr {
  background-color: var(--c-secondary-white);
}
/* line 34, ../sass/_tables.scss */
table tbody tr.odd {
  background: transparent;
}
/* line 38, ../sass/_tables.scss */
table tbody tr td:not(:empty) {
  border-bottom: 1px solid var(--c-secondary-light-grey);
  padding: 20px 10px !important;
  color: var(--c-secondary-light-grey-60) !important;
  font-size: var(--fs-regular-body);
  font-family: var(--fs-regular-body);
}
/* line 45, ../sass/_tables.scss */
table tbody tr td:not(:empty):last-child {
  padding: 20px 20px 20px 5px !important;
  margin-bottom: 0px !important;
}
/* line 50, ../sass/_tables.scss */
table tbody tr td:has(.collapsed) {
  padding: 0 !important;
  border: none;
}

/* line 11, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .form-actions .btn-primary.is-disabled, #wow-daimler-bulk-order .form-actions .btn-primary:disabled, #wow-daimler-bulk-order .form-actions .btn-primary[disabled] {
  background-color: var(--c-secondary-light-grey-40) !important;
  color: var(--c-secondary-light-grey-60) !important;
  cursor: not-allowed;
  opacity: 1;
}
/* line 19, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .form-actions .btn-primary.is-disabled:hover, #wow-daimler-bulk-order .form-actions .btn-primary.is-disabled:focus, #wow-daimler-bulk-order .form-actions .btn-primary:disabled:hover, #wow-daimler-bulk-order .form-actions .btn-primary:disabled:focus, #wow-daimler-bulk-order .form-actions .btn-primary[disabled]:hover, #wow-daimler-bulk-order .form-actions .btn-primary[disabled]:focus {
  background-color: var(--c-secondary-light-grey-40) !important;
  color: var(--c-secondary-light-grey-60) !important;
}
/* line 28, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order #edit-actions {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 950px) {
  /* line 28, ../sass/_bulk_order.scss */
  #wow-daimler-bulk-order #edit-actions {
    display: block !important;
  }
}
/* line 36, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order #edit-actions #edit-update-cart {
  margin-right: 20px;
}
@media screen and (max-width: 950px) {
  /* line 36, ../sass/_bulk_order.scss */
  #wow-daimler-bulk-order #edit-actions #edit-update-cart {
    margin-right: 0;
    margin-bottom: 20px !important;
  }
}
/* line 45, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order #edit-actions .form-actions {
  width: 100%;
  margin-bottom: 0 !important;
}
/* line 50, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order #edit-actions .btn {
  text-align: center;
  display: unset !important;
}
/* line 54, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order #edit-actions .btn:after {
  display: none;
}
/* line 60, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .sticky-top {
  top: 1em;
}
@media screen and (max-width: 992px) {
  /* line 60, ../sass/_bulk_order.scss */
  #wow-daimler-bulk-order .sticky-top {
    top: 5em !important;
  }
}
/* line 68, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  --bs-accordion-active-color: var(--c-primary-black) !important;
}
/* line 72, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion-header {
  background-color: var(--c-secondary-light-grey-20);
  color: var(--c-primary-black) !important;
}
/* line 77, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion-button {
  background-color: var(--c-secondary-light-grey);
}
/* line 80, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion-button:focus {
  box-shadow: none !important;
  color: var(--c-primary-black) !important;
}
/* line 86, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion-item {
  border-radius: 0;
}
/* line 90, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .accordion-body {
  background-color: var(--c-secondary-light-grey);
}
/* line 96, ../sass/_bulk_order.scss */
#wow-daimler-bulk-order .past-order-warn {
  color: var(--c-warning);
  display: block;
}

/* line 103, ../sass/_bulk_order.scss */
.btn-bulk-submit {
  margin: auto 0 auto auto;
}
@media screen and (max-width: 845px) {
  /* line 103, ../sass/_bulk_order.scss */
  .btn-bulk-submit {
    margin: 0;
  }
}

/* line 123, ../sass/_bulk_order.scss */
.bulk-order-status {
  display: inline-block;
}
/* line 126, ../sass/_bulk_order.scss */
.bulk-order-status .progress-checks {
  color: var(--c-primary-black);
  font-size: var(--fs-lead);
}
/* line 130, ../sass/_bulk_order.scss */
.bulk-order-status .progress-circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--c-primary-black);
  background-color: transparent;
}
/* line 138, ../sass/_bulk_order.scss */
.bulk-order-status .progress-nostart {
  background-color: var(--c-error);
  border-color: var(--c-error);
}
/* line 142, ../sass/_bulk_order.scss */
.bulk-order-status .progress-partial {
  background-color: var(--c-warning);
  border-color: var(--c-warning);
}
/* line 146, ../sass/_bulk_order.scss */
.bulk-order-status .progress-complete {
  background-color: var(--c-success);
  border-color: var(--c-success);
}

/* line 151, ../sass/_bulk_order.scss */
tr[data-drupal-selector*="edit-staff-row"] {
  position: relative;
}

/* line 156, ../sass/_bulk_order.scss */
.expand-arrow-toggle {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: none;
  background: transparent !important;
  position: relative;
  margin: 0;
  outline: none;
  box-shadow: none;
}
/* line 170, ../sass/_bulk_order.scss */
.expand-arrow-toggle:focus {
  outline: none;
  box-shadow: none;
}
/* line 175, ../sass/_bulk_order.scss */
.expand-arrow-toggle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 1.5px solid var(--c-primary-black);
  border-bottom: 1.5px solid var(--c-primary-black);
  transition: transform 0.3s ease;
}
/* line 188, ../sass/_bulk_order.scss */
.expand-arrow-toggle:checked {
  background: transparent !important;
}
/* line 191, ../sass/_bulk_order.scss */
.expand-arrow-toggle:checked::before {
  transform: translate(-50%, -50%) rotate(225deg);
}
/* line 197, ../sass/_bulk_order.scss */
.expand-arrow-toggle.error::before {
  border-color: var(--c-error);
  border-bottom-width: medium;
  border-right-width: medium;
}
/* line 206, ../sass/_bulk_order.scss */
.expand-arrow-toggle + label {
  display: none;
}

/* line 213, ../sass/_bulk_order.scss */
.wow-daimler-bulk-order #edit-staff-row thead tr th:last-child {
  color: transparent;
  font-size: 0;
}

/* line 220, ../sass/_bulk_order.scss */
.last-updated {
  color: var(--c-warning);
}

/* line 225, ../sass/_bulk_order.scss */
.progress-complete.last-updated {
  color: var(--c-success);
}

/* line 229, ../sass/_bulk_order.scss */
.past-order-warn {
  color: var(--c-warning);
  display: block;
  position: absolute;
  line-height: 1;
  font-size: var(--fs-small);
  bottom: 0;
  left: 0;
  padding: 8px 16px;
}

/* line 242, ../sass/_bulk_order.scss */
.save-config-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  background-color: var(--c-secondary-light-grey-light) !important;
  padding: 0.75rem 1rem;
  margin-top: 1rem;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: -1.7rem !important;
}
/* line 255, ../sass/_bulk_order.scss */
.save-config-wrapper::before {
  content: '';
  position: absolute;
  left: -30vw;
  right: -10vw;
  top: 0;
  bottom: 0;
  background-color: var(--c-secondary-light-grey-light) !important;
  z-index: -1;
}
/* line 266, ../sass/_bulk_order.scss */
.save-config-wrapper .last-updated {
  margin: 0;
  font-size: var(--fs-regular-body);
  font-family: var(--ff-regular-body);
  color: var(--c-warning);
  position: relative;
  z-index: 2;
}
/* line 274, ../sass/_bulk_order.scss */
.save-config-wrapper .last-updated.progress-complete {
  color: var(--c-success);
}
/* line 279, ../sass/_bulk_order.scss */
.save-config-wrapper button[type="submit"],
.save-config-wrapper input[type="submit"] {
  margin: 0;
  width: auto;
  position: relative;
  z-index: 2;
}

/* line 288, ../sass/_bulk_order.scss */
[id*="products-container-"] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* line 294, ../sass/_bulk_order.scss */
[id*="products-container-"] select[name*="[bundle_wrapper][bundle]"] {
  max-width: 200px;
  width: 200px;
  font-size: 0.8rem;
  height: 38px;
}
/* line 303, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
}
/* line 309, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] > span {
  width: 200px;
  font-size: 0.8rem;
  white-space: nowrap;
  display: inline-block;
}
/* line 315, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] > span.required:after {
  content: '*';
  color: var(--c-warning);
}
/* line 320, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] .form-type-select {
  margin-bottom: 0 !important;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  max-width: 200px;
  width: 200px;
  font-size: 0.8rem;
}
/* line 331, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] .form-type-select > label {
  white-space: nowrap;
  font-size: 0.8rem;
}
/* line 336, ../sass/_bulk_order.scss */
[id*="products-container-"] .product[class*="product-"] .form-type-select select {
  height: 38px;
  font-size: 0.8rem;
}

/* line 2, ../sass/_product_popup.scss */
.block-facet-blockcategory h2 {
  font-family: var(--ff-lead-bold) !important;
  font-size: var(--fs-lead) !important;
  color: var(--c-primary-black) !important;
  text-transform: capitalize;
}
/* line 8, ../sass/_product_popup.scss */
.block-facet-blockcategory ul {
  list-style: none;
  padding: 0;
}

/* line 1, ../sass/_pagination.scss */
.pagination {
  justify-content: center;
  --bs-pagination-focus-box-shadow: unset !important;
}
/* line 5, ../sass/_pagination.scss */
.pagination .page-link {
  font-family: var(--ff-lead-bold);
  font-size: var(--fs-lead);
  color: var(--c-secondary-light-grey-60);
  border: 0;
}
/* line 15, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to last page']::after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 0.7;
  content: "\ea50";
}
/* line 21, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to last page'] span {
  display: none;
}
/* line 26, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to next page']::after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 0.7;
  content: "\f46a";
}
/* line 32, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to next page'] span {
  display: none;
}
/* line 37, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to first page']::after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 0.7;
  content: "\ea50";
  display: inline-block;
  transform: scaleX(-1);
}
/* line 45, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to first page'] span {
  display: none;
}
/* line 50, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to previous page']::after {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 0.7;
  content: "\f46a";
  display: inline-block;
  transform: scaleX(-1);
}
/* line 58, ../sass/_pagination.scss */
.pagination .page-item a[title='Go to previous page'] span {
  display: none;
}
/* line 66, ../sass/_pagination.scss */
.pagination .page-item:last-child .page-link, .pagination .page-item:first-child .page-link {
  border-radius: 0px;
}
/* line 71, ../sass/_pagination.scss */
.pagination .page-item:focus {
  box-shadow: unset;
}
/* line 76, ../sass/_pagination.scss */
.pagination .active > .page-link {
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
  border: 0;
}

/* line 2, ../sass/_cart_flyout.scss */
.cart-offcanvas {
  z-index: 1024;
}
/* line 5, ../sass/_cart_flyout.scss */
.cart-offcanvas-bg {
  z-index: 1023;
}
/* line 10, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas {
  padding: 0 20px;
}
/* line 13, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas__close {
  margin-bottom: 25px;
}
/* line 16, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas__close .btn-close {
  background-image: none;
  opacity: 1;
}
/* line 22, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas__close .btn-close:hover::after, .cart--cart-offcanvas__close .btn-close:focus::after {
  background-color: var(--c-accent-petrol);
  color: var(--c-primary-black);
}
/* line 28, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas__close .btn-close::after {
  font-family: 'Material Symbols Outlined';
  font-size: 15px;
  line-height: 15px;
  content: "\e5cd";
  padding: 5px;
  color: var(--c-secondary-white);
  position: absolute;
  right: 0;
  background: var(--c-primary-black);
  margin-right: 20px;
}
/* line 41, ../sass/_cart_flyout.scss */
.cart--cart-offcanvas__close .btn-close:focus {
  box-shadow: none;
}
/* line 49, ../sass/_cart_flyout.scss */
.cart-block--offcanvas-contents__links a {
  text-decoration: none !important;
}

@media screen and (max-width: 930px) {
  /* line 1, ../sass/_checkout.scss */
  .layout-checkout-form {
    padding: 30px;
  }
}
/* line 7, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary {
  height: fit-content;
}
/* line 10, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary-actions {
  border-top: 1px solid var(--c-secondary-light-grey-20);
}
/* line 13, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary-actions .link--previous {
  text-decoration: none;
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
  background: var(--c-primary-black);
  color: var(--c-secondary-white);
  font-family: var(--ff-lead-uppercase);
  font-size: var(--fs-lead);
  text-transform: uppercase;
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  margin-top: 20px;
}
/* line 30, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary-actions .link--previous::before {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 20px;
  content: "\e8e4";
  transform: scaleX(-1);
  display: inline-block;
}
/* line 45, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary .list-group-item {
  background-color: transparent;
  border: 0;
  text-align: center;
  font-family: var(--ff-lead);
  font-size: var(--fs-lead);
  color: var(--c-secondary-light-grey-60);
  text-decoration: none;
}
/* line 54, ../sass/_checkout.scss */
.layout-checkout-form .sidebar-summary .list-group-item em {
  font-style: normal;
}
/* line 62, ../sass/_checkout.scss */
.layout-checkout-form .address {
  margin: 0;
}
/* line 65, ../sass/_checkout.scss */
.layout-checkout-form .address-book-edit-button {
  background: var(--c-primary-black);
  color: var(--c-secondary-white);
  font-family: var(--ff-lead-uppercase);
  font-size: var(--fs-lead);
  text-transform: uppercase;
  width: 200px;
  height: 44px;
}
@media screen and (max-width: 930px) {
  /* line 65, ../sass/_checkout.scss */
  .layout-checkout-form .address-book-edit-button {
    width: 100%;
  }
}
/* line 81, ../sass/_checkout.scss */
.layout-checkout-form .address-container-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
/* line 87, ../sass/_checkout.scss */
.layout-checkout-form .address-container-inline .js-form-item {
  width: 48%;
}
@media screen and (max-width: 930px) {
  /* line 87, ../sass/_checkout.scss */
  .layout-checkout-form .address-container-inline .js-form-item {
    width: 100%;
  }
}
/* line 97, ../sass/_checkout.scss */
.layout-checkout-form .fieldset-wrapper label {
  font-family: var(--ff-regular-body-bold);
  font-size: var(--fs-regular-body);
  color: var(--c-primary-black);
  margin-bottom: 10px;
}
/* line 103, ../sass/_checkout.scss */
.layout-checkout-form .fieldset-wrapper label::after {
  content: '*';
  vertical-align: middle;
  display: inline-block;
  background-image: unset;
  background-repeat: no-repeat;
  background-size: unset;
  width: unset;
  height: unset;
  margin: 0 0.3em;
  font-size: var(--fs-regular-body);
}
/* line 118, ../sass/_checkout.scss */
.layout-checkout-form #edit-review-contact-information {
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  color: var(--c-secondary-light-grey-60);
}
/* line 124, ../sass/_checkout.scss */
.layout-checkout-form [data-drupal-selector="edit-review-payment-information"] {
  font-family: var(--ff-regular-body-bold);
  font-size: var(--fs-regular-body);
  color: var(--c-primary-black);
}
/* line 130, ../sass/_checkout.scss */
.layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-phone-wrapper"] {
  margin-right: 3.2%;
}
@media screen and (max-width: 930px) {
  /* line 130, ../sass/_checkout.scss */
  .layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-phone-wrapper"] {
    margin-right: 0;
  }
}
/* line 138, ../sass/_checkout.scss */
.layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-phone-wrapper"],
.layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-cost-center-wrapper"] {
  width: 48%;
  display: inline-block;
}
@media screen and (max-width: 930px) {
  /* line 138, ../sass/_checkout.scss */
  .layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-phone-wrapper"],
  .layout-checkout-form [data-drupal-selector="edit-payment-information-billing-information-field-cost-center-wrapper"] {
    width: 100%;
  }
}
/* line 149, ../sass/_checkout.scss */
.layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"], .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
/* line 157, ../sass/_checkout.scss */
.layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"] .field--name-address, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"] .field--name-field-phone, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] .field--name-address, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] .field--name-field-phone {
  width: 48%;
}
@media screen and (max-width: 930px) {
  /* line 157, ../sass/_checkout.scss */
  .layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"] .field--name-address, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"] .field--name-field-phone, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] .field--name-address, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] .field--name-field-phone {
    width: 100%;
  }
}
/* line 166, ../sass/_checkout.scss */
.layout-checkout-form .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-rendered"] .field--name-field-cost-center, .layout-checkout-form .checkout-pane [data-drupal-selector="edit-review-payment-information-summary-profile"] .field--name-field-cost-center {
  width: 100%;
}
/* line 175, ../sass/_checkout.scss */
.layout-checkout-form .checkout-pane-customer-comments .fieldset-wrapper {
  font-family: var(--ff-regular-body-bold);
  font-size: var(--fs-regular-body);
  color: var(--c-primary-black);
}
/* line 182, ../sass/_checkout.scss */
.layout-checkout-form .field {
  margin-bottom: 20px;
}
/* line 185, ../sass/_checkout.scss */
.layout-checkout-form .field__label {
  font-family: var(--ff-regular-body-bold);
  font-size: var(--fs-regular-body);
  color: var(--c-primary-black);
  margin-bottom: 10px;
}
/* line 192, ../sass/_checkout.scss */
.layout-checkout-form .field__item {
  border: 1px solid var(--c-secondary-light-grey);
  height: 50px;
  padding: 0 20px;
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  color: var(--c-secondary-light-grey-60);
  display: flex;
  align-items: center;
}

/* line 205, ../sass/_checkout.scss */
.sidebar-summary-actions {
  color: var(--c-secondary-light-grey) !important;
}

/* line 6, ../sass/_product_page.scss */
.product-details-related h1 {
  color: var(--c-primary-black);
  display: flex;
  flex-direction: column;
}
/* line 11, ../sass/_product_page.scss */
.product-details-related h1:after {
  content: "";
  border-bottom: 2px solid var(--c-primary-black);
  width: 102px;
  margin: auto;
  margin-top: 24px;
  opacity: 100%;
}
/* line 24, ../sass/_product_page.scss */
.product-details-page #sizes img {
  width: 100% !important;
}
/* line 31, ../sass/_product_page.scss */
.product-details-page .product-teaser {
  color: var(--c-secondary-light-grey-60);
  font-family: var(--ff-regular-body);
  font-size: var(--fs-regular-body);
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1419px) {
  /* line 43, ../sass/_product_page.scss */
  .product-details-page .product-images-row .slick-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* line 4, ../sass/_slick.scss */
.slick--optionset--related-products, .slick--optionset--collection-product-slider, .slick--optionset--bundle-slider {
  max-width: 80% !important;
  margin: auto;
}
@media screen and (max-width: 1600px) {
  /* line 4, ../sass/_slick.scss */
  .slick--optionset--related-products, .slick--optionset--collection-product-slider, .slick--optionset--bundle-slider {
    max-width: 100% !important;
  }
}
/* line 15, ../sass/_slick.scss */
.slick--optionset--related-products .slick__slide, .slick--optionset--collection-product-slider .slick__slide, .slick--optionset--bundle-slider .slick__slide {
  display: flex !important;
  justify-content: center;
}
/* line 20, ../sass/_slick.scss */
.slick--optionset--related-products .slick__arrow, .slick--optionset--collection-product-slider .slick__arrow, .slick--optionset--bundle-slider .slick__arrow {
  left: -4%;
  width: 108%;
}
@media screen and (max-width: 832px) {
  /* line 20, ../sass/_slick.scss */
  .slick--optionset--related-products .slick__arrow, .slick--optionset--collection-product-slider .slick__arrow, .slick--optionset--bundle-slider .slick__arrow {
    left: 17.5%;
    width: 65%;
  }
}
@media screen and (max-width: 640px) {
  /* line 20, ../sass/_slick.scss */
  .slick--optionset--related-products .slick__arrow, .slick--optionset--collection-product-slider .slick__arrow, .slick--optionset--bundle-slider .slick__arrow {
    left: 12.5%;
    width: 75%;
  }
}
@media screen and (max-width: 530px) {
  /* line 20, ../sass/_slick.scss */
  .slick--optionset--related-products .slick__arrow, .slick--optionset--collection-product-slider .slick__arrow, .slick--optionset--bundle-slider .slick__arrow {
    left: 0;
    width: 100%;
  }
}
/* line 40, ../sass/_slick.scss */
.slick--optionset--related-products .slick img, .slick--optionset--collection-product-slider .slick img, .slick--optionset--bundle-slider .slick img {
  width: 100%;
}
/* line 44, ../sass/_slick.scss */
.slick--optionset--related-products .slick-next, .slick--optionset--related-products .slick-prev, .slick--optionset--collection-product-slider .slick-next, .slick--optionset--collection-product-slider .slick-prev, .slick--optionset--bundle-slider .slick-next, .slick--optionset--bundle-slider .slick-prev {
  background-color: var(--c-primary-black);
  border-radius: unset;
}
/* line 48, ../sass/_slick.scss */
.slick--optionset--related-products .slick-next:hover, .slick--optionset--related-products .slick-next:focus, .slick--optionset--related-products .slick-prev:hover, .slick--optionset--related-products .slick-prev:focus, .slick--optionset--collection-product-slider .slick-next:hover, .slick--optionset--collection-product-slider .slick-next:focus, .slick--optionset--collection-product-slider .slick-prev:hover, .slick--optionset--collection-product-slider .slick-prev:focus, .slick--optionset--bundle-slider .slick-next:hover, .slick--optionset--bundle-slider .slick-next:focus, .slick--optionset--bundle-slider .slick-prev:hover, .slick--optionset--bundle-slider .slick-prev:focus {
  background-color: var(--c-accent-petrol);
}
/* line 51, ../sass/_slick.scss */
.slick--optionset--related-products .slick-next:hover:before, .slick--optionset--related-products .slick-next:focus:before, .slick--optionset--related-products .slick-prev:hover:before, .slick--optionset--related-products .slick-prev:focus:before, .slick--optionset--collection-product-slider .slick-next:hover:before, .slick--optionset--collection-product-slider .slick-next:focus:before, .slick--optionset--collection-product-slider .slick-prev:hover:before, .slick--optionset--collection-product-slider .slick-prev:focus:before, .slick--optionset--bundle-slider .slick-next:hover:before, .slick--optionset--bundle-slider .slick-next:focus:before, .slick--optionset--bundle-slider .slick-prev:hover:before, .slick--optionset--bundle-slider .slick-prev:focus:before {
  color: var(--c-secondary-white) !important;
}
/* line 56, ../sass/_slick.scss */
.slick--optionset--related-products .slick-next:before, .slick--optionset--related-products .slick-prev:before, .slick--optionset--collection-product-slider .slick-next:before, .slick--optionset--collection-product-slider .slick-prev:before, .slick--optionset--bundle-slider .slick-next:before, .slick--optionset--bundle-slider .slick-prev:before {
  font-family: 'Material Symbols Outlined';
  font-size: 30px;
  line-height: 20px;
  content: "\e8e4";
  padding: 5px;
  color: var(--c-secondary-white);
}
/* line 67, ../sass/_slick.scss */
.slick--optionset--related-products .slick-prev:before, .slick--optionset--collection-product-slider .slick-prev:before, .slick--optionset--bundle-slider .slick-prev:before {
  display: flex;
  flex-direction: column;
  transform: scaleX(-1);
}
/* line 77, ../sass/_slick.scss */
.slick--optionset--bundle-slider {
  max-width: 70%;
}
/* line 84, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail {
  top: 25px;
  height: fit-content;
  width: 120px !important;
}
@media screen and (max-width: 1419px) {
  /* line 84, ../sass/_slick.scss */
  .slick--optionset--product-slider-thumbnail {
    left: unset !important;
    float: unset !important;
    width: 100% !important;
  }
}
/* line 97, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick-slide {
  border: 1px solid var(--c-secondary-light-grey);
  margin-bottom: 20px;
  background-color: var(--c-secondary-white);
}
@media screen and (max-width: 1419px) {
  /* line 97, ../sass/_slick.scss */
  .slick--optionset--product-slider-thumbnail .slick-slide {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
/* line 108, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick-vertical {
  top: 30px;
}
/* line 112, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow {
  transform: rotateY(0deg) rotate(90deg);
  position: relative;
  top: -265px;
  left: -253px;
  width: 626px;
  height: 85px;
}
@media screen and (max-width: 1419px) {
  /* line 112, ../sass/_slick.scss */
  .slick--optionset--product-slider-thumbnail .slick__arrow {
    transform: unset !important;
    position: unset !important;
    width: unset !important;
    height: unset !important;
  }
}
/* line 129, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-arrow {
  width: 30px;
  height: 30px;
}
/* line 134, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-next, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev {
  background-color: var(--c-primary-black);
  border-radius: unset;
}
/* line 139, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-next:hover, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-next:focus, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:hover, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:focus {
  background-color: var(--c-accent-petrol);
}
/* line 143, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-next:hover:before, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-next:focus:before, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:hover:before, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:focus:before {
  color: var(--c-secondary-white) !important;
}
/* line 148, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-next:before, .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:before {
  font-family: 'Material Symbols Outlined';
  font-size: 20px;
  line-height: 20px;
  content: "\e8e4";
  padding: 5px;
  color: var(--c-secondary-white);
}
/* line 158, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev {
  left: -71px;
}
@media screen and (max-width: 1419px) {
  /* line 158, ../sass/_slick.scss */
  .slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev {
    left: 0;
  }
}
/* line 165, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail .slick__arrow .slick-prev:before {
  display: flex;
  flex-direction: column;
  transform: scaleX(-1);
  /* Flips the icon horizontally */
}
/* line 178, ../sass/_slick.scss */
.slick--optionset--product-slider-thumbnail img {
  height: 141px;
  width: auto;
  display: block;
  margin: auto;
  margin-top: 5px;
}
/* line 187, ../sass/_slick.scss */
.slick--optionset--product-slider-main {
  border: 1px solid var(--c-secondary-light-grey);
  background-color: var(--c-secondary-white);
}
@media screen and (max-width: 1419px) {
  /* line 187, ../sass/_slick.scss */
  .slick--optionset--product-slider-main {
    margin-left: 0 !important;
  }
}
/* line 196, ../sass/_slick.scss */
.slick--optionset--product-slider-main .media--slick img {
  height: 675px;
  width: auto;
  display: block;
  margin: auto !important;
}
@media screen and (max-width: 1419px) {
  /* line 196, ../sass/_slick.scss */
  .slick--optionset--product-slider-main .media--slick img {
    height: 450px;
  }
}

@media screen and (max-width: 572px) {
  /* line 4, ../sass/_accordion.scss */
  .nav-tabs .nav-item {
    width: 100%;
  }
}
/* line 10, ../sass/_accordion.scss */
.nav-tabs .nav-item .nav-link {
  font-family: var(--ff-h5);
  font-size: var(--fs-h5);
  color: var(--c-primary-black);
  border-radius: 0;
  padding: 15px 30px;
  border: 1px solid var(--c-secondary-light-grey);
}
/* line 18, ../sass/_accordion.scss */
.nav-tabs .nav-item .nav-link.active {
  background-color: var(--c-primary-black);
  color: var(--c-secondary-white);
}

/* line 27, ../sass/_accordion.scss */
.tab-content {
  border-bottom: 1px solid var(--c-secondary-light-grey);
  padding-bottom: 15px;
}

/* line 2, ../sass/_modal.scss */
.modal-body .text-muted b.text-dark {
  font-weight: normal;
  font-family: var(--ff-regular-body-bold);
}

/* line 8, ../sass/_modal.scss */
.ui-dialog {
  border-color: rgba(0, 0, 0, 0.175);
  padding: 0;
  outline: 0;
  font-family: var(--ff-regular-body-bold);
  max-width: 90%;
  z-index: 999;
}
/* line 15, ../sass/_modal.scss */
.ui-dialog .ui-dialog-title {
  text-transform: uppercase;
  font-family: var(--ff-h5);
  font-size: var(--fs-h5);
  margin-top: 0.5rem;
}
/* line 21, ../sass/_modal.scss */
.ui-dialog .ui-dialog-titlebar {
  background: transparent;
  border: unset;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0;
}
/* line 27, ../sass/_modal.scss */
.ui-dialog .confirmation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block: 0.5rem;
}
@media (min-width: 579px) {
  /* line 27, ../sass/_modal.scss */
  .ui-dialog .confirmation-actions {
    flex-wrap: nowrap;
  }
}
/* line 36, ../sass/_modal.scss */
.ui-dialog button.ui-dialog-titlebar-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: unset;
  opacity: 0.5;
}
/* line 46, ../sass/_modal.scss */
.ui-dialog button.ui-dialog-titlebar-close:hover {
  opacity: 1;
}
/* line 50, ../sass/_modal.scss */
.ui-dialog .button {
  border-radius: 0;
  background: var(--c-primary-black);
  color: var(--c-secondary-white);
  font-family: var(--ff-lead);
  font-size: var(--fs-lead);
  text-transform: uppercase;
  padding: 0.35rem;
  border: unset;
}
/* line 59, ../sass/_modal.scss */
.ui-dialog .button:hover {
  background: var(--c-secondary-light-grey-80);
}
/* line 62, ../sass/_modal.scss */
.ui-dialog .button.confirmation-save {
  background: var(--c-accent-petrol);
  border: unset;
}
/* line 65, ../sass/_modal.scss */
.ui-dialog .button.confirmation-save:hover {
  background: var(--c-accent-petrol-20);
}

@media screen and (max-width: 790px) {
  /* line 3, ../sass/_catalogue.scss */
  .page-view-shop .view-shop .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
  }
}
@media screen and (max-width: 560px) {
  /* line 3, ../sass/_catalogue.scss */
  .page-view-shop .view-shop .views-view-responsive-grid {
    --views-responsive-grid--column-count: 1 !important;
  }
}
@media screen and (max-width: 560px) {
  /* line 12, ../sass/_catalogue.scss */
  .page-view-shop .view-shop .views-view-responsive-grid__item-inner {
    display: flex;
    justify-content: center;
  }
}

/* line 3, ../sass/_staff.scss */
#wow-daimler-daimler-staff #edit-col-left,
#wow-daimler-daimler-staff #edit-col-right,
#wow-daimler-daimler-staff #edit-role--wrapper,
#wow-daimler-daimler-staff #email-password-fields-wrapper,
#wow-daimler-daimler-staff #edit-profile,
#wow-daimler-daimler-staff #edit-field-clothing-size-wrapper {
  box-shadow: 0 0 16px 0 #00000026;
  /* If the adding of staff is sorted out, this may or may not be needed. */
  /* height: 100%; */
}
/* line 14, ../sass/_staff.scss */
#wow-daimler-daimler-staff #edit-role--wrapper input[type='checkbox'] {
  padding: 0px !important;
}
/* line 18, ../sass/_staff.scss */
#wow-daimler-daimler-staff .tabledrag-toggle-weight-wrapper, #wow-daimler-daimler-staff .field-multiple-drag {
  display: none;
}

/* line 24, ../sass/_staff.scss */
#wow-daimler-daimler-staff-list a.btn {
  width: fit-content;
}

/* line 30, ../sass/_staff.scss */
.css-row-2 {
  columns: 1 auto;
}
@media (min-width: 992px) {
  /* line 30, ../sass/_staff.scss */
  .css-row-2 {
    columns: 2 auto;
  }
}

/* line 40, ../sass/_staff.scss */
.css-row-cell {
  width: 100%;
  break-inside: avoid-column;
}

/* line 2, ../sass/_order_window.scss */
.region-primary-menu-center > * {
  padding: 0;
}

/* line 7, ../sass/_order_window.scss */
.order-window-block {
  text-transform: uppercase;
  color: var(--c-secondary-white);
  background: var(--c-primary-black);
  display: flex;
}
@media (max-width: 1420px) {
  /* line 7, ../sass/_order_window.scss */
  .order-window-block {
    justify-content: center;
  }
}
@media (max-width: 769px) {
  /* line 7, ../sass/_order_window.scss */
  .order-window-block {
    flex-flow: column;
  }
}
/* line 19, ../sass/_order_window.scss */
.order-window-block > div {
  padding: 16px;
  text-align: center;
  align-content: center;
}
@media (min-width: 992px) {
  /* line 19, ../sass/_order_window.scss */
  .order-window-block > div {
    white-space: nowrap;
  }
}
/* line 27, ../sass/_order_window.scss */
.order-window-block .status {
  text-transform: none;
}
/* line 30, ../sass/_order_window.scss */
.order-window-block .datespan {
  display: flex;
  gap: 4px;
}
/* line 33, ../sass/_order_window.scss */
.order-window-block .datespan > span {
  white-space: nowrap;
}
@media (max-width: 1400px) and (min-width: 769px) {
  /* line 30, ../sass/_order_window.scss */
  .order-window-block .datespan {
    flex: 0 0 50%;
    justify-content: end;
  }
}
@media (max-width: 769px) {
  /* line 30, ../sass/_order_window.scss */
  .order-window-block .datespan {
    padding-bottom: 0;
    flex-wrap: wrap;
  }
}
/* line 45, ../sass/_order_window.scss */
.order-window-block .remaining {
  display: flex;
  gap: 4px;
  padding-inline-end: 40px;
  flex: 0 0 50%;
}
@media (min-width: 1400px) {
  /* line 45, ../sass/_order_window.scss */
  .order-window-block .remaining {
    flex: auto;
    justify-content: end;
  }
}
@media (max-width: 769px) {
  /* line 45, ../sass/_order_window.scss */
  .order-window-block .remaining {
    padding-top: 0;
  }
}
/* line 59, ../sass/_order_window.scss */
.order-window-block.order-window-status-active .status {
  color: var(--c-success);
  display: flex;
}
/* line 62, ../sass/_order_window.scss */
.order-window-block.order-window-status-active .status::before {
  content: "(";
  display: block;
}
/* line 66, ../sass/_order_window.scss */
.order-window-block.order-window-status-active .status::after {
  content: ")";
  display: block;
}
/* line 73, ../sass/_order_window.scss */
.order-window-block.order-window-status-inactive .remaining {
  display: flex;
  gap: 4px;
}

@media (max-width: 1400px) {
  /* line 83, ../sass/_order_window.scss */
  .navbar-collapse {
    flex-wrap: wrap;
  }

  /* line 86, ../sass/_order_window.scss */
  .region-primary-menu-left {
    order: 1;
    flex: 0 0 50%;
    box-sizing: border-box;
  }

  /* line 91, ../sass/_order_window.scss */
  .region-primary-menu-right {
    order: 2;
    flex: 0 0 50%;
    box-sizing: border-box;
    justify-content: end;
  }

  /* line 97, ../sass/_order_window.scss */
  .region-primary-menu-center {
    order: 3;
    flex: 0 0 100%;
    box-sizing: border-box;
    margin-inline: auto;
  }
}
@media (min-width: 1401px) {
  /* line 107, ../sass/_order_window.scss */
  .region-primary-menu-left {
    order: 1;
  }

  /* line 110, ../sass/_order_window.scss */
  .region-primary-menu-center {
    order: 2;
  }

  /* line 113, ../sass/_order_window.scss */
  .region-primary-menu-right {
    order: 3;
  }
}
/* line 2, ../sass/_alerts.scss */
.alert-wrapper {
  margin-bottom: 1.5rem;
}
/* line 5, ../sass/_alerts.scss */
.alert-wrapper .alert {
  padding: 1rem 1.5rem;
  border-radius: 4px;
  border: 1px solid var(--c-secondary-light-grey);
  border-left-width: 4px;
  background-color: var(--c-secondary-white);
  color: var(--c-primary-black);
  font-size: var(--fs-regular-body);
  font-family: var(--ff-regular-body);
  position: fixed;
  bottom: 0vh;
  z-index: 8;
  max-width: 70vw;
  right: 10px;
}
/* line 23, ../sass/_alerts.scss */
.alert-wrapper .alert .alert-heading {
  font-size: var(--fs-lead) !important;
  font-family: var(--ff-lead-bold);
  margin-bottom: 0.5rem;
  color: var(--c-primary-black);
}
/* line 30, ../sass/_alerts.scss */
.alert-wrapper .alert svg {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
/* line 38, ../sass/_alerts.scss */
.alert-wrapper .alert .btn-close {
  opacity: 0.7;
}
/* line 41, ../sass/_alerts.scss */
.alert-wrapper .alert .btn-close:hover {
  opacity: 1;
}
/* line 47, ../sass/_alerts.scss */
.alert-wrapper .alert-warning {
  border-left-color: var(--c-warning);
}
/* line 50, ../sass/_alerts.scss */
.alert-wrapper .alert-warning svg {
  fill: var(--c-warning);
}
/* line 55, ../sass/_alerts.scss */
.alert-wrapper .alert-success {
  border-left-color: var(--c-success);
}
/* line 58, ../sass/_alerts.scss */
.alert-wrapper .alert-success svg {
  fill: var(--c-success);
}
/* line 63, ../sass/_alerts.scss */
.alert-wrapper .alert-danger,
.alert-wrapper .alert-error {
  border-left-color: var(--c-error);
}
/* line 67, ../sass/_alerts.scss */
.alert-wrapper .alert-danger svg,
.alert-wrapper .alert-error svg {
  fill: var(--c-error);
}
/* line 72, ../sass/_alerts.scss */
.alert-wrapper .alert-info {
  border-left-color: var(--c-info);
}
/* line 75, ../sass/_alerts.scss */
.alert-wrapper .alert-info svg {
  fill: var(--c-info);
}

/* line 2, ../sass/_impersonate.scss */
.block-masquerade {
  position: absolute;
  right: 5px;
  width: auto;
}

/* line 11, ../sass/_impersonate.scss */
.masquerade-block-form .mb-3 {
  margin-bottom: 0 !important;
}

/* line 16, ../sass/_impersonate.scss */
.ui-autocomplete.ui-front {
  z-index: 1100;
}