/* ---- TYPOGRAPHY ---- */

h1,
.h1 {
  font-size: 46px;
  line-height: 1.086;
}

h2,
.h2 {
  font-size: 38px;
  line-height: 1.086;
}

h3,
.h3 {
  font-size: 33px;
  line-height: 0.818;
}


h6,
.h6 {
  font-size: 25px;
  line-height: 1.2;
}

p {
  font-size: inherit;
  color: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h6, .h6 {
  text-transform: none;
  letter-spacing: -0.05em;
}

a,
a:hover {
  color: var(--primary);
}

a.text-primary,
a.text-primary:hover,
.wishlist-list-item:hover .wishlist-list-item-title {
  color: var(--primary) !important;
}

.fw-regular {
  font-weight: 400;
}

/* ---- END TYPOGRAPHY ---- */


/* --- */


/* ---- PAGE STRUCTURE ---- */

:root {
  --gutter: 30px;
  --gutter-y: 0;
  --primary: #CDBD93;
  --secondary: #928874;
  --tertiary: #38301A;
  --white: #FFFFFF;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --black: #000000;
  --danger: #ff3636;

  --header-height: 70px;

  --swiper-theme-color: #CDBD93;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.333;
  color: var(--tertiary);
  font-family: Lato, sans-serif;
  background-color: var(--white);
}

@media only screen and (min-width: 768px) {

  body {
    font-size: 18px;
  }
}

.gy-g {
  --gutter-y: var(--gutter, 0);
}

.container, .container-fluid {
  width: 100%;
  padding-left: calc(var(--gutter) / 2);
  padding-right: calc(var(--gutter) / 2);
}

.container {
  max-width: 1140px;
}

.container-fluid {
  max-width: 1920px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--gutter-y) * -1);
}

.row > * {
  margin-top: var(--gutter-y);
}

.sn_page_column.__sn_main_column {
  flex-grow: 1;
}

.sn_main_content {
  width: 100%;
}

.btn {
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: color 0.3s ease,
              background-color 0.3s ease,
              border-color 0.3s ease;
}

.btn .material-icons {
  margin: 0;
}

.btn-primary {
  background-color: var(--primary);
  color: var(--white);
}

.btn-primary:hover,
.btn-primary:disabled:hover,
.btn-primary:active,
.btn-primary:focus-visible,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
  background-color: var(--tertiary);
  color: var(--white);
}

.btn-tertiary {
  background-color: var(--tertiary);
  color: var(--white);
}

.btn-tertiary:hover,
.btn-tertiary:disabled:hover,
.btn-tertiary:active,
.btn-tertiary:focus-visible,
.btn-tertiary:focus,
.btn-tertiary:active:hover,
.btn-tertiary:active:focus {
  background-color: var(--primary);
  color: var(--white);
}

.twitter::before,
.twitter {
  background-image: url('./svgs/x-twitter.svg');
}

.youtube::before,
.youtube {
  background-image: url('./svgs/youtube.svg');
}

.col-xs-12 {
  min-height: auto;
}

/* -- Page fixes -- */
.page-content,
.wishlist-container,
.wishlist-footer-links,
.wishlist-products-container-header,
#pagenotfound .page-not-found,
#products .page-not-found {
  max-width: 1140px;
  margin: 0 auto;
}
/* -- End Page fixes -- */


/* ---- END PAGE STRUCTURE ---- */


/* --- */


/* -- Header -- */

#header {
  box-shadow: none;
}

#header a,
#header .header-top a[data-depth="0"],
.blockcart.cart-preview,
body#checkout a {
  color: inherit;
  transition: color 0.3s ease;
}

#header a:hover,
#header .header-top a[data-depth="0"]:hover,
body#checkout a:hover {
  color: var(--tertiary);
}

#mobile_top_menu_wrapper #top-menu a {
  color: inherit;
  transition: color 0.3s ease;
}


#mobile_top_menu_wrapper #top-menu a:hover,
body.__header_top #header .header-top a[data-depth="0"]:hover,
body.__header_top #header a:hover,
body.__header_top body#checkout a:hover {
  color: var(--primary);
}

/* -- preheader -- */
#header .header-prebanner {
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tertiary);
  color: var(--white);
}

/* -- header top -- */
#header .header-top {
  padding-top: 40px;
  padding-bottom: 0;
}

