@charset "UTF-8";
/*
    Contents:

    COMMON_SCREEN_SIZES
    GLOBAL_STYLES
    GENERIC
    CATEGORY_PAGE
    CATEGORY_INDEX
    CATEGORY_SEO
    CATEGORY_BANNER
    CATEGORY_SEARCH
    CATEGORY_TITLE
    CATEGORY_LIST_MAIN
    CATEGORY_LIST

    -
    PROFILE_PAGE
    BASKET_PAGE_REWRITE
*/
/* ----------------------------------------------------

    COMMON_SCREEN_SIZES

-----------------------------------------------------*/
:root {
  --screen-large-mobile: 970px;
}

/* -----------------------------------------------------

    SITE_COLORS

------------------------------------------------------*/
/* -----------------------------------------------------

    Helper functions

------------------------------------------------------*/
/* --------------------------------------------------------

    GLOBAL_STYLES

-------------------------------------------------------- */
/* roboto-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/roboto-v49-cyrillic_cyrillic-ext_latin_latin-ext-regular.7cd733cc1479.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/roboto-v49-cyrillic_cyrillic-ext_latin_latin-ext-700.e8604f44d56e.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  background-color: white;
  -webkit-column-break-inside: avoid;
}

a {
  color: #222;
  text-decoration: none;
}

a:hover, .link:hover {
  color: #0d43e3;
  cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

strong {
  font-weight: bold;
}

.fslightbox-toolbar-button:first-child {
  display: none;
}

.hamburger {
  border: none;
  background: transparent;
  padding: 0.625rem 0.625rem 0.15rem 0;
}
.hamburger.for-mobile {
  display: flex;
  align-items: center;
  padding: 0;
}
@media only screen and (max-width: 660px) {
  .hamburger.for-mobile {
    padding-left: 0.7rem;
  }
}
.hamburger img {
  width: 1.6rem;
  height: 1.6rem;
}

.spinner-backsplash {
  position: fixed;
  left: 0px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.backsplash {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------

    GENERIC

-------------------------------------------------------- */
/* Defines the page container boundaries */
.container, .CATEGORY_LIST, .CATEGORY_LIST_MAIN, .CATEGORY_TITLE, .CATEGORY_BANNER .car-widget-container, .small-container {
  padding: 0 16px;
  position: relative;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.large-mobile-and-down .container, .large-mobile-and-down .CATEGORY_LIST, .large-mobile-and-down .CATEGORY_LIST_MAIN, .large-mobile-and-down .CATEGORY_TITLE, .large-mobile-and-down .CATEGORY_BANNER .car-widget-container, .CATEGORY_BANNER .large-mobile-and-down .car-widget-container, .large-mobile-and-down .small-container {
  margin: 0;
  padding: 0 10px;
}
.mobile .logo-line .container, .mobile .logo-line .CATEGORY_LIST, .mobile .logo-line .CATEGORY_LIST_MAIN, .mobile .logo-line .CATEGORY_TITLE, .mobile .logo-line .CATEGORY_BANNER .car-widget-container, .CATEGORY_BANNER .mobile .logo-line .car-widget-container, .mobile .logo-line .small-container {
  padding: 0;
  width: 100%;
}

.logo-container {
  display: flex;
}

.small-container {
  max-width: 600px;
}

.clearfix:after, .tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container:after, .tablet-and-up .helpcenter-page-container .store-card-container .store-info-container:after, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block:after, .content .store-card-container .store-info-container .schedule-contacts-container .schedule-block:after, .content .store-card-container .store-info-container:after, .tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container:after, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container:after, .helpcenter-page-container .contacts-page .stores-cards-container:after, .email-reset-container .main-title:after, .pass-reset-container .main-title:after, .product-page .img-block:after, .product-page .car-fit-alert:after, .CATEGORY_TITLE:after, .banners:after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.hidden {
  display: none !important;
}

.overflow-hidden {
  overflow: hidden;
}

.splitter {
  background: rgb(221, 221, 221);
  height: 1px;
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 30px;
}

.elipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.bold, .CATEGORY_LIST_MAIN .category-parent-heading {
  font-weight: bold;
}

.btn, .hero-banner span a {
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  height: 50px;
  position: relative;
}

.btn.primary, .hero-banner span a.primary, .btn.hover-primary:hover, .hero-banner span a.hover-primary:hover {
  background-color: #0d43e3;
  border: 1px solid #0d43e3;
  color: white;
}
.btn.primary:focus-visible, .hero-banner span a.primary:focus-visible, .btn.hover-primary:hover:focus-visible, .hero-banner span a.hover-primary:hover:focus-visible {
  background-color: rgb(90, 109, 255);
}
.btn.primary:hover, .hero-banner span a.primary:hover, .btn.hover-primary:hover:hover, .hero-banner span a.hover-primary:hover:hover {
  background-color: rgb(90, 109, 255);
}

.filter-invert {
  filter: invert(1);
}

.btn.secondary, .hero-banner span a.secondary {
  background-color: white;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  font-size: 0.875rem;
}
.btn.secondary:hover, .hero-banner span a.secondary:hover {
  background-color: rgba(232, 234, 235, 0.8588235294);
  border: 1px solid;
}
.btn.secondary:focus-visible, .hero-banner span a.secondary:focus-visible {
  background-color: rgba(232, 234, 235, 0.8588235294);
}

.btn.default, .hero-banner span a.default {
  background-color: white;
  border: 1px solid black;
  font-size: 14px;
}
.btn.default:hover, .hero-banner span a.default:hover {
  background-color: #f0f0f0;
}

.btn.disabled, .hero-banner span a.disabled {
  background-color: white;
  border: 1px solid #c3c5c5;
  font-size: 14px;
  color: #c3c5c5;
  pointer-events: none;
}

.pagination {
  display: inline-flex;
  gap: 1em;
  flex-direction: column;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1em;
}
@media only screen and (max-width: 660px) {
  .pagination {
    font-size: 0.95em;
  }
}
@media only screen and (max-width: 400px) {
  .pagination {
    font-size: 0.86em;
  }
}
.pagination .navigation {
  display: inline-flex;
  gap: 0.525em;
}
.pagination .pagination-total-results {
  font-size: 1em;
}
.pagination .page {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 5px;
  outline: none;
  padding: 1em 1.2em 1em 1.2em;
  flex: 1;
}
@media only screen and (max-width: 660px) {
  .pagination .page {
    padding: 0.8em 0.9em 0.8em 0.9em;
  }
}
@media only screen and (max-width: 660px) {
  .pagination .page span {
    display: none;
  }
}
.pagination .page:hover {
  background: rgb(246, 246, 246);
}
.pagination .page.active {
  background-color: #fff300;
  border-color: rgb(221, 221, 221);
  font-weight: 700;
  pointer-events: none;
}
.pagination .page.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.pagination .page.home img {
  display: none;
}
@media only screen and (max-width: 660px) {
  .pagination .page.home img {
    display: block;
  }
}
.pagination .page .arrow-indicator {
  width: 0.7em;
  height: 0.7em;
  margin-right: 1em;
}
.pagination .page .arrow-indicator.next {
  margin-right: 0;
  margin-left: 1em;
  transform: rotate(180deg);
}
@media only screen and (max-width: 660px) {
  .pagination .page .arrow-indicator.no-margin {
    margin: 0;
  }
}

.disabled-text, .link-inactive {
  color: #c3c5c5;
}

.header {
  border-bottom: solid black 2px;
}

.dropdown {
  padding: 5px 10px;
  height: 50px;
  box-sizing: border-box;
  background-color: white;
  border-radius: 4px;
  border-color: #ddd;
}

button.button-text-styling {
  border: none;
  background: none;
  color: #0d43e3;
  padding: 0;
  font-weight: 700;
  font-size: 17px;
}

.spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 20px;
  border: 3px solid rgba(31, 30, 30, 0.3);
  border-radius: 50%;
  border-top-color: #0d43e3;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.x-select .spinner {
  margin: 10px 0 0 0;
  left: 43%;
  position: absolute;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.tablet-and-up .for-mobile {
  display: none !important;
}

.large-mobile-and-down .for-desktop {
  display: none !important;
}

.product-quantity {
  display: inline-block;
  font-weight: 400;
  min-height: 25px;
  line-height: 25px;
  flex-grow: 4;
}
.product-quantity .qty {
  font-weight: 400;
  color: #02a44a;
}

.product-quantity-at-shop {
  min-height: 20px;
  line-height: 20px;
}

.product-quantity.empty {
  color: #E94748;
}

.product-quantity a {
  color: #0b2d9a;
}
.product-quantity a img {
  color: #02a44a;
}
.product-quantity.empty a img {
  color: #E94748;
}

.no-quantity {
  color: black;
}

table .product-quantity {
  display: table-cell;
  width: unset;
}

span.delivery-nostock .icon-store {
  color: #888888;
}

.col4 .delivery-info-widget {
  height: 25px;
  display: inline-block;
}

.striped-single {
  background-color: #f2f2f2;
}

.alert-container {
  display: block;
  position: fixed;
  top: 8px;
  left: 20px;
  right: 20px;
  z-index: 9999;
  border-radius: 4px;
}

.alert {
  position: relative;
  background-color: #d9edf7;
  padding: 1rem 2.5rem 1rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  line-height: 1.3rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  box-sizing: border-box;
  color: black;
}
.alert.error {
  background-color: #f8d7da;
  color: black;
}
.alert.success {
  background-color: #d4edda;
  color: black;
}
.alert.warning {
  background-color: #fff4d6;
  color: black;
}
.alert button {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 1rem;
  padding-left: 2rem;
  padding-bottom: 1rem;
  border: none;
  background: none;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert button img {
  width: 1rem;
  height: 1rem;
}

.main-color {
  color: #0d43e3;
}

ul.errorlist {
  color: red;
  padding-bottom: 16px;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
  width: calc(100% - 60px);
  margin-left: 30px;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  height: 0px;
}

.glide__arrow {
  background: transparent;
  border: none;
  position: absolute;
  top: 0px;
  padding: 10px;
}
.glide__arrow.glide__arrow--left {
  left: -10px;
}
.glide__arrow.glide__arrow--right {
  right: -10px;
}
.glide__arrow img {
  width: 16px;
  height: 16px;
  display: block;
}
.glide__arrow img.arrow-next {
  transform: rotate(180deg);
}

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}

.text-underline {
  text-decoration: underline;
}

.no-data-warning-message {
  font-size: 0.875rem;
  color: black;
  font-weight: 700;
  height: 1.2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  display: block;
}

/*---------------------------------------------------------

   PRODUCT-PAGE

 --------------------------------------------------------*/
.product-page .description-text {
  line-height: 1.5em;
  max-width: 38rem;
  text-align: left;
}
.product-page .description-text p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.product-page .table-striped tr {
  height: auto;
}
.product-page .table-striped td {
  line-height: 1.5em;
  vertical-align: middle;
}
.product-page .table-striped td.table-align-top {
  vertical-align: baseline;
}
.product-page .table-striped tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.product-page .meyle-stripe-info {
  height: auto;
  font-size: 1.2em;
  color: #CDD8EC;
  background-color: #042372;
  max-width: 29em;
}
.product-page .meyle-stripe-info .meyle-stripe-header {
  display: inline;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
.product-page .meyle-stripe-info .meyle-stripe-header img {
  width: 12.5%;
}
.product-page .meyle-stripe-info .meyle-stripe-header .meyle-stripe-desc {
  font-size: 1.2em;
}
.product-page .meyle-stripe-info .meyle-stripe-header .meyle-stripe-text {
  display: inline-block;
  width: 23em;
  text-align: justify;
  vertical-align: middle;
}
.product-page .brand-description {
  display: inline-block;
}
.product-page .brand-description .brand-attr-container {
  text-align: justify;
  max-width: 38rem;
}
.product-page .brand-description .brand-attr-container .img-holder {
  margin: 0.5rem 0;
  width: 100%;
  text-align: center;
}
.product-page .brand-description .brand-attr-container .img-holder img {
  max-width: 100%;
}
.product-page .brand-description .brand-attr-container .brand-attr-info .brand-attr-header {
  display: inline-block;
  vertical-align: middle;
}
.product-page .brand-description .brand-attr-container .brand-attr-info .brand-attr-header img {
  margin: 0 1rem 0 0;
  max-width: 6.25rem;
}
.product-page .brand-description .brand-attr-container .brand-attr-info h3 {
  display: block;
  font-weight: 700;
  font-size: 1em;
  padding-bottom: 0.5em;
}
.product-page .brand-description .brand-attr-container .brand-attr-info a {
  margin-bottom: 12px;
  color: #0b2d9a;
}
.product-page .brand-description .brand-attr-container .brand-attr-info a:hover {
  color: #0d43e3;
}

.video-container {
  max-width: 38rem;
  padding-top: 1.5rem;
  text-align: center;
}

/* --------------------------------------------------------

    404

   ----------------------------------------------------- */
.not-found {
  max-width: 450px;
  margin: auto;
}
.not-found .title {
  display: block;
  margin: 48px 0 16px;
  font-size: 32px;
}
.not-found p {
  font-size: 16px;
  line-height: 26px;
}
.not-found a {
  margin-top: 16px;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 160px;
}

/* --------------------------------------------------------

    INDEX PAGE

   ----------------------------------------------------- */
.index h1 {
  font-size: 2.5rem;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mobile .index h1 {
  font-size: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.index h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3.75rem;
}
.mobile .index h2 {
  font-size: 1.25rem;
  margin-bottom: 2rem;
}
.index h3 {
  font-size: 1.5rem;
  text-align: center;
  margin: 0.5rem;
}
.mobile .index h3 {
  font-size: 1rem;
}
.index p {
  font-size: 16px;
  line-height: 20px;
  padding: 0 160px;
  margin-bottom: 40px;
}
.large-mobile .index p {
  padding: 0 40px;
}
.mobile .index p {
  padding: 0 8px;
}
.index .hide-text-overflow .text-show-more,
.index .hide-text-overflow .text-show-less {
  padding-left: 160px;
}
.large-mobile .index .hide-text-overflow .text-show-more,
.large-mobile .index .hide-text-overflow .text-show-less {
  padding-left: 40px;
}
.mobile .index .hide-text-overflow .text-show-more,
.mobile .index .hide-text-overflow .text-show-less {
  padding-left: 8px;
}

/* --------------------------------------------------------

    CUSTOM CHECKBOXES

   ----------------------------------------------------- */
.check {
  display: block;
  position: relative;
  padding-left: 32px;
  padding-top: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid black;
  border-radius: 4px;
}

.check input:checked ~ .checkbox-text {
  font-weight: bold;
}

.check input:checked ~ .checkmark {
  background-color: white;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check input:checked ~ .checkmark:after {
  display: block;
}

.check .checkmark:after {
  left: 7px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check.blue {
  color: #0d43e3;
}
.check.blue .checkmark {
  border-color: #0d43e3;
}
.check.blue input:checked ~ .checkmark {
  background-color: #0d43e3;
}
.check.blue .checkmark::after {
  border-color: white;
}

.check.yellow {
  color: #222;
}
.check.yellow .checkmark {
  border-color: #bbbbbb;
}
.check.yellow input:checked ~ .checkmark {
  background-color: #FFF302;
  border: none;
}
.check.yellow .checkmark::after {
  border-color: black;
}

/* --------------------------------------------------------

    TOP BANNER

    ---------------------------------------------------- */
.top-banner {
  padding: 8px;
  text-align: center;
  line-height: 18px;
  border-bottom: solid 1px #e0e1e1;
  background-color: #FFF101;
  font-weight: bold;
  color: #0d43e3;
}
.top-banner span {
  font-size: 16px;
}
.top-banner a {
  padding-left: 16px;
  color: #0d43e3;
  text-decoration: underline;
}

/* --------------------------------------------------------

    HERO BANNER

    ---------------------------------------------------- */
.hero-banner {
  display: block;
  background-color: #FFF101;
  color: #0d43e3;
  background-position-x: center;
  font-weight: bold;
  text-align: center;
}
.hero-banner span {
  font-size: 16px;
  position: relative;
  display: block;
  padding: 16px;
  line-height: 24px;
}
.hero-banner span img {
  position: relative;
  bottom: 2px;
  height: 32px;
}
.mobile .hero-banner span img {
  display: none;
}
.hero-banner span a {
  position: relative;
  bottom: 2px;
  font-weight: normal;
  font-size: 14px;
  padding: 6px 12px;
  margin-left: 26px;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  border-radius: 4px;
  white-space: nowrap;
}

/* --------------------------------------------------------

    INDEX BANNERS

    ---------------------------------------------------- */
.banners {
  margin-top: 40px;
  margin-bottom: 40px;
}
.banners .banner {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc(50% - 20px);
  height: 280px;
  float: left;
  margin-left: 20px;
  border-radius: 8px;
  padding: 16px;
  color: white;
  font-size: 36px;
  font-weight: bold;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}
.banners .banner:first-child {
  margin-left: 0;
  margin-right: 20px;
}
.banners .banner span {
  position: absolute;
  left: 36px;
  top: 168px;
  right: 48px;
}
.large-mobile .banners .banner {
  width: calc(50% - 4px);
  height: 150px;
  margin-left: 4px;
}
.large-mobile .banners .banner:first-child {
  margin-right: 4px;
  margin-left: 0;
}
.mobile .banners .banner {
  width: 100%;
  height: 150px;
  margin: 0;
  margin-top: 16px;
}

/* --------------------------------------------------------

    POPUP

   ----------------------------------------------------- */
.popup {
  display: none;
  position: absolute;
  border: solid 1px #e0e1e1;
  width: 250px;
  text-align: center;
  padding: 25px;
  padding-bottom: 5px;
  background-color: white;
}

.open .popup {
  display: block;
}

.popup .popup-arrow {
  width: 11px;
  height: 11px;
  position: absolute;
  top: -7px;
  left: 50%;
  border-top: solid 1px #e0e1e1;
  border-left: solid 1px #e0e1e1;
  background-color: white;
  transform: rotate(45deg);
}
.tablet .popup .popup-arrow {
  left: auto;
  right: 97px;
}

.popup li {
  margin-bottom: 15px;
}

.popup, .popup * {
  z-index: 15;
}

.popup .btn, .popup .hero-banner span a, .hero-banner span .popup a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 46px;
}

.popup .popup-close-button {
  display: none;
  cursor: pointer;
  float: left;
  width: 80px;
  padding-right: 8px;
}

.popup .popup-close-button img {
  position: relative;
  bottom: 2px;
  max-height: 10px;
  max-width: 10px;
  padding-right: 8px;
}

.popup .popup-close-button:hover {
  color: #0d43e3;
}

.sidebar .popup .popup-close-button {
  display: block;
}

.popup-overlay {
  display: none;
  z-index: 101;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}

.mobile .popup-overlay {
  width: 100%;
}

.popup-overlay.active {
  display: block;
}

/* --------------------------------------------------------

    CAR SELECT POPUP

   ----------------------------------------------------- */
.car-select-widget {
  display: none;
  z-index: -1;
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.car-select-widget.open {
  opacity: 1;
  display: block;
  z-index: 20;
  background: white;
}
.car-select-widget.open .modal-overlay {
  opacity: 0.8;
}

.car-select-widget img {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 150px);
  z-index: 20;
  max-height: 20px;
}

.wrapped-widget {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.wrapped-widget img.black, .wrapped-widget img.white {
  right: 15px;
}

.large-mobile-and-down .car-select-widget img {
  right: 16px;
  top: calc(50% - 150px);
  z-index: 21;
}

.car-select-widget .car-selector-widget {
  position: absolute;
  left: 15px;
  right: 15px;
  max-width: 1170px;
  margin: 0 auto;
  z-index: 20;
}

.large-mobile-and-down .car-select-widget .car-selector-widget {
  top: calc(50% - 110px);
}

.large-mobile-and-up .car-select-widget.open {
  background: none;
}
.large-mobile-and-up .car-select-widget.open .car-selector-widget {
  top: calc(50% - 120px);
}
.large-mobile-and-up .car-select-widget.open .modal-overlay {
  opacity: 0.8;
}

/* --------------------------------------------------------

    TOB BAR

   ----------------------------------------------------- */
.topbar {
  font-size: 14px;
  background-color: white;
  border-bottom: solid 1px #e0e1e1;
  line-height: 34px;
}
.topbar ul a {
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 1150px) {
  .topbar ul a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.topbar .topbar-left {
  float: left;
}
.topbar .topbar-left li {
  float: left;
}
.topbar .topbar-left li:first-of-type a {
  padding-left: 0;
}
.topbar .topbar-right {
  float: right;
}
.topbar .topbar-right li {
  float: left;
}

.large-mobile-and-down .topbar {
  display: none;
}

.large-mobile-and-up .topbar-right .toggle-wholesaler-prices-button {
  min-width: 35px;
  border: 0;
  color: grey;
  background: none;
  box-shadow: none;
}

.large-mobile-and-down .topbar-right .btn, .large-mobile-and-down .topbar-right .hero-banner span a, .hero-banner span .large-mobile-and-down .topbar-right a {
  display: none;
}

.topbar-ico {
  height: 14px;
  margin-top: 1px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}

.topbar-lang-select-globe {
  height: 18px;
}

.topbar-arrow {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: 8px;
  height: 8px;
  transform: rotate(-90deg);
  margin-left: 5px;
}

.open .topbar-arrow {
  transform: rotate(90deg);
}

.topbar .lang {
  position: relative;
}

.topbar .label {
  cursor: pointer;
}

.topbar .img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}

.lang-popup {
  width: 100px;
  padding: 8px 9px 8px 9px;
  text-align: left;
  line-height: 32px;
  right: -10px;
}

.lang-popup li {
  display: inline-flex;
  width: 100%;
  margin: 0;
}

.lang-popup img {
  position: relative;
  top: -1px;
}

.lang-popup a {
  display: block;
  width: 100%;
  height: 100%;
}

.lang-popup label {
  padding-left: 5px;
  vertical-align: middle;
  line-height: 22px;
}

/* --------------------------------------------------------

    LOGO LINE

   ----------------------------------------------------- */
.logo-line {
  padding: 20px 0 10px;
  background-color: white;
}

.tablet .logo-line {
  padding: 20px 0 10px;
}

.large-mobile-and-down .logo-line {
  height: 60px;
  padding: 0 8px;
}

.mobile .logo-line {
  padding: 0;
  height: 110px;
}

.mobile-logo {
  display: none;
  float: left;
}
.mobile .mobile-logo {
  width: calc(100% - 75px);
  box-sizing: border-box;
}
.mobile .mobile-logo img {
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 400px) {
  .authenticated .mobile-logo {
    width: calc(100% - 115px);
  }
}

.large-mobile-and-down .mobile-logo {
  display: block;
  padding: 16px 16px;
}

.mobile .mobile-logo {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}

.large-mobile-and-down .mobile-logo > img {
  height: 28px;
}

.logo {
  display: block;
  float: left;
  background: no-repeat url("/static/img/autoaibe-logo-slogan.7e84795ffbf1.svg");
  width: 211px;
  height: 50px;
  background-size: contain;
}

.large-mobile-and-down .logo {
  display: none;
}

.large-mobile-and-down .secure-header .logo {
  display: block;
}

.top-action {
  box-sizing: content-box;
  float: left;
  padding-left: 18px;
  height: 34px;
  width: 144px;
  position: relative;
}

.tablet-and-down .top-action {
  width: auto;
  padding-left: 18px;
}

.large-mobile-and-down .top-action {
  display: none;
}

.large-mobile-and-down .top-action > div:first-child > img:first-child {
  width: 25px;
  height: 25px;
  padding: 16px 0;
}

.top-action.car-selector .yellow-circle {
  position: absolute;
  top: -10px;
  left: 25px;
  width: 20px;
  height: 20px;
}

.desktop-and-up .top-action.car-selector,
.desktop-and-up .top-action.account {
  width: 166px;
}

.top-action.car-selector .text {
  max-width: calc(100% - 40px);
}

.desktop .top-action.account {
  width: 40px;
}

.top-action.account .yellow-circle {
  position: absolute;
  top: -3px;
  left: 40px;
  width: 20px;
  height: 20px;
}

.top-actions {
  float: right;
  padding: 8px 0;
  font-size: 14px;
}
.mobile .top-actions {
  right: 10px;
  position: absolute;
}

.tablet .top-actions {
  position: relative;
  top: 8px;
  padding: 0;
  width: auto;
  float: right;
}

.top-actions .dash-access {
  width: 25px;
  height: 25px;
  display: block;
  margin-top: 16px;
  display: none;
  position: relative;
  padding-left: 1px;
}
.large-mobile-and-down .authenticated .top-actions .dash-access {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.authenticated .top-actions .dash-access a {
  width: 100%;
  height: 100%;
}

.top-actions .dash-access img {
  width: 100%;
  height: 100%;
}

.large-mobile-and-down .top-actions {
  padding: 0;
  height: 100%;
}

.top-action.select-location {
  padding-left: 0;
}

.desktop-and-up .top-action.select-location {
  width: 150px;
}

.tablet .top-action.select-location {
  padding-left: 0;
}

.top-action > div:first-child:hover,
.top-action > div:first-child:active {
  cursor: pointer;
}

.top-action > div:first-child {
  width: 100%;
}

.top-action > *, .top-action > div:first-child > * {
  float: left;
}

.top-actions .text {
  position: relative;
  top: -1px;
  margin-left: 16px;
  line-height: 18px;
  font-size: 14px;
  height: 36px;
  width: calc(100% - 50px);
}

.tablet-and-down .top-actions .text {
  display: none;
  max-width: 80px;
  height: 100%;
}

.top-actions .text > span:first-child {
  display: block;
}

.top-actions .text > span:last-child {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.top-action-arrow {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 8px;
  height: 8px;
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.tablet-and-down .top-actions .top-action-arrow {
  display: none;
}

.open .top-action-arrow {
  transform: rotate(90deg);
}

.top-action > div:first-child > img {
  height: 33px;
}

.top-action.cart {
  width: 40px;
}

.large-mobile-and-down .top-action.cart {
  padding: 0;
  display: block;
  width: 25px;
  height: 25px;
}

.search-container {
  margin-left: 20px;
  position: relative;
  margin-right: 20px;
  flex: 1;
  z-index: 11;
}

.large-mobile-and-down .search-container {
  margin-top: 11px;
  margin-left: 0px;
  margin-right: 10px;
}

.mobile .search-container {
  width: calc(100% - 20px);
  position: absolute;
  top: 100%;
  margin-top: 0;
  margin-left: 10px;
}

.search-input {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 60px;
  border: solid 1px #8A8A8A;
  border-radius: 4px;
}

.search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8A8A8A;
  opacity: 1; /* Firefox */
}

.search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8A8A8A;
}

.search-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #8A8A8A;
}

.large-mobile-and-down .search-input {
  padding-left: 8px;
  padding-right: 90px;
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
}

.search-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 50px;
  background-color: #0d43e3;
  padding: 0;
  border: none;
  border-radius: 0 5px 5px 0;
}
.search-button .desktop-img {
  width: 25px;
}
.search-button .mobile-img {
  max-width: 16px;
  max-height: 16px;
}

.large-mobile-and-down .search-button {
  height: 38px;
  width: 45px;
}

.large-mobile-and-down .search-button .desktop-img {
  display: none;
  width: 25px;
}

.tablet-and-up .search-button .mobile-img {
  display: none;
}

/* --------------------------------------------------------

    STORE SELECTOR POPUP

   ----------------------------------------------------- */
.work-hours-open {
  color: #02a44a;
  font-weight: 700;
}

.work-hours-closed {
  color: #E94748;
  font-weight: 700;
}

.sidebar .sidebar-final-section {
  border-bottom: none;
}

/* --------------------------------------------------------

    SIDEBAR

   ----------------------------------------------------- */
.modal-overlay {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  z-index: 19;
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
}

.modal-overlay-hidden {
  opacity: 0;
  z-index: -1;
}

.sidebar ul {
  border-bottom: #ccc 1px solid;
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.sidebar ul > li {
  display: block;
}

.sidebar li a {
  position: relative;
  display: block;
  padding: 10px 0;
  width: 100%;
}

.sidebar li a span {
  font-size: 14px;
}

.sidebar li a img {
  position: relative;
  bottom: 1px;
}

#sidebar-car-selector-container img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  height: 28px;
}

#sidebar-location-selector-container img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  height: 28px;
}

/* --------------------------------------------------------

   CAR POPUP IN SIDEBAR

   ----------------------------------------------------- */
.sidebar .car-selector-popup {
  display: none;
  left: 0;
  right: 0;
  top: 0;
  width: unset;
  bottom: 0;
}

.open > .car-selector-popup {
  display: block;
}

.sidebar .car-selector-popup .btn, .sidebar .car-selector-popup .hero-banner span a, .hero-banner span .sidebar .car-selector-popup a {
  padding: unset;
}

/* --------------------------------------------------------

    STORE SELECTOR IN POPUP

   ----------------------------------------------------- */
.sidebar .store-selector-popup {
  display: none;
  left: 0;
  right: 0;
  top: 0;
  width: unset;
  bottom: 0;
}

.open > .store-selector-popup {
  display: block;
}

.sidebar .store-selector-popup .btn, .sidebar .store-selector-popup .hero-banner span a, .hero-banner span .sidebar .store-selector-popup a {
  padding: unset;
}

/* --------------------------------------------------------

    CATEGORY-LIST IN POPUP

   ----------------------------------------------------- */
.sidebar .sidebar-category-section li {
  position: relative;
}

.sidebar .sidebar-category-section .arrow {
  position: absolute;
  right: 0;
  top: 7px;
}

.sidebar .category-container {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: white;
  overflow: auto;
  padding: 16px 16px 32px;
}

.sidebar .category-container.open {
  display: block;
}

.sidebar .category-container .head {
  padding-bottom: 24px;
  border-bottom: solid 1px #e0e1e1;
  margin-bottom: 16px;
}

.sidebar .category-container .title {
  margin: 0;
  float: right;
  font-size: 18px;
}

.sidebar .category-container .back-btn {
  display: block;
  cursor: pointer;
  float: left;
  width: 70px;
  line-height: 18px;
}

.sidebar .category-container .back-btn:hover {
  color: #0d43e3;
}

.sidebar .category-container .back-btn img {
  position: relative;
  bottom: 2px;
  max-height: 10px;
  max-width: 10px;
  padding-right: 8px;
}

.sidebar .category-list a {
  padding: 10px 0;
}

/* --------------------------------------------------------

    TOP CATEGORIES

   ----------------------------------------------------- */
.top-categories {
  background-color: white;
  overflow: hidden;
  margin-bottom: 14px;
}

.large-mobile-and-down .top-categories-container {
  display: none;
}

.top-categories > .hamburger {
  float: left;
}

.top-categories-list {
  display: inline-flex;
  justify-content: space-between;
  width: calc(100% - 204px);
}

.top-categories-list > li {
  flex-grow: 1;
  text-align: center;
}

.top-categories-list, .top-categories-list > li {
  float: left;
  padding: 0;
  height: 100%;
  position: relative;
}

.top-categories-list a {
  display: block;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 5px 0;
  height: 100%;
  outline: none;
}

.active-category {
  color: #0d43e3;
  position: relative;
}

.category-arrow {
  position: absolute;
  left: calc(50% - 5px);
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.top-categories-container .close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.top-categories-popup {
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  display: none;
  z-index: 15;
  padding: 40px;
  background-color: white;
}

.open.top-categories-popup {
  display: block;
}

.categories-list-container {
  padding-bottom: 40px;
}

.categories-list-container .categories-list {
  column-count: 3;
  column-fill: balance;
  padding-top: 15px;
}

.tablet-and-down .categories-list-container .categories-list {
  column-count: 2;
  padding: 15px 0px;
}

.categories-list-container .categories-list li {
  break-inside: avoid-column;
  display: block;
  padding: 8px;
  font-size: 14px;
}

.tablet .categories-list-container .categories-list li {
  padding-left: 0;
}

.categories-list-container .categories-list li.child {
  padding-left: 50px;
}

.categories-list-container .top {
  width: 100%;
  padding-bottom: 18px;
  position: relative;
}

.large-mobile-and-down .categories-list-container .top {
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
}

.categories-list-container .top .category-topline-container {
  float: left;
  max-width: calc(100% - 380px);
}

.large-mobile-and-down .top .category-topline-container {
  position: relative;
  width: calc(100% - 16px);
  max-width: unset;
  padding-bottom: 45px;
}

.large-mobile-and-down .top .category-topline-container.no-padding {
  padding-bottom: 0px;
}

.categories-list-container .title {
  font-size: 30px;
  display: block;
  float: left;
  padding-top: 10px;
  margin-right: 28px;
  margin-bottom: 16px;
}

.large-mobile-and-down .categories-list-container .title.limit-width {
  max-width: calc(100% - 360px);
}

.categories-list-container .top .category-topline-container button {
  height: 46px;
  width: 220px;
}

.large-mobile-and-down .categories-list-container .top .category-topline-container button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.categories-list-container .top .category-topline-container img {
  max-height: 20px;
  padding-right: 6px;
}

.large-mobile-and-down .categories-list-container .hidden-on-mobile {
  display: none;
}

.large-mobile-and-down .categories-list-container .category-topline-container button {
  width: 50%;
}

.category-search-input {
  width: calc(100% - 51px);
  height: 41px;
  padding-left: 45px;
  border: solid 1px #a3a3a3;
  border-radius: 4px;
}

section.categories .category-search-form .category-search-input {
  width: calc(100% - 60px);
}

.mobile .CATEGORY_TITLE.contains-category-search .actions .category-item .category-search-form {
  width: 100%;
}

section.categories ul .search-result-item {
  display: flex;
  align-items: center;
  height: 50px;
}

section.categories ul .search-result-item a {
  width: calc(100% - 30px);
  height: 40px;
  display: flex;
  align-items: center;
  padding-right: 10px;
}

section.categories ul .search-result-item a img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

section.categories ul .search-result-item .right-arrow {
  transform: rotate(180deg);
  height: 10px;
  width: 10px;
}

.top-categories-container .chat {
  height: 100%;
  display: block;
  float: right;
  white-space: nowrap;
}

.top-categories-container .chat img {
  height: 18px;
  position: relative;
  top: 14px;
  margin-right: 5px;
}

.top-categories-container .chat span {
  background: border-box;
  height: 100%;
  position: relative;
  color: #00a04f;
  cursor: pointer;
  line-height: 20px;
  top: 15px;
  padding: 10px 0 10px;
}

#category-overlay {
  position: absolute;
  z-index: 2;
  top: 189px;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0.8;
  background-color: black;
}

/* --------------------------------------------------------

    CAR SELECT WIDGET

   ----------------------------------------------------- */
.car-selector-widget > div {
  width: 25%;
  float: left;
  height: 40px;
  text-align: center;
}

.car-selector-widget.variation-dropdown-visible > div {
  width: 20%;
}

.large-mobile-and-down .car-selector-widget > div {
  height: 50px;
  width: 100%;
  margin-bottom: 12px;
}

.car-selector-widget > .engine-select {
  display: none;
}

.car-selector-widget.variation-dropdown-visible > .engine-select {
  display: block;
}

.large-mobile-and-down .car-selector-widget div.last {
  margin-bottom: 0;
}

.car-selector-widget {
  box-sizing: border-box;
  padding: 15px;
  background-color: white;
  border: 1px solid white;
  border-radius: 5px;
  margin-bottom: 70px;
}

.car-selector-widget select {
  -webkit-box-shadow: 0px 1px 1px -2px #ddd;
  -moz-box-shadow: 0px 1px 1px -2px #ddd;
  box-shadow: 0px 1px 1px -2px #ddd;
}

.car-selector-widget select, .car-selector-widget button {
  font-size: 14px;
  width: 95%;
  height: 100%;
}

.mobile .car-selector-widget select, .mobile .car-selector-widget button {
  width: 100%;
}

.large-mobile-and-down .car-selector-widget.variation-dropdown-visible select,
.large-mobile-and-down .car-selector-widget.variation-dropdown-visible button {
  width: 100%;
}

.mobile .car-selector-widget .last {
  margin: 0;
}

.car-selector-widget select:focus {
  border-color: #0d43e3;
}

.mobile .car-selector-widget button {
  font-size: 16px;
}

/* TODO */
/* --------------------------------------------------------

    INDEX - HERO

----------------------------------------------------- */
/* page index tik ant bodzio, hero ant to img, namespacint page-index  */
.hero {
  position: relative;
  padding-top: 24px;
  width: 100%;
}

.tablet-and-down .hero {
  margin-top: 0;
  padding-top: 48px;
}

.mobile .hero {
  padding-top: 24px;
}

.hero .img {
  position: absolute;
  background-color: black;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero .overlay {
  position: absolute;
  background-color: black;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}

.hero .car-select-container {
  text-align: center;
}

.hero .car-select-inner {
  display: inline-block;
  max-width: 1400px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border-radius: 5px;
}

.mobile .hero .car-select-inner {
  max-width: 650px;
}

.tablet-and-down .hero .car-selector-widget {
  margin-bottom: 30px;
}

.mobile .hero .car-selector-widget {
  width: 100%;
  margin-bottom: 28px;
}

.hero .car-select-navigation {
  font-size: 16px;
  width: 100%;
  margin-bottom: 12px;
  margin-top: 16px;
}
.hero .car-select-navigation a {
  display: inline-block;
  padding: 12px;
}

.tablet-and-down .hero .car-select-navigation {
  margin-bottom: 16px;
}

.mobile .hero .car-select-navigation {
  margin-bottom: 12px;
}

.hero .car-select-inner span {
  display: block;
  width: 100%;
  color: white;
}

.hero .car-select-inner a {
  position: relative;
  color: white;
  bottom: 2px;
}

.hero .car-select-inner > .title {
  font-weight: bold;
  font-size: 46px;
  margin-bottom: 15px;
}

.mobile .hero .car-select-inner > .title {
  font-size: 28px;
  margin-bottom: 25px;
}

.hero .car-select-inner > .description {
  margin-bottom: 30px;
}

.mobile .hero .car-select-inner > .description {
  display: none;
}

.tablet-and-down .car-select-inner > .description {
  margin-bottom: 35px;
}

/* ----------------------------------------------------

   INDEX POPULAR CATEGORIES

----------------------------------------------------- */
.index .popular-categories-container {
  display: block;
  height: auto;
  margin: 40px auto;
  text-align: center;
}

.index .popular-categories {
  width: 840px;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.desktop-and-down .index .popular-categories {
  width: 560px;
}

.mobile .index .popular-categories {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.mobile .index .popular-categories a {
  padding: 10px;
}

.index .popular-categories-container li {
  float: left;
  text-align: center;
  width: 140px;
}

.mobile .index .popular-categories-container li {
  box-sizing: border-box;
  width: 100%;
}

.index .popular-categories-container li .img-container {
  display: block;
  width: 100px;
  height: 67px;
  margin: 0 auto 26px;
}

.desktop-and-down .index .popular-categories-container li .img-container {
  margin-bottom: 8px;
}

.index .popular-categories-container li img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

.index .popular-categories-container li span {
  font-size: 16px;
  line-height: 20px;
}

.index .popular-categories-container a {
  display: block;
  padding: 20px;
}

/* ----------------------------------------------------

   INDEX ALL CATEGORIES

----------------------------------------------------- */
.index-categories-container {
  display: block;
  padding: 0;
  height: auto;
}

.index-categories {
  margin: 0 auto 10px;
}

.index-categories-container li {
  position: relative;
  float: left;
  text-align: center;
  width: calc(20% - 11px);
  height: 240px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.tablet-and-down .index-categories-container li {
  width: calc(25% - 11px);
}

.large-mobile-and-down .index-categories-container li {
  width: calc(33.3333333333% - 11px);
}

.mobile .index-categories-container li {
  width: calc(50% - 11px);
  height: 180px;
}

.index-categories-container li .img-container {
  display: block;
  max-width: 100%;
  height: 157px;
  margin: 0 auto;
}

.mobile .index-categories-container li .img-container {
  height: 100px;
}

.index-categories-container li img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

.index-categories-container li span {
  font-size: 16px;
  line-height: 20px;
}

.index-categories-container a {
  display: block;
  padding: 5px;
}

/* ----------------------------------------------------

   SEARCH PAGE CATEGORIES

----------------------------------------------------- */
.categories-search-list-container {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(221, 221, 221);
  padding-bottom: 5px;
}
.categories-search-list-container h1 {
  padding-bottom: 16px;
  font-weight: 700;
}

.large-mobile-and-down .categories-search-list-container {
  width: 100%;
}

.CATEGORY_LIST .ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.categories-search-list-container .ul {
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(270px, 1fr));
  display: grid;
}
.mobile .categories-search-list-container .ul {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.CATEGORY_LIST .li,
.categories-search-list-container .li {
  padding: 8px 8px 8px 0;
  line-height: 1.2;
}

.CATEGORY_LIST img,
.categories-search-list-container img {
  height: 70px;
  width: 108px;
  display: inline-block;
}

.CATEGORY_LIST img {
  object-fit: contain;
}

.CATEGORY_LIST .category-link-holder {
  display: inline-block;
  padding: 0;
  width: 64%;
  vertical-align: middle;
}

.CATEGORY_LIST .a {
  display: inline;
  padding: 0;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.categories-search-list-container .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  break-inside: avoid-column;
}
.mobile .categories-search-list-container .li {
  flex-wrap: nowrap;
  text-align: left;
}

.categories-search-list-container img {
  flex-shrink: 0;
  object-fit: contain;
}
.mobile .categories-search-list-container img {
  margin-right: 0px;
}

.categories-search-list-container a {
  word-wrap: break-word;
  display: flex;
  align-items: center;
}
.mobile .categories-search-list-container a {
  text-align: left;
}

/* ----------------------------------------------------

   CAR LIST CONTAINER

----------------------------------------------------- */
.car-list-container {
  background-color: #F6F6F6;
  padding: 60px 0 40px;
}

.car-list-container .title {
  display: block;
  text-align: center;
  font-size: 30px;
  padding-bottom: 40px;
}

.car-list-container ul {
  padding: 20px 0;
}

.large-mobile-and-down .car-list-container ul {
  padding: 20px 5px;
}

.car-list-container li {
  float: left;
  box-sizing: border-box;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 30px;
  width: 20%;
}

.tablet-and-down .car-list-container li {
  width: 33.3333333333%;
}

.large-mobile-and-down .car-list-container li {
  height: 80px;
  padding: 0 5px;
  margin-bottom: 10px;
  width: 50%;
}

.car-list-container li.more {
  display: none;
}

.car-list-container.open li.more {
  display: block;
}

.car-list-container li a {
  position: relative;
  text-align: left;
  background-color: white;
  display: block;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  width: 100%;
  padding: 27px 28px;
  -webkit-box-shadow: 0 3px 8px -7px black;
  -moz-box-shadow: 0 3px 8px -7px black;
  box-shadow: 0 3px 8px -7px black;
}

.car-list-container li a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 18px;
}

.car-list-container li a img {
  position: absolute;
  right: 24px;
  top: 30px;
  height: 8px;
  transform: rotate(180deg);
}

.car-list-container .show-more {
  display: block;
  width: 100%;
  text-align: center;
}

.car-list-container.open .show-more {
  display: none;
}

.car-list-container .show-more img {
  position: relative;
  left: 8px;
  width: 8px;
  height: 8px;
  transform: rotate(-90deg);
}

/* ----------------------------------------------------

   CATEGORY_PAGE

----------------------------------------------------- */
/* XXX: make breadcrumbs a generic component */
.breadcrumb-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb-container .breadcrumb-holder {
  flex-grow: 10;
  margin-bottom: 16px;
}
.breadcrumb-container .breadcrumb-holder.large-mobile-and-down {
  width: 100%;
}

.breadcrumb {
  float: left;
  position: relative;
  margin-right: 40px;
  padding: 14px 0;
}

.breadcrumb.last {
  margin-right: 0;
}

/*.breadcrumb.last a {
    color: gray;
}*/
.breadcrumb.last img {
  display: none;
}

.breadcrumb img {
  position: absolute;
  top: 17px;
  right: -24px;
  max-height: 8px;
  max-width: 8px;
  transform: rotate(180deg);
}

.large-mobile-and-down .category-page.contains-car-widget .breadcrumb-container {
  margin-top: 70px;
}

.product-list-errors h1 {
  color: #E94748;
  font-weight: 700;
}

/* --------------------------------------------------------

    CATEGORY_PAGE

-------------------------------------------------------- */
.category-page .category-group-description {
  margin-top: 200px;
}
.category-page .category-description {
  margin-top: 30px;
}
.category-page .seo-text {
  margin-top: 30px;
}
.category-page .seo-text h1 {
  font-size: 2.5rem;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mobile .category-page .seo-text h1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.category-page .seo-text h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.mobile .category-page .seo-text h2 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.category-page .seo-text h3 {
  font-size: 1.5rem;
  text-align: center;
  margin: 0.5rem;
}
.mobile .category-page .seo-text h3 {
  font-size: 1rem;
}
.category-page .seo-text p, .category-page .seo-text ul {
  font-size: 1em;
  line-height: 1.2em;
  padding: 0 160px;
  margin-bottom: 1.5em;
  display: block;
}
.large-mobile .category-page .seo-text p, .large-mobile .category-page .seo-text ul {
  padding: 0 40px;
}
.mobile .category-page .seo-text p, .mobile .category-page .seo-text ul {
  padding: 0 8px;
}
.category-page .seo-text ul li {
  list-style-type: circle;
  margin-left: 40px;
}

/* --------------------------------------------------------

    CATEGORY_DESCRIPTION

-------------------------------------------------------- */
.category-description-text, .brand-description {
  max-width: 62em;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}

.default-text-content, .category-description-text, .brand-description, .blog-article-text {
  font-size: 1em;
  line-height: 1.5em;
}
.default-text-content p, .category-description-text p, .brand-description p, .blog-article-text p {
  margin-bottom: 12px;
  text-align: left;
}
.default-text-content h2, .category-description-text h2, .brand-description h2, .blog-article-text h2 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.5em;
}
.default-text-content ul, .default-text-content ol, .category-description-text ul, .category-description-text ol, .brand-description ul, .brand-description ol, .blog-article-text ul, .blog-article-text ol {
  margin-left: 1.5em;
}
.default-text-content ul li::before, .category-description-text ul li::before, .brand-description ul li::before, .blog-article-text ul li::before {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  content: "•";
  color: #0d43e3;
}
.default-text-content li:last-child, .category-description-text li:last-child, .brand-description li:last-child, .blog-article-text li:last-child {
  margin-bottom: 12px;
}
.default-text-content ol, .category-description-text ol, .brand-description ol, .blog-article-text ol {
  list-style: decimal;
}
.default-text-content a, .category-description-text a, .brand-description a, .blog-article-text a {
  color: #0d43e3;
}

/* --------------------------------------------------------

    CATEGORY_BANNER

-------------------------------------------------------- */
.CATEGORY_BANNER {
  position: relative;
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
}
.CATEGORY_BANNER.contains-car-widget {
  margin-bottom: -16px;
}
.large-mobile-and-down .CATEGORY_BANNER.contains-car-widget {
  margin-bottom: 68px;
  height: 300px;
}
.large-mobile-and-down .CATEGORY_BANNER.contains-car-widget .banner {
  position: absolute;
}
.tablet-and-up .CATEGORY_BANNER.contains-car-widget {
  height: 40px;
  margin-bottom: 58px;
}
.CATEGORY_BANNER .banner {
  background-color: black;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CATEGORY_BANNER .car-widget-container {
  position: relative;
  z-index: 10;
  top: -28px;
}
.large-mobile-and-down .CATEGORY_BANNER .car-widget-container {
  padding-top: 32px;
  margin: 0 16px;
  top: 0;
}
.mobile .CATEGORY_BANNER .car-widget-container {
  margin: 0;
}
.CATEGORY_BANNER .car-widget-container .car-selector-widget {
  margin-bottom: 0;
  background-color: #F6F6F6;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px -7px black;
  -moz-box-shadow: 0 3px 8px -7px black;
  box-shadow: 0 3px 8px -7px black;
}

/* --------------------------------------------------------

    CATEGORY_SEARCH

-------------------------------------------------------- */
.CATEGORY_SEARCH {
  padding: 0;
  width: 290px;
  height: 50px;
}
.large-mobile-and-down .CATEGORY_SEARCH {
  width: calc(50% - 4px);
}
.mobile .CATEGORY_SEARCH {
  width: 100%;
}
.CATEGORY_SEARCH .actions {
  float: right;
  width: 100%;
}
.tablet .CATEGORY_SEARCH .actions {
  float: left;
}
.CATEGORY_SEARCH .actions .category-search-form {
  position: relative;
  width: 290px;
  float: left;
}
.mobile .CATEGORY_SEARCH .actions .category-search-form {
  width: 100%;
  margin-left: 0;
}
.large-mobile-and-down .CATEGORY_SEARCH .actions .category-search-form {
  width: 100%;
}
.CATEGORY_SEARCH .actions input {
  height: 45px;
}
.CATEGORY_SEARCH .actions svg {
  background-image: url("/static/img/search-grey.ec34b3f77a05.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 16px;
  left: 16px;
}
.large-mobile-and-down .show-products .CATEGORY_SEARCH .actions {
  display: none;
}

/* --------------------------------------------------------

    CATEGORY_TITLE

-------------------------------------------------------- */
.large-mobile-and-down .CATEGORY_TITLE.contains-category-search {
  padding-bottom: 28px;
}
.CATEGORY_TITLE h1 {
  box-sizing: border-box;
  float: left;
  font-size: 36px;
  line-height: 1.2;
  width: calc(100% - 290px);
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 16px;
}
.large-mobile .CATEGORY_TITLE h1 {
  width: 100%;
}
.mobile .CATEGORY_TITLE h1 {
  width: 100%;
  font-size: 24px;
}
.large-mobile-and-down .CATEGORY_TITLE .actions {
  width: 100%;
}
.CATEGORY_TITLE .actions .change-auto-btn {
  width: 289px;
  float: left;
}
.tablet-and-down .CATEGORY_TITLE .actions .change-auto-btn {
  margin-bottom: 16px;
}
.large-mobile-and-down .CATEGORY_TITLE .actions .change-auto-btn {
  width: calc(50% - 4px);
  margin-right: 0;
}
.mobile .CATEGORY_TITLE .actions .change-auto-btn {
  width: 100%;
}
.CATEGORY_TITLE .actions .change-auto-btn ~ .category-search-form {
  margin-left: 8px;
}
.large-mobile-and-down .show-products .CATEGORY_TITLE .actions {
  display: none;
}

/* --------------------------------------------------------

    CATEGORY_LIST_MAIN

-------------------------------------------------------- */
.CATEGORY_LIST_MAIN .category-parent-heading {
  font-size: 18px;
}
.CATEGORY_LIST_MAIN .category-parent-heading a {
  display: block;
}
.CATEGORY_LIST_MAIN .category-children {
  padding: 12px 0 16px 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.large-mobile-and-up .CATEGORY_LIST_MAIN .category-children {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
.CATEGORY_LIST_MAIN .category-child {
  page-break-inside: avoid;
  break-inside: avoid-column;
  line-height: 1.2;
}
.CATEGORY_LIST_MAIN .category-child a {
  display: block;
  padding: 8px 16px 8px 16px;
}

/* --------------------------------------------------------

    CATEGORY_LIST

-------------------------------------------------------- */
.CATEGORY_LIST {
  overflow-x: hidden;
  width: 100%;
}
.CATEGORY_LIST .category-search-no-data {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  transition: opacity 0.5s;
  height: 0px;
  padding: 0px;
}
.CATEGORY_LIST .category-search-no-data.active {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  opacity: 1;
}
.CATEGORY_LIST ul.child-categories {
  display: none;
}
.CATEGORY_LIST ul.child-categories li {
  font-size: 14px;
  width: 100%;
  max-width: 250px;
}
.mobile .CATEGORY_LIST ul.child-categories li {
  width: 200px;
}
.CATEGORY_LIST ul.child-categories a {
  display: flex;
  align-items: center;
  text-align: center;
}
.CATEGORY_LIST ul.child-categories.has-children {
  border-bottom: 1px solid rgb(221, 221, 221);
  width: calc(100% - 20px);
  margin: 0;
  padding: 0;
  display: grid;
  padding-left: 10px;
  padding-right: 10px;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(270px, 1fr));
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.large-mobile .CATEGORY_LIST ul.child-categories.has-children {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.mobile .CATEGORY_LIST ul.child-categories.has-children {
  padding: 10px 0px 10px 0px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* ----------------------------------------------------

   PRODUCTS LIST

----------------------------------------------------- */
.product-list-wrapper {
  float: right;
  width: calc(100% - 280px);
  max-width: 1080px;
}
.large-mobile-and-down .product-list-wrapper {
  width: 100%;
}

.product-list-wrapper .car-fit-alert {
  display: flex;
  align-items: center;
  background-color: #F6F6F6;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 2px;
  margin-bottom: 14px;
  min-height: 3em;
  font-size: 1.25em;
  line-height: 1.25em;
  font-weight: 700;
}
.product-list-wrapper .car-fit-alert.warning {
  border-color: #FEF12E;
  background-color: rgba(254, 241, 46, 0.15);
}
.product-list-wrapper .car-fit-alert.error {
  border-color: #E94748;
  background-color: rgba(233, 71, 72, 0.15);
}
.product-list-wrapper .car-fit-alert .img-container {
  height: 100%;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 2px;
  text-align: center;
}
.product-list-wrapper .car-fit-alert .img-container img {
  height: 38px;
  max-width: 38px;
  position: relative;
}
.product-list-wrapper .car-fit-alert .text {
  padding: 8px;
  width: calc(100% - 82px);
  border-left: 1px solid rgb(221, 221, 221);
}
@media only screen and (max-width: 970px) {
  .product-list-wrapper .car-fit-alert .text {
    border: none;
  }
}
.product-list-wrapper .car-fit-alert .text .btn.edit, .product-list-wrapper .car-fit-alert .text .hero-banner span a.edit, .hero-banner span .product-list-wrapper .car-fit-alert .text a.edit {
  margin-bottom: 8px;
  height: auto;
  display: block;
  padding: 0;
  text-align: left;
}
.product-list-wrapper .car-fit-alert a {
  color: #0d43e3;
}

.product-list-wrapper .car-fit-alert button {
  margin-bottom: 16px;
}

.product-list-wrapper .car-fit-alert button.button-text-styling {
  margin: 0;
}

.large-mobile-and-down .product-list-wrapper .car-fit-alert {
  font-weight: 400;
  font-size: 1.15em;
  line-height: 1.25em;
}
.large-mobile-and-down .product-list-wrapper .car-fit-alert .img-container {
  display: none;
}
.large-mobile-and-down .product-list-wrapper .car-fit-alert .text {
  padding: 8px;
  width: 100%;
}

.product-list-wrapper .mobile-actions-container {
  width: 100%;
  display: none;
}

.large-mobile-and-down .product-list-wrapper .mobile-actions-container {
  display: block;
  margin-bottom: 20px;
}

.mobile .product-list-wrapper .mobile-actions-container {
  margin-bottom: 30px;
}

.product-list-wrapper .mobile-actions-container button {
  width: calc(50% - 5px);
  height: 40px;
}

.product-list-wrapper .mobile-actions-container.no-car-button button {
  width: 100%;
}

.mobile .product-list-wrapper .mobile-actions-container button {
  width: 100%;
  margin: 5px 0;
}

.product-list-wrapper .mobile-actions-container button:last-child {
  float: right;
}

.product-list-wrapper .mobile-actions-container select {
  height: 40px;
  width: 32%;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 45%;
}

.product-list-wrapper .filter-box-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
  width: 100%;
}
@media only screen and (max-width: 660px) {
  .product-list-wrapper .filter-box-wrapper {
    display: none;
  }
}
.product-list-wrapper .filter-box-wrapper .title {
  position: absolute;
  top: 0px;
  left: 0px;
}
.product-list-wrapper .filter-box-wrapper .section-list {
  flex: 1;
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.product-list-wrapper .filter-box-wrapper .clear-filter-chips {
  height: 40px;
  min-width: 150px;
}
.product-list-wrapper .filter-box-wrapper .clear-filters {
  margin-left: 20px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.product-list-wrapper .filter-box-wrapper .clear-filters span {
  width: 100%;
}
.product-list-wrapper .filter-box-wrapper .section .section-title {
  font-weight: 700;
}
.product-list-wrapper .filter-box-wrapper .section .filters {
  display: flex;
  column-gap: 10px;
  margin-top: 5px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter {
  padding: 2px;
  padding-left: 10px;
  padding-right: 50px;
  position: relative;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  cursor: default;
  transition: background-color 0.5s;
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter.inactive {
  opacity: 0.7;
  pointer-events: none;
  animation: pulse-opacity 2s infinite ease-in-out;
  animation-delay: 1s;
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter:hover {
  background-color: rgba(100, 100, 100, 0.1);
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter .value {
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter .deletion {
  position: absolute;
  right: 0px;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  cursor: pointer;
  font-size: 24px;
  transition: background-color 0.5s, color 0.5s;
}
.product-list-wrapper .filter-box-wrapper .section .filters .filter .deletion:hover {
  color: white;
  background-color: #5a6dff;
}
.product-list-wrapper .filter-box-wrapper .section .section-title {
  font-weight: 700;
}
.product-list-wrapper .filter-box-wrapper .section .filters {
  display: flex;
  column-gap: 10px;
  margin-top: 5px;
  flex-wrap: wrap;
  row-gap: 10px;
}

.mobile .product-list-wrapper .user-price,
.mobile .product-list-wrapper .loyalty-price {
  font-size: 1rem;
}

.product-labels {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.product-labels:active .compatibility-check, .product-labels:active .product-search-label, .product-labels:hover .compatibility-check, .product-labels:hover .product-search-label {
  opacity: 0.33;
}
.product-labels:active .compatibility-check .tooltip-content, .product-labels:active .product-search-label .tooltip-content, .product-labels:hover .compatibility-check .tooltip-content, .product-labels:hover .product-search-label .tooltip-content {
  opacity: 1;
}
.product-labels .car-indicator-wrapper {
  margin-bottom: 0.2rem;
}
.product-labels .car-indicator-wrapper .tooltip-wrapper {
  background: rgba(255, 255, 255, 0.5);
  padding: 2px;
  border-radius: 5px;
}

.product-labels .tooltip-origin {
  z-index: 1;
}

.product-labels .compatibility-check {
  padding: 0 3px;
  margin-left: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 6px;
  width: 52px;
}
.product-labels .compatibility-check .compatibility-img {
  height: 27px;
  width: 36px;
}
.product-labels .compatibility-check .approved-img {
  width: 17px;
  height: 14px;
  padding-top: 6px;
}

.product-labels .found-by-check {
  display: flex;
  height: 30px;
  padding: 5px 5px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  font: 400 16px Roboto;
  border-radius: 6px;
  box-sizing: border-box;
}
.product-labels .found-by-check .found-by-img {
  height: 18px;
  width: 20px;
}

.product-list li .details {
  display: none;
  padding-top: 18px;
  line-height: 1.5;
  height: 120px;
}

.product-list li .details .attribute {
  height: 18px;
  color: #000000;
}

.product-list li .details .value {
  height: 18px;
  font-weight: bold;
  color: #000000;
}

.contact-form-header {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 15px;
  font-size: 1em;
  line-height: 1.2em;
}

.contact-form-wrapper {
  background-color: #F6F6F6;
  padding: 10px 20px 30px 20px;
  max-width: 500px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

.contact-form-wrapper input,
.contact-form-wrapper select,
.contact-form-wrapper textarea {
  width: 100%;
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 10px 60px 10px 20px;
  border: solid 1px #8A8A8A;
  border-radius: 4px;
  box-shadow: 0 3px 8px -7px black;
  margin: 5px 0 5px 0px;
}

.contact-form-wrapper button[type=submit] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #0d43e3;
  color: #FFF;
  margin: 10px 0 0 0;
  padding: 10px;
  border-radius: 4px;
}

.contact-form-wrapper button[type=submit]:hover {
  background: rgb(90, 109, 255);
}

.contact-form-wrapper .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.field-wrapper {
  padding: 6px 0;
}

.field-wrapper label {
  display: block;
  margin-bottom: 4px;
}

.product-list {
  display: grid;
  justify-content: flex-start;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  -ms-grid-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
}
@media only screen and (max-width: 970px) {
  .product-list {
    grid-template-columns: 50% 50%;
    gap: 0px;
  }
}

.product-list .product-list-wrapper {
  position: relative;
  background: white;
  border-radius: 5px;
  width: 100%;
  border: 2px solid transparent;
  box-sizing: border-box;
  font-size: 1em;
}
.product-list .product-list-wrapper:hover .product-sections-wrapper {
  z-index: 9;
}
@media only screen and (max-width: 660px) {
  .product-list .product-list-wrapper {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 970px) {
  .product-list .product-list-wrapper:hover .product-sections-wrapper {
    border: 2px solid rgb(221, 221, 221);
  }
}

.product-list .product-list-wrapper .product-sections-wrapper {
  position: relative;
  padding: 10px;
  background: white;
  border-radius: 5px;
  border: 2px solid transparent;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 970px) {
  .product-list .product-list-wrapper .product-sections-wrapper {
    padding: 0;
  }
}
.product-list .product-list-wrapper .product-sections-wrapper .arrow {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 4px;
  margin-left: auto;
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.product-list .product-list-wrapper .product-sections-wrapper .collapsed .arrow {
  transform: rotate(270deg);
}

@media only screen and (max-width: 660px) {
  .product-list .product-list-wrapper .section-container {
    font-size: 0.9em;
  }
}
.product-list .product-list-wrapper .section-container#header {
  color: black;
}
.product-list .product-list-wrapper .section-container#header .image-container {
  width: 100%;
  height: 15.625em;
  margin-bottom: 1.25em;
}
.product-list .product-list-wrapper .section-container#header .image-container a, .product-list .product-list-wrapper .section-container#header .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-list .product-list-wrapper .section-container#body .pricing {
  margin-bottom: 5px;
  min-height: 1.5625em;
  font-size: 1em;
}
.product-list .product-list-wrapper .section-container#body .pricing .price .tooltip-origin {
  color: #0d43e3;
}
.product-list .product-list-wrapper .section-container#body .pricing .price#primary {
  font-size: 1.625em;
  font-weight: 700;
}
.product-list .product-list-wrapper .section-container#body .pricing .price#secondary {
  font-size: 1.125em;
  color: #999999;
}
.product-list .product-list-wrapper .section-container#body .name {
  font-size: 1.375em;
  line-height: 1.3em;
  min-height: 3.9em;
  margin-bottom: 5px;
  flex: 1;
  display: flex;
  align-items: center;
}
.product-list .product-list-wrapper .section-container#body .add-to-cart {
  width: 100%;
  height: 3.125em;
  font-size: 1.2em;
}
.product-list .product-list-wrapper .section-container#body .add-to-cart.success {
  color: #02a44a;
  border-color: #02a44a;
}
.product-list .product-list-wrapper .section-container#body .add-to-cart.failed {
  color: #E94748;
  border-color: #E94748;
}
.product-list .product-list-wrapper .section-container#footer {
  color: black;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 1em;
}
@media only screen and (max-width: 660px) {
  .product-list .product-list-wrapper .section-container#footer .delivery-holder {
    font-size: 0.8rem;
  }
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info#secondary {
  margin-top: 5px;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info#primary .parent-container:has(+ .deliveries-wrapper) {
  cursor: pointer;
  transition: background 0.5s;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info#primary .parent-container:has(+ .deliveries-wrapper):hover {
  background: rgb(246, 246, 246);
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container {
  display: inline-flex;
  width: 100%;
  user-select: none;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .delivery-info-icon {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .delivery-info-icon .icon {
  mask-size: contain;
  background-color: black;
  width: 80%;
  height: 80%;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .delivery-info-icon .icon.yellow {
  background-color: #FF6600;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .delivery-info-icon .icon.red {
  background-color: #E94748;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .delivery-info-icon .icon.green {
  background-color: #02a44a;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .parent-container .value-title {
  margin-left: 5px;
  margin-right: 10px;
  line-height: 1.3em;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper {
  margin-top: 5px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info.collapsed .deliveries-wrapper {
  margin-top: 0px;
  margin-top: 0px;
  height: 0px;
  opacity: 0;
  pointer-events: none;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li {
  display: inline-flex;
  width: calc(100% - 10px);
  padding: 5px;
  font-size: 0.875em;
  align-items: center;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li .tooltip-origin {
  display: flex;
  align-items: center;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li .tooltip-origin img {
  margin-right: 8px;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li.red {
  color: #FF6600;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li .stock {
  margin-left: auto;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .deliveries-wrapper li:nth-child(2n+1) {
  background: rgb(246, 246, 246);
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget {
  margin-top: 10px;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .delivery-days {
  display: block;
  width: 100%;
  align-items: center;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .delivery-days span {
  display: block;
  width: 100%;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .delivery-text {
  width: 100%;
  display: block;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .delivery-icon {
  width: 25px;
  height: 25px;
  border: 1px solid rgb(221, 221, 221);
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .tooltip-origin {
  display: flex;
  align-items: center;
}
.product-list .product-list-wrapper .section-container#footer .delivery-holder .delivery-info .delivery-info-widget .delivery-icon.icon-delivery {
  width: 21px;
  height: 21px;
  padding: 2px;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder {
  margin-top: 10px;
  font-size: 0.75rem;
  position: relative;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attributes-expansion {
  display: none;
  width: 100%;
  height: 25px;
  position: absolute;
  top: 0px;
  cursor: pointer;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder.collapsed-dropdown .attributes-expansion {
  display: flex;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder.collapsed .large-content .type-value-holder {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info {
  background: #F6F6F6;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget {
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
  gap: 10px;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget .type-title {
  display: flex;
  flex: 1;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget .type-value-holder {
  line-height: 1.3125em;
  flex: 1;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget.large-content {
  flex-direction: column;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget.large-content .type-title,
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget.large-content .type-value-holder {
  width: 100%;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget .value-title a {
  color: #0b2d9a;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget .value-title a:hover {
  color: #0d43e3;
}
.product-list .product-list-wrapper .section-container#footer .top-attr-values-holder .attr-info .attr-info-widget .value-title:not(:last-of-type)::after {
  content: ", ";
}

/* ----------------------------------------------------

  PRODUCTS FILTERS

----------------------------------------------------- */
.filter-wrapper {
  width: 250px;
  box-sizing: border-box;
  float: left;
  padding: 0;
}
.filter-wrapper .close-btn {
  display: none;
}

.sibling-category-list {
  border-bottom: 3px solid #cccccc;
}

.large-mobile-and-down .filter-wrapper {
  position: fixed;
  overflow-y: auto;
  height: 100%;
  width: 350px;
  max-width: 90%;
  transition: all 0.4s;
  background-color: white;
  left: -400px;
  top: 0;
  z-index: 110;
  padding: 15px;
  padding-top: 55px;
}

.large-mobile-and-down .filter-wrapper.open {
  left: 0;
}
.large-mobile-and-down .filter-wrapper.open .close-btn {
  display: block;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 120;
}
.large-mobile-and-down .filter-wrapper.open .close-btn:hover {
  cursor: pointer;
}
.large-mobile-and-down .filter-wrapper.open .close-btn img {
  width: 20px;
  height: 20px;
  padding-left: 25px;
}

.filters-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  height: 100%;
  transition: all 0.4s;
}
.filters-backdrop#side-filters {
  display: none;
}

.filter-wrapper .title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

.filter-wrapper .engine-select {
  box-sizing: border-box;
  width: 100%;
  background-color: #F6F6F6;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  padding: 24px 16px;
  margin-bottom: 30px;
}

.filter-wrapper .engine-select select {
  box-sizing: border-box;
  width: 100%;
}

.filter-wrapper .categories {
  margin-bottom: 60px;
}

.filter-wrapper .categories .category-back {
  position: relative;
}

.filter-wrapper .categories .category-back img {
  max-height: 20px;
  position: absolute;
  top: -4px;
}

.filter-wrapper .categories .category-back .back {
  display: block;
  padding-left: 32px;
}

.filters-form .sort-container select {
  border: 1px solid;
  width: 250px;
  height: 50px;
  margin-bottom: 30px;
  font-size: 16px;
}

.large-mobile-and-down .filter-wrapper .sort-container {
  display: none;
}

.filters-form select {
  margin-top: 16px;
  width: 150px;
  height: 35px;
}

.filters-form option .open {
  transform: translate(0%);
}

.filter-wrapper .category-back .category {
  font-weight: bold;
  display: block;
  padding: 8px 8px 16px 48px;
  font-size: 16px;
}

.filter-wrapper .category-list .category {
  display: block;
  padding: 8px 8px 8px 0;
  font-size: 18px;
}

.filter-wrapper .category-list .sub-category {
  display: block;
  padding: 8px 8px 8px 0;
}

.filters-form {
  width: 100%;
}

.filters-form .filter-item {
  user-select: none;
}

.filters-form .filter-item.open .arrow {
  transform: rotate(90deg);
}

.filters-form .arrow {
  max-height: 8px;
  max-width: 8px;
  transform: rotate(-90deg);
  float: right;
  position: relative;
  top: 3px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.filters-form .filter-head {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: all 0.5s;
}

.filters-form .filter-head:hover {
  color: #0d43e3;
}

.filters-form .filter-attributes {
  display: none;
}

.filter-item.open .filter-attributes {
  margin-bottom: 5px;
  display: block;
}

.filters-form .filter-attribute {
  padding-top: 10px;
  padding-bottom: 10px;
}

.filters-form .filter-attribute .input-container {
  transition: opacity 0.5s;
}

@keyframes pulse-opacity {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.7;
  }
}
.filters-form .filter-attribute .input-container.busy {
  animation: pulse-opacity 2s infinite ease-in-out;
  animation-delay: 1s;
}

.filters-form .filter-attribute:hover .input-container label .checkbox-text {
  color: #0d43e3;
}

.filters-form .filter-attributes .search {
  position: relative;
  margin-bottom: 10px;
}

.filters-form .filter-attributes .search-input {
  height: 40px;
  border-color: #ccc;
  padding-right: 40px;
  border-radius: 1px;
}

.filters-form .filter-attributes .search img {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 16px;
  height: 16px;
}

.filters-form .filter-attributes .more {
  cursor: pointer;
  padding: 10px 0;
  margin-left: 8px;
}
.filters-form .filter-attributes .more .less-text {
  display: none;
}
.filters-form .filter-attributes .more.less .more-text {
  display: none;
}
.filters-form .filter-attributes .more.less .less-text {
  display: inline;
}

.filters-form label {
  position: relative;
}

.filters-form input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.filters-form input[type=checkbox] + label::before {
  content: " ";
  display: inline-block;
  margin: 0 0.5em;
  margin-right: 16px;
  width: 1em;
  height: 1em;
  line-height: 1em;
  transition: all 0.1s;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.filters-form input[type=checkbox]:checked + label::before {
  content: " ";
  background: #FFF300;
  border: 1px solid white;
}

.filters-form .clear-filters-container {
  width: 100%;
  background: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 970px) {
  .filters-form .clear-filters-container {
    position: sticky;
    bottom: -16px;
  }
}

.filters-form .clear-filters-container .clear-filters {
  width: 100%;
  height: 40px;
  position: relative;
}

.clear-filters-container .clear-filters .spinner {
  margin: 0;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: opacity 0.5s;
}

.clear-filters-container .clear-filters.active .spinner {
  opacity: 1;
}

.sort-form {
  position: relative;
  text-align: right;
  margin-bottom: 6px;
}

.sort-form .price-sorting select,
.sort-form .invoice-sorting select {
  border: 1px solid;
  border-color: #E9E9E9;
  width: 180px;
  height: 30px;
  font-size: 14px;
}

.sort-form .price-sorting label,
.sort-form .invoice-sorting label {
  font-size: 14px;
}

.large-mobile-and-down .sort-form select {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  float: right;
}
.large-mobile-and-down .sort-form label {
  display: none;
}

.mobile .sort-form {
  width: 100%;
  height: 40px;
}
.mobile .sort-form select {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}
.mobile .sort-form label {
  display: none;
}

.search-query {
  padding: 16px 0;
  font-size: 2em;
  text-align: center;
  width: 100%;
}

.large-mobile-and-down .search-query {
  width: 100%;
  font-size: 1.5em;
  padding: 16px 0 16px;
}

/* ----------------------------------------------------

   PRODUCT PAGE

----------------------------------------------------- */
.related-products {
  padding: 0 16px;
}
.related-products .product-list-wrapper {
  float: none;
  max-width: none;
  width: 100%;
}

.product-page {
  padding-top: 8px;
  /* To be used for styling margins of containers that store info. */
}
.product-page .car-fit-alert {
  float: right;
  position: relative;
  background-color: #F6F6F6;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 28px;
  height: 80px;
}
.product-page .car-fit-alert .car-fit-img-container {
  height: 100%;
  box-sizing: border-box;
  width: 112px;
  padding: 16px;
  background-color: #FFF302;
  float: left;
  border-right: 1px solid #ccc;
  border-radius: 2px;
  text-align: center;
}
.product-page .car-fit-alert .car-fit-img-container img {
  max-width: 50px;
  position: relative;
  top: 7px;
}
.product-page .car-fit-alert .text {
  display: block;
  position: absolute;
  right: 0;
  padding: 16px;
  top: 50%;
  width: calc(100% - 144px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-page .product-page-info {
  margin-top: 1.2em;
  margin-bottom: 1.8em;
  max-width: 900px;
}

.product-page .main-block > * {
  width: 52%;
  box-sizing: border-box;
}

.mobile .product-page .main-block > * {
  width: 100%;
}

.mobile .product-page .main-block .name-container a {
  margin-bottom: 0;
}

.product-page .main-block .name-container {
  float: right;
}
.product-page .main-block .name-container a {
  margin-top: 5px;
  margin-bottom: 38px;
  color: #0b2d9a;
  display: block;
}
.product-page .main-block .name-container a:hover {
  color: #0d43e3;
}

.product-page > div {
  box-sizing: border-box;
}

.product-page .img-block {
  width: 48%;
  float: left;
  padding: 0 20px 20px 20px;
  position: relative;
}

.product-sections-wrapper .product-badges,
.product-page .img-block .product-badges {
  /* position: absolute; */
  /* top: 0px; */
  /* left: 0px; */
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: flex-start;
  pointer-events: none;
  z-index: 0;
  width: calc(100% - 10px);
  /* margin-left: 10px; */
  /* margin-top: 10px;*/
}
.product-sections-wrapper .product-badges.listing,
.product-page .img-block .product-badges.listing {
  row-gap: 5px;
}
.product-sections-wrapper .product-badges .badge,
.product-page .img-block .product-badges .badge {
  background: rgba(255, 243, 0, 0.8);
  color: black;
  border-radius: 5px;
  padding: 10px;
  max-width: 50%;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  line-height: normal;
  margin: 0;
  width: auto;
  cursor: default;
  pointer-events: auto;
  transition: opacity 0.5s;
}
.product-sections-wrapper .product-badges .badge.type-wobbler,
.product-page .img-block .product-badges .badge.type-wobbler {
  padding: 0px;
  background: transparent;
}
.product-sections-wrapper .product-badges .badge.type-wobbler svg,
.product-page .img-block .product-badges .badge.type-wobbler svg {
  width: 100px;
  height: 100px;
}
.product-sections-wrapper .product-badges .badge.type-wobbler-listing,
.product-page .img-block .product-badges .badge.type-wobbler-listing {
  padding: 0px;
  background: transparent;
}
.product-sections-wrapper .product-badges .badge.type-wobbler-listing svg,
.product-page .img-block .product-badges .badge.type-wobbler-listing svg {
  width: 80px;
  height: 80px;
}
.product-sections-wrapper .product-badges .badge.listing,
.product-page .img-block .product-badges .badge.listing {
  padding: 5px;
  max-width: 80%;
  pointer-events: none;
}
.product-sections-wrapper .product-badges .badge.green,
.product-page .img-block .product-badges .badge.green {
  background: rgba(0, 131, 59, 0.9);
  color: white;
}
.product-sections-wrapper .product-badges .badge.red,
.product-page .img-block .product-badges .badge.red {
  background: rgba(149, 0, 0, 0.9);
  color: white;
}
.product-sections-wrapper .product-badges .badge:hover,
.product-page .img-block .product-badges .badge:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 970px) {
  .product-sections-wrapper .product-badges .badge,
  .product-page .img-block .product-badges .badge {
    padding: 5px;
    max-width: 80%;
  }
}
@media only screen and (max-width: 400px) {
  .product-sections-wrapper .product-badges .badge,
  .product-page .img-block .product-badges .badge {
    font-size: 12px;
  }
}

.product-list li .image-container:hover ~ .product-labels .product-badges .badge {
  opacity: 0.4;
}

.product-page .img-container {
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
}
.product-page .img-container[href^="/static/img/product_fallback.svg"] {
  cursor: default;
}

.mobile .product-page .img-block {
  margin-bottom: 24px;
  padding-top: 20px;
}

.mobile .product-page .img-container img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.large-mobile-and-up .product-page .img-container {
  position: relative;
  height: 450px;
}

.product-page .img-container img {
  width: 100%;
  height: 100%;
}

.large-mobile-and-up .product-page .img-container img {
  max-height: 100%;
  max-width: 100%;
}

.large-mobile-and-up .product-page .img-container img {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-page .thumbnail-container {
  height: 90px;
  box-sizing: content-box;
  padding: 10px;
  white-space: nowrap;
  overflow-x: auto;
}

.product-page .thumbnail-container img {
  max-height: 80px;
  max-width: 80px;
  margin: 0 8px;
}

.product-page .product-title {
  display: block;
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 4px;
}

.mobile .product-page .product-title {
  line-height: 1.25;
}

.product-page .part-no {
  display: block;
  color: #999;
  margin-bottom: 25px;
  font-size: 14px;
}

.product-page .analogous-products {
  color: #0b2d9a;
  margin-bottom: 12px;
}

.mobile .product-page .part-no {
  margin-bottom: 8px;
}

.product-page .regular-price {
  display: none;
  float: right;
  margin-left: 5%;
  color: #999;
}

.product-page .user-price {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 8px;
  color: black;
}

.product-page .loyalty-price {
  color: #0d43e3;
  margin-right: 10px;
}

.mobile .product-page .regular-price {
  margin-bottom: 16px;
}

.product-page .cart-options,
.product-page .price-options {
  float: right;
  margin-bottom: 12px;
  display: flex;
}

.product-page .cart-options select, input[type=number] {
  float: left;
  border: 1px solid rgb(221, 221, 221);
  padding-left: 20px;
  margin-right: 16px;
  width: 110px;
  height: 65px;
  font-size: 18px;
}

.product-page .cart-options .open-product-form {
  width: 456px;
  max-width: 100%;
  border-radius: 6px;
}

.product-page .cart-options button.add-to-cart {
  width: 100%;
  height: auto;
  border-radius: 6px;
  max-width: 330px;
  font-size: 18px;
}
.product-list-wrapper .product-page .cart-options button.add-to-cart {
  background: white !important;
}
.product-page .cart-options button.add-to-cart.success {
  border-color: #02a44a;
  background: #02a44a;
}
.product-page .cart-options button.add-to-cart.failed {
  background: white;
  color: #E94748;
  border-color: #E94748;
}

.product-page .cart-options img.cart-icon {
  max-width: 22px;
  position: relative;
  right: 6px;
}

.product-page .car-fit {
  float: right;
  border: 2px solid #E94748;
  border-radius: 4px;
  padding: 12px 12px 12px 12px;
  margin: 12px 0;
}
.product-page .car-fit.nofit {
  border: 2px solid #E94748;
}
.product-page .car-fit.universal_warning, .product-page .car-fit.different_cars, .product-page .car-fit.select_vehicle, .product-page .car-fit.selection_incomplete, .product-page .car-fit.unknown_warning_contact_us, .product-page .car-fit.overlap_info, .product-page .car-fit.partial_fit {
  border: 2px solid #FEF12E;
}
.product-page .car-fit.fits, .product-page .car-fit.fits_cf, .product-page .car-fit.no_info {
  border: 2px solid #0b2d9a;
}
.product-page .car-fit span {
  display: inline-block;
  font-size: 21px;
  line-height: 24px;
}
.product-page .car-fit span a {
  font-size: 14px;
  line-height: 1.5;
  color: #0b2d9a;
  text-decoration: underline;
  padding-left: 4px;
}
.product-page .car-fit span a:hover {
  color: #0d43e3;
}
.product-page .car-fit span.car-body {
  display: block;
  font-size: 18px;
  line-height: 21px;
}
.product-page .car-fit span.car-body.invalid {
  color: #8A8A8A;
}
.product-page .car-fit img {
  height: 22px;
  position: relative;
  bottom: 4px;
  display: inline-block;
}
.product-page .car-fit .main {
  width: calc(100% - 42px);
}
.product-page .car-fit .car-name {
  padding-left: 0;
  width: 100%;
}
.product-page .car-fit .car-fit-choices {
  padding-left: 0;
}
.product-page .car-fit .btn.primary, .product-page .car-fit .hero-banner span a.primary, .hero-banner span .product-page .car-fit a.primary {
  margin-top: 8px;
  height: 65px;
  width: 100%;
  max-width: 444px;
  font-size: 18px;
  border-radius: 6px;
}

.product-page .main-block .location-stock {
  float: right;
}

.product-page .main-block .location-item {
  position: relative;
  padding-left: 0;
  width: calc(100% - 10px);
}

.product-page .main-block .more {
  display: block;
  position: relative;
  font-size: 14px;
  color: #000000;
  padding: 5px 0;
  width: calc(100% - 10px);
  text-decoration: underline;
}

.product-page .main-block .more:hover,
.product-page .main-block .more:active {
  color: #0d43e3;
}

.product-page .main-block .more img {
  transform: rotate(-90deg);
  max-width: 6px;
  position: relative;
  left: 6px;
  bottom: 1px;
}

.product-page .main-block .location-stock .more-delivery-options,
.product-page .main-block .location-stock .more-payment-options {
  font-weight: 600;
  margin: 3px 0;
  display: block;
  line-height: 2;
}

.product-page .store-select-link {
  color: #0d43e3;
  cursor: pointer;
}

.more-delivery-options .delivery-option {
  padding-top: 12px;
}

.mobile .product-page .tabs {
  padding: 40px 28px 20px 0;
}
.mobile .product-page .tabs a {
  float: none;
  margin-left: 0;
  padding: 10px 20px 10px 0;
}

.product-page .tabs {
  padding-top: 20px;
  margin-bottom: 20px;
  border-bottom: #D8D8D8 1px solid;
}

.product-page .tabs a {
  position: relative;
  bottom: -1px;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 10px 1px 0;
  padding: 6px 20px;
}

.product-page .tabs a.active {
  margin: 0 10px 0 0;
  border-bottom: #0C40E6 1px solid;
}

.mobile .product-page .description {
  margin-top: 12px;
}

.product-page .title, .related-products .title {
  display: block;
  font-size: 1.8em;
  margin-bottom: 1em;
  line-height: 1.25;
}

.product-page .subtitle {
  display: block;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  line-height: 1.25;
  font-weight: 700;
}

.mobile .product-page .description .description-title {
  line-height: 26px;
}

.product-page .description .table-striped {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.product-page .description .table-striped td {
  padding: 8px 10px 8px 10px;
  max-width: 500px;
}
.product-page .description .table-striped td .table-striped-row-container {
  display: block;
  width: 100%;
}
.product-page .description .table-striped a {
  margin-bottom: 12px;
  color: #0b2d9a;
}
.product-page .description .table-striped a:hover {
  color: #0d43e3;
}

.product-page .alternative-codes p {
  padding-bottom: 0.5rem;
  line-height: 1.5;
}
.product-page .alternative-codes .description-title {
  display: block;
  padding-bottom: 4px;
  margin-bottom: 0;
}
.product-page .alternative-codes .code-list .more {
  display: none;
}
.product-page .alternative-codes .code-list.open .more {
  display: initial;
}
.product-page .alternative-codes .show-more img,
.product-page .alternative-codes .show-less img {
  position: relative;
  left: 8px;
  width: 8px;
  height: 8px;
}
.product-page .alternative-codes .show-more img {
  transform: rotate(-90deg);
}
.product-page .alternative-codes .show-less img {
  transform: rotate(90deg);
}
.product-page .alternative-codes .subtitle {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.product-page .locations {
  margin-top: 16px;
  margin-bottom: 24px;
}

.product-page .locations-body > div {
  max-width: 900px;
  width: 100%;
}

.product-page .locations-body .head {
  background-color: #F6F6F6;
}

.product-page .locations-body .head > div {
  font-weight: normal;
}

.product-page .locations-body .product-quantity {
  position: relative;
}

.mobile .product-page .locations-body .location-item > div {
  height: auto;
}
.mobile .product-page .locations-body .location-item > div.col2 {
  padding-bottom: 4px;
}

.product-page .locations-body .location-item > div {
  line-height: 1.5em;
  box-sizing: border-box;
  float: left;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.product-page .locations-body .location-item.head > div {
  height: unset;
  margin-top: 1em;
  margin-bottom: 1em;
}

.product-page .locations-body .location-item {
  border-bottom: 1px solid #F6F6F6;
}

.product-page .locations-body .last-of-city {
  border-bottom: 1px solid #dddddd;
}

.mobile .product-page .locations-body .last-of-city .col3 {
  padding-bottom: 8px;
}

.product-page .locations-body .col1 {
  font-weight: bold;
  padding-left: 30px;
  width: 20%;
  min-height: 1px;
}

.mobile .product-page .locations-body .col1 {
  width: 45%;
}

.product-page .locations-body .col2 {
  width: 30%;
}
.product-page .locations-body .col2 a {
  color: #0d43e3;
}

.mobile .product-page .locations-body .col2 {
  width: 55%;
  float: right;
  padding-bottom: 0;
}

.product-page .locations-body .col3 {
  width: 20%;
}

.mobile .product-page .locations-body .col3 {
  width: 55%;
  float: right;
  height: 40px;
  padding: 0;
}

.product-page .locations-body .col4 {
  width: 30%;
}

.mobile .product-page .locations-body .head .col3 {
  display: none;
}

.mobile .product-page .locations-body .col4 {
  display: none;
}

.product-page .delivery-options-container ul,
.product-page .payment-options-container ul {
  display: none;
}
.product-page .delivery-options-container ul li,
.product-page .payment-options-container ul li {
  padding: 4px 0 4px 0;
}
.product-page .delivery-options-container ul li .icon-delivery,
.product-page .payment-options-container ul li .icon-delivery {
  position: relative;
  bottom: 2px;
  max-height: 24px;
  margin-right: 5px;
  max-width: 40px;
}
.product-page .delivery-options-container ul .unavailable,
.product-page .payment-options-container ul .unavailable {
  color: #8A8A8A;
}
.product-page .delivery-options-container.open ul,
.product-page .payment-options-container.open ul {
  display: block;
}
.product-page .delivery-options-container .tooltip-origin,
.product-page .payment-options-container .tooltip-origin {
  position: relative;
}

/* --------------------------------------------------------

    FOOTER

    ---------------------------------------------------- */
footer {
  padding-top: 20px;
  padding-bottom: 50px;
  border-top: solid 1px #D0D0D0;
  margin-top: 200px;
}

footer .container, footer .small-container, footer .CATEGORY_BANNER .car-widget-container, .CATEGORY_BANNER footer .car-widget-container, footer .CATEGORY_TITLE, footer .CATEGORY_LIST_MAIN, footer .CATEGORY_LIST {
  max-width: 1220px;
}

footer .container .links, footer .small-container .links, footer .CATEGORY_BANNER .car-widget-container .links, .CATEGORY_BANNER footer .car-widget-container .links, footer .CATEGORY_TITLE .links, footer .CATEGORY_LIST_MAIN .links, footer .CATEGORY_LIST .links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(240px, 1fr));
  justify-content: center;
}
.mobile footer .container .links .block ul, .mobile footer .small-container .links .block ul, .mobile footer .CATEGORY_BANNER .car-widget-container .links .block ul, .CATEGORY_BANNER .mobile footer .car-widget-container .links .block ul, .mobile footer .CATEGORY_TITLE .links .block ul, .mobile footer .CATEGORY_LIST_MAIN .links .block ul, .mobile footer .CATEGORY_LIST .links .block ul {
  margin-left: 20px;
}

.large-mobile-and-down footer {
  padding-top: 20px;
}

footer .block {
  box-sizing: border-box;
  width: 100%;
  min-width: 195px;
  padding: 0 15px 30px;
}

.footer-language-picker {
  margin: 10px auto;
}

.footer-language-picker .lang-select-btn {
  text-align: center;
  width: 100%;
}

.footer-language-picker .popup {
  left: calc(50% - 60px);
}

footer ul.lang-mobile,
.large-mobile-and-down footer ul.lang-mobile {
  display: block;
}

ul.lang-mobile input.img {
  height: 14px;
  margin-top: 1px;
  margin-right: 3px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.large-mobile-and-down .block.open ul {
  display: block;
  float: left;
  padding: 5px 20px 30px;
}

footer .block a {
  display: block;
  padding: 12px 0;
}

footer span.title {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}

footer .arrow {
  display: none;
  transition: all 0.3s;
}

.large-mobile-and-down footer .open .arrow {
  transform: rotate(-270deg);
}

footer li img {
  max-height: 14px;
  max-width: 14px;
  position: relative;
  bottom: 1px;
  padding-right: 10px;
}

footer .copyright {
  border-top: solid 1px #D0D0D0;
  padding-top: 40px;
}
footer .copyright img {
  max-height: 24px;
  float: left;
  padding: 0 12px;
}

footer .copyright .right {
  margin-top: 20px;
  margin-left: 12px;
}
footer .copyright .right a {
  margin-right: 20px;
}
footer .copyright .left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

footer .copyright .container, footer .copyright .small-container, footer .copyright .CATEGORY_BANNER .car-widget-container, .CATEGORY_BANNER footer .copyright .car-widget-container, footer .copyright .CATEGORY_TITLE, footer .copyright .CATEGORY_LIST_MAIN, footer .copyright .CATEGORY_LIST {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.tablet-and-down footer .copyright .left {
  width: 100%;
  max-height: 100px;
}

.large-mobile-and-down footer .copyright img {
  margin-top: 5px;
  margin-bottom: 5px;
}

.link-inactive:hover {
  color: #c3c5c5;
}

/* --------------------------------------------------------

    SECURE HEADER

    ---------------------------------------------------- */
.secure-header {
  padding: 30px 0;
  border-bottom: #000000 solid 1px;
  display: block;
}

/* --------------------------------------------------------

    CHECKOUT HEADER

    ---------------------------------------------------- */
.checkout-header {
  height: 70px;
  max-width: 1440px;
  margin: auto;
  padding: 20px 8px 0;
  border-bottom: 1px solid rgb(221, 221, 221);
  display: flex;
  width: calc(100% - 16px);
  column-gap: 20px;
}
.checkout-header .large-text {
  font-size: 1.2rem;
}
@media only screen and (max-width: 660px) {
  .checkout-header .large-text {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 660px) {
  .checkout-header #phone {
    display: none;
  }
}
.checkout-header #live-chat {
  margin-left: 20px;
}
.checkout-header .logo, .checkout-header .mobile-logo {
  padding-left: 10px;
  margin: 0;
  margin-right: auto;
}
.checkout-header .header-item {
  display: flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
}
.checkout-header .header-item .live-chat-icon {
  height: 25px;
}
.checkout-header .header-item .img-account {
  height: 33px;
}
.checkout-header .header-item:last-child {
  margin-right: 1rem;
}
.checkout-header .mobile-logo {
  width: auto;
}

.large-mobile-and-down .checkout-header {
  padding: 0;
  height: 60px;
  width: 100%;
}

.mobile .checkout-header .top-action.account.checkout .login-popdown-toggler .user-icon-empty {
  width: 28px;
}

/* --------------------------------------------------------

    LOGIN PAGE

    ---------------------------------------------------- */
.login-page {
  text-align: center;
  max-width: 340px;
  margin: auto;
  padding-top: 50px;
}

.login-page .main-title {
  line-height: 54px;
  font-size: 24px;
  font-weight: bold;
}

.login-page .main-title img {
  max-height: 50px;
  margin-right: 20px;
}

.login-page .errorlist li {
  padding: 8px 0;
  color: red;
}

.login-page .login-form, .social-login {
  padding-top: 25px;
  text-align: left;
}

.login-page .login-form input[type=text], .login-page .login-form input[type=password] {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  background: white;
  border: solid 1px #8A8A8A;
  border-radius: 4px;
  padding: 0 10px;
}

.login-page .login-form input#id_password {
  padding-right: 50px;
}

.login-page .login-form .input-row {
  margin: 0 0 28px;
}

.login-page .login-form .label {
  text-align: left;
  margin: 10px 2px;
}

.field-wrapper {
  position: relative;
}

.field-wrapper .password-toggle {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0px;
  cursor: pointer;
}

.field-wrapper .password-toggle .icon {
  width: 25px;
  height: 25px;
  background-image: url("../img/eye-slash.58fbdffad0b5.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: opacity 0.5s;
}

.field-wrapper .password-toggle.active .icon {
  background-image: url("../img/eye.c7f555748d2e.svg");
}

.field-wrapper .password-toggle .icon:hover {
  opacity: 1;
}

.login-page .social-login > div {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.login-page .social-login > div:first-child {
  padding-right: 15px;
}

.login-page .social-login > div:nth-child(2) {
  padding-left: 15px;
}

.login-page button {
  width: 100%;
}
.login-page .register span {
  display: block;
  margin: 16px 2px;
}
.login-page .register a {
  width: 100%;
  height: 50px;
}

.login-page .register span {
  display: block;
}

.login-page .register a {
  display: block;
  margin-top: 15px;
  width: 100%;
  height: 50px;
  line-height: 48px;
}

/* --------------------------------------------------------

    BASKET / CHECKOUT COMPONENTS

    ---------------------------------------------------- */
.basket-container {
  padding: 20px 16px 0;
  margin: 0 auto;
  max-width: 1440px;
  font-size: 1rem;
}
.basket-container .checkout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 1.125rem;
}
.basket-container .main-content-wrapper {
  display: flex;
  column-gap: 2rem;
}
@media only screen and (max-width: 970px) {
  .basket-container .main-content-wrapper {
    flex-direction: column;
  }
}
.basket-container .basket-content {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.basket-container .basket-content .basket-title {
  font-size: 1.875rem;
}
.basket-container .basket-content#content {
  flex: 3;
}
.basket-container .basket-content#summary {
  flex: 1.7;
}
.basket-container .basket-content .buttons-wrapper {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 970px) {
  .basket-container .basket-content .buttons-wrapper {
    display: flex;
  }
}
.basket-container .basket-content .buttons-wrapper #top {
  width: 3.125rem;
  margin-right: 0.5rem;
  border-color: rgb(221, 221, 221);
}
.basket-container .basket-content .buttons-wrapper #top img {
  width: 1rem;
  height: 1rem;
}
.basket-container .basket-content .product-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  row-gap: 1rem;
  margin-top: 1rem;
}
.basket-container .basket-content .product-list .empty-basket {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
}
@media only screen and (max-width: 970px) {
  .basket-container .basket-content .product-list {
    font-size: 0.7rem;
  }
}
.basket-container .basket-discount-container {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  border-radius: 5px;
  width: 22.5rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 970px) {
  .basket-container .basket-discount-container {
    width: 100%;
  }
}
.basket-container .basket-discount-container .header-container {
  position: relative;
  user-select: none;
  height: 30px;
}
.basket-container .basket-discount-container .header-container .percent {
  background: black;
  padding: 0.2rem;
  color: white;
  border-radius: 10px;
  margin-right: 0.2rem;
  width: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket-container .basket-discount-container .header-container span {
  cursor: pointer;
  font-size: 0.875rem;
  margin-right: auto;
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.basket-container .basket-discount-container .header-container img {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(-90deg);
  transition: all 0.5s;
  pointer-events: none;
  margin-left: 0.5rem;
}
.basket-container .basket-discount-container .header-container.is-open img {
  transform: rotate(90deg);
}
.basket-container .basket-discount-container .discount-container-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.basket-container .basket-discount-container .discount-container-content .discount-container-wrapper {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 660px) {
  .basket-container .basket-discount-container .discount-container-content .discount-container-wrapper {
    flex-direction: column;
  }
}
.basket-container .basket-discount-container .discount-container-content .discount-container-wrapper input, .basket-container .basket-discount-container .discount-container-content .discount-container-wrapper button {
  height: 2.5rem;
}
.basket-container .basket-discount-container .discount-container-content .discount-container-wrapper input {
  flex: 2;
  padding-left: 1rem;
  border-radius: 5px;
  border: 1px solid rgb(221, 221, 221);
  box-sizing: border-box;
  font-size: 0.875rem;
}
@media only screen and (max-width: 660px) {
  .basket-container .basket-discount-container .discount-container-content .discount-container-wrapper input {
    min-height: 40px;
  }
}
.basket-container .basket-discount-container .discount-container-content .discount-container-wrapper button {
  min-width: 140px;
  box-sizing: border-box;
}
.basket-container .basket-discount-container .discount-container-content .discount-container-wrapper button .spinner-container-small {
  scale: 0.8;
}
.basket-container .basket-discount-container .discount-container-content .discount-message-container {
  min-height: 3.125rem;
}
.basket-container .basket-discount-container .discount-container-content .discount-message-container .discount-messages {
  font-size: 0.875rem;
  padding: 0.5rem;
}
.basket-container .basket-discount-container .discount-container-content .discount-message-container .discount-messages.error {
  color: #E94748;
}
.basket-container .basket-discount-container .discount-container-content .discount-message-container .discount-messages.success {
  color: #02a44a;
}
.basket-container .basket-content .messages-container {
  grid-area: error;
}
.basket-container .basket-content .card-container {
  font-size: 0.875rem;
  padding: 0.5rem;
  line-height: 1.3rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.basket-container .basket-content .card-container.promotion {
  font-size: 1.1rem;
  display: flex;
  background-color: #FEF12E;
}
@media only screen and (max-width: 660px) {
  .basket-container .basket-content .card-container.promotion {
    font-size: 1rem;
  }
}
.basket-container .basket-content .card-container.promotion .messages {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 660px) {
  .basket-container .basket-content .card-container.promotion .messages {
    align-items: baseline;
    flex-direction: column;
  }
}
.basket-container .basket-content .card-container.promotion .car-indicator {
  width: 2em;
  height: 2em;
  margin-right: 0.6em;
}
.basket-container .basket-content .card-container.promotion .account-indicator {
  width: 1.3em;
  height: 1.3em;
}
.basket-container .basket-content .card-container.promotion .message:last-child {
  white-space: nowrap;
  font-size: 0.85em;
}
.basket-container .back-button {
  width: 200px;
  border-color: rgb(221, 221, 221);
  color: black;
  transition: opacity 0.5s, border-color 0.5s, background 0.5s;
}
@media only screen and (max-width: 970px) {
  .basket-container .back-button {
    width: 100%;
  }
}
.basket-container .back-button#bottom {
  margin-top: 1rem;
}
.basket-container .back-button#bottom img {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0.625rem;
}

.card-container {
  font-size: 0.875rem;
  padding: 0.5rem;
  line-height: 1.3rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.card-container.error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.card-container.warning {
  background-color: #fff4d6;
  border-color: #330906;
}
.card-container.success {
  background-color: #f9fff9;
  border-color: #43a047;
}
.card-container.promotion {
  font-size: 1.1rem;
  display: flex;
  background-color: #FEF12E;
}
@media only screen and (max-width: 660px) {
  .card-container.promotion {
    font-size: 1rem;
  }
}
.card-container.promotion .messages {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 660px) {
  .card-container.promotion .messages {
    align-items: baseline;
    flex-direction: column;
  }
}
.card-container.promotion .car-indicator {
  width: 2em;
  height: 2em;
  margin-right: 0.6em;
}
.card-container.promotion .account-indicator {
  width: 1.3em;
  height: 1.3em;
}
.card-container.promotion .message:last-child {
  white-space: nowrap;
  font-size: 0.85em;
}

.summary-container {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.summary-container .summary-wrapper {
  border: 1px solid rgb(221, 221, 221);
  background: #F6F6F6;
  border-radius: 5px;
}
.summary-container .summary-title {
  font-size: 1.125rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.summary-container .summary-content {
  font-size: 1rem;
}
.summary-container .summary-splitter {
  height: 1px;
  width: calc(100% - 3rem);
  background: rgb(221, 221, 221);
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.summary-container .summary-content {
  display: flex;
  row-gap: 0.675rem;
  flex-direction: column;
  padding: 1.5rem;
}
.summary-container .summary-content#secondary {
  padding-top: 0;
}
.summary-container .summary-content li {
  display: flex;
  font-size: 0.875rem;
}
.summary-container .summary-content li#total {
  font-weight: 700;
  padding-top: 0.875rem;
  font-size: 1rem;
}
.summary-container .row-value {
  margin-left: auto;
}
.summary-container .basket-summary-row {
  width: 100%;
  text-align: right;
}

.BasketLine {
  display: grid;
  align-items: center;
  grid-template-areas: "image information footer" "error error error";
  grid-template-columns: 3fr 10fr 1fr;
  column-gap: 1rem;
  font-size: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 970px) {
  .BasketLine {
    grid-template-columns: 2fr 10fr 1fr;
  }
}
@media only screen and (max-width: 660px) {
  .BasketLine {
    display: grid;
    grid-template-areas: "image information" "error error" "footer footer";
    grid-template-columns: 1fr 5fr;
    font-size: 0.875rem;
    column-gap: 0.5rem;
  }
  .BasketLine .basket-line-title {
    width: 100%;
    height: 100%;
  }
  .BasketLine .basket-line-title img {
    width: 100%;
    height: 100%;
  }
  .BasketLine .product-title-attributes {
    grid-area: information;
  }
  .BasketLine .product-information {
    grid-area: footer;
    display: flex;
    justify-content: center;
  }
}
.BasketLine#secondary {
  flex-direction: column;
}
.BasketLine .product-title-attributes {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.BasketLine .basket-line-attributes .basket-line-attribute {
  background: #F6F6F6;
  font-size: 0.75rem;
  padding: 0.625rem;
  display: inline-flex;
  line-height: 1rem;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}
.BasketLine .basket-line-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.BasketLine .product-image {
  width: 100%;
  height: 8.75rem;
  object-fit: contain;
}
@media only screen and (max-width: 970px) {
  .BasketLine .product-image {
    height: 6.125rem;
    min-width: 5rem;
  }
}
.BasketLine .product-title {
  font-size: 1rem;
}
@media only screen and (max-width: 660px) {
  .BasketLine .product-title {
    font-size: 0.875rem;
  }
}
.BasketLine .product-information {
  margin-left: auto;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.35rem;
  flex-direction: row-reverse;
}
.BasketLine .product-information .basket-spinner-container {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  transition: opacity 0.5s;
  justify-content: center;
}
.BasketLine .product-information div.is-busy {
  opacity: 0.2;
  pointer-events: none;
}
.BasketLine .product-information .top-row {
  display: flex;
}
.BasketLine .product-information .quantity-change-container {
  width: 4.375rem;
  position: relative;
}
.BasketLine .product-information .quantity-change-container input {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  text-align-last: center;
}
.BasketLine .product-information .quantity-change-container select {
  text-align-last: center;
}
.BasketLine .product-information .quantity-change-container input[type=number]::-webkit-outer-spin-button,
.BasketLine .product-information .quantity-change-container input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.BasketLine .product-information .quantity-change-container .quantity-dropdown {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  height: 50px;
}
@media only screen and (max-width: 660px) {
  .BasketLine .product-information .quantity-change-container .quantity-dropdown {
    height: 30px;
  }
}
.BasketLine .product-information .quantity-change-container .quantity-dropdown:focus-visible {
  border-color: rgba(0, 0, 0, 0.4);
}
.BasketLine .product-information .pricing {
  display: flex;
  flex-direction: column;
  transition: opacity 0.5s;
  font-size: 1rem;
  min-width: 6rem;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 970px) {
  .BasketLine .product-information .pricing {
    font-size: 0.85rem;
  }
}
.BasketLine .product-information .pricing span {
  white-space: nowrap;
  width: 100%;
  text-align: right;
  font-size: 1rem;
}
.BasketLine .product-information .pricing #unit {
  font-size: 0.875em;
  margin-bottom: 0.35rem;
  height: 0.875rem;
}
.BasketLine .product-information .pricing #total {
  font-size: 1.2em;
  font-weight: 700;
}
.BasketLine .product-information .product-management .management-button {
  border: none;
  background: transparent;
  width: 2.5rem;
  height: 2.5rem;
}
@media only screen and (max-width: 970px) {
  .BasketLine .product-information .product-management .management-button {
    width: 2.1rem;
    height: 2.1rem;
  }
}
.BasketLine .product-information .product-management .management-button:focus-visible img {
  opacity: 0.7;
}
.BasketLine .product-information .product-management .management-button img {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.5s;
}
.BasketLine .product-information .product-management .management-button img:hover {
  opacity: 1;
}
.checkout-page .BasketLine, .cart-popup .BasketLine {
  padding: 1rem;
  padding-bottom: 0;
  padding-top: 0;
  grid-template-areas: "image information" "error error" "footer footer";
  grid-template-columns: 1fr 5fr;
}
.checkout-page .BasketLine .pricing, .cart-popup .BasketLine .pricing {
  flex-direction: row;
}
.checkout-page .BasketLine .pricing span,
.checkout-page .BasketLine .pricing #total, .cart-popup .BasketLine .pricing span,
.cart-popup .BasketLine .pricing #total {
  font-size: 0.875rem;
  font-weight: 400;
}
.checkout-page .BasketLine .basket-line-image img, .cart-popup .BasketLine .basket-line-image img {
  height: 5rem;
}
.checkout-page .BasketLine .product-title, .cart-popup .BasketLine .product-title {
  text-align: left;
}
.cart-popup .BasketLine {
  padding: 0;
  padding-right: 1rem;
  margin-bottom: 0;
  /* Fix for the logoline item wrapper, weirdly it just cannot be set to 0 */
}
.cart-popup .BasketLine .basket-line-title {
  text-align: left;
}
.cart-popup .BasketLine .product-title {
  font-size: 0.875rem;
}
.cart-popup .BasketLine:last-of-type {
  margin-bottom: 2px;
}

.checkout-page {
  font-size: 0.875rem;
}
.checkout-page .basket-content .messages-container {
  grid-area: auto;
}

.fieldWrapper {
  display: grid;
  gap: 0.5rem;
  align-items: center;
  grid-template-areas: "label input" "label error";
  grid-template-columns: 2fr 5fr;
}
.fieldWrapper.sdd-select {
  display: block;
}
.fieldWrapper .errorlist,
.fieldWrapper .warninglist {
  grid-area: error;
  padding: 0;
}
.fieldWrapper .input-wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 970px) {
  .fieldWrapper label {
    width: 100% !important;
  }
}
.fieldWrapper textarea {
  max-height: 300px;
}
.fieldWrapper.textarea-field, .fieldWrapper.radiogroup-main {
  align-items: flex-start;
  flex-wrap: nowrap;
}
.fieldWrapper.checkbox-field label input {
  margin-right: 0.5rem;
}
.fieldWrapper .errorlist {
  width: 100%;
}
.fieldWrapper .errorlist .error {
  color: #ff0000;
}
.fieldWrapper .errorlist .warning {
  color: #ff8000;
}
.fieldWrapper .errorlist li {
  line-height: 1.3rem;
}
.fieldWrapper .required label::after, .fieldWrapper.required label::after {
  content: " *";
  position: relative;
  color: #ff0000;
}
.fieldWrapper select,
.fieldWrapper input,
.fieldWrapper textarea {
  display: inline;
  float: none;
  border: 0.0625rem solid #008000;
  background-color: #f9fff9;
}
.fieldWrapper select[disabled], .fieldWrapper select[disabled].is-default,
.fieldWrapper input[disabled], .fieldWrapper input[disabled].is-default,
.fieldWrapper textarea[disabled], .fieldWrapper textarea[disabled].is-default {
  border: 0.0625rem solid #8A8A8A;
  background-color: #dddddd;
  color: #000000;
  opacity: 1;
}
.fieldWrapper input:not([type=checkbox]):not([type=radio]),
.fieldWrapper select,
.fieldWrapper textarea {
  height: 50px;
  box-sizing: border-box;
  padding: 10px 50px 10px 20px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  text-overflow: ellipsis;
}
.fieldWrapper input:focus,
.fieldWrapper select:focus,
.fieldWrapper textarea:focus {
  outline: max(2px, 0.15em) solid #cccccc;
}
.fieldWrapper input[type=checkbox] {
  box-shadow: none;
  vertical-align: middle;
}
.fieldWrapper input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid #cccccc;
}
.fieldWrapper input[type=radio] {
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  padding: 0;
  margin: 0;
  min-height: 0;
  border-radius: 50%;
  box-shadow: none;
  -webkit-box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  display: grid;
  place-content: center;
  transform: translateY(-1px);
}
.fieldWrapper input[type=radio]::before {
  content: "";
  height: 11px;
  width: 11px;
  border-radius: 50%;
  transition: 250ms opacity ease-in-out;
  opacity: 0;
  place-content: center;
  background-color: #008000;
}
.fieldWrapper input[type=radio]:focus {
  border: 0.0625rem solid #888888;
  outline: max(2px, 0.15em) solid #cccccc;
}
.fieldWrapper input[type=radio]:checked::before {
  opacity: 1;
}
.fieldWrapper input[type=radio]:checked + label {
  font-weight: 700;
}
.fieldWrapper input.is-invalid,
.fieldWrapper select.is-invalid,
.fieldWrapper textarea.is-invalid {
  border: 0.0625rem solid #ff0000;
  background-color: #fff8f8;
}
.fieldWrapper input[type=radio].is-invalid::before {
  background-color: #ff0000;
}
.fieldWrapper input.in-progress,
.fieldWrapper select.in-progress,
.fieldWrapper textarea.in-progress {
  border: 0.0625rem solid #fffb00;
  background-color: #feffea;
}
.fieldWrapper input[type=radio].in-progress::before {
  background-color: #fffb00;
}
.fieldWrapper input.is-default,
.fieldWrapper select.is-default,
.fieldWrapper textarea.is-default {
  border: 0.0625rem solid #8A8A8A;
  background-color: #FFFFFF;
}
.fieldWrapper input[type=radio].is-default::before {
  border: 0.0625rem solid #8A8A8A;
}
.fieldWrapper input.has-warning,
.fieldWrapper select.has-warning,
.fieldWrapper textarea.has-warning {
  border: 0.0625rem solid #ff8000;
  background-color: #fffbf8;
}
.fieldWrapper input[type=radio][disabled] {
  border: 0.0625rem solid #8A8A8A;
  background-color: #dddddd;
}
.fieldWrapper label {
  box-sizing: border-box;
  line-height: 21px;
  display: inline-block;
  float: none;
  height: unset;
  margin-bottom: 0;
}
.fieldWrapper label.special-label {
  vertical-align: top;
  line-height: 50px;
}
.fieldWrapper.radiogroup-main .radiogroup-label-holder {
  height: unset;
  display: inline-flex;
}
.fieldWrapper.radiogroup-main .radiogroup-label-holder label {
  width: 100%;
  line-height: 35px;
}
.fieldWrapper.radiogroup-main .radiogroup {
  min-height: 50px;
  width: 100%;
}
.fieldWrapper.radiogroup-main .radiogroup div {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 35px;
  max-width: 100%;
  min-width: 300px;
}
.fieldWrapper.radiogroup-main .radiogroup div label {
  width: calc(100% - 18px);
  padding: 0 0 0 10px;
  margin: unset;
}
.fieldWrapper.radiogroup-main .radiogroup img:not(.icon-info) {
  height: 2rem;
  padding-left: 10px;
  padding: 0.375rem;
}
.fieldWrapper.radiogroup-main .radiogroup .LPE-logo .radio-img {
  background: #FFDD00;
  border-radius: 5px;
  transform: skewX(-10deg);
}
.fieldWrapper.checkbox-wrapper {
  display: flex;
}
.fieldWrapper.checkbox-wrapper label {
  width: calc(100% - 30px);
  float: right;
  margin-bottom: 0;
  line-height: 21px;
}
.fieldWrapper .special-input {
  width: 100%;
  position: relative;
}
.fieldWrapper .sort-by-distance {
  width: 100%;
  margin-top: 0.5rem;
  height: 2rem;
}
.fieldWrapper .sort-by-distance .spinner-container-small .spinner {
  scale: 0.7;
}
.fieldWrapper#shipping_store, .fieldWrapper#parcel_machine {
  align-items: flex-start;
}
@media only screen and (max-width: 970px) {
  .fieldWrapper {
    flex-direction: column;
    display: flex;
  }
}

.form-section {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}
.form-section#contacts .basket-title {
  display: flex;
}
.form-section#contacts .login-container {
  margin-left: auto;
  font-size: 0.875rem;
}
@media only screen and (max-width: 1150px) {
  .form-section#contacts .login-container .already-account {
    display: none;
  }
}
.form-section#contacts .login-container .login-with-profile img {
  width: 1rem;
  height: 1rem;
}
.form-section#final-check {
  flex-direction: row;
  border: none;
}
.form-section#final-check .fieldWrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1150px) {
  .form-section#final-check {
    flex-direction: column;
  }
  .form-section#final-check div, .form-section#final-check button {
    width: 100% !important;
  }
}
.form-section#final-check label {
  width: 100%;
}
.form-section#final-check #submit-order-button {
  margin-left: auto;
  width: 14rem;
  font-size: 1.1rem;
}

.sdd-select input {
  position: relative;
  z-index: 3;
}
.sdd-select input::placeholder {
  color: black;
  opacity: 1;
}
.sdd-select .is_selected {
  background-color: #7eaaec !important;
  font-weight: 700;
}
.sdd-select:focus {
  outline: 0.0625rem solid #FAFAFA;
}
.sdd-select .top-action-arrow {
  cursor: pointer;
  display: inline-block;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  transform: rotate(-90deg);
  transition: transform 0.3s;
  padding: 6px;
  z-index: 125;
  /* have arrow as background image to avoid dragging img into search input */
  background-image: url("/static/img/arrow.81966de6447e.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: 6px 6px;
}
.sdd-select .top-action-arrow.open {
  transform: rotate(90deg);
}
.sdd-select ul {
  display: flex;
  flex-direction: column;
  max-height: 410px;
  overscroll-behavior: contain;
  overflow: auto;
  position: absolute;
  background: white;
  width: 100%;
  z-index: 9;
  border: 1px solid rgb(221, 221, 221);
  border-top: 0;
  box-sizing: border-box;
  padding: 0.5rem;
  border-radius: 0px 0px 5px 5px;
  z-index: 2;
}
.sdd-select button {
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  line-height: 1.3rem;
  font-size: 0.875rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.sdd-select button:nth-child(odd) {
  background: #F6F6F6;
}
.sdd-select button:focus-visible {
  background: #0d43e3;
  color: white;
  outline: none;
}
.sdd-select button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.sdd-select .backsplash {
  z-index: 1;
}

/* --------------------------------------------------------

    CHECKOUT PAGE

---------------------------------------------------- */
.btn.edit, .hero-banner span a.edit {
  border: none;
  background-color: transparent;
  text-decoration: underline;
  color: #0d43e3;
  font-size: 14px;
  line-height: 21px;
  height: 21px;
}

.fieldWrapper select:disabled {
  border: 1px solid #c3c5c5;
  font-size: 14px;
  color: #c3c5c5;
}

.form-heading {
  text-align: left;
  font-size: 30px;
  padding-bottom: 25px;
  font-weight: bold;
  display: inline-block;
}

.tablet-and-up .form-heading {
  padding-bottom: 45px;
}

.fieldWrapper textarea,
.address-container .fieldWrapper textarea {
  font-family: Arial, Helvetica, sans-serif;
}

.fieldWrapper input[type=checkbox] {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: solid 1px #8A8A8A;
  border-radius: 4px;
  background: none;
}

.fieldWrapper select {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 10px;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.api-form-container .top-padding {
  padding-top: 5px;
}
.api-form-container .bottom-border {
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.tablet-and-up .api-form-container .top-padding {
  padding-top: 20px;
}
.tablet-and-up .api-form-container .bottom-border {
  padding-bottom: 40px;
}

/* --------------------------------------------------------

API FORM STYLE (CHECKOUT, ADDRESS, ETC.)

---------------------------------------------------- */
.api-form-container .error-container .error {
  margin-top: 8px;
  padding: 8px;
}
.api-form-container .error-container ul.errorlist {
  padding-bottom: 0;
}
.api-form-container .error-container ul.errorlist li {
  margin-top: 8px;
}
.api-form-container p.required::after {
  content: " *";
  position: relative;
  top: 2px;
  color: red;
}

/* --------------------------------------------------------

MAPS INFOWINDOW

---------------------------------------------------- */
.infowindow-container {
  padding: 16px;
}
.infowindow-container a, .infowindow-container span, .infowindow-container strong {
  display: block;
  line-height: 24px;
  font-size: 14px;
}
.infowindow-container a {
  padding-left: 30px;
  padding-top: 8px;
}
.infowindow-container strong {
  font-size: 16px;
}
.infowindow-container .work-hours-legend {
  float: left;
  width: 60px;
}
.infowindow-container .work-hours {
  float: left;
  width: calc(100% - 60px);
}
.infowindow-container .icon {
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
}
.infowindow-container .directions-ico {
  background-image: url("../img/directions.dd24ec397196.svg");
  bottom: 30px;
}
.infowindow-container .phone-ico {
  background-image: url("../img/phone.5f3b84b78561.svg");
  bottom: 97px;
}
.infowindow-container .delivery-ico {
  background-image: url("../img/store.b51fc5cd0a77.svg");
  bottom: 65px;
}

/* --------------------------------------------------------

    SUCCESS PAGE

    ---------------------------------------------------- */
.success-container {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  max-width: 400px;
  margin: 50px auto 50px;
}
.success-container h1 {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}

.success-container .success-title {
  padding-bottom: 20px;
}

.success-container .success-title img {
  margin-right: 6px;
  margin-top: -8px;
}

.success-container p,
.success-container a,
.success-container li {
  font-size: 1rem;
  line-height: 1.3rem;
}

.success-container p {
  padding-bottom: 10px;
}

.success-container .success-buttons {
  padding: 20px 0 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.success-container .btn, .success-container .hero-banner span a, .hero-banner span .success-container a {
  display: inline-block;
  height: 50px;
  width: 180px;
  line-height: 50px;
}

.success-container .tablet-and-up .btn, .success-container .tablet-and-up .hero-banner span a, .hero-banner span .success-container .tablet-and-up a {
  width: 250px;
}

.success-container .btn.white, .success-container .hero-banner span a.white, .hero-banner span .success-container a.white {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  margin-top: 16px;
  width: 100%;
}

.success-container .empty-btn {
  padding: 17px 10px 17px 0;
  margin-top: 16px;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  width: 100%;
  text-align: center;
}

.success-container .btn.blue, .success-container .hero-banner span a.blue, .hero-banner span .success-container a.blue {
  display: inline-block;
  background-color: #0d43e3;
  border: 1px solid #0d43e3;
  color: white;
  margin: 30px 0;
}

.success-container li {
  padding-top: 10px;
}

.success-container li span {
  margin: 0 10px 0 7px;
  color: #8A8A8A;
}

.success-container .success-msg {
  position: relative;
}

.success-container .success-msg img {
  position: absolute;
}

.success-container .success-msg p {
  padding-left: 30px;
}

/* --------------------------------------------------------

USER PROFILE PAGE UNIVERSAL STYLE

---------------------------------------------------- */
.user-menu .heading-container {
  font-size: 26px;
  padding: 20px 0;
}

.tablet-and-up .user-menu {
  padding-top: 20px;
  padding-right: 30px;
}
.tablet-and-up .user-menu .user-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgb(221, 221, 221);
  margin-bottom: 20px;
}
.tablet-and-up .user-menu .logo-icon {
  display: inline-block;
  border: 2px solid black;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 33px;
}
.tablet-and-up .user-menu .logo-icon img {
  width: 25px;
}
.tablet-and-up .user-menu .heading-container {
  padding-top: 10px;
  margin-bottom: 0px;
  font-size: 18px;
  padding-right: 10px;
}
.tablet-and-up .user-menu .heading-container.user-name {
  display: flex;
  flex-direction: column;
}
.tablet-and-up .user-menu .heading-container.user-name .company-name {
  font-size: 14px;
  color: gray;
  text-align: center;
}
.tablet-and-up .user-menu .dashboard-link, .tablet-and-up .user-menu .order-link {
  margin-bottom: 15px;
}
.tablet-and-up .user-menu .delivery-link {
  margin-bottom: 50px;
}
.tablet-and-up .user-menu .dash-menu-item {
  height: 20px;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: black;
  transition: all 0.5s;
  outline: none;
  width: 100%;
}
.tablet-and-up .user-menu .dash-menu-item a {
  width: 100%;
  color: inherit;
  outline: none;
}
.tablet-and-up .user-menu .dash-menu-item:hover {
  color: #0C40E6;
}
.tablet-and-up .user-menu .dash-menu-item.active img {
  filter: brightness(0) invert(1);
}
.tablet-and-up .user-menu .dash-menu-item.logout-link {
  margin-top: 20px;
}
.tablet-and-up .user-menu .dashboard-link img, .tablet-and-up .user-menu .order-link img, .tablet-and-up .user-menu .invoice-link img, .tablet-and-up .user-menu .delivery-link img, .tablet-and-up .user-menu .logout-link img {
  height: 20px;
  width: 20px;
  margin-right: 15px;
  padding-left: 20px;
  transition: filter 0.5s;
}

.dash-menu-item.active {
  background: rgb(13, 67, 227);
  color: white !important;
  display: none;
}

.menu-wrapper .menu-arrow {
  position: absolute;
  right: 0px;
  width: 14px;
  height: 14px;
  right: 14px;
  top: 14px;
  pointer-events: none;
}

.large-mobile-and-down .profile-page-container {
  flex-direction: column;
}

.user-menu .menu-wrapper .menu-arrow {
  display: none;
}

.user-menu .menu-wrapper .selected-item-title {
  height: 50px;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  width: 100%;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.user-menu .menu-wrapper .selected-item-title {
  display: none;
}

.large-mobile-and-down .user-menu {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  transition: all 0.4s;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.large-mobile-and-down .user-menu .menu-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  height: 40px;
  overflow: hidden;
  border: 1px solid #0d43e3;
  border-radius: 5px;
  background: #0d43e3;
  color: white;
  transition: all 0.5s;
}
.large-mobile-and-down .user-menu .menu-wrapper .selected-item-title {
  display: block;
}
.large-mobile-and-down .user-menu .menu-wrapper .menu-arrow {
  display: block;
  transition: transform 0.5s;
  transform: rotate(-90deg);
  filter: brightness(0) invert(1);
}
.large-mobile-and-down .user-menu .menu-wrapper.active {
  height: 280px;
}
.large-mobile-and-down .user-menu .menu-wrapper.active .menu-arrow {
  transform: rotate(90deg);
}
.large-mobile-and-down .user-menu .logo-icon {
  width: 30px;
  height: 30px;
}
.large-mobile-and-down .user-menu .logo-icon img {
  width: 22px;
  height: 22px;
  margin-top: -8px;
}
.large-mobile-and-down .user-menu .user-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.large-mobile-and-down .user-menu .heading-container {
  padding: 0;
  margin: 0;
  font-size: 16px;
  margin-left: 10px;
}
.large-mobile-and-down .user-menu .user-menu .delivery-link {
  margin-bottom: 0 !important;
}

.large-mobile-and-down .user-menu.open .close-btn {
  display: block;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 120;
}
.large-mobile-and-down .user-menu.open .close-btn:hover {
  cursor: pointer;
}
.large-mobile-and-down .user-menu.open .close-btn img {
  width: 20px;
  height: 20px;
  padding-left: 25px;
}

.user-menu .logo-icon {
  display: inline-block;
  border: 2px solid black;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 33px;
}
.user-menu .logo-icon img {
  width: 25px;
}
.user-menu .heading-container {
  padding-top: 10px;
  margin-bottom: 20px;
}
.user-menu .dashboard-link, .user-menu .order-link, .user-menu .invoice-link, .user-menu .delivery-link, .user-menu .logout-link {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
}
.large-mobile-and-down .user-menu .dashboard-link, .large-mobile-and-down .user-menu .order-link, .large-mobile-and-down .user-menu .invoice-link, .large-mobile-and-down .user-menu .delivery-link, .large-mobile-and-down .user-menu .logout-link {
  background: white;
}
.user-menu .delivery-link {
  margin-bottom: 50px;
}
.large-mobile-and-down .user-menu .delivery-link {
  margin-bottom: 0;
}
.user-menu .dashboard-link img, .user-menu .order-link img, .user-menu .invoice-link img, .user-menu .delivery-link img, .user-menu .logout-link img {
  height: 20px;
  width: 20px;
  margin-right: 15px;
}

.user-page-heading-container {
  height: 42px;
  padding: 20px 0;
  padding-top: 0px;
}
.user-page-heading-container .title {
  float: left;
  padding-top: 16px;
  font-size: 26px;
}

.large-mobile-and-down .user-page-heading-container#main-title {
  display: none;
}

.user-page-inner-container {
  width: 100%;
}

/* --------------------------------------------------------

USER ORDERS_LIST PAGE

---------------------------------------------------- */
.profile-orders-list-view .order-overview-container {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  margin-bottom: 25px;
}
.profile-orders-list-view .order-overview-container.closed .show-order-arrow {
  transform: rotate(-90deg) !important;
}
.profile-orders-list-view .order-overview-container.closed .order-items-container {
  display: none;
}
.profile-orders-list-view .order-overview-container .order-overview-header {
  background-color: rgb(246, 246, 246);
  padding: 15px 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.profile-orders-list-view .order-overview-container .order-overview-header:hover {
  background: rgb(13, 67, 227);
  color: white;
}
.profile-orders-list-view .order-overview-container .order-overview-header:hover .show-order-arrow {
  filter: brightness(0) invert(1);
}
.profile-orders-list-view .order-overview-container .order-overview-header img {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
}
.profile-orders-list-view .order-overview-container .order-overview-header img.show-order-arrow {
  transform: rotate(90deg);
  transition: all 0.25s linear;
}
.profile-orders-list-view .order-overview-container .order-overview-header img.show-order-arrow.closed {
  transform: rotate(-90deg);
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-delivery, .profile-orders-list-view .order-overview-container .order-overview-header .header-date,
.profile-orders-list-view .order-overview-container .order-overview-header .header-sum, .profile-orders-list-view .order-overview-container .order-overview-header .header-tile, .profile-orders-list-view .order-overview-container .order-overview-header .header-right {
  width: calc((100% - 36px) / 4);
  margin-left: 3px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-delivery {
  width: 40%;
  margin-right: 15px;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-date {
  display: none;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-sum {
  width: 18%;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-right {
  width: 25%;
  text-align: right;
  float: right;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-right span {
  display: block;
}
.profile-orders-list-view .order-overview-container .order-overview-header .header-tile div, .profile-orders-list-view .order-overview-container .order-overview-header .header-right div,
.profile-orders-list-view .order-overview-container .order-overview-header .header-delivery div, .profile-orders-list-view .order-overview-container .order-overview-header .header-date div,
.profile-orders-list-view .order-overview-container .order-overview-header .header-sum div {
  margin-bottom: 10px;
}
.profile-orders-list-view .order-overview-container .order-overview-header span {
  font-weight: bold;
}
.profile-orders-list-view .order-overview-container .order-items-container {
  padding: 0 15px;
  margin-bottom: 12px;
}
.profile-orders-list-view .order-overview-container .order-overview-toggle.closed {
  display: none;
}
.profile-orders-list-view .order-overview-container .order-items-left-container {
  width: 100%;
  padding-top: 10px;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view {
  margin-bottom: 16px;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-img-container {
  margin-top: 6px;
  float: left;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-img-container img {
  max-width: 100%;
  max-height: 100%;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info {
  width: calc(100% - 80px);
  float: right;
  padding: 10px 10px 0 20px;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p, .profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info a {
  float: left;
  margin-bottom: 10px;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p span, .profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info a span {
  font-weight: bold;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p {
  box-sizing: border-box;
  width: 100%;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .not-paid-msg {
  color: red;
  margin-left: 70px;
  margin-bottom: 10px;
}
.profile-orders-list-view .order-overview-container .order-items-left-container .btn.primary, .profile-orders-list-view .order-overview-container .order-items-left-container .hero-banner span a.primary, .hero-banner span .profile-orders-list-view .order-overview-container .order-items-left-container a.primary {
  float: left;
  margin-bottom: 10px;
  margin-left: 70px;
  padding: 10px 20px;
  height: auto;
  min-width: 120px;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader {
  box-sizing: content-box;
  display: inline-flex;
  width: calc(100% - 20px);
  padding: 10px;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader ul.errorlist {
  padding-bottom: 0;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader li.error {
  display: block;
  border-radius: 4px;
  padding: 10px 15px;
  margin-left: 10px;
  border: 1px solid red;
  background-color: #fff8f8;
  color: red;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader li.success {
  display: block;
  border-radius: 4px;
  padding: 10px 15px;
  margin-left: 10px;
  border: 1px solid #43a047;
  background-color: #f9fff9;
  color: #43a047;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader .btn.secondary#status, .profile-orders-list-view .order-overview-container .order-overview-subheader .hero-banner span a.secondary#status, .hero-banner span .profile-orders-list-view .order-overview-container .order-overview-subheader a.secondary#status {
  height: 34px;
}
.profile-orders-list-view .order-overview-container .order-overview-subheader .btn.secondary#view-order, .profile-orders-list-view .order-overview-container .order-overview-subheader .hero-banner span a.secondary#view-order, .hero-banner span .profile-orders-list-view .order-overview-container .order-overview-subheader a.secondary#view-order {
  height: 34px;
}

.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-right, .tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-tile,
.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-delivery, .tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-date,
.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-sum {
  width: calc((100% - 40px) / 4);
  font-size: 14px;
}
.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-date {
  display: block;
}
.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-right {
  margin-left: auto;
}
.tablet-and-up .profile-orders-list-view .order-overview-container .order-overview-header .header-sum {
  width: 13%;
  margin-left: 16%;
}
.tablet-and-up .profile-orders-list-view .order-overview-container .order-items-left-container {
  float: left;
  width: 65%;
}
.tablet-and-up .profile-orders-list-view .order-overview-container .order-items-right-container {
  box-sizing: content-box;
  width: 30%;
  float: right;
}

/* --------------------------------------------------------

USER UNPAID_ORDERS_LIST PAGE

---------------------------------------------------- */
.profile-unpaid-orders-list-view .radiogroup-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup-label-holder {
  width: auto;
  padding-right: 15px;
  float: none;
  display: inline-flex;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup-label-holder label {
  width: 100%;
  line-height: 25px;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup {
  width: 69%;
  min-height: 28px;
  display: flex;
  flex-direction: row;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 250px;
  min-height: 28px;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div label {
  width: calc(100% - 18px);
  padding: 0;
  margin: unset;
  display: inherit;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div input[type=radio] {
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  padding: 0;
  margin: 5px 8px 0 0;
  min-height: 0;
  border-radius: 50%;
  box-shadow: none;
  -webkit-box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  display: grid;
  place-content: center;
  transform: translateY(-1px);
  border: 0.0625rem solid #8A8A8A;
  background-color: #FFFFFF;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div input[type=radio]::before {
  content: "";
  height: 11px;
  width: 11px;
  border-radius: 50%;
  transition: 250ms opacity ease-in-out;
  opacity: 0;
  place-content: center;
  background-color: #0d43e3;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div input[type=radio]:focus {
  border: 0.0625rem solid #888888;
  outline: max(2px, 0.15em) solid #cccccc;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div input[type=radio]:checked::before {
  opacity: 1;
}
.profile-unpaid-orders-list-view .radiogroup-main .radiogroup div input[type=radio]:checked + label {
  font-weight: 700;
}
.profile-unpaid-orders-list-view .order-overview-container {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  margin-bottom: 25px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header {
  background-color: rgb(246, 246, 246);
  padding: 15px 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header img {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header img.show-order-arrow {
  transform: rotate(90deg);
  transition: all 0.25s linear;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header img.show-order-arrow.closed {
  transform: rotate(-90deg);
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-delivery, .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-date,
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum, .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-tile, .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right {
  width: calc((65% - 21px) / 3);
  margin-left: 3px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-delivery {
  width: 15%;
  margin-right: 15px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-date {
  display: none;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum {
  width: 15%;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum span {
  display: block;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right {
  width: 20%;
  text-align: right;
  float: right;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right span {
  display: block;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-tile div, .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right div,
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-delivery div, .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-date div,
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum div {
  margin-bottom: 10px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header span {
  font-weight: bold;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .date-overdue,
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .has-debt {
  color: red;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-header .contacts-link {
  color: #0d43e3;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-toggle.closed {
  display: none;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-container {
  padding: 0 15px;
  margin-bottom: 12px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-container.closed {
  display: none;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container {
  width: 100%;
  padding-top: 10px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view {
  margin-bottom: 16px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-img-container {
  margin-top: 6px;
  float: left;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-img-container img {
  max-width: 100%;
  max-height: 100%;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info {
  width: calc(100% - 80px);
  float: right;
  padding: 10px 10px 0 20px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p, .profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info a {
  float: left;
  margin-bottom: 10px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p span, .profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info a span {
  font-weight: bold;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .item-view .item-info p {
  box-sizing: border-box;
  width: 100%;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .not-paid-msg {
  color: red;
  margin-left: 70px;
  margin-bottom: 10px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .btn.primary, .profile-unpaid-orders-list-view .order-overview-container .order-items-left-container .hero-banner span a.primary, .hero-banner span .profile-unpaid-orders-list-view .order-overview-container .order-items-left-container a.primary {
  float: left;
  margin-bottom: 10px;
  margin-left: 70px;
  padding: 10px 20px;
  background-color: #0d43e3;
  color: #fff;
  height: auto;
  min-width: 120px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader {
  box-sizing: content-box;
  display: inline-flex;
  width: calc(100% - 20px);
  padding: 10px;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader .subheader-item {
  width: 50%;
  text-align: right;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader .subheader-item:first-of-type {
  padding-left: 28px;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader form {
  display: inline-flex;
  width: 100%;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader a, .profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader button {
  display: inline-block;
  border-radius: 4px;
  padding: 10px 15px;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  background-color: #ffffff;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader ul.errorlist {
  padding-bottom: 0;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader li.error {
  display: block;
  border-radius: 4px;
  padding: 10px 15px;
  margin-left: 10px;
  border: 1px solid red;
  background-color: #fff8f8;
  color: red;
}
.profile-unpaid-orders-list-view .order-overview-container .order-overview-subheader li.success {
  display: block;
  border-radius: 4px;
  padding: 10px 15px;
  margin-left: 10px;
  border: 1px solid #43a047;
  background-color: #f9fff9;
  color: #43a047;
}

.mobile .profile-unpaid-orders-list-view .radiogroup-main {
  flex-direction: column;
  height: 80px;
}
.mobile .profile-unpaid-orders-list-view .radiogroup-main .radiogroup-label-holder {
  width: 100%;
}
.mobile .profile-unpaid-orders-list-view .radiogroup-main .radiogroup-label-holder label {
  width: 100%;
}
.mobile .profile-unpaid-orders-list-view .radiogroup-main .radiogroup {
  width: 100%;
  flex-direction: column;
}

.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right, .tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-tile,
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-delivery, .tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-date,
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum {
  width: calc((100% - 60px) / 6);
  font-size: 14px;
}
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-date {
  display: block;
}
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-right {
  float: right;
}
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-overview-header .header-sum {
  margin-left: 8%;
}
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .radiogroup-main .radiogroup {
  min-height: 50px;
}
.tablet-and-up .profile-unpaid-orders-list-view .order-overview-container .order-items-left-container {
  width: 100%;
}

/* --------------------------------------------------------

ORDERS_DETAILS PAGE

----------------------------------------------------------- */
/* --------------------------------------------------------

SINGUP PAGE

----------------------------------------------------------- */
.signup-container {
  width: 340px;
  margin: 50px auto;
  padding-bottom: 10px;
}
.signup-container .main-title {
  width: 200px;
  margin: 0 auto 25px;
}
.signup-container .main-title img {
  width: 50px;
  margin-right: 10px;
}
.signup-container .main-title span {
  line-height: 54px;
  font-size: 24px;
  font-weight: bold;
}
.signup-container .client-text {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  background-color: rgb(246, 246, 246);
  padding: 20px 15px;
  margin-bottom: 25px;
}
.signup-container div.form-group .errorlist {
  color: red;
}
.signup-container div.form-group label {
  padding: 10px 0;
  display: block;
}
.signup-container div.form-group label .checkbox-text {
  margin-left: 37px;
  color: black;
  position: relative;
  top: -6px;
}
.signup-container div.form-group label span {
  margin-left: 5px;
  color: red;
}
.signup-container div.form-group input {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  background: #fff;
  border: solid 1px rgb(221, 221, 221);
  border-radius: 4px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.signup-container div.form-group.email-confirm {
  display: none;
}
.signup-container .input-container {
  margin: 25px 0;
}
.signup-container button, .signup-container a.login-btn {
  border-radius: 4px;
  background-color: #0d43e3;
  color: #fff;
  width: 100%;
  border: none;
  margin: 10px 0 25px;
}
.signup-container a.login-btn {
  display: block;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  text-align: center;
}
.signup-container .login-btn-label {
  text-align: center;
}

/* --------------------------------------------------------

PASSWORD RESET PAGE

---------------------------------------------------- */
.pass-reset-container {
  max-width: 340px;
  box-sizing: border-box;
  margin: 50px auto;
  padding: 24px 8px 24px;
}
.pass-reset-container .main-title {
  margin-bottom: 25px;
}
.pass-reset-container .main-title img {
  width: 50px;
  margin-right: 10px;
  float: left;
}
.pass-reset-container .main-title span {
  padding-top: 16px;
  font-size: 24px;
  font-weight: bold;
  display: block;
  float: left;
  max-width: calc(100% - 60px);
}
.pass-reset-container div.input-row label {
  padding: 10px 0;
  display: block;
}
.pass-reset-container div.input-row label span {
  margin-left: 5px;
  color: red;
}
.pass-reset-container div.input-row input {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  background: #fff;
  border: solid 1px rgb(221, 221, 221);
  border-radius: 4px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.pass-reset-container div.input-row ul {
  list-style-type: disc;
  margin-left: 15px;
  width: calc(100% - 15px);
}
.pass-reset-container div.input-row ul li {
  padding-bottom: 15px;
}
.pass-reset-container input.btn.btn-primary {
  border-radius: 4px;
  background-color: #0d43e3;
  color: #fff;
  width: 100%;
  border: none;
  margin: 10px 0 25px;
}
.pass-reset-container .go-back-label {
  display: block;
  width: 70px;
  margin: 0 auto;
}

/* --------------------------------------------------------

PASSWORD RESET PAGE

---------------------------------------------------- */
.email-reset-container {
  max-width: 340px;
  box-sizing: border-box;
  margin: 50px auto;
  padding: 24px 8px 24px;
}
.email-reset-container .main-title {
  margin-bottom: 25px;
}
.email-reset-container .main-title img {
  width: 50px;
  margin-right: 10px;
  float: left;
}
.email-reset-container .main-title span {
  padding-top: 16px;
  font-size: 24px;
  font-weight: bold;
  display: block;
  float: left;
  max-width: calc(100% - 60px);
}
.email-reset-container input[type=radio] {
  margin-right: 8px;
}
.email-reset-container span.unverified {
  color: red;
  float: right;
}
.email-reset-container p, .email-reset-container label {
  display: block;
  margin-bottom: 10px;
}
.email-reset-container h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0;
}
.email-reset-container button.btn {
  width: 100%;
  border: none;
  margin: 10px 0 0;
}
.email-reset-container button.btn.btn-primary {
  color: #fff;
  background-color: #0d43e3;
}
.email-reset-container button.btn.secondary {
  border: 1px solid #0d43e3;
}
.email-reset-container button.btn:last-child {
  margin-bottom: 15px;
}
.email-reset-container input[type=email] {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 60px;
  border: solid 1px #8A8A8A;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* --------------------------------------------------------

BLOG PAGE

---------------------------------------------------- */
.blog-page-container .article-wrapper,
.blog-article .article-wrapper {
  display: flex;
}
.large-mobile-and-down .blog-page-container .article-wrapper,
.large-mobile-and-down .blog-article .article-wrapper {
  flex-direction: column;
}
.blog-page-container .article-wrapper .blog-entries-container,
.blog-article .article-wrapper .blog-entries-container {
  flex: 1;
}
.blog-page-container .article-wrapper .blog-entries-container .title-container,
.blog-article .article-wrapper .blog-entries-container .title-container {
  margin-bottom: 20px;
}
.blog-page-container .article-wrapper .blog-entries-container .title-container .title,
.blog-article .article-wrapper .blog-entries-container .title-container .title {
  font-size: 26px;
  font-weight: 700;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table {
  display: grid;
  grid-template-columns: auto auto auto;
  -ms-grid-columns: auto auto auto;
  grid-gap: 20px;
  row-gap: 20px;
}
@media only screen and (max-width: 1150px) {
  .blog-page-container .article-wrapper .blog-entries-container .blog-entries-table,
  .blog-article .article-wrapper .blog-entries-container .blog-entries-table {
    grid-template-columns: auto auto;
    -ms-grid-columns: auto auto;
  }
}
@media only screen and (max-width: 660px) {
  .blog-page-container .article-wrapper .blog-entries-container .blog-entries-table,
  .blog-article .article-wrapper .blog-entries-container .blog-entries-table {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    -ms-grid-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-img-container,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-img-container {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-img-container img,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-img-container img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-title,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-title {
  overflow: hidden;
  margin-bottom: 12px;
  font-weight: 700;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .date,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .date {
  margin-bottom: 16px;
  color: #8A8A8A;
  font-size: 12px;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-card-text,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .entry-card-text {
  overflow: hidden;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .fade,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .fade {
  position: relative;
  height: 80px;
  line-height: 20px;
}
.blog-page-container .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .fade:after,
.blog-article .article-wrapper .blog-entries-container .blog-entries-table .blog-entry-card .fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 90%);
}
.blog-page-container .article-wrapper .main-content,
.blog-article .article-wrapper .main-content {
  flex: 1;
}
.blog-page-container .article-wrapper .main-content .blog-article-text-container,
.blog-article .article-wrapper .main-content .blog-article-text-container {
  width: 100%;
  padding: 0 0 50px;
  margin-top: 20px;
}
.blog-page-container .article-wrapper .main-content .title,
.blog-article .article-wrapper .main-content .title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.blog-page-container .article-wrapper .main-content .entry-img-container img,
.blog-article .article-wrapper .main-content .entry-img-container img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.blog-page-container .article-wrapper .read-more-btn span:first-child,
.blog-article .article-wrapper .read-more-btn span:first-child {
  display: inline-block;
  transform: rotate(180deg);
}
.blog-page-container .article-wrapper .menu,
.blog-article .article-wrapper .menu {
  margin-bottom: 20px;
}

.blog-right-sidebar,
.blog-left-sidebar {
  flex: 1;
  max-width: 250px;
}
.large-mobile-and-down .blog-right-sidebar,
.large-mobile-and-down .blog-left-sidebar {
  min-width: 100%;
}
.blog-right-sidebar .title,
.blog-left-sidebar .title {
  font-size: 16px;
  font-weight: 700;
}
.blog-right-sidebar a,
.blog-left-sidebar a {
  display: flex;
  align-items: center;
}
.blog-right-sidebar .related-articles-title,
.blog-left-sidebar .related-articles-title {
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 5px;
}
.blog-right-sidebar .related-articles-date,
.blog-left-sidebar .related-articles-date {
  margin-top: 10px;
  color: #8A8A8A;
  font-size: 12px;
}
.blog-right-sidebar .entry-img-container,
.blog-left-sidebar .entry-img-container {
  width: 100%;
  overflow: hidden;
}
.blog-right-sidebar .entry-img-container img,
.blog-left-sidebar .entry-img-container img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blog-right-sidebar {
  margin-left: 20px;
}
.large-mobile-and-down .blog-right-sidebar {
  margin-left: 0px;
  max-width: 100%;
}
.large-mobile-and-down .blog-right-sidebar ul {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* --------------------------------------------------------

PASSWORD RESET

---------------------------------------------------- */
.password-reset, .confirmation {
  text-align: center;
  padding: 40px 8px 8px;
}
.password-reset h1, .confirmation h1 {
  font-size: 24px;
  display: block;
  padding-bottom: 28px;
  font-weight: bold;
}
.password-reset p, .confirmation p {
  font-size: 16px;
  line-height: 20px;
}
.password-reset form, .confirmation form {
  max-width: 340px;
  margin: auto;
}
.password-reset form .input-row, .confirmation form .input-row {
  text-align: left;
  margin-bottom: 28px;
}
.password-reset form label, .confirmation form label {
  display: block;
  font-size: 14px;
  margin: 8px 0;
}
.password-reset form input, .confirmation form input {
  height: 48px;
  width: 100%;
  border-radius: 4px;
  padding: 0 4px;
  border: solid 1px #8A8A8A;
  color: black;
  box-sizing: border-box;
  background: white;
}
.password-reset form input[disabled], .confirmation form input[disabled] {
  border: 1px solid #c3c5c5;
  color: #8A8A8A;
}

/* --------------------------------------------------------

ACCOUNT / EMAIL CONFIRMATION CONTAINERS

---------------------------------------------------- */
.confirmation {
  max-width: 650px;
  padding-left: 28px;
  padding-right: 28px;
  text-align: center;
  margin: auto;
}

/* --------------------------------------------------------

  HELPDESK PAGE

---------------------------------------------------- */
.desktop-and-up .helpcenter-page-container .header-container .mobile-banner {
  display: none;
}
.desktop-and-up .helpcenter-page-container .header-container .desktop-banner {
  display: block;
}

.tablet-and-down .helpcenter-page-container .header-container .mobile-banner {
  display: block;
}
.tablet-and-down .helpcenter-page-container .header-container .desktop-banner {
  display: none;
}

.mobile .helpcenter-page-container .contacts-page .stores-cards-container .store-card {
  display: flex;
  flex-wrap: wrap;
}
.mobile .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-img-container {
  width: 100%;
  padding-left: 16px;
  margin-bottom: 16px;
}

.helpcenter-page-container .header-container {
  width: 100%;
  height: 125px;
  overflow: hidden;
}
.helpcenter-page-container .header-container img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.helpcenter-page-container .helpdesk-index .help-section {
  float: left;
  width: 50%;
  padding-right: 5%;
  padding-bottom: 48px;
  box-sizing: border-box;
}
.helpcenter-page-container .helpdesk-index .top-category, .helpcenter-page-container .helpdesk-index .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
}
.helpcenter-page-container .helpdesk-index .top-category img, .helpcenter-page-container .helpdesk-index .title img {
  position: relative;
  bottom: 2px;
  width: 25px;
  height: 25px;
  margin-right: 16px;
}
.helpcenter-page-container .helpdesk-index .nested-menu li {
  padding: 8px 0;
}
.helpcenter-page-container .helpdesk-index .bottom-help-section {
  float: left;
  width: 100%;
}
.helpcenter-page-container .helpdesk-index .bottom-help-section > div {
  width: 33.3333333333%;
  padding-right: 48px;
  float: left;
  margin-bottom: 0;
  box-sizing: border-box;
}
.helpcenter-page-container .helpdesk-index .live-chat-btn {
  margin-top: 32px;
  background-color: #0d43e3;
  color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
}
.helpcenter-page-container .helpdesk-index .status-circle {
  background-color: #48a24c;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border-radius: 50%;
  float: right;
}
.large-mobile-and-down .helpcenter-page-container .helpdesk-index .bottom-help-section > div, .large-mobile-and-down .helpcenter-page-container .helpdesk-index .help-section {
  width: 100%;
  padding: 16px 0;
}
.helpcenter-page-container .breadcrumbs-row {
  display: none;
}
.helpcenter-page-container .content {
  box-sizing: border-box;
  width: 100%;
  float: right;
  padding: 0px 0 0 0;
}
.helpcenter-page-container .content h1 {
  font-size: 26px;
  margin-bottom: 30px;
  line-height: 35px;
}
.helpcenter-page-container .content .helpcenter-main-view .contacts-page .contacts-header {
  padding-left: 50px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(250px, 1fr));
  display: grid;
  overflow: hidden;
  grid-row-gap: 20px;
}
.large-mobile .helpcenter-page-container .content .helpcenter-main-view .contacts-page .contacts-header {
  padding-left: 0px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.mobile .helpcenter-page-container .content .helpcenter-main-view .contacts-page .contacts-header {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
}
.tablet .helpcenter-page-container .content .helpcenter-main-view .contacts-page .contacts-header div {
  width: auto;
}
.helpcenter-page-container .content .helpcenter-main-view article {
  max-width: 40em;
}
.helpcenter-page-container .contacts-page {
  padding: 0px 0 0 5px;
}
.helpcenter-page-container .contacts-page .phone-container, .helpcenter-page-container .contacts-page .stores-container, .helpcenter-page-container .contacts-page .chat-container {
  margin-top: 20px;
}
.helpcenter-page-container .contacts-page .phone-container img, .helpcenter-page-container .contacts-page .stores-container img, .helpcenter-page-container .contacts-page .chat-container img {
  position: relative;
  bottom: 2px;
  width: 25px;
  height: 25px;
  margin-right: 20px;
}
.helpcenter-page-container .contacts-page .phone-container .title, .helpcenter-page-container .contacts-page .stores-container .title, .helpcenter-page-container .contacts-page .chat-container .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  padding-bottom: 22px;
}
.helpcenter-page-container .contacts-page .phone-container .text-row, .helpcenter-page-container .contacts-page .stores-container .text-row, .helpcenter-page-container .contacts-page .chat-container .text-row {
  line-height: 30px;
  padding-left: 50px;
  font-size: 1em;
}
.helpcenter-page-container .contacts-page .phone-container .live-chat-btn, .helpcenter-page-container .contacts-page .stores-container .live-chat-btn, .helpcenter-page-container .contacts-page .chat-container .live-chat-btn {
  margin-top: 32px;
  background-color: #0d43e3;
  color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
}
.helpcenter-page-container .contacts-page .phone-container .live-chat-btn:hover, .helpcenter-page-container .contacts-page .stores-container .live-chat-btn:hover, .helpcenter-page-container .contacts-page .chat-container .live-chat-btn:hover {
  background-color: rgb(90, 109, 255);
}
.helpcenter-page-container .contacts-page .phone-container .live-chat-btn.disabled, .helpcenter-page-container .contacts-page .stores-container .live-chat-btn.disabled, .helpcenter-page-container .contacts-page .chat-container .live-chat-btn.disabled {
  background-color: white;
  border: 1px solid #c3c5c5;
  font-size: 14px;
  color: #c3c5c5;
}
.helpcenter-page-container .contacts-page .phone-container .text-row a, .helpcenter-page-container .contacts-page .stores-container .text-row a, .helpcenter-page-container .contacts-page .chat-container .text-row a {
  text-decoration: underline;
  font-size: 1em;
}
.helpcenter-page-container .contacts-page .chat-container {
  margin-top: 20px;
  max-width: 400px;
}
.mobile .helpcenter-page-container .contacts-page .chat-container {
  max-width: 100%;
}
.helpcenter-page-container .contacts-page .chat-container .title {
  display: inline-flex;
  width: calc(50% - 8px);
  align-items: center;
  padding: 0 5px 25px 0;
  font-size: 14px;
  white-space: nowrap;
}
.helpcenter-page-container .contacts-page .chat-container .title img {
  height: 22px;
  width: 22px;
  margin-right: 10px;
}
.helpcenter-page-container .contacts-page .chat-container .title a {
  text-decoration: underline;
}
.helpcenter-page-container .contacts-page .chat-container .title .status-circle {
  display: inline-flex;
  max-width: 10px;
  min-width: 10px;
  height: 10px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: #48a24c;
}
.mobile .helpcenter-page-container .contacts-page .chat-container .title {
  white-space: unset;
}
.helpcenter-page-container .contacts-page .stores-cards-container {
  box-sizing: border-box;
  width: 100%;
  padding-top: 45px;
  border-top: 1px solid rgba(127, 127, 127, 0.3960784314);
}
.helpcenter-page-container .contacts-page .stores-cards-container .contacts-carousel-item {
  text-align: center;
  background: #0d43e3;
  border-radius: 5px;
  height: 36px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .contacts-carousel-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
}
.helpcenter-page-container .contacts-page .stores-cards-container h2 {
  font-size: 18px;
  margin: 20px 0 16px 0;
  padding: 25px 0 8px 0;
  float: left;
  width: 100%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 50px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container {
  box-sizing: border-box;
  width: 100%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title {
  font: 500 14px Roboto;
  line-height: 1.2em;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title span:first-child {
  padding-right: 10px;
  line-height: 27px;
  font-weight: bold;
  text-decoration: underline;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title .special-message-label {
  line-height: 27px;
  padding: 4px 10px;
  color: #0C40E6;
  background: #FFF300;
  border-radius: 5px;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: block;
  white-space: normal;
}
.large-mobile .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title .special-message-label {
  max-width: 50%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title .store-type-label {
  line-height: 27px;
  padding: 4px 10px;
  color: #0C40E6;
  border: 1px solid #0C40E6;
  border-radius: 5px;
  white-space: nowrap;
  box-sizing: border-box;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title .store-type-label:hover, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-title .store-type-label:active {
  background: #0C40E6;
  color: #FFFFFF;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-phone, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-email, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-mon-fri,
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-sat, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-store-map, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-legend,
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times {
  margin-bottom: 8px;
  float: left;
  width: 100%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-phone a, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-email a, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-mon-fri a,
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-sat a, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-store-map a, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-legend a,
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times a {
  text-decoration: underline;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .work-hours {
  display: block;
  line-height: 22px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-workschedule-legend {
  width: 35%;
  float: left;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-workschedule-legend {
  width: 50%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-workschedule-legend span {
  display: block;
  line-height: 22px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times {
  width: 65%;
  float: right;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times {
  width: 50%;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times span {
  line-height: 22px;
  display: flex;
  justify-content: start;
  padding-right: 10px;
}
.tablet .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-work-schedule-times span {
  justify-content: end;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-store-map img, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-phone img, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .card-email img {
  position: relative;
  bottom: 2px;
  width: 16px;
  height: 16px;
  margin-right: 16px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container.closed-store-container {
  color: #828282;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container.closed-store-container .card-title span:first-child, .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container.closed-store-container .contacts-block a {
  color: #828282;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container.closed-store-container .schedule-block {
  margin-bottom: 8px;
}
.helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container.closed-store-container .contacts-block a img {
  opacity: 50%;
}
.helpcenter-page-container .rules {
  padding: 0 15px;
}
.helpcenter-page-container .rules ol {
  counter-reset: item;
  list-style: decimal;
}
.helpcenter-page-container .rules ol li {
  counter-increment: item;
}
.helpcenter-page-container .rules ol ol li {
  display: block;
}
.helpcenter-page-container .rules ol ol li:before {
  content: counters(item, ".") ". ";
}
.helpcenter-page-container .rules ol ol ol {
  margin-left: 10px;
}
.helpcenter-page-container .rules li {
  margin-top: 10px;
  line-height: 1.2rem;
}
.helpcenter-page-container .delivery, .helpcenter-page-container .discounts {
  margin-top: 16px;
}
.helpcenter-page-container .delivery .title, .helpcenter-page-container .discounts .title {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
}
.helpcenter-page-container .delivery p, .helpcenter-page-container .discounts p {
  line-height: 1.2rem;
  margin-bottom: 20px;
}
.helpcenter-page-container .delivery strong, .helpcenter-page-container .discounts strong {
  line-height: 1.2rem;
}
.helpcenter-page-container .delivery table, .helpcenter-page-container .discounts table {
  width: 40%;
}
.helpcenter-page-container .delivery table th, .helpcenter-page-container .discounts table th {
  background-color: #0d43e3;
  color: white;
  font-size: 16px;
  width: 50%;
  text-align: center;
  border: 1px solid #0d43e3;
  vertical-align: middle;
  padding: 0 20px;
}
.helpcenter-page-container .delivery table td, .helpcenter-page-container .discounts table td {
  text-align: center;
  border: 1px solid rgb(221, 221, 221);
}
.helpcenter-page-container .about-us {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  margin-top: 20px;
  line-height: 1.5rem;
  text-align: justify;
}
.helpcenter-page-container .about-us strong {
  font-size: 18px;
  color: #0d43e3;
}
.helpcenter-page-container .about-us a {
  text-decoration: underline;
}
.helpcenter-page-container .about-us .company-contacts {
  box-sizing: border-box;
}
.helpcenter-page-container .about-us .company-contacts .card {
  width: 100%;
  margin-bottom: 20px;
}
.helpcenter-page-container .about-us .company-contacts .card .title {
  font-weight: bold;
  margin-bottom: 10px;
  color: #0d43e3;
}
.helpcenter-page-container .about-us .company-contacts .card .text-line {
  line-height: 1.2rem;
  margin-bottom: 4px;
}
.helpcenter-page-container .about-us .company-contacts .card a {
  text-decoration: underline;
}

.tablet-and-up .helpcenter-entry-page .helpcenter-page-container, .tablet-and-up .helpcenter-contacts-page .helpcenter-page-container, .tablet-and-up .contact-us-page .helpcenter-page-container, .tablet-and-up .store-detail-page .helpcenter-page-container {
  padding-top: 43px;
}
.tablet-and-up .helpcenter-entry-page .helpcenter-page-container .helpcenter-left-sidebar, .tablet-and-up .helpcenter-contacts-page .helpcenter-page-container .helpcenter-left-sidebar, .tablet-and-up .contact-us-page .helpcenter-page-container .helpcenter-left-sidebar, .tablet-and-up .store-detail-page .helpcenter-page-container .helpcenter-left-sidebar {
  padding: 0 30px 20px 30px;
}
.tablet-and-up .helpcenter-entry-page .helpcenter-page-container .breadcrumbs-row, .tablet-and-up .helpcenter-contacts-page .helpcenter-page-container .breadcrumbs-row, .tablet-and-up .contact-us-page .helpcenter-page-container .breadcrumbs-row, .tablet-and-up .store-detail-page .helpcenter-page-container .breadcrumbs-row {
  margin-bottom: 10px;
}
.tablet-and-up .helpcenter-entry-page .helpcenter-page-container .content, .tablet-and-up .helpcenter-contacts-page .helpcenter-page-container .content, .tablet-and-up .contact-us-page .helpcenter-page-container .content, .tablet-and-up .store-detail-page .helpcenter-page-container .content {
  padding: 0 0 20px 80px;
}
.tablet-and-up .helpcenter-entry-page .helpcenter-page-container .contacts-page, .tablet-and-up .helpcenter-contacts-page .helpcenter-page-container .contacts-page, .tablet-and-up .contact-us-page .helpcenter-page-container .contacts-page, .tablet-and-up .store-detail-page .helpcenter-page-container .contacts-page {
  border-top: none;
}
.helpcenter-page-container .helpcenter-left-sidebar {
  padding: 0px 5px 15px 15px;
}
.store-detail-page .helpcenter-page-container .helpcenter-left-sidebar {
  padding-left: 0;
}
.helpcenter-index-page .helpcenter-page-container .helpcenter-left-sidebar, .helpcenter-entry-page .helpcenter-page-container .helpcenter-left-sidebar, .helpcenter-contacts-page .helpcenter-page-container .helpcenter-left-sidebar, .contact-us-page .helpcenter-page-container .helpcenter-left-sidebar {
  padding-left: 5px;
}
.helpcenter-page-container .helpcenter-left-sidebar .support {
  display: inline-block;
  text-align: center;
  line-height: 16px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 20px;
  border: 1px solid #0d43e3;
  color: #0d43e3;
  background-color: white;
  border-radius: 4px;
}
.helpcenter-page-container .helpcenter-left-sidebar .support:hover, .helpcenter-page-container .helpcenter-left-sidebar .support:active {
  background-color: #0d43e3;
  color: white;
}
.helpcenter-page-container .content {
  width: 80%;
  border-left: 1px solid rgb(221, 221, 221);
}
.helpcenter-page-container .heading-container {
  height: 42px;
}
.large-mobile-and-down .helpcenter-entry-page .helpcenter-page-container .heading-container, .large-mobile-and-down .helpcenter-contacts-page .helpcenter-page-container .heading-container, .large-mobile-and-down .contact-us-page .helpcenter-page-container .heading-container, .large-mobile-and-down .store-detail-page .helpcenter-page-container .heading-container {
  padding: 15px 0 0 5px;
}
.helpcenter-page-container .heading-container .title {
  padding-top: 16px;
  font-size: 26px;
}
.helpcenter-page-container .work-time-text {
  padding-top: 2.5em;
}

.mobile .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.large-mobile-and-down .menu {
  padding-top: 10px;
  padding-bottom: 10px;
}
.large-mobile-and-down .menu .menu-wrapper:not(:has(~ .menu-wrapper)) {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.large-mobile-and-down .menu .menu-wrapper {
  width: 100%;
  border-top: 1px solid rgb(221, 221, 221);
}
.mobile .menu .menu-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.menu .menu-wrapper .top-level {
  padding-top: 10px;
  padding-bottom: 10px;
  user-select: none;
  display: flex;
  cursor: pointer;
}
.mobile .menu .menu-wrapper .top-level {
  margin-bottom: 0px;
}
.menu .menu-wrapper .top-level span {
  margin-right: auto;
}
.mobile .menu .menu-wrapper .nested-menu {
  margin-bottom: 0px;
}
.menu li {
  display: flex;
  margin-bottom: 0;
}
.helpcenter-index-page .menu li, .helpcenter-entry-page .menu li, .helpcenter-contacts-page .menu li, .contact-us-page .menu li, .blog-page-container .menu li, .store-detail-page .menu li {
  line-height: 2em;
}
.menu .top-level {
  font-weight: bold;
  line-height: 2.2em;
}
.menu .top-level span {
  min-width: 5em;
  font-size: 1em;
}
.menu .top-level .arrow-down {
  width: 0.6em;
  height: 2em;
  margin-left: 10px;
  transform: rotate(-90deg);
}
.menu .top-level.toggle-dropdown .arrow-down {
  transform: rotate(90deg);
}
.menu .top-level.toggle-dropdown span {
  color: #0d43e3;
}
.menu .nested-menu {
  margin-top: 15px;
  margin-left: 20px;
}
.helpcenter-index-page .menu .nested-menu, .helpcenter-entry-page .menu .nested-menu, .helpcenter-contacts-page .menu .nested-menu, .contact-us-page .menu .nested-menu, .blog-page-container .menu .nested-menu, .store-detail-page .menu .nested-menu {
  margin: 0 0 25px 0;
}
.large-mobile-and-down .helpcenter-index-page .menu .nested-menu, .large-mobile-and-down .helpcenter-entry-page .menu .nested-menu, .large-mobile-and-down .helpcenter-contacts-page .menu .nested-menu, .large-mobile-and-down .contact-us-page .menu .nested-menu, .large-mobile-and-down .blog-page-container .menu .nested-menu, .large-mobile-and-down .store-detail-page .menu .nested-menu {
  display: none;
}
.large-mobile-and-down .helpcenter-index-page .menu .nested-menu.toggle-dropdown, .large-mobile-and-down .helpcenter-entry-page .menu .nested-menu.toggle-dropdown, .large-mobile-and-down .helpcenter-contacts-page .menu .nested-menu.toggle-dropdown, .large-mobile-and-down .contact-us-page .menu .nested-menu.toggle-dropdown, .large-mobile-and-down .blog-page-container .menu .nested-menu.toggle-dropdown, .large-mobile-and-down .store-detail-page .menu .nested-menu.toggle-dropdown {
  display: block;
}
.menu .nested-menu .sub-level {
  font-weight: normal;
}

.tablet-and-up .helpcenter-page-container .header-container {
  height: 247px;
  margin-bottom: 25px;
}
.tablet-and-up .helpcenter-page-container .helpcenter-left-sidebar {
  display: block;
  box-sizing: border-box;
  width: 20%;
  float: left;
  padding: 20px 30px;
}
.tablet-and-up .helpcenter-page-container .helpcenter-left-sidebar .city-list-container {
  padding-top: 47px;
}
.tablet-and-up .helpcenter-page-container .helpcenter-left-sidebar .city-list-container li {
  font-weight: bold;
  line-height: 40px;
  margin: 0;
}
.tablet-and-up .helpcenter-page-container .breadcrumbs-row {
  display: block;
  font-size: 14px;
  padding: 0;
  margin-bottom: 20px;
}
.tablet-and-up .helpcenter-page-container .content {
  padding: 20px 0 20px 30px;
}
.tablet-and-up .helpcenter-page-container .content h1 {
  margin-bottom: 30px;
}
.tablet-and-up .helpcenter-page-container .main-body {
  width: 70%;
  float: left;
  margin-top: 0;
}
.tablet-and-up .helpcenter-page-container .main-body .about-us {
  padding: 0;
}
.tablet-and-up .helpcenter-page-container .secondary-body {
  width: 30%;
  float: right;
  margin-top: 0;
}
.tablet-and-up .helpcenter-page-container .secondary-body .company-contacts {
  padding: 0 10px 0 30px;
}
.tablet-and-up .helpcenter-page-container .contacts-page {
  border-top: solid 1px rgb(221, 221, 221);
  padding: 32px 0 0 0;
}
.tablet-and-up .helpcenter-page-container .contacts-page .phone-container .text-row, .tablet-and-up .helpcenter-page-container .contacts-page .stores-container .text-row, .tablet-and-up .helpcenter-page-container .contacts-page .chat-container .text-row {
  padding-left: 0;
}
.tablet-and-up .helpcenter-page-container .contacts-page .chat-container {
  padding-bottom: 10px;
}
.tablet-and-up .helpcenter-page-container .contacts-page .chat-container .title {
  display: block;
  width: 100%;
  padding-right: 0;
}
.tablet-and-up .helpcenter-page-container .contacts-page .chat-container img {
  margin-right: 20px;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container {
  padding-top: 65px;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container h1 {
  padding-bottom: 16px;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container h2 {
  padding: 50px 0 8px 50px;
  margin: 0 0 16px 0;
  border-top: 1px solid rgba(127, 127, 127, 0.3960784314);
  box-sizing: border-box;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container h2[id="#Vilnius"] {
  padding-top: 35px;
  border-top: none;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card {
  width: 50%;
  float: left;
  margin-bottom: 60px;
  padding-left: 50px;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .schedule-block {
  width: 50%;
  float: left;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .contacts-block {
  width: 50%;
  float: right;
}
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-phone, .tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-email, .tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-mon-fri,
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-sat, .tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-store-map, .tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-work-schedule-legend,
.tablet-and-up .helpcenter-page-container .contacts-page .stores-cards-container .store-card .store-info-container .schedule-contacts-container .card-work-schedule-times {
  line-height: 22px;
  margin-bottom: 0;
}

.large-mobile-and-down .helpcenter-page-container .content {
  width: 100%;
  border-left: none;
}
.large-mobile-and-down .helpcenter-page-container .heading-container .title {
  float: left;
  max-width: 85%;
}
.large-mobile-and-down .helpcenter-page-container .heading-container img {
  float: right;
  margin-right: 10px;
}

.large-mobile-and-down .helpcenter-left-sidebar.open .close-btn {
  display: block;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 120;
  cursor: pointer;
}
.large-mobile-and-down .helpcenter-left-sidebar.open .close-btn img {
  width: 20px;
  height: 20px;
  padding-left: 25px;
}

.content .store-card-container .store-info-container {
  max-width: 350px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block {
  padding-bottom: 15px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block .work-hours {
  line-height: 25px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-workschedule-legend {
  width: 50%;
  float: left;
  margin-bottom: 8px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-workschedule-legend span {
  display: block;
  line-height: 25px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-work-schedule-times {
  width: 50%;
  float: right;
  margin-bottom: 8px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-work-schedule-times span {
  display: block;
  line-height: 25px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .contacts-block {
  padding-bottom: 50px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-phone, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-email, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-store-map {
  margin-bottom: 8px;
  float: left;
  width: 100%;
  line-height: 20px;
}
.content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-phone a, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-email a, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-store-map a {
  text-decoration: underline;
}
.content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-phone a img, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-email a img, .content .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-store-map a img {
  position: relative;
  bottom: 2px;
  width: 16px;
  height: 16px;
  margin-right: 18px;
}
.content .store-card-container .store-info-container .destination-chats {
  height: 20px;
}
.content .store-card-container .store-info-container .chat-container {
  margin-bottom: 20px;
}
.content .store-card-container .store-info-container .chat-container .title {
  display: inline-flex;
  width: calc(50% - 8px);
  align-items: center;
  padding: 0 5px 25px 0;
  font-size: 14px;
}
.content .store-card-container .store-info-container .chat-container .title img {
  height: 22px;
  width: 22px;
  margin-right: 10px;
}
.content .store-card-container .store-info-container .chat-container .title a {
  text-decoration: underline;
}
.content .store-card-container .store-info-container .chat-container .title .status-circle {
  display: inline-flex;
  min-width: 10px;
  min-height: 10px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: #48a24c;
}
.content .store-card-container .store-img-container {
  width: 100%;
  padding-bottom: 60px;
}
.content .store-card-container .store-img-container .main-img-box {
  display: block;
  width: 100%;
  margin: 0;
}
.content .store-card-container .store-img-container .main-img-box img {
  width: 100%;
  height: auto;
}
.content .store-card-container .store-img-container .store-img-slider {
  width: 100%;
  height: 120px;
  padding-top: 6px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Safari, Chrome, Opera */
}
.content .store-card-container .store-img-container .store-img-slider::-webkit-scrollbar {
  display: none;
}
.content .store-card-container .store-img-container .store-img-slider li {
  display: inline-block;
  height: 100%;
  margin-right: 6px;
}
.content .store-card-container .store-img-container .store-img-slider li:last-child {
  margin-right: 0;
}
.content .store-card-container .store-img-container .store-img-slider li img {
  height: 100%;
  width: auto;
}

.map-container h2 {
  font: 500 22px Roboto;
  padding-bottom: 25px;
}
.map-container iframe {
  width: 100%;
  height: 400px;
}
.tablet-and-up .map-container iframe {
  height: 500px;
}

.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container {
  max-width: unset;
  padding-bottom: 60px;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container {
  width: 55%;
  float: left;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container .schedule-block {
  float: left;
  width: 40%;
  padding-bottom: 0;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-work-schedule-legend {
  width: 60%;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container .schedule-block .card-work-schedule-times {
  width: 40%;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container .contacts-block {
  float: left;
  width: 60%;
  padding-right: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .schedule-contacts-container .contacts-block .card-phone {
  margin-top: 3px;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .chat-container {
  float: left;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .chat-container .title {
  width: 50%;
  padding: 0 10px 25px 0;
  font: bold 14px Roboto;
  line-height: 16px;
  box-sizing: border-box;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .chat-container .title img {
  position: relative;
  bottom: 2px;
  width: 25px;
  height: 25px;
  margin-right: 16px;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .chat-container .title .status-circle {
  display: inline-flex;
  min-width: 10px;
  min-height: 10px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: #48a24c;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-info-container .chat-container .title.no-live-chat img {
  bottom: 0;
}
.tablet-and-up .helpcenter-page-container .store-card-container .store-img-container .store-img-slider {
  height: 189px;
}

.hide-text-overflow .text-show-less,
.hide-text-overflow .text-show-more {
  width: 100%;
  text-align: center;
}
.hide-text-overflow .text-show-more img,
.hide-text-overflow .text-show-less img {
  position: relative;
  left: 8px;
  width: 8px;
  height: 8px;
}
.hide-text-overflow .text-show-more img {
  transform: rotate(-90deg);
}
.hide-text-overflow .text-show-less img {
  transform: rotate(90deg);
}

.product-page .free-shipping {
  margin-bottom: 9px;
}

.free-shipping a {
  line-height: 1.5;
}
.free-shipping img {
  display: inline;
  height: 18px;
  width: 18px;
  margin-top: -0.4rem;
}

/* --------------------------------------------------------

UNSUBSCRIBE PAGE

---------------------------------------------------- */
.unsubscribe-container {
  text-align: center;
  line-height: 2;
  padding: 10vh 15px;
  font-size: 1.25rem;
}
.unsubscribe-container .success-img,
.unsubscribe-container .warning-img {
  width: 34px;
  height: auto;
  margin-bottom: 20px;
}
.unsubscribe-container .btn.primary, .unsubscribe-container .hero-banner span a.primary, .hero-banner span .unsubscribe-container a.primary {
  padding: 10px 10px;
  margin-top: 20px;
  min-width: 150px;
  display: inline-block;
  font-size: 1rem;
  height: unset;
}
.unsubscribe-container .user-settings-form {
  margin-top: 30px;
  width: 500px;
  display: inline-block;
}
.unsubscribe-container .user-settings-form .fieldWrapper {
  text-align: left;
}
.unsubscribe-container .user-settings-form .check {
  padding-top: 0;
}

/* --------------------------------------------------------

    410 gone / expired

   ----------------------------------------------------- */
.expired,
.already-paid {
  max-width: 450px;
  margin: auto;
}
.expired .title,
.already-paid .title {
  display: block;
  margin: 48px 0 16px;
  font-size: 32px;
}
.expired p,
.already-paid p {
  font-size: 16px;
  line-height: 26px;
}
.expired a,
.already-paid a {
  margin-top: 16px;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 250px;
}
.expired a.btn, .expired .hero-banner span a, .hero-banner span .expired a,
.already-paid a.btn,
.already-paid .hero-banner span a,
.hero-banner span .already-paid a {
  height: 50px;
  line-height: 50px;
}
.expired ul,
.already-paid ul {
  margin-bottom: 26px;
}
.expired li a img,
.already-paid li a img {
  max-height: 14px;
  max-width: 14px;
  position: relative;
  bottom: 1px;
  padding-right: 10px;
}

/* ----------------------------------------------------

   PROFILE_PAGE

----------------------------------------------------- */
.profile-page-container {
  display: flex;
}

.user-menu {
  flex: 1;
  max-width: 250px;
}

.user-page-inner-container {
  flex: 1;
}
.user-page-inner-container .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.user-page-inner-container .title button {
  border: none;
  padding: 0;
  transform: translateY(-3px);
  background: transparent;
}
.user-page-inner-container .title button img {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.user-page-inner-container .sub-title {
  color: gray;
  font-size: 16px;
  text-align: left;
  width: 100%;
}
.user-page-inner-container .content-data {
  padding-top: 20px;
}
.user-page-inner-container .content-data.limit-width {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.user-page-inner-container .section-container {
  margin-bottom: 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
  padding-bottom: 10px;
}
.user-page-inner-container .section-container:last-child {
  border-bottom: none;
}
.user-page-inner-container .section-container#discount-card {
  border-bottom: none;
}
.user-page-inner-container .section-container#credit-info .credit-info-wrapper {
  display: flex;
}
.large-mobile-and-down .user-page-inner-container .section-container#credit-info .credit-info-wrapper {
  flex-direction: column;
}
.user-page-inner-container .section-container#credit-info .data-title, .user-page-inner-container .section-container#credit-info .main-credit, .user-page-inner-container .section-container#credit-info .credit {
  padding: 12px;
}
.user-page-inner-container .section-container#credit-info .data-title {
  font-size: 26px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
}
.user-page-inner-container .section-container#credit-info .data-title .title {
  margin-bottom: 0px;
}
.user-page-inner-container .section-container#credit-info .main-credit {
  text-align: center;
}
.user-page-inner-container .section-container#credit-info .main-credit .total {
  color: red;
  font-size: 26px;
  padding-bottom: 5px;
}
.user-page-inner-container .section-container#credit-info .credit-children {
  display: flex;
  justify-content: center;
}
.user-page-inner-container .section-container#credit-info .credit-children .credit {
  text-align: center;
}
.user-page-inner-container .section-container#credit-info .credit .total {
  padding-bottom: 5px;
  font-size: 26px;
}
.user-page-inner-container .section-container#discount-info .hyperlink-wrapper {
  color: #0d43e3;
  margin-top: 10px;
}
.user-page-inner-container .section-container#discount-info .hyperlink-wrapper img {
  margin-top: -8px;
  width: 20px;
  height: 20px;
}
.user-page-inner-container .section-container#discount-info .value {
  font-weight: 400;
  color: #0d43e3;
  max-width: 100%;
  text-align: center;
  padding: 12px;
  font-size: 30px;
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  margin-top: 10px;
}
.user-page-inner-container .section-container#discount-info .value .explanation {
  font-size: 14px;
  font-weight: 400;
  color: black;
  margin-top: 5px;
}
.large-mobile-and-down .user-page-inner-container .section-container#discount-info .value {
  width: calc(100% - 24px);
}
.user-page-inner-container .section#order-header .sub-section,
.user-page-inner-container .section#order-status .sub-section,
.user-page-inner-container .section#invoice-email .sub-section {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.user-page-inner-container .section#invoice-email .sub-section form {
  width: 100%;
}
.user-page-inner-container .section#invoice-email .sub-section form .message-listing {
  padding-top: 10px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .section#order-status .sub-section {
    column-gap: 10px;
  }
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .section#order-header .sub-section {
    flex-direction: column;
    row-gap: 10px;
  }
}
.user-page-inner-container .section#order-information {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.user-page-inner-container .section#not-paid .sub-section .title {
  color: red;
  font-size: 16px;
}
.user-page-inner-container .section#not-paid .sub-section {
  align-items: flex-start;
}
.user-page-inner-container .section#not-paid .sub-section .btn, .user-page-inner-container .section#not-paid .sub-section .hero-banner span a, .hero-banner span .user-page-inner-container .section#not-paid .sub-section a,
.user-page-inner-container .section#order-status .sub-section .btn,
.user-page-inner-container .section#order-status .sub-section .hero-banner span a,
.hero-banner span .user-page-inner-container .section#order-status .sub-section a,
.user-page-inner-container .section#invoice-email .sub-section .btn,
.user-page-inner-container .section#invoice-email .sub-section .hero-banner span a,
.hero-banner span .user-page-inner-container .section#invoice-email .sub-section a {
  width: 200px;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .section#not-paid .sub-section .btn, .user-page-inner-container .section#not-paid .sub-section .hero-banner span a, .hero-banner span .user-page-inner-container .section#not-paid .sub-section a,
  .user-page-inner-container .section#order-status .sub-section .btn,
  .user-page-inner-container .section#order-status .sub-section .hero-banner span a,
  .hero-banner span .user-page-inner-container .section#order-status .sub-section a,
  .user-page-inner-container .section#invoice-email .sub-section .btn,
  .user-page-inner-container .section#invoice-email .sub-section .hero-banner span a,
  .hero-banner span .user-page-inner-container .section#invoice-email .sub-section a {
    width: 100%;
  }
}
.user-page-inner-container .message {
  padding-left: 12px;
}
.user-page-inner-container .message.err {
  color: red;
}
.user-page-inner-container .message.smaller-font {
  font-size: 14px;
}
.user-page-inner-container .section {
  position: relative;
  flex: 2;
  display: flex;
  flex-direction: column;
}
.user-page-inner-container .section#left {
  align-items: center;
}
.user-page-inner-container .section#right {
  flex: 1;
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  padding-left: 20px;
}
.user-page-inner-container .section .sub-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.user-page-inner-container .section .sub-section .title {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
}
.user-page-inner-container .section .sub-section .content-value {
  margin-top: 20px;
  width: 100%;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.user-page-inner-container .section .sub-section .content-value .fields,
.user-page-inner-container .section .sub-section .content-value .form-fields,
.user-page-inner-container .section .sub-section .content-value .form-fields .user-fields {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.user-page-inner-container .section .sub-section .content-value .button-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.user-page-inner-container .section .sub-section .content-value .button-wrapper a {
  width: 300px;
}
.user-page-inner-container .section .sub-section .content-value .button-wrapper a:first-child {
  margin-bottom: 10px;
}
.user-page-inner-container .section .sub-section .content-value .button-wrapper a .btn, .user-page-inner-container .section .sub-section .content-value .button-wrapper a .hero-banner span a, .hero-banner span .user-page-inner-container .section .sub-section .content-value .button-wrapper a a {
  width: 100%;
}
.user-page-inner-container .section .sub-section .content-value .btn-container button {
  width: 300px;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper.checkbox label {
  width: 100%;
  max-width: calc(100% - 32px);
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  transition: all 0.5s;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper.checkbox label:hover {
  color: #0C40E6;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper.checkbox input[type=checkbox] {
  min-height: 20px;
  min-width: 20px;
  cursor: pointer;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper.checkbox .checkbox-text {
  margin-left: 10px;
  font-size: 16px;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper:not(.checkbox) {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 300px;
  margin-bottom: 20px;
  align-items: baseline;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper label {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
  width: 90%;
  max-width: 300px;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select:not(:disabled) {
  cursor: pointer;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=text],
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=tel],
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select {
  height: 40px;
  width: 90%;
  max-width: 300px;
  padding: 10px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  transition: all 0.5s;
  box-shadow: none;
  background: white;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=text]:not(:disabled):focus, .user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=text]:not(:disabled):hover,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=tel]:not(:disabled):focus,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=tel]:not(:disabled):hover,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select:not(:disabled):focus,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select:not(:disabled):hover {
  border: 1px solid rgb(150, 150, 150);
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=text].error,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=tel].error,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select.error {
  border: 1px solid red;
}
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=text]:disabled,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper input[type=tel]:disabled,
.user-page-inner-container .section .sub-section .content-value .fieldWrapper select:disabled {
  background: rgba(51, 51, 51, 0.2);
}
.user-page-inner-container .submit-data-button {
  position: relative;
  max-width: 300px;
  width: 100%;
}
.user-page-inner-container .error-container {
  opacity: 0;
  margin: 5px 5px 5px 0;
  color: red;
  width: calc(100% - 5px);
  text-align: left;
  transition: opacity 0.5s;
  cursor: default;
  height: 0;
}
.user-page-inner-container .error-container.visible {
  height: auto;
  opacity: 1;
}
.user-page-inner-container .items-container .item-section {
  width: 100%;
}
.user-page-inner-container .items-container .item-section .item-row {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
  column-gap: 10px;
}
.user-page-inner-container .items-container .item-section#header .item-row {
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
}
.user-page-inner-container .items-container .item-section#body .item-row {
  min-height: 41px;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: background-color 0.5s;
}
.user-page-inner-container .items-container .item-section#body .item-row:not(.final-sum-container):hover {
  background-color: rgba(150, 150, 150, 0.1);
}
.user-page-inner-container .items-container .item-section .item-row.final-sum-container {
  border: none;
  font-weight: 700;
}
.user-page-inner-container .items-container .item-section .item-row .item img {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  object-fit: contain;
  margin-right: 10px;
}
.user-page-inner-container .items-container .item-section .item-row .item:first-child {
  flex: 3;
  display: inline-flex;
  align-items: center;
  line-height: 20px;
}
.user-page-inner-container .items-container .item-section .item-row .item {
  flex: 1;
}
.user-page-inner-container .section .sub-section .content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -ms-grid-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 20px;
}
.user-page-inner-container .section .sub-section .content-grid .content-grid-item {
  padding-bottom: 20px;
  padding: 10px;
  background: #F6F6F6;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.user-page-inner-container .section .sub-section .content-grid .content-grid-item .grid-item-title {
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0;
  color: black;
  font-size: 16px;
  margin-bottom: 4px;
}
.user-page-inner-container .section .sub-section .content-grid .content-grid-item .grid-item-value {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 660px) {
  .user-page-inner-container .section .sub-section .content-grid .content-grid-item .grid-item-value {
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.user-page-inner-container .section .sub-section .status-container {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .section .sub-section .status-container {
    margin-left: 0px;
    flex: 1;
    margin-right: 0px;
  }
}
.user-page-inner-container .section .sub-section .status-container a {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 10px;
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .section .sub-section .status-container a {
    height: 50px;
    width: 100%;
  }
}
.user-page-inner-container .section .sub-section .status-container a img {
  margin-right: 10px;
}
.user-page-inner-container .status-box {
  color: black;
  font-weight: 700;
  padding: 10px 20px 10px 20px;
  margin-left: 20px;
  height: auto;
  pointer-events: none;
  border-color: black;
}
.user-page-inner-container .status-box.fail {
  border-color: red;
}
.user-page-inner-container .status-box.check {
  border-color: #48a24c;
}
@media only screen and (max-width: 400px) {
  .user-page-inner-container .status-box {
    margin-left: 0px;
  }
}

.spinner-container-small {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  transition: opacity 0.5s;
  padding-right: 0.5rem;
  scale: 0.9;
}
.spinner-container-small.hide {
  opacity: 0;
}
.spinner-container-small .spinner {
  margin: 0;
}

button.primary .spinner-container-small .spinner {
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-top-color: white;
}

.content#barcode {
  flex-direction: column;
  display: flex;
}
.large-mobile-and-down .content#barcode {
  align-items: center;
  display: flex;
}
.content#barcode .barcode {
  max-width: 400px;
  border: 2px solid #0C40E6;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7));
  background: white;
  transition: opacity 0.5s;
  width: 100%;
  overflow: hidden;
}
.mobile .content#barcode .barcode {
  max-width: calc(100% - 5px);
}
.content#barcode .barcode:hover {
  opacity: 0.7;
}
.content#barcode .barcode .title {
  padding-top: 15px;
  padding-left: 15px;
  color: white;
  font-size: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  font-weight: 700;
}
.content#barcode .barcode .backsplash {
  width: 100%;
  height: 80px;
  background: #053BA0;
  border-radius: 5px 5px 0px 0px;
}
.content#barcode .barcode .backsplash .track .car {
  position: absolute;
  opacity: 0.7;
}
.content#barcode .barcode .backsplash .track .car:nth-child(1) {
  right: 150px;
  transform: rotate(45deg);
  top: 50px;
}
.content#barcode .barcode .backsplash .track .car:nth-child(2) {
  right: 68px;
  top: 10px;
  transform: rotate(75deg);
}
.content#barcode .barcode .backsplash .track .car:nth-child(3) {
  right: -15px;
  transform: rotate(60deg);
  top: -25px;
}

@media only screen and (max-width: 460px) {
  .content-value {
    padding-left: 0;
  }
  .user-page-inner-container .content-data .section#left .sub-section .content-value {
    padding-left: 0;
  }
  .user-page-inner-container .content-data .section#left .sub-section .content-value .form-fields .user-fields {
    flex-direction: column;
  }
  .user-page-inner-container .content-data .section#left .sub-section .content-value .fieldWrapper {
    width: 100%;
    max-width: 100%;
  }
  .user-page-inner-container .content-data .section#left .sub-section .content-value .fieldWrapper label, .user-page-inner-container .content-data .section#left .sub-section .content-value .fieldWrapper:not(.checkbox) input,
  .user-page-inner-container .content-data .section#left .sub-section .content-value .fieldWrapper select {
    width: 100%;
    max-width: 100%;
  }
  .user-page-inner-container .content-data .sub-section .content-value .button-wrapper a {
    width: 100% !important;
  }
  .user-page-inner-container .submit-data-button#show-purchase-orders {
    max-width: 100%;
  }
  .content-value .btn, .content-value .hero-banner span a, .hero-banner span .content-value a {
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* --------------------------------------------------------

    MOBILE_FOOTER

    ---------------------------------------------------- */
.mobile-footer {
  position: sticky;
  bottom: -2px;
  width: 100%;
  padding-bottom: 0.8rem;
  padding-top: 0.5rem;
  background: white;
  z-index: 10;
  display: none;
  border-top: 1px solid rgb(221, 221, 221);
}
@media only screen and (max-width: 660px) {
  .mobile-footer {
    display: flex;
  }
}

.mobile-footer .mobile-footer-item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  background: white;
  padding-bottom: 0.525rem;
  padding-top: 0.525rem;
}
.mobile-footer .mobile-footer-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-footer .mobile-footer-item .selected {
  background: #fff300;
}
.mobile-footer .mobile-footer-item .icon {
  width: 1.3rem;
  height: 1.3rem;
}
.mobile-footer .mobile-footer-item .check-indicator {
  width: 0.6rem;
  height: 0.6rem;
}
.mobile-footer .mobile-footer-item .indicator {
  position: absolute;
  display: flex;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff300;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: black;
  font-size: 0.75rem;
  border: 2px solid white;
  margin-top: -1.5rem;
  margin-right: -1.5rem;
}

.checkout-header ~ .mobile-footer {
  display: none;
}

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