#header .header-top #_desktop_logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

#header .header-top #_desktop_logo h1 {
  width: 100%;
  max-width: 300px;
}

#header .header-top #_desktop_logo h1 a {
  display: block;
}

#header .header-top #_desktop_logo h1 a img {
  width: 100%;
  height: auto;
}

#header .header-top .main-menu {
  height: var(--header-height);
  display: flex;
  align-items: center;
  background-color: var(--white);
  color: var(--white);
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
  transition: background-color 0.3s ease,
              height 0.3s ease;
}

#header .header-top .main-menu .menu {
  padding-left: 0;
}

body.__header_top #header .header-top .main-menu {
  position: fixed;
}

body.__header_top #header .header-top [data-main-menu] {
  height: var(--header-height);
}


#header .header-top .main-menu ._content {
  display: flex;
  align-items: center;
}

#header .header-top .main-menu ._content .logo_link {
  width: 120px;
  opacity: 0;
  transition: width 0.3s ease,
              opacity 0.3s ease;
}

body.__header_top #header .header-top .main-menu ._content .logo_link {
  opacity: 1;
}

#header .header-top .main-menu ._content .logo_link .logo {
  width: 100%;
  height: auto;
}

#header .header-top .main-menu .user-info {
  display: flex;
  gap: 10px;
}

@media only screen and (min-width: 768px) {

  #header .header-top .main-menu {
    background-color: var(--primary);
  }

  body.__header_top #header .header-top .main-menu {
    background-color: var(--white);
    height: 120px;
    color: var(--tertiary);
  }

  #header .header-top .main-menu ._content .logo_link {
    width: 0;
  }

  body.__header_top #header .header-top .main-menu ._content .logo_link {
    width: 150px;
  }
}

#header .header-top .main-menu ._content #_desktop_user_info {
  margin-left: auto;
  margin-right: 15px;
}

#header .header-top .main-menu ._content .dynhook #_desktop_user_info {
  opacity: 0;
  pointer-events: none;
}

#header .header-top .main-menu ._content .dynhook {
  margin-left: auto;
}

#header .header-top .main-menu ._content .dynhook:before {
  display: none;
}

#header .header-top .main-menu ._content #_desktop_cart .hidden-sm-down {
  display: none;
}

#header .header-top .main-menu ._content .dropdown-item[data-depth="0"] {
  font-weight: 400;
  transition: color .3s ease;
}

#header .header-top .main-menu ._content .dropdown-item[data-depth="1"],
#header .header-top .main-menu ._content .dropdown-item[data-depth="2"] {
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 400;
}

#header .header-top .main-menu ._content .user-info a,
#header .header-top .main-menu ._content #_desktop_cart .header {
  display: flex;
  align-items: center;
  gap: 4px;
}

#header .header-top .main-menu ._content .__burger {
  width: 46px;
  height: 38px;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: var(--primary);
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

#header .header-top .main-menu ._content .__burger:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

#header .header-top .main-menu ._content .__burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background-color: var(--white);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}

#header .header-top .main-menu ._content .__burger span:nth-child(1) {
  top: 10px;
}

#header .header-top .main-menu ._content .__burger span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}

#header .header-top .main-menu ._content .__burger span:nth-child(3) {
  bottom: 10px;
}

body.__menu_open #header .header-top .main-menu ._content .__burger span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

body.__menu_open #header .header-top .main-menu ._content .__burger span:nth-child(2) {
  opacity: 0;
}

body.__menu_open #header .header-top .main-menu ._content .__burger span:nth-child(3) {
  bottom: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}


@media only screen and (min-width: 768px) {

  #header .header-top .main-menu ._content .__burger {
    display: none;
  }
}

#header .header-top .main-menu #mobile_top_menu_wrapper {
  opacity: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  transition: opacity 0.3s ease;
  color: var(--tertiary);
  display: none;
  padding: 25px;
}

#header .header-top .main-menu #mobile_top_menu_wrapper a:hover {
  color: var(--primary);
}

#header .header-top .main-menu #mobile_top_menu_wrapper .mobile_top_menu_wrapper__actions {
  margin-top: 20px;
}


body.__menu_open #header .header-top .main-menu #mobile_top_menu_wrapper {
  display: block;
}

#_desktop_top_menu .top-menu[data-depth="0"] li .sub-menu {
  border-radius: 10px;
}
/* -- header nav -- */
#header .header-nav {
  background-color: var(--secondary);
  border-bottom: 0;
  padding: 10px 0;
  max-height: 100%;
}

#header .header-nav .row {
  display: flex;
  align-items: center;
}

#header .header-nav #_desktop_contact_link #contact-link {
  margin-top: 0;
}

#header .header-nav #_desktop_contact_link #contact-link a {
  color: var(--white);
}

#header .header-nav #search_widget {
  border-radius: 100px;
  margin-bottom: 0;
}

#header .header-nav #search_widget input {
  padding: 5px 10px 5px 40px;
  font-size: 15px;
  background-color: var(--white);
}

#header .header-nav #search_widget .material-icons.search {
  line-height: 16px;
}

#header .top-menu .sub-menu {
  width: auto;
  min-width: auto;
}

#header .menu>ul>li {
  position: relative;
}

.top-menu[data-depth="1"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.top-menu a[data-depth="1"],
#mobile_top_menu_wrapper .top-menu .sub-menu li>a {
  padding: 0;
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul {
  padding: 10px;
}

/* -- End header -- */

/* -- footer -- */
#footer,
#footer .block_newsletter,
body#checkout #footer {
  background-color: var(--secondary);
  padding: 2.5rem 0 0 0;
}

#footer .block_newsletter {
  border-bottom: 0;
  max-width: none;
}

#footer,
#footer p,
#footer a,
#footer .h3,
#footer #block-newsletter-label,
#footer #block_myaccount_infos .myaccount-title a,
#footer .block-contact,
#footer .block-contact .material-icons,
body#checkout #footer a {
  color: var(--white);
}

body#checkout #footer a:hover {
  color: var(--white);
}

@media only screen and (max-width: 991px) {

  .block-contact {
    padding-left: calc(var(--gutter) / 2);
  }
}

#footer .title[data-toggle="collapse"] {
  width: 100%;
  display: flex;
  align-items: center;
}

#footer .float-xs-right {
  margin-left: auto;
}

#footer .title[data-toggle="collapse"],
#footer .footer-container .h3 {
  margin-bottom: 0;
}

#footer li,
#footer ul {
  background-color: transparent;
}

#footer ul li {
  padding-bottom: 5px;
}

#footer ul li:last-child {
  padding-bottom: 20px;
}

#footer ul li:first-child {
  padding-top: 20px;
}

#footer li {
  margin: 0;
  border-bottom: 0;
}

#footer .footer-container {
  padding-bottom: 40px;
}

#footer .footer-after-container {
  background-color: var(--tertiary);
  padding: 20px 0;
}

#footer .footer-after-container p {
  margin-bottom: 0;
}


/* -- End footer -- */


/* ---- BLOCKS ---- */

#wrapper {
  padding: 0;
  margin: 0;
  background-color: inherit;
}

/* -- Custom text -- */
#custom-text {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  text-align: left;
}
/* -- End Custom text -- */

/* -- About Us -- */
.aboutus-container {
  margin-bottom: 60px;
}

.aboutus-container .aboutus-pretitle {
  color: var(--primary);
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
}

.aboutus-container .aboutus-title {
  color: var(--secondary);
  margin-bottom: 10px;
}

/* -- End About Us -- */


/* -- Infoblock -- */
.infoblocks-container {
  margin-bottom: 60px;
}
.infoblock-container__content {
  overflow: hidden;
  color: var(--white);
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--primary);
  padding: 10px;
}

.infoblock-container__content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  z-index: 2;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.infoblock-container__content:hover::after {
  opacity: 1;
}

.infoblock-container__content .infoblock-link {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
  text-decoration: none;
}

.infoblock-container__content img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.infoblock-container__content__text {
  position: relative;
  z-index: 3;
}

.infoblock-container__content h3 {
  color: var(--white);
  font-weight: 400;
}
.infoblock-container__content p {
  margin-top: 20px;
  color: var(--white);
  font-size: 20px;
}

.infoblocks-container.row{
  padding: 15px 0 15px 0;
}

/* -- End Infoblock -- */


/* -- Image Slider -- */
.carousel {
  margin-bottom: 60px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  left: auto;
  margin-left: 0;
}

.carousel .carousel-inner {
  height: 600px;
  margin-bottom: 0;
}

.carousel .carousel-item {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.carousel .carousel-item .carousel-item__in {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}

.carousel .carousel-item .carousel-item__in.image-container figure {
  width: 100%;
  height: 100%;
}

.carousel .carousel-item .carousel-item__in.image-container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel .carousel-item .carousel-item__in.video-container iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.carousel .carousel-item .carousel-item__in.video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

.carousel .carousel-item .carousel-item__in.image-container figure:after,
.carousel .carousel-item .carousel-item__in.video-container:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  z-index: 2;
}


@media (min-aspect-ratio: 16/9) {
  .carousel .carousel-item .carousel-item__in.video-container iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .carousel .carousel-item .carousel-item__in.video-container iframe {
    width: 177.78vh;
  }
}

.carousel .carousel-item .text-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  color: var(--white);
  padding: 50px;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {

  .carousel .carousel-item .text-container {
    align-items: end;
    padding: 50px 20px;
  }

  .carousel .carousel-item .text-container .display-1 {
    font-size: 36px;
  }
}


/* Icon navigation */
.carousel .carousel-control .icon-prev i, .carousel .carousel-control .icon-next i {
  background-color: transparent;
  font-size: 50px;
  transition: color .35s ease;
}

.carousel-indicators li {
  border-color: var(--tertiary);
}

.carousel-indicators .active {
  background-color: var(--tertiary);
}

@media (max-width: 991px) {

  .carousel .direction .carousel-control .icon-prev {
    left: 10px;
  }

  .carousel .direction .carousel-control .icon-next {
    right: 10px;
  }
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
  color: var(--primary);
}

/* -- End Image Slider -- */

/* Reassurance */
.sn_reassurances {
  background-color: var(--secondary);
  color: var(--white);
  padding: 50px 0;
  margin-bottom: 60px;
}

.sn_reassurances .sn_reassurances__item .sn_reassurances__title {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.sn_reassurances .sn_reassurances__item .sn_reassurances__title img {
  width: 90px;
  height: auto;
}

.sn_reassurances .sn_reassurances__item .sn_reassurances__title h6 {
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .sn_reassurances .sn_reassurances__item .sn_reassurances__title {
    gap: 8px;
    margin-bottom: 15px;
  }
}


/* -- End Reassurance -- */

/* -- Brands -- */

/* #search_filters_brands .facet-label {
  margin-bottom: 10px;
} */

#search_filters_brands .search_filters_brands__i {
  position: relative;
  height: 200px;
}

#search_filters_brands .search_filters_brands__i img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* -- End Brands -- */


/* -- Faq -- */
.sn_faq .card {
  border-bottom: 1px solid var(--tertiary);
}

.sn_faq .card .card-header {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.sn_faq .card button {
  width: 100%;
  padding: 20px;
  text-align: left;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  position: relative;
}

.sn_faq .card button:focus,
.sn_faq .card button:focus-visible,
.sn_faq .card button:active {
  outline: none;
}

.sn_faq .card button:before,
.sn_faq .card button:after {
  content: '';
  display: block;
  width: 25px;
  height: 1px;
  background-color: var(--tertiary);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .3s ease;
}

.sn_faq .card button[aria-expanded="false"]:before {
  transform: translateY(-50%) rotate(90deg);
}

.sn_faq .card .card-body {
  padding: 20px;
  color: var(--tertiary);
}

.sn_faq .card .card-body p:last-child {
  margin: 0;
}

/* -- End Faq -- */

/* ---- END BLOCKS ---- */

/* -- form -- */
form label,
form .form-control,
form h3 {
  color: var(--tertiary);
}

form label {
  padding-top: 0;
}

.form-control::placeholder {
  color: var(--secondary);
}

.form-control:active::placeholder {
  color: var(--secondary);
}

.form-control:focus,
.block_newsletter form input[type=email]:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid var(--secondary);
}

.block_newsletter form input[type=email]:focus {
  padding: 11px;
}

.form-control,
.block_newsletter form input[type=email] {
  border: 1px solid var(--secondary);
  border-radius: 5px;
  background-color: var(--white);
}

/* -- END form -- */



/* -- PDP -- */
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
  border: 3px solid var(--primary);
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid var(--primary);
}

.tabs .nav-tabs .nav-link.active {
  color: var(--primary);
}

.product-price {
  color: var(--primary);
}

#product-availability .material-icons {
  line-height: normal;
}

.product-variants-item .custom-checkbox input[type=checkbox]+span.color,
.product-variants-item .variant-links .color,
.product-variants-item label .color,
.product-variants-item .input-color {
  width: 50px;
  height: 50px;
}

#product-modal .modal-content .modal-body .product-images img {
  border: 3px solid var(--primary);
  transition: border-color .3s ease;
}

#product-modal .modal-content .modal-body .product-images img:hover {
  border-color: var(--tertiary);
}

#product-availability .product-last-items,
#product-availability .product-unavailable {
  color: var(--danger);
}

#product-availability {
  display: flex;
  align-items: center;
  gap: 5px;
}

.product-discounts {
  margin-bottom: 10px;
}

#blockcart-modal .product-name {
  color: var(--primary);
}

#product-modal .modal-dialog {
  max-width: 800px;
}

#product-modal .modal-content .modal-body {
  margin: 0;
}

#product-modal .modal-content .modal-body figure {
  width: 100%;
  margin: 0;
  flex-shrink: 0;
}

#product-modal .modal-content .modal-body figure picture {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  display: block;
  overflow: hidden;
}

#product-modal .modal-content .modal-body,
body#checkout section.checkout-step .delivery-option-2 {
  /* flex-direction: column; */
  gap: 20px;
}

#product-modal .modal-content .modal-body .product-cover-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: contain;
}

#product-modal .modal-content .modal-body .product-images {
  margin-left: 0;
}

#product-modal .modal-content .modal-body .mask {
  max-height: 710px;
}

#product-modal .modal-content .modal-body .arrows {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  right: 0;
  z-index: 10;
  pointer-events: none;
}

#product-modal .modal-content .modal-body .arrows i {
  pointer-events: all;
}

@media only screen and (max-width: 1199px) {

  #product-modal .modal-dialog {
    max-width: 600px;
  }

  #product-modal .modal-content .modal-body .mask {
    max-height: 510px;
  }
}

@media only screen and (max-width: 991px) {

  #product-modal .modal-content .modal-body {
    flex-direction: column;
  }

  #product-modal .modal-dialog {
    max-width: 700px;
  }

  #product-modal .modal-content .modal-body .mask {
    max-height: 900px;
  }

  #product-modal .modal-content .modal-body .arrows {
    display: none;
  }
}


/* lense magnifier */
.img-magnifier-glass {
  position: absolute;
  z-index: 10;
  border: 1px solid  var(--primary);
  /* border-radius: 50%; */
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 600px;
  height: 400px;
  opacity: 0;
  pointer-events: none;
  background-color: var(--white);
  transition: opacity .1s ease;
}

#product-modal .modal-content .modal-body figure picture:hover .img-magnifier-glass {
  opacity: 1;
}

/*
.product-quantity .qty,
.product-quantity .add {
  margin: 0;
}

.product-quantity {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
} */

.__hide_length .sales_length {
  display: none;
}

.product-reference {
  font-size: 20px;
  margin-bottom: 10px;
}
.product-reference .label {
  font-size: 20px;
  font-weight: 500;
}
/* -- END PDP -- */

/* -- PLP -- */
.product-flags li.product-flag {
  background-color: var(--secondary);
}

.product-miniature .highlighted-informations .quick-view:hover {
  color: var(--primary);
}

.custom-checkbox input[type=checkbox]+span.color,
.variant-links .color,
label .color,
.input-color {
  width: 25px;
  height: 25px;
}

.pagination .page-list {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.pagination>div:first-child {
  padding-left: var(--gutter);
  line-height: normal;
}

.pagination .page-list li.current a {
  font-size: inherit;
  color: var(--primary);
  border-color: var(--primary);
}

.pagination .page-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  border: 1px solid var(--tertiary);
  transition: color .3s ease,
            border-color .3s ease;
}

.pagination .page-list li a:hover {
  border-color: var(--primary);
}

.pagination a {
  letter-spacing: normal;
}

.products-selection {
  margin-bottom: 30px;
}

.products-selection .sort-by {
  margin-left: 0;
}

.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
  background-color: var(--primary);
}

.block-categories,
#search_filters,
#search_filters_suppliers {
  background: var(--gray-100);
}

.btn-unstyle.select-title {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#category #search_filter_toggler {
  width: auto;
}

#category #left-column #search_filters_wrapper {
  margin-left: 0;
  margin-right: 0;
}

#search_filters .facet .facet-label a {
  width: calc(100% - 40px);
}

#subcategories ul li:hover .subcategory-image a {
  border: 5px solid var(--primary);
}

#subcategories ul li a.subcategory-name:focus {
  color: inherit;
}

#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover {
  color: var(--primary);
}

.custom-checkbox input[type=checkbox]+span.color,
.custom-checkbox input[type=checkbox]+span.color,
.variant-links .color,
.variant-links .color,
label .color,
label .color {
  border: 2px solid;
}

.custom-checkbox input[type=checkbox]+span.color.active,
.custom-checkbox input[type=checkbox]+span.color:hover,
.variant-links .color.active,
.variant-links .color:hover,
label .color.active,
label .color:hover {
  border: 2px solid var(--tertiary);
}

.custom-checkbox input[type=checkbox]+span,
.custom-checkbox input[type=checkbox]{
  width: 25px;
  height: 25px;
}

.custom-checkbox input[type=checkbox] {
  margin-top: 10px;
}

.custom-checkbox input[type=checkbox]+span .material-icons {
  font-size: 25px;
}

.facet-label .custom-checkbox span.color,
.custom-checkbox input[type=checkbox]+span.color,
.custom-checkbox input[type=checkbox]+span.color,
.variant-links .color,
.variant-links .color,
label .color,
label .color,
.custom-checkbox input[type=checkbox]+span {
  border: 2px solid var(--gray-500);
  transition: border-color .3s ease;
}

.facet-label:hover .custom-checkbox span.color,
.facet-label.active .custom-checkbox span.color {
  border-color: var(--primary);
  border-width: 2px;
}

.custom-checkbox input[type=checkbox]+span .material-icons {
  color: var(--primary);
}

.active_filters .filter-block {
  margin-bottom: 0;
  margin-right: 0;
}

.active_filters ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.active_filters .filter-block .close {
  margin-top: 0;
}

.active_filters .active-filter-title {
  display: block;
  margin-bottom: 15px;
}

.active_filters {
  padding: 15px;
}

/* -- END PLP -- */

/* -- CMS -- */
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
  background: var(--primary);
}

.page-content.page-cms {
  padding: 0;
}
/* -- END CMS -- */

/* -- Contact Form -- */
.contact-form #file-upload {
  width: 0;
}
/* -- END Contact Form -- */

/* -- Registration Form -- */
.page-authentication #content,
.page-registration #content {
  max-width: 1200px;
}

.input-group.focus {
  outline: .1875rem solid var(--primary);
}

.product-variants-item .input-color+span.color {
  opacity: .6;
  border-color: var(--gray-500);
  transition: opacity .3s ease,
              border-color .3s ease;
}

.product-variants-item .input-color:checked+span.color,
.product-variants-item .input-color:checked+span.color,
.product-variants-item .input-color:hover+span.color {
  opacity: 1;
  border-color: var(--black);
}

/* -- END Registration Form -- */

/* -- Sitemap -- */
.sitemap h2,
.sitemap  ul {
  margin-left: 0;
}
/* -- END Sitemap -- */


/* -- Wishlist -- */
.wishlist-footer-links {
  margin-bottom: 20px;
}

.wishlist-add-to-new i {
  color: var(--primary) !important;
}

.wishlist-list-item p {
  color: var(--tertiary) !important;
}

#footer .wishlist-modal .modal-text,
#footer .wishlist-modal p.modal-text {
  color: var(--tertiary);
}
/* -- END Wishlist -- */

/* -- Cart -- */
.cart-grid-body .card-block h1 {
  font-size: 46px;
  line-height: 1.086;
}

.card-block {
  padding: 1.25rem 0 0;
}

.unit-price-cart{
  display: none;
}
/* -- END Cart -- */

/* -- Checkout -- */
.custom-radio input[type=radio]:checked+span {
  background-color: var(--primary);
}

body#checkout .container {
  min-height: auto;
}
/* -- END Checkout -- */