:root {
  --button-height: 50px;

  --color-red: #ce0000;
  --color-dark: #212529;
  --color-secondary: #999;
  --color-light: #fff;
  --color-accent: #fff;
  --background: #fff;

  --size-xxl: normal normal normal 56px/69px "proxima-nova-wide", sans-serif;
  --size-xtl: normal normal normal 36px/45px "proxima-nova-wide", sans-serif;
  --size-xsl: normal normal normal 32px/39px "proxima-nova-wide", sans-serif;
  --size-xml: normal normal normal 28px/39px "proxima-nova-wide", sans-serif;
  --size-xl: normal normal normal 25px/30px "proxima-nova-wide", sans-serif;
  --size-xdl: normal normal normal 20px/25px "proxima-nova-wide", sans-serif;
  --size-xmd: normal normal normal 18px/25px "proxima-nova-wide", sans-serif;
  --size-16: normal normal normal 16px/19px "proxima-nova-wide", sans-serif;
  --size-mds: normal normal normal 15px/25px "proxima-nova-wide", sans-serif;
  --size-md: normal normal 600 12px/15px "proxima-nova-wide", sans-serif;
  --size-mdx: normal normal bold 18px/23px "proxima-nova-wide", sans-serif;
  --size-smd: normal normal normal 14px/25px "proxima-nova-wide", sans-serif;
  --size: normal normal normal 14px/20px "proxima-nova-wide", sans-serif;
  --size-14: normal normal normal 14px/28px "proxima-nova-wide", sans-serif;
  --size-smds: normal normal normal 13px/25px "proxima-nova-wide", sans-serif;
  --size-sxs: normal normal 300 13px/32px "proxima-nova-wide", sans-serif;
  --size-sm: normal normal normal 12px/25px "proxima-nova-wide", sans-serif;
  --size-xs: normal normal normal 11px/25px "proxima-nova-wide", sans-serif;
  --size-xxs: normal normal bold 12px/18px "proxima-nova-wide", sans-serif;
  --size-12: normal normal normal 12px/15px "proxima-nova-wide", sans-serif;

  --space: 1.5rem;
  --space-half: 0.75rem;
  --space-quarter: 0.375rem;
  --space-onehalf: 2.25rem;
  --space-double: 3rem;
  --space-triple: 4.5rem;
  --space-sixfold: 9rem;
  --space-quad: 6rem;

  --space-negative: -1.5rem;
  --space-half-negative: -0.75rem;
  --space-quarter-negative: -0.375rem;
  --space-onehalf-negative: -2.25rem;
  --space-double-negative: -3rem;
  --space-triple-negative: -4.5rem;
  --space-sixfold-negative: -9rem;
  --space-quad-negative: -6rem;

  --line: 1rem;

  --header-height: 60px;

  --border-color: #ebebeb;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1760px;
}

html {
  font-size: 100%;
}

body {
  font: var(--size);
  font-weight: var(--font-weight-normal);
  line-height: 1.6;
  background: var(--background);
  font-family: "proxima-nova-wide", sans-serif;
  color: black;
}

#content {
  min-height: 35rem;
}

.common_home #content {
  min-height: unset;
}

@media (max-width: 992px) {
  :root {
    /*--size: normal normal normal 13px/20px Effra;
		--size-xs: normal normal normal 11px/22px Effra;
		--size-sxs: normal normal normal 12px/22px Effra;
		--size-smds: normal normal normal 13px/24px Effra;
		--size-smd: normal normal normal 13px/24px Effra;
		--size-md: normal normal normal 15px/25px Effra;
		--size-mds: normal normal normal 16px/24px Effra;
		--size-xmd: normal normal normal 18px/25px Effra;
		--size-sm: normal normal normal 12px/16px Effra;
		--size-xl: normal normal normal 23px/25px Effra;
		--size-xdl: normal normal normal 21px/42px Effra;
		--size-xml: normal normal normal 23px/39px Effra;
		--size-xsl: normal normal normal 28px/36px Effra;
		--size-lg:normal normal normal 18px/25px Effra;
		--size-xtl: normal normal normal 36px/25px Effra;
		--size-xxl: normal normal normal 36px/42px Effra;*/
  }
}

@media (min-width: 1920px) {
  html {
    /* font-size: 112.5%; */
  }
}
@media (min-width: 1220px) {
.desktop-megamenu-inner-brands li img {
    filter: grayscale(0.8) opacity(0.5);
}
.desktop-megamenu-inner-brands li:hover img {
    transition:all .3s ease;
    filter: grayscale(0) opacity(1);
}
}

/* TYPORGAPHY */
a {
  color: var(--color-dark);
  text-decoration: none;
}

a:hover {
  color: var(--bs-gray-dark);
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
  color: var(--color-dark);
}

.alert-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.alert-danger {
  color: #fff;
  background-color: #d52925;
  border-color: #d52925;
}

.alert-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.alert-info {
  color: #fff;
  background-color: #3c9ce2;
  border-color: #3c9ce2;
}

.modal-header {
  position: relative;
}

.modal-header button {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.alert-success a,
.alert-danger a,
.alert-warning a,
.alert-info a {
  color: #fff;
  text-decoration: underline;
}

.alert-fixed {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  min-width: 50rem;
  max-width: calc(100% - 6rem);
  margin-right: auto;
  margin-left: auto;
  transform: translateX(-50%);
  z-index: 4;
}

.alert-fixed + .alert-fixed {
  bottom: 5rem;
}

.alert > i {
  position: relative;
  top: 1px;
}

.btn-close {
  color: #000;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
}

.preheader {
  background: black;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  padding: 0 30px;
}

.preheader span {
  gap: 18px;
  display: flex;
}

.preheader a {
  color: #fff;
  text-decoration: underline;
}

.preheader .prehsmall {
  font: var(--size-sxs);
  line-height: 16px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preheader span:last-child {
  display: flex;
  align-items: center;
  margin: auto;
  cursor: pointer;
}

#header .lang-header {
  display: flex !important;
}
#header .lang-mobile {
  display: none !important;
}
.footer-lang .lang-header {
  display: none !important;
}
/* MODALS */

.modal-content {
  padding: 1rem 2rem;
}

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

.modal-header,
.modal-body,
.modal-footer {
  padding-left: 0;
  padding-right: 0;
}

.modal-header .modal-title {
  font-weight: bold;
  font-size: 1.25rem;
}

.modal-footer {
  border: 0;
  justify-content: center;
}

.btn-close-extra {
  box-sizing: content-box;
  height: 1rem;
  padding: 0.25rem 0.25rem 0.25rem 1.75rem;
  color: #000;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    left 75%/0.75rem auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

/* PAGINATION */

.page-link {
  color: var(--color-dark);
  border-color: #e1e1e1;
  line-height: 1.875rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  text-align: center;
  border: 0;
  margin-left: 0.125rem;
}

.page-item.active .page-link {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  border: 0;
  border-radius: 50%;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 50%;
}

.page-item .page-link:hover {
  border-radius: 50%;
  margin-left: 0.125rem;
  color: var(--color-dark);
  border: 0;
}

.page-item:not(:first-child) .page-link {
  margin-left: 0.125rem;
}

#pagination-bottom nav ul {
  justify-content: center;
}

#pagination-top nav ul {
  justify-content: flex-end;
}

#pagination-bottom {
  border-top: 1px solid #e1e1e1;
  margin-top: var(--space-double);
  padding-top: var(--space);
}

/* GRID */
@media (min-width: 1200px) {
  .container-sm {
    max-width: 1140px;
  }

  .container-xxl {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container-xxl,
  .container-fluid,
  .container {
    padding-right: var(--space);
    padding-left: var(--space);
  }
}

@media (min-width: 1600px) {
  .container-xxl,
  .container-fluid {
    max-width: 100%;
    padding-right: var(--space-triple);
    padding-left: var(--space-triple);
  }
}

@media (min-width: 1900px) {
  .container-xxl {
    max-width: 1800px;
  }
}

.container-account {
  max-width: 60rem;
}

/* GLYPHTER */

@font-face {
  font-family: "Glyphter";
  src: url("../fonts/glyphter-font/Glyphter.eot");
  src: url("../fonts/glyphter-font/Glyphter.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/glyphter-font/Glyphter.woff") format("woff"),
    url("../fonts/glyphter-font/Glyphter.ttf") format("truetype"),
    url("../fonts/glyphter-font/Glyphter.svg#Glyphter") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*="icon-"]:before {
  display: inline-block;
  font-family: "Glyphter";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user-check-interface-symbol:before {
  content: "\0041";
}

.icon-heart:before {
  content: "\0042";
}

.icon-shopping-bag:before {
  content: "\0043";
}

.icon-user:before {
  content: "\0044";
}

.icon-like:before {
  content: "\0045";
}

/* BUTTONS */

.btn {
  font: var(--size-smd);
  padding: 0.625rem 1.25rem;
  border-radius: 0.1875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 1px;
}

.input-group .btn {
  height: 100%;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 0.75rem 1.75rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  line-height: 1.75rem;
}

.btn-primary {
  color: black;
  background-color: #fff;
  border-color: black;
}

.btn-primary:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0.25rem 0.25rem rgb(0 0 0 / 25%);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  box-shadow: 0 0 0.25rem 0.25rem rgb(0 0 0 / 25%);
}

.btn-default {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #a0a0a0;
  border-radius: 0.1875rem;
}

.btn-default:hover {
  color: #000000;
  background-color: #fff;
  border-color: #e1e1e1;
}

.btn-check:active + .btn-default:focus,
.btn-check:checked + .btn-default:focus,
.btn-default.active:focus,
.btn-default:active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0.25rem 0.25rem rgb(0 0 0 / 25%);
}

.btn i + span,
.btn span + i {
  padding-left: 0.375rem;
}

.btn i + span {
  padding-right: 0.375rem;
}

.btn-sorting {
  font: var(--size-smd);
  padding: 0 0 0 0;
  line-height: 1.25rem;
  text-align: left;
  display: flex;
  align-items: center;
  margin-right: 0;
}

.btn-sorting p {
  text-decoration: underline;
}

.btn-sorting span {
  font-weight: normal;
  margin-left: var(--space-half);
  font: var(--size-smds);
}

.btn-sorting:focus {
  box-shadow: none;
}

.btn-sorting.dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  border: 0;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
  padding-left: 0.5rem;
}

.btn-sorting.dropdown-toggle.show::after {
  content: "\f106";
}

.btn-limits {
  font: var(--size-smd);
  padding: 0 0 0 0;
  line-height: 1.25rem;
  text-align: left;
  font: var(--size-smd);
  font-weight: 600;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #c8c8c8;
  padding: var(--space-half);
}

.btn-limits span {
  font-weight: normal;
  margin-left: var(--space-half);
}

.btn-limits:focus {
  box-shadow: none;
}

.btn-limits.dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  border: 0;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
  padding-left: 0.5rem;
}

.btn-limits.dropdown-toggle.show::after {
  content: "\f106";
}

.btn-generic {
  background-color: var(--bs-white);
  border-color: var(--color-dark);
  color: var(--color-dark);
  border-radius: 0;
  font-size: 0.625rem;
  font-weight: 100;
  padding: 0.625rem var(--space-double);
  letter-spacing: 0.125rem;
  transition: 300ms ease-in-out;
}

.btn-generic:hover {
  color: var(--bs-white);
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}

/* FORMS */

.form-select,
.form-control {
  padding: 0.625rem 0.75rem;
  border: 1px solid #e1e1e1;
  border-radius: 0.25rem;
  line-height: 1.25rem;
  font: var(--size-smd);
}

.form-control + .text-danger {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

form .required label:after {
  content: "*";
  color: var(--bs-red);
  padding-left: 0.125rem;
}

/* HEADER */

.header-top-bar {
  background: var(--color-dark);
  color: var(--bs-white);
  height: var(--preheader-height);
  font: var(--size-sm);
}

.header-top-bar .header-top-bar-row {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.header-top-bar .header-top-bar-block > span + span {
  margin-left: var(--space);
}

.header-top-bar .header-top-bar-block {
  height: var(--preheader-height);
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.header-top-bar .header-top-bar-block a {
  text-decoration: none;
}

.header-top-bar .header-top-bar-block .header-order-label {
  font-weight: var(--font-weight-light);
  letter-spacing: 1.2px;
}

.header-top-bar .header-top-bar-block .header-order-phone {
  font-weight: var(--font-weight-light);
  color: var(--text-color);
  letter-spacing: 1.2px;
}

.header-top-bar .header-top-bar-block-1,
.header-top-bar .header-top-bar-block-3 {
  font: var(--size-xs);
}

.header-top-bar .header-top-bar-last-offer {
  letter-spacing: 1.2px;
  font-weight: var(--font-weight-light);
}

.header-top-bar .header-top-bar-block span i {
  margin-right: calc(var(--bs-gutter-x) / 4);
}

.header-top-bar .header-top-bar-block span a:last-child i {
  margin-right: 0;
}

.header-top-bar .header-top-bar-block-2 .header-top-bar-sale {
  letter-spacing: 1.2px;
}

.header-top-bar .header-top-bar-block-2 .header-top-bar-offer a {
  display: inline-flex;
  align-items: center;
  color: var(--bs-white);
  letter-spacing: 1.2px;
  font-weight: var(--font-weight-xlight);
}

.header-top-bar .header-top-bar-block-2 .header-top-bar-offer span {
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
  margin-left: calc(var(--bs-gutter-x) / 4);
  position: relative;
  top: 2px;
}

.header-top-bar .header-top-bar-block-2 .header-top-bar-offer i {
  margin: 0;
}

#header {
  position: sticky;
  top: 0;
  z-index: 11;
  transition: transform 0.3s ease;
  will-change: transform;
  background: var(--background);
}

.offcanvas-open #header.hide-on-scroll {
  transform: none;
}

#header.hide-on-scroll {
  transform: translateY(calc(-1 * var(--header-height)));
}

#logo {
  max-width: var(--logo-header-width);
  display: flex;
}

#logo .logo-text {
  font-size: 2.25rem;
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.125rem;
}

#header .header-main-wrapper {
  height: var(--header-height);
  align-content: center;
}

.header-main {
  height: var(--header-height);
}

.header-main-block {
  display: flex;
  align-items: center;
}

.header-main-block-left {
  justify-content: flex-start;
}

.header-main-block-center {
  justify-content: center;
}

.header-main-block-right {
  justify-content: flex-end;
}

.header-main-block-icon {
  position: relative;
  margin-right: calc(var(--bs-gutter-x) * 2);
}

.header-main-block-icon > a,
.header-main-block-icon > button {
  font-size: var(--size-h3);
}

.header-main-block-icon > a {
  font-size: 20px;
}

.header-main-block-icon:first-child {
  margin-right: calc(var(--bs-gutter-x) * 2);
}

.header-main-block-icon:last-child {
  margin-right: 0;
}

.header-main-block-icon .ho-total-counter {
  font-size: var(--size-xs);
  line-height: 0.75rem;
  position: absolute;
  bottom: -0.5rem;
  left: -0.75rem;
  width: 1rem;
  height: 1rem;
  background: transparent;
  border-radius: 100%;
  border: 1px solid #e1e1e1;
  margin: 0;
  padding: 0;
  text-align: center;
}

.header-main-block-icon .ho-total-counter[data-has-total="0"] {
  display: flex;
  align-items: center;
  display: none;
}

#header .header-utilities [class*="icon-"] {
  font: var(--size-h3);
}

/* HEADER SEARCH */

.header-utilities .header-search-btn {
  display: flex;
  min-width: 240px;
  justify-content: space-between;
  align-items: center;
}

/* .header-utilities .header-search-btn .header-search-text {
	font-size: .75rem;
	line-height: 1.25rem;
	position: relative;
	top: -2px;
	margin-left: .75rem;
	border-bottom: solid 1px var(--color-dark);
} */
.header-search .header-top-bar-block {
  width: 100%;
}

.header-search .header-search-btn {
  display: flex;
  align-items: center;
  border: solid 1px #e1e1e1;
  border-radius: 3rem;
  padding: 0.5rem 1rem;
  width: 100%;
}

.header-search .header-search-btn > i {
  font-size: 1.25rem;
}

.header-search .header-search-btn .header-search-text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  position: relative;
  margin-left: 1rem;
}

/* === MEGA MENU & MAIN NAVIGATION === */

.main-nav-bar {
  height: var(--header-height);
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 300;
}

.main-nav {
  height: var(--header-height);
  background: transparent;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  box-shadow: none;
  border: none;
}

.main-nav-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  justify-content: start;
}

.main-nav-item {
  display: flex;
  align-items: center;
  height: var(--header-height);
  position: relative;
  background: none;
  border: none;
}

.main-nav-link {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 24px;
  text-decoration: none;
  color: #000;
  background: transparent;
  font: var(--size-xxs);
  letter-spacing: 2px;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

.nav-separator {
  display: none;
}

/* Remove vertical nav overrides */
.main-nav,
.main-nav-list,
.main-nav-item {
  flex-direction: row !important;
}

.main-nav-link .title {
  font: var(--size-xs);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 3px;
}

.main-nav-link .desc {
  font: var(--size-smd);
  color: #707070;
  line-height: 1.2;
  margin-top: 0.25rem;
}

.submenu {
  list-style: none;
  margin: 0;
  padding-left: var(--space);
  background: #f9f9f9;
}

.submenu-item {
  border-bottom: 1px solid #eaeaea;
}

.submenu-link {
  display: block;
  padding: var(--space-half) var(--space);
  font: var(--size-xs);
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.submenu-link:hover {
  color: #009999;
  background-color: #f4f4f4;
}

.submenu .submenu {
  padding-left: var(--space-half);
  background: #f2f2f2;
}

.main-nav-item.has-children > .main-nav-link::after {
  content: "›";
  color: #707070;
  font: var(--size-xs);
  margin-top: 0.25rem;
  margin-left: auto;
  align-self: center;
}

.nav-separator {
  height: 1px;
  background: #000;
}

.menu-filters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: fit-content;
  margin-top: var(--space-half);
}

.megamenu-banner-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: fit-content;
}

.megamenu-content-title {
  font: var(--size-smd);
  font-weight: 600;
  margin-top: var(--space-half);
}

.megamenu-content-desc {
  font: var(--size-smd);
}

.menu-filters .menu-filter a {
  display: flex;
  align-items: center;
  font: var(--size-sm);
  font-weight: 600;
}

.menu-filters .menu-filter span {
  margin-left: var(--space-half);
}

#desktopMenu .offcanvas-body {
  height: 100%;
  overflow: visible;
}

#desktopMenu .main-nav {
  height: 100%;
  box-shadow: 3px 0px 10px #0000001a;
}

#desktopMenu.offcanvas-start {
  top: calc(var(--header-height) + 40px);
  height: calc(100% - var(--header-height));
  border-right: 0px;
}

.desktop-megamenu.flyover {
  position: fixed;
  top: var(--header-height);
  left: 0px;
  right: 0px;
  bottom: 0;
  z-index: 200;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}

.desktop-megamenu.flyover.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.desktop-megamenu-flyover-wrap {
  background: #fff;
}

.desktop-megamenu-inner {
  /* Add your inner styles here */
}

.desktop-megamenu-inner h4 {
  /* Add your h4 styles here */
}

.desktop-megamenu-inner ul li a {
  /* Add your link styles here */
}

.megamenu-title {
  /* ... */
}

.megamenu-title-column {
  /* ... */
}

.megamenu-title-column-title {
  /* ... */
}

.megamenu-title-column-description {
  /* ... */
}

.megamenu-buttons-row {
  /* ... */
}

.megamenu-buttons-row .button-new-products {
  /* ... */
}

.megamenu-buttons-row .button-sales {
  /* ... */
}

.megamenu-column {
  /* ... */
}

.megamenu-column.has-third-level .megamenu-column-wrap {
  /* ... */
}

.megamenu-category-group {
  /* ... */
}

.megamenu-category-title {
  /* ... */
}

.megamenu-category-title a {
  /* ... */
}

.has-third-level .megamenu-category-title {
  /* ... */
}

.megamenu-banner {
  /* ... */
}

.megamenu-banner img {
  /* ... */
}

.megamenu-back-button {
  /* ... */
}

.megamenu-back-button i {
  /* ... */
}

.category-back-button {
  /* ... */
}

.category-back-button span {
  /* ... */
}

.category-back-button i {
  /* ... */
}

.all-categories-link {
  /* ... */
}

.open-third-panel {
  /* ... */
}

.open-third-panel:after {
  /* ... */
}

/* End Mega Menu & Main Navigation Section */

/* === PANEL SYSTEM === */
.header-main-panel-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.header-main-panel-group .panel-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding-left:var(--space-half);
	padding-right:var(--space-half);*/
}

.header-main-panel-group .panel-item .icon {
  color: var(--color-dark);
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
}

header .cart-total {
  font: var(----size-smd);
  line-height: 32px;
}

.menu-cart-icon {
  position: relative;
}

.panel-box {
  display: none;
  position: absolute;
  top: calc(100%);
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-light);
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 999;
  min-width: 300px;
  padding: 1rem;
  font-size: 12px;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

.panel-box.cart-panel {
  right: 0;
  left: auto;
  transform: none;
}

.panel-box .title {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 0.5rem;
  color: var(--color-dark);
  text-transform: uppercase;
}

.panel-box p {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-dark);
  margin-bottom: 0.75rem;
}

.panel-box .btn {
  position: relative;
}

.logout-panel {
  border-top: 1px solid #e1e1e1;
  margin-top: var(--space-half);
}

.panel-box .btn i {
  position: absolute;
  left: var(--space-half);
  top: 50%;
  transform: translateY(-50%);
}

.panel-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.panel-box ul li {
  margin-bottom: 0.4rem;
  font-size: 12px;
  text-align: left;
  padding-top: var(--space-quarter);
  padding-bottom: var(--space-quarter);
}

.panel-box ul li i {
  margin-right: var(--space-half);
}

.panel-box ul li a {
  color: var(--color-dark);
  text-decoration: none;
}

.panel-box a.btn {
  display: flex;
  width: 240px;
  border: 1px solid var(--color-dark);
  font: var(--size-sm);
  font-weight: 600;
  text-align: center;
  padding: var(--space-half) var(--space);
  align-items: center;
  justify-content: center;
  width: 100%;
}

.panel-box a.btn:hover {
  background: var(--color-dark);
  color: var(--color-light);
}

.panel-box a.btn + a.btn {
  margin-top: var(--space-half);
}

.panel-item:hover .panel-box {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

#search {
  padding: 0;
  -webkit-border-radius: 0;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  max-width: 1800px;
  margin: auto;
  padding: 3rem 0 0 0;
}

#search > button i {
  color: var(--icon-color);
  font-size: 1.125rem;
}

#search i:hover {
  color: var(--icon-color-hover);
  cursor: pointer;
}

#search .select-categories-header-search {
  display: flex;
  align-items: center;
  flex: 0 0 var(--bs-gutter-x);
  opacity: 0;
  position: relative;
  z-index: -1;
  transition: all 0.3s;
}

#search .close-arrow {
  opacity: 0;
  display: none;
}

#search.expanded .select-categories-header-search {
  flex: 0 0 300px;
  opacity: 1;
  padding-right: var(--bs-gutter-x);
  z-index: 1;
}

#search.expanded .close-arrow {
  opacity: 1;
  transition: all 0.3s;
}

#search select {
  flex: 1;
  background: var(--background-dark);
  color: var(--text-color);
  margin-right: calc(var(--bs-gutter-x) / 4);
  margin-left: calc(var(--bs-gutter-x) / 4);
  border: 0px;
  border-radius: 30px;
  min-height: calc(var(--input-height) - calc(var(--bs-gutter-x) * 2));
  font-size: 0.75rem;
}

#search input,
select,
button {
  min-height: calc(var(--input-height) - calc(var(--bs-gutter-x) * 2));
  border: 0px;
}

#search input {
  color: #252525;
  font-size: 0.75rem;
  line-height: 1.625rem;
  padding: 0.375rem 0.75rem;
}

#search button {
  border: 0px;
  background: none;
  padding-left: 15px;
}

#searchOffcanvas {
  max-height: none;
}

#searchOffcanvas.offcanvas-top {
  height: max(80vh, 40rem);
}

#search.search-focus a.search-focus-close {
  display: flex;
  position: absolute;
  color: #111;
  width: 4.5rem;
  height: 4.5rem;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  right: 0;
  top: 0;
}

#search.search-focus input[name="search"] {
  border-bottom: solid 1px #111;
  border-radius: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 1.75rem;
  line-height: 2.5rem;
  position: relative;
  box-shadow: none;
  height: calc(4.5rem + 1px);
}

#search.search-focus button {
  display: none;
}

.live-search {
  display: none;
}

div#search.search-focus .live-search {
  display: block;
  height: calc(100% - 4.5rem);
  overflow: hidden;
}

.live-results__container {
  padding: 0rem 1rem 1rem 1rem;
}

.live-results__suggestion-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}

.live-results__suggestion-box h3 {
  font-size: 0.9375rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}

.live-results__suggestion-box h4 {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: bold;
}

.live-results__suggestion-box ul {
  margin: 1rem 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  text-align: center;
}

.live-results__suggestion-box ul li {
  margin: 0 0 0.5rem 0;
}

.live-results__suggestion-box ul li a {
  text-decoration: underline;
}

.live-results__container .search-results-wrap__all {
  display: flex;
  flex-wrap: nowrap;
}

.live-results__container .search-products-wrap {
  flex: 1;
}

.live-results__container .search-products-wrap .product-layout {
  width: 20%;
}

.live-results__container .search-results-sidebar {
  flex: 0 0 20%;
  max-width: 20%;
  margin-right: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  border-right: dashed 1px rgba(0, 0, 0, 0.2);
  display: flex;
}

.live-results__container .search-results-sidebar > ul {
  position: sticky;
  top: 3rem;
}

.live-results__container .search-results-sidebar ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.live-results__container .search-results-sidebar ul ul {
  padding-left: 1rem;
}

.live-results__container li.search-results-cat__parent > a {
  font-weight: bold;
}

.live-results__container li.search-results-cat__child a {
  font-size: 12px;
  line-height: 1.5rem;
}

.live-results__container .search-results-sidebar > ul > li + li {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.live-results__container .search-results-sidebar ul li {
  display: flex;
  flex-direction: column;
}

.live-results__container li.search-results-cat__parent > a + ul {
  margin-top: 0.5rem;
}

.live-results__container .live-search .aj-loader {
  width: 100%;
  position: relative;
  height: 200px;
  left: 0;
  transform: none;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-results__container .live-results__no_results-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
}

.live-results__no_results-wrap i {
  font-size: 40px;
  opacity: 0.5;
  margin-bottom: 1rem;
}

li.search-results-cat__parent:hover,
li.search-results-cat__parent:active,
li.search-results-cat__parent:focus {
  color: var(--link-color-hover);
}

.live-results__no_results-text span {
  font-weight: bold;
  color: var(--link-color-hover);
}

/*.swiper .product-layout .product-block:hover,
.live-search .product-layout .product-block:hover {
    box-shadow: none;
}*/
.live-search .product-layout .product-block:hover .product-wishlist,
.live-search .product-layout .product-block:hover .product-block-actions {
  display: none;
}

/* DESKTOP MENU */

.burger-trigger {
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  gap: 4px;
  margin-right: var(--space);
  padding-right: var(--space);
}

.burger-trigger span {
  display: block;
  height: 1px;
  background-color: #000;
  border-radius: 1px;
  transition: all 0.3s ease;
}

.burger-trigger span:nth-child(1),
.burger-trigger span:nth-child(3) {
  width: 24px;
}

.burger-trigger span:nth-child(2) {
  width: 16px;
  margin-right: 8px;
}

.burger-trigger:hover span {
  background-color: #000;
  width: 24px;
  margin-right: 0px;
}

.burger-trigger.active {
  align-items: center;
}

.burger-trigger.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 7px);
  background-color: #000;
  width: 24px;
}

.burger-trigger.active span:nth-child(2) {
  opacity: 0;
  transform: translateX(-10px);
}

.burger-trigger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -8px);
  background-color: #000;
  width: 24px;
}

.main-nav {
  position: relative;
  z-index: 300;
}

.main-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav-link {
  display: flex;
  flex-direction: column;
  padding: var(--space-half) var(--space);
  text-decoration: none;
  color: #000;
  transition: background-color 0.2s ease;
  min-height: 50px;
  justify-content: center;
  border-bottom: 1px solid transparent;
}

/* .main-nav-link:hover {
  color: var(--color-accent);
} */

.main-nav-link .title {
  font: var(--size-xs);
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.2;
}

.main-nav-link .desc {
  font: var(--size-smd);
  color: #707070;
  line-height: 1.2;
  margin-top: 0.25rem;
}

.submenu {
  list-style: none;
  margin: 0;
  padding-left: var(--space);
  background: #f9f9f9;
}

.submenu-item {
  border-bottom: 1px solid #eaeaea;
}

.submenu-link {
  display: block;
  padding: var(--space-half) var(--space);
  font: var(--size-xs);
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.submenu-link:hover {
  color: #009999;
  background-color: #f4f4f4;
}

.submenu .submenu {
  padding-left: var(--space-half);
  background: #f2f2f2;
}

.main-nav-item.has-children > .main-nav-link::after {
  content: "›";
  color: #707070;
  font: var(--size-xs);
  margin-top: 0.25rem;
  margin-left: auto;
  align-self: center;
}

.nav-separator {
  height: 1px;
  background: #000;
}

#desktopMenu .offcanvas-body {
  height: 100%;
  overflow: visible;
}

#desktopMenu .main-nav {
  height: 100%;
  box-shadow: 3px 0px 10px #0000001a;
}

#desktopMenu.offcanvas-start {
  height: calc(100% - var(--header-height));
  border-right: 0px;
}

.main-nav-item {
  position: relative;
}

.desktop-megamenu.flyover {
  position: fixed;
  top: var(--header-height);
  left: 0px;
  right: 0px;
  bottom: 0;
  z-index: 200;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}

.desktop-megamenu-flyover-wrap {
  background: #fff;
  padding: 0;
}

.desktop-megamenu-inner {
  display: flex;
  padding-right: var(--space);
  justify-content: space-between;
}

.desktop-megamenu-inner h4 {
  color: var(--color-secondary);
  letter-spacing: 2px;
  font: var(--size-sm);
  margin-bottom: var(--space-quarter);
}

.desktop-megamenu-inner ul li {
  margin-bottom: 0;
}

.desktop-megamenu-inner ul li a {
  font: var(--size-mds);
  line-height: 32px;
  color: #4d4d4d;
}

/*.megamenu-category-title {
	font:var(--size-smd);
	font-weight:600;
	margin-bottom:var(--space-quarter);
}*/
.megamenu-category-title {
  font: var(--size-sxs);
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2.6px;
  margin-bottom: var(--space-quarter);
}

.desktop-megamenu-inner ul li {
  margin-bottom: var(--space-quarter);
}

.megamenu-title-column-title {
  font: var(--size-mds);
  font-weight: 600;
  margin-bottom: var(--space-quarter);
}

.megamenu-title-column-description {
  font: var(--size-smd);
  color: var(--color-secondary);
  font-weight: 600;
}

.megamenu-title {
  display: flex;
  padding-bottom: var(--space);
  margin-bottom: var(--space);
  justify-content: space-between;
  border-bottom: 2px solid #999;
}

.megamenu-title-column {
  display: flex;
  flex-direction: column;
}

.megamenu-buttons-row {
  display: flex;
  align-items: center;
}

.megamenu-buttons-row .button-new-products {
  display: flex;
  align-items: center;
  margin-right: var(--space);
  height: 50px;
}

.megamenu-buttons-row .button-sales {
  display: flex;
  align-items: center;
  height: 50px;
}

.megamenu-column {
  padding: var(--space-double) var(--space-double);
}

.megamenu-banner-container {
  padding: var(--space-double) var(--space-double);
  display: flex;
  padding-inline-end: 70px;
}

.megamenu-column.megamenu-buttons {
  display: flex;
  flex-direction: column;
  background: black;
  padding: var(--space-double) var(--space-triple) var(--space-double) 94px;
  flex: unset;
}

.megamenu-column.has-third-level {
  background-color: #f7f7f7;
  flex: 1;
}

.megamenu-filters-column {
  position: relative;
  flex: 3;
  padding-inline-end: 0;
}

.megamenu-filters-column:before {
  content: "";
  width: 1px;
  background: #ddd;
}

.megamenu-column.megamenu-buttons .menu-button {
  color: #fff;
  opacity: 0.64;
  width: 100%;
  min-width: 170px;
  padding: 0;
  font: var(--size-mds);
  line-height: 32px;
  text-align: left;
}

.megamenu-column.megamenu-buttons .menu-button:hover {
  background: #000;
}

.megamenu-column.megamenu-buttons .menu-button + .menu-button {
  margin-top: var(--space);
}

.megamenu-column.has-third-level .megamenu-column-wrap {
  column-count: 2;
  column-gap: var(--space);
}

.megamenu-category-group {
  break-inside: avoid;
}

.megamenu-banner {
  width: 300px;
}

.megamenu-banner img {
  display: block;
  width: auto;
}

.desktop-megamenu.flyover.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

body {
  padding-right: 0px !important;
}

/* BREADCRUMB */
nav[aria-label="breadcrumb"] {
  display: flex;
  width: 100%;
}

.breadcrumb {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-bottom: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 3px;
  color: black;
  content: var(--bs-breadcrumb-divider, "●");
  font-size: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 3px;
}

.breadcrumb li,
.breadcrumb li a {
  font: var(--size-xs);
  color: black;
  line-height: 13px;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
}

.breadcrumb li:last-child a {
  text-decoration: underline;
}

.text-filters {
  line-height: 1;
  text-align: left;
  font: var(--size-smd);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--space-half) 0;
  max-width: 300px;
}

.text-category-container {
  margin-right: var(--space);
  font: var(--size-xl);
}

.text-filters-container i {
  display: none;
}

.text-filters .filter-view-results-container i {
  color: var(--color-dark);
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 100%;
  font-size: 11px;
  font-weight: 700;
  background: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--space-quarter);
  color: #aaa;
  display: none;
}

.text-filters .filter-view-results-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #8a8a8a;
  font: var(--size);
  line-height: 17px;
  gap: 3px;
  border-bottom: 1px solid #8a8a8a;
}

.text-filters .filter-view-results-container:hover .filter-view-results {
  opacity: 1;
}

.text-filters .filter-view-results-container:hover .filter-view-results-text {
  opacity: 1;
}

.text-filters .filter-view-results-container:hover i {
  color: var(--text-color-dark);
}

.filters-contracted .text-filters .filter-view-results-container i {
  transform: rotate(180deg);
}

/* INFORMATIONS */
.information_information #content {
  margin-bottom: 3rem;
}

.information_information #content,
.information_information #content p,
.information_information #content ul,
.information_information #content span {
  font-size: 1rem;
  line-height: 1.5rem;
}

.information_information #content h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.information_information #content h2,
.information_information #content h3,
.information_information #content h4 {
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.information_information #content p {
  margin-bottom: 1.25rem;
}

/* ACCOUNT BODY */

body.account_body {
  background: #ededed 0% 0% no-repeat padding-box;
}

.account-wrap {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
}

.account_login .account-wrap,
.account_register .account-wrap,
.account_forgotten .account-wrap,
.account_reset .account-wrap {
  max-width: 50rem;
}

.account_login .card-account form,
.account_register .card-account form,
.account_forgotten .card-account form,
.account_reset .card-account form {
  max-width: 28rem;
}

.account_header #logo {
  justify-content: center;
  padding: 2rem 0;
}

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

.card-greeting span {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.25rem;
  letter-spacing: 0.125rem;
  padding: 0.375rem 1rem 0.8125rem 1rem;
}

.card-greeting span + span {
  margin-top: 0.5rem;
}

.card-account {
  border-width: 1px;
  border-color: #dee2e6;
  border-radius: 0;
}

.card-account #content h3 {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
}

.card-account #content .tab-links h3 {
  position: relative;
  font-size: 1rem;
}

.card-account .tab-links > div:first-child h3:after {
  content: "";
  background-color: #dee2e6;
  height: 100%;
  width: 1px;
  position: absolute;
  right: 0;
}

.card-account .tab-links .border-bottom {
  border-bottom-width: 1px !important;
}

.card-account .tab-links > div.active {
  border-color: #303030 !important;
}

.card-account form {
  margin: auto;
}

.card-account .card-account-header {
  margin-bottom: 3rem;
}

.card-account .card-account-header .card-account-icon {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.card-account .card-account-header .card-account-title {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  margin: 0;
}

.card-account .card-account-header .card-account-btns {
  margin-top: 1.5rem;
}

.account_body .footer-link {
  font-size: 0.875rem;
  display: inline-block;
}

.account_body .footer-link:hover {
  text-decoration: underline;
}

.account_body .footer-link + .footer-link:before {
  content: "|";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* ACCOUNT SIDEBAR */

.account-list-group .list-group-item {
  padding: 1rem 1rem;
  font-size: 1rem;
}

.account-list-group .list-group-item a {
  width: 100%;
}

.account-list-group .list-group-item.active {
  background-color: #f8f8f8;
  border-color: #dee2e6;
}

.account-list-group .list-group-item.active:before {
  content: "";
  width: 0.25rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}

.account-list-group .list-group-item.active a {
  font-weight: bold;
}

.account-list-group .list-group-item i {
  width: 1.75rem;
  font-size: 1.25rem;
}

.bg-account {
  background: #f0f2f0;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #000c40, #f0f2f0);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #000c40, #edededf0);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

@media (max-width: 992px) {
  #header {
    box-shadow: 0px 5px 15px #0000001a;
  }
  .text-category-container {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
  }
  .preheader span {
    gap: 0;
    justify-content: space-between;
    margin: 0 !important;
  }
  .preheader {
    padding: 0 1rem;
  }
  .preheader .prehsmall {
    font-size: 11px;
    justify-content: space-between;
  }
  .header-main-row {
    border-bottom: none !important;
  }

  .header-main-row .header-search-btn i {
    color: black;
  }

  .burger-trigger {
    width: unset;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    gap: 4px;
    margin-right: 0px;
  }

  .burger-trigger span:nth-child(2) {
    width: 16px;
    margin-right: 8px;
  }

  .burger-trigger.active {
    background: transparent;
  }

  .burger-trigger.active span {
    background-color: #fff;
  }

  .burger-trigger.active span:nth-child(1) {
    background-color: #000;
  }

  .burger-trigger.active span:nth-child(2) {
    background-color: #000;
  }

  .burger-trigger.active span:nth-child(3) {
    background-color: #000;
  }

  .header-main-block-icon .header-search-btn {
    border: none;
  }

  .header-search-btn .header-search-text {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .alert-fixed {
    left: 0.75rem;
    bottom: 0.75rem;
    min-width: calc(100% - 1.5rem);
    transform: none;
    margin-bottom: 0;
  }

  .card-account #content h3 {
    letter-spacing: 0.0625rem;
  }

  .account-wrap {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .card-greeting span {
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 0.125rem;
    padding: 0.25rem 1rem 0.625rem 1rem;
  }

  .account-wrap > div:not(#account-account) .account-list-group {
    display: none;
  }

  .account-wrap > div:not(#account-account) .account-list-group:first-child {
    display: flex;
  }

  .account-wrap
    > div:not(#account-account)
    .account-list-group:first-child
    .list-group-item
    a
    i:before {
    content: "\f104";
  }
}

/* FOOTER BANNERS */
.footer-info {
  border-top: 1px solid var(--color-dark);
  margin-top: 2rem;
  padding: 1.5rem 0;
}

.footer-info .container {
  max-width: 1640px;
}

.footer-info .module-container {
  padding-top: calc(var(--bs-gutter-x) * 2);
  padding-bottom: calc(var(--bs-gutter-x) * 2);
}

.footer-info .banner-row {
  margin-left: var(--space-negative);
  margin-right: var(--space-negative);
}

.footer-info .banner-row .banner-col.col-md-2,
.footer-info .banner-row .banner-col.col-sm-2 {
  flex: 0 0 20%;
  max-width: 20%;
}

.footer-info .banner-row .banner-col .banner-item {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.footer-info .banner-row .banner-col .banner-item .banner-image {
  flex: unset;
  background-color: var(--background);
  width: 68px;
  min-width: 68px;
  height: 68px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--space);
}

.footer-info .banner-row .banner-col .banner-item .banner-image img {
  height: auto;
  object-fit: unset;
  width: auto;
}

.footer-info .banner-row .banner-col .banner-item .banner-caption {
  color: var(--color-dark);
  padding: 0 0 0 1rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  flex-wrap: wrap;
}

.footer-info
  .banner-row
  .banner-col
  .banner-item
  .banner-caption
  .banner-hypertitle {
  color: var(--color-dark);
  text-align: left;
  font: var(--size);
  font-weight: bold;
  margin-bottom: calc(var(--bs-gutter-x) * 0.25);
}

.footer-info
  .banner-row
  .banner-col
  .banner-item
  .banner-caption
  .banner-title {
  margin-bottom: 0;
}

.footer-info .banner-row .banner-col .banner-item .banner-caption .banner-title,
.footer-info
  .banner-row
  .banner-col
  .banner-item
  .banner-caption
  .banner-subtitle {
  color: #707070;
  font: var(--size);
  font-weight: 300;
}

@media only screen and (max-width: 1199px) {
  .footer-info .banner-row .banner-col .banner-item {
    flex-direction: column;
  }

  .footer-info .banner-row .banner-col .banner-item .banner-image {
    margin-right: 0;
    height: 100px;
  }

  .footer-info
    .banner-row
    .banner-col
    .banner-item
    .banner-caption
    .banner-title,
  .footer-info
    .banner-row
    .banner-col
    .banner-item
    .banner-caption
    .banner-subtitle,
  .footer-info
    .banner-row
    .banner-col
    .banner-item
    .banner-caption
    .banner-hypertitle,
  .footer-info .banner-row .banner-col .banner-item .banner-caption {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 990px) {
  .desktop-megamenu.flyover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    max-width: 400px;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    pointer-events: none;
    height: calc(100vh - var(--header-height));
  }

  .desktop-megamenu-flyover-wrap {
    background: #fff;
    padding: 0;
    height: 100vh;
    overflow: auto;
  }

  .menu-filters .menu-filter a {
    padding: 0;
  }

  .megamenu-back-button {
    display: flex;
    padding: 0 var(--space-half);
    text-decoration: none;
    color: #000;
    background: white;
    min-height: 30px;
    align-items: center;
    font: var(--size-smd);
    font-weight: 600;
  }

  .megamenu-banner-container {
    flex-direction: column;
  }

  .megamenu-back-button i {
    margin-right: var(--space-half);
  }

  .main-nav-list {
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: var(--space-half);
    padding-right: var(--space-half);
    height: auto !important;
  }

  .main-nav-list li a .title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .main-nav-list:not(.main-nav-list-secondary) li a .title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: black;
    text-transform: none;
  }

  .main-nav-list li a .title:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 15px;
  }

  .all-categories-container {
    margin-top: var(--space);
    margin-bottom: var(--space);
  }

  .main-nav-list li a .title i {
    margin-right: var(--space-half);
  }

  .main-nav-list-secondary {
    background: #f4f4f4;
    margin-top: var(--space);
    padding: var(--space-half);
  }

  .main-nav-list-secondary li a .title:after {
    display: none;
  }

  .main-nav-list-secondary-container {
    padding: 0;
    width: 100%;
  }

  #desktopMenu .main-nav {
    flex-direction: column !important;
    overflow: auto;
    top: 0;
    box-shadow: none;
  }

  .main-nav-list li {
    width: 100%;
    height: auto !important;
  }
  .offcanvas-open .offcanvas-backdrop.show {
    opacity: 0;
  }

  .main-nav-list li a {
    align-items: flex-start !important;
    width: 100%;
    border-bottom: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 60px !important;
  }

  .main-nav-list li.no-border a {
    border-bottom: 0px !important;
  }

  .main-nav {
    justify-content: flex-start;
  }

  .category-back-button {
    display: flex;
    padding: var(--space-half) var(--space);
    text-decoration: none;
    padding-bottom: 0;
    color: #000;
    align-items: center;
    font: var(--size-sm);
    font-weight: 600;
    color: var(--color-dark);
  }

  .category-back-button span {
    text-decoration: underline;
  }

  .category-back-button i {
    margin-right: var(--space-half);
  }

  .main-nav-link {
    display: flex;
    flex-direction: column;
    padding: var(--space-half) var(--space);
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s ease;
    min-height: 50px;
    justify-content: center;
  }

  .megamenu-title {
    display: flex;
    padding: var(--space);
    padding-bottom: 0;
    padding-top: var(--space);
    margin-bottom: var(--space-quarter);
    justify-content: space-between;
    border-bottom: 0;
  }
  .menu-filters {
    gap: 10px;
  }

  .desktop-megamenu-inner ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 25px;
  }
  .desktop-megamenu-inner ul li a {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none;
    color: #000;
    background: transparent;
    transition: background-color 0.2s ease;
    justify-content: center;
    font: var(--size);
    font-weight: normal;
    letter-spacing: 2px;
  }

  .megamenu-title-column-title {
    font: var(--size);
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--color-secondary);
  }

  .desktop-megamenu-inner {
    flex-direction: column;
    padding-bottom: 50px;
    height: 100vh;
    overflow: scroll;
    padding-right: 0;
  }

  .megamenu-buttons-row {
    flex-direction: row;
    order: -1;
    background: black;
    padding: 0 12px;
  }

  .megamenu-buttons-row a {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.63);
    background: transparent;
    transition: background-color 0.2s ease;
    min-height: 50px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
  }

  #third-panel-0-1 {
    position: relative;
    opacity: 1;
  }

  .all-categories-link {
    background: transparent;
    width: 100%;
    justify-content: space-between;
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: underline;
    font-weight: normal;
    display: flex;
    align-items: center;
  }

  .megamenu-buttons-row a:after {
    right: var(--space-onehalf);
  }

  .megamenu-banner {
    width: 100%;
    padding: 0;
  }

  .megamenu-banner-container {
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    width: 100%;
    margin-top: var(--space);
  }

  .megamenu-banner img {
    width: 100%;
    display: none;
  }
  .megamenu-content-title {
    font-weight: normal;
    font-size: 12px;
  }

  .megamenu-content-desc {
    font-size: 15px;
  }

  .megamenu-content-shopnow {
    font-size: 11px;
    letter-spacing: 1.1px;
    text-decoration: underline;
  }

  .megamenu-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    padding: 0 12px;
  }
  .megamenu-content-titles {
  }

  .megamenu-buttons-row .button-new-products {
    margin-right: 0;
    margin-bottom: var(--space-half);
  }

  .megamenu-buttons-row .button-brands:after {
    display: none;
  }

  .megamenu-category-title a {
    display: flex;
    flex-direction: column;
    padding: var(--space-half) var(--space);
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s ease;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2.8px;
    padding-left: 0;
    padding-right: 0;
  }

  .open-third-panel {
    position: relative;
  }
  .menu-filters .menu-filter a {
    background-color: transparent;
  }
  .megamenu-column.megamenu-filters-column {
    background-color: #fcfcfc;
  }

  .megamenu-column {
    padding: 0;
    padding-left: var(--space-half);
    padding-right: var(--space-half);
    padding-bottom: 36px;
    background-color: #f7f7f7;
  }

  /* .open-third-panel:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: var(--space-half);
    top: 50%;
    transform: translateY(-50%);
  } */

  #logo img {
    max-height: 40px;
  }

  .footer-info .banner-row .banner-col.col-md-2,
  .footer-info .banner-row .banner-col.col-sm-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .footer-info .banner-row .banner-col.col-md-2:nth-child(4),
  .footer-info .banner-row .banner-col.col-sm-2:nth-child(4),
  .footer-info .banner-row .banner-col.col-md-2:nth-child(5),
  .footer-info .banner-row .banner-col.col-sm-2:nth-child(5) {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .footer-info .banner-row .banner-col .banner-item .banner-image {
    height: 105px;
  }
}

@media only screen and (max-width: 768px) {
  .footer-info .banner-row .banner-col.col-md-2,
  .footer-info .banner-row .banner-col.col-sm-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .footer-info .banner-row .banner-col.col-md-2:nth-child(5),
  .footer-info .banner-row .banner-col.col-sm-2:nth-child(5) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* FOOTER BANNERS */

/* BANNERS */

/* FOOTER */

.footer-wrap {
  padding-top: 5rem;
  padding-bottom: 2rem;
  margin: 0;
  background: #f4f4f4;
  color: var(--color-dark);
}

.footer-wrap .column-5 {
  max-width: 20%;
  flex: 0 0 20%;
  padding-left: var(--space);
  padding-right: var(--space);
}

.footer-wrap #footer-logo {
  display: flex;
  margin-bottom: var(--space-double);
}

.footer-wrap #footer-logo a {
  max-width: 200px;
}

.footer-wrap a:hover {
  color: var(--link-color-dark);
}

.footer-wrap h5 {
  color: var(--color-dark);
  margin-bottom: 2rem;
  font-size: 1rem;
  font-weight: bold;
}

.footer-wrap h5.small-title,
.footer-wrap h6 {
  font-size: 0.875rem;
  font-weight: bold;
}

.footer-wrap a {
  color: #707070;
  font-weight: var(--font-weight-light);
}

.footer-wrap i {
  color: var(--text-color-dark);
}

.footer-wrap a:hover {
  color: var(--link-color-hover);
}

.footer-wrap .spacings ul {
  padding-left: 0;
  font-weight: 300;
}

.footer-wrap ul li,
.footer-wrap .spacings ul li {
  color: white;
  list-style: none;
}

.footer-wrap .spacings li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.footer-wrap ul li a,
.footer-wrap .spacings ul li a {
  font: var(--size-sxs);
  color: white;
}

.socials.mobile {
  display: none;
}

.footer-wrap .round-number {
  width: 30px;
  height: 30px;
  background: #fff;
  color: var(--color-accent);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--space-half);
}

.footer-wrap a.footer-stores-button {
  background: #fff;
  font-weight: 600;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: var(--space-half) var(--space);
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 2rem;
  font-size: 0.75rem;
  color: #000;
}

.footer-stores-button i {
  color: var(--color-accent);
}

.footer-stores-button i.fa-store {
  margin-right: var(--space-half);
}

.footer-wrap a.footer-stores-button:hover {
  background: var(--color-accent);
  color: #fff;
}

.footer-stores-button:hover i {
  color: #fff;
}

.footer-socials-container {
  display: flex;
  gap: 1rem;
}

.footer-images-container {
  display: flex;
  gap: 1rem;
  margin-top: var(--space-double);
}

.footer-col:not(:last-child) {
  padding-right: var(--space-quad);
  max-width: 500px;
}

.footer-col:first-child {
  padding-right: 190px;
  max-width: 30%;
}

.footer-stores-button i.fa-angle-right {
  margin-left: var(--space-half);
}

.footer-wrap .socials a {
  display: flex;
  align-items: center;
  color: var(--color-accent);
}

.footer-title-phone i {
  margin-right: var(--space-half);
}

.footer-wrap .socials.desktop a i {
  margin-right: 0px;
}

.copyright {
  background-color: var(--background);
  padding-top: var(--space);
  padding-bottom: var(--space);
  background: #f4f4f4;
}

.copyright .row {
  border-top: 1px solid #ccc;
  padding-top: var(--space);
}

.copyright .copy {
  font-size: 0.75rem;
  color: #111;
}

.copyright .cards {
  justify-content: center;
  display: flex;
}

.copyright .dev {
  font-size: 0.75rem;
  color: #111;
}

.copyright .dev img {
  max-width: 15px;
  margin-left: var(--space);
}

.espa-banner {
  position: fixed;
  z-index: 20;
  bottom: 10px;
  left: 10px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

/* SLIDESHOW */

.generic-button-next,
.generic-button-prev,
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  color: var(--color-dark);
  width: 36px;
  height: 88px;
  flex: 0 0 var(--swiper-navigation-size);
  opacity: 1;
  background-color: white;
  border: 1px solid #e1e1e1;
}

.generic-button-next,
.swiper-button-next {
  left: unset;
  right: 0;
}
.generic-button-prev,
.swiper-button-prev {
  right: unset;
  left: 0;
}
.generic-button-next.swiper-button-disabled,
.generic-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #f4f4f4;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: calc(var(--swiper-navigation-size) * 0.35);
  font-weight: 700;
}

.swiper-controls .swiper-button-next:after,
.swiper-controls .swiper-button-prev:after {
  font-size: calc(var(--swiper-navigation-size) * 0.35);
  font-weight: 700;
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
  opacity: 1;
}

.swiper .swiper-slide .slideshow-slide-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.swiper .swiper-slide .slideshow-slide-wrapper:after {
  content: "";
  background-image: -moz-linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.swiper .swiper-slide .slideshow-slide-caption-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: var(--space-double) var(--space-double) var(--space-double)
    calc(2 * var(--space-double));
  width: 100%;
  height: 100%;
}

.swiper
  .swiper-slide
  .slideshow-slide-caption-wrapper
  .slideshow-slide-caption-container {
  display: flex;
  flex-wrap: wrap;
  z-index: 6;
}

.swiper
  .swiper-slide
  .slideshow-slide-caption-wrapper
  .slideshow-slide-caption-container
  .slideshow-slide-hypertitle {
  font: var(--size-h2);
  color: var(--bs-white);
  width: 100%;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  line-height: 1;
  font-weight: 200;
  letter-spacing: 4px;
}

.swiper
  .swiper-slide
  .slideshow-slide-caption-wrapper
  .slideshow-slide-caption-container
  .slideshow-slide-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: var(--bs-white);
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  display: flex;
  justify-content: flex-start;
  line-height: 1;
}

.swiper
  .swiper-slide
  .slideshow-slide-caption-wrapper
  .slideshow-slide-caption-container
  .slideshow-slide-subtitle {
  font: var(--size-h3);
  color: var(--bs-white);
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.swiper
  .swiper-slide
  .slideshow-slide-caption-wrapper
  .slideshow-slide-caption-container
  .slideshow-slide-button-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: var(--space-double);
}

.swiper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-button {
  color: var(--bs-white);
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 6px;
  padding: var(--space-half) var(--space-double);
  border: 1px solid #fff;
  background: none;
  min-height: 0;
  border-radius: 0;
}

.product-tabs .swiper-button-prev:after,
.product-tabs .swiper-button-next:after {
  font-size: 12px;
  font-weight: 600;
}

.product-tabs .swiper-button-prev {
  transform: translateX(-28%);
  background: #fff;
  width: 36px;
  height: 88px;
  color: black;
  border-radius: 0;
  opacity: 1;
  border: 1px solid #e1e1e1;
}

.product-tabs .swiper-button-next {
  transform: translateX(28%);
  background: #fff;
  width: 36px;
  height: 88px;
  border-radius: 0;
  opacity: 1;
  color: black;
  border: 1px solid #e1e1e1;
}

.product-tabs .swiper-button-prev:hover {
  background: black;
  color: #fff;
}

.product-tabs .swiper-button-next:hover {
  background: black;
  color: #fff;
}

/* SLIDESHOW */

/* HOMEPAGE CATEGORIES */
.common_home .content-top .banner-container .container-xxl {
  max-width: fit-content;
}

.homepage_categories {
  margin-top: 0;
  transform: translateY(calc(-1 * var(--space-double)));
  z-index: 3;
  position: relative;
}

.homepage_categories .banner-row .banner-col .banner-item .banner-caption {
  padding-left: var(--space);
}

.homepage_categories .banner-row .banner-col .banner-item .banner-image {
  background-color: var(--bs-white);
  padding: 0.25rem;
  overflow: hidden;
}

.homepage_categories .banner-row .banner-col .banner-item .banner-image img {
  height: auto;
  width: 100%;
  object-fit: none;
  transition: transform 1s;
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-title {
  text-align: left;
  color: var(--color-dark);
  font: var(--size-h3);
  font-weight: 700;
  margin-bottom: 0;
  margin-top: var(--space-half);
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-title:after {
  content: "";
  background-color: var(--color-dark);
  height: 1px;
  width: 30px;
  display: block;
  margin-top: var(--space-half);
  margin-bottom: var(--space-half);
  transition: 300ms ease-in-out;
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-title:hover:after {
  background-color: var(--link-color-hover);
  width: 60px;
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-readmore {
  justify-content: flex-start;
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-readmore
  .btn-generic {
  border: none;
  color: var(--color-dark);
  font: var(--size-h4);
  font-weight: 200;
  min-height: 0;
  padding: 0;
  letter-spacing: 0;
}

.homepage_categories
  .banner-row
  .banner-col
  .banner-item.banner-image-right
  .banner-readmore
  .btn-generic:hover {
  background: transparent;
  color: var(--link-color-hover);
}

@media only screen and (max-width: 1220px) {
  .homepage_categories .banner-row .banner-col .banner-item .banner-image img {
    object-fit: cover;
  }

  .homepage_categories .banner-row .banner-col .banner-item .banner-caption {
    padding: var(--space);
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .homepage_categories
    .banner-row
    .banner-col
    .banner-item.banner-image-right
    .banner-title:after {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .homepage_categories .banner-row .banner-col .banner-item .banner-image {
    background-color: transparent;
    padding: 0;
    margin: auto auto;
  }

  .homepage_categories .banner-row .banner-col .banner-item .banner-image img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
}

/* HOMEPAGE CATEGORIES */

/* HOMEPAGE BANNERS */

.homepage_banners {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.homepage_banners > .container {
  max-width: 1640px;
}

.homepage_banners .banner-row .banner-col:nth-child(2) .banner-item {
  position: relative;
  display: block;
}

.homepage_banners
  .banner-row
  .banner-col:nth-child(2)
  .banner-item
  .banner-caption {
  position: absolute;
  top: 0;
  left: 0;
  /* right: 0; */
  /* bottom: 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.homepage_banners .banner-row .banner-col .banner-item .banner-caption {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.homepage_banners .banner-row .banner-col .banner-item .banner-image {
  display: flex;
  justify-content: center;
}

.homepage_banners .banner-row .banner-col .banner-item .banner-image img {
  object-fit: none;
  height: auto;
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-title {
  text-align: center;
  color: var(--text-color-dark);
  font-size: 1.125rem;
  margin-bottom: 0;
  letter-spacing: 4px;
  font-weight: var(--font-weight-light);
  margin-top: var(--space-half);
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-title:after {
  content: "";
  background-color: var(--background-dark);
  height: 1px;
  width: 30px;
  display: flex;
  margin: var(--space) auto;
  transition: 300ms ease-in-out;
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-title:hover:after {
  background-color: var(--link-color-hover);
  width: 60px;
}

.homepage_banners
  .banner-row
  .banner-col:nth-child(2)
  .banner-item.banner-image-center
  .banner-hypertitle {
  margin-bottom: 0;
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-hypertitle {
  text-align: center;
  color: var(--text-color-dark);
  font-size: 2.25rem;
  margin-bottom: var(--space);
  letter-spacing: 4px;
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-subtitle {
  text-align: center;
  color: #707070;
  font: var(--size-h6);
  font-weight: 200;
  line-height: var(--size-h3);
  max-width: 50%;
  margin: 0 auto;
}

.homepage_banners
  .banner-row
  .banner-col
  .banner-item.banner-image-center
  .banner-readmore {
  margin-top: 2rem;
}

@media only screen and (max-width: 1199px) {
  .homepage_banners
    .banner-row
    .banner-col
    .banner-item.banner-image-center
    .banner-hypertitle {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1800px) {
  .footer-col {
    padding-right: var(--space-double);
    max-width: none;
  }
}

@media only screen and (max-width: 1400px) {
  .footer-col.socials.desktop {
    width: 100%;
    flex: 0 0 100%;
    text-align: left;
    margin-top: var(--space-double);
  }
}

@media only screen and (max-width: 768px) {
  .homepage_banners .banner-row .banner-col .banner-item .banner-image img {
    width: auto;
  }

  .homepage_banners
    .banner-row
    .banner-col:nth-child(2)
    .banner-item
    .banner-caption {
    position: unset;
  }
}

@media only screen and (max-width: 480px) {
  .homepage_banners .banner-row .banner-col .banner-item .banner-image img {
    object-fit: cover;
  }
}

/* HOMEPAGE BANNERS */

/* SIMPLE BOX ABOUT US */

.about-container {
  margin-top: var(--space-double);
}

.about-container .row {
  padding-top: var(--space-double);
  padding-bottom: var(--space-double);
}

.about-container .about-right {
  border: 2px solid var(--color-dark);
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about-container .about-background {
  text-align: right;
  padding-right: 3rem;
}

.about-container .about-background img {
  max-width: 100%;
}

.about-container .about-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-container .about-left .about-left-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 3rem;
}

.about-container .about-left .about-left-wrapper h3 {
  font-weight: bold;
  font: var(--size-h5);
  color: var(--color-dark);
}

.about-container .about-left .about-left-wrapper .about-subtitle {
  color: var(--color-dark);
  font-weight: 100;
  font: var(--size-h1);
  letter-spacing: 0.5rem;
  max-width: 40%;
  margin-bottom: var(--space-double);
}

.about-container .about-left .about-left-wrapper .about-text {
  color: #707070;
  font-weight: 100;
  line-height: 1.72;
  max-width: 70%;
}

.about-container .about-left .about-left-wrapper .about-button {
  margin-top: var(--space-double);
}

@media only screen and (max-width: 1199px) {
  .about-container .about-left .about-left-wrapper .about-subtitle {
    font-size: 2rem;
    letter-spacing: 4px;
    max-width: 80%;
    margin-bottom: var(--space-double);
  }

  .about-container .about-left .about-left-wrapper .about-text {
    line-height: 1.2;
    max-width: 100%;
    padding-right: var(--space-double);
  }
}

@media only screen and (max-width: 990px) {
  .about-container .about-left .about-left-wrapper {
    padding-left: var(--space-double);
    padding-right: var(--space-double);
  }

  .about-container .about-background {
    padding-right: 0;
    justify-content: center;
  }

  .about-container .about-left {
    border-right: 2px solid var(--background-dark);
  }

  .about-container .about-right {
    border-top: none;
    border-left: 2px solid var(--background-dark);
  }
}

/* SIMPLE BOX ABOUT US */

/* PRODUCT TABS */

.product-tabs-wrapper.module-wrapper {
  position: relative;
  overflow: visible;
}

.product-tabs-wrapper.has-background {
  padding-top: var(--module-vertical-margin);
  padding-bottom: var(--module-vertical-margin);
}

.product-tabs-wrapper .product-tabs-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.product-tabs-wrapper
  .product-tabs-carousel-wrapper
  .swiper-wrapper.has-not-carousel {
  justify-content: space-between;
}

.product-tabs-wrapper .product-tabs-background {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-next,
.product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-prev {
  border-radius: 50%;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-next {
  margin-right: var(--space-half);
}

.product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-prev {
  margin-left: var(--space-half);
}

.product-tabs-wrapper .tabs-container-flex {
  display: flex;
  flex-wrap: wrap;
}

.product-tabs-wrapper.right-layout .tabs-container-flex {
}

.product-tabs-wrapper .tab-description-wrapper {
  padding: var(--space);
}

.product-tabs-wrapper .product-tabs-tab-wrapper .products-carousel-outter {
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
}

.product-tabs-wrapper
  .product-tabs-tab-wrapper.has-description
  .products-carousel-outter {
}

.product-tabs-wrapper
  .product-tabs-tab-wrapper
  .products-carousel-outter
  .products-carousel-inner {
}

.product-tabs-wrapper .tab-description-content .tab-text {
  font-size: var(--md-size);
}

.product-tabs-wrapper .tab-description-content .more-container {
  display: flex;
  margin-top: var(--space-double);
}

.product-tabs-wrapper .swiper-pagination {
  position: relative;
  margin-top: 0;
  bottom: 0;
}

.product-tabs .swiper-pagination {
  position: relative;
  margin-top: 0;
  bottom: 0;
}

@media only screen and (max-width: 480px) {
  .product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-prev,
  .product-tabs-wrapper .product-tabs-carousel-wrapper .swiper-button-next {
    opacity: 1;
    margin-top: 0;
  }
}

/* PRODUCT TABS COLLECTION */

.collection_tabs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.collection_tabs .tab-content {
  padding: 1rem 0;
}

.collection_tabs .module-title {
  margin-bottom: 2rem;
  text-align: center;
  font: var(--size-h4);
}

.collection_tabs .nav-tabs {
  border: 0;
  display: flex;
  justify-content: center;
}

.collection_tabs .nav-tabs .nav-item {
  padding-right: var(--space-half);
  text-align: center;
}

.collection_tabs .nav-tabs .nav-item:last-child {
  padding-right: 0;
}

.collection_tabs .nav-tabs .nav-item .nav-link {
  border: 1px solid var(--color-dark);
  border-radius: 0;
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  justify-content: center;
  padding: 0.75rem var(--space);
  font-weight: normal;
  margin: 0;
  min-width: 16rem;
  text-transform: uppercase;
}

.collection_tabs .nav-tabs .nav-item .nav-link.active {
  background: var(--color-dark);
  color: var(--bs-white);
}

.swiper-button-next,
.swiper-button-prev {
  --swiper-navigation-color: #000000;
  --swiper-navigation-size: 2rem;
}

/* PRODUCT TABS COLLECTION */
@media only screen and (max-width: 1192px) {
  .collection_tabs .nav-tabs .nav-item {
    flex: 0 0 auto;
  }
}

@media only screen and (max-width: 992px) {
  .product-tabs-wrapper .tab-description-wrapper {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: var(--space-double);
  }

  .product-tabs-wrapper
    .product-tabs-tab-wrapper.has-description
    .products-carousel-outter {
    flex: 0 0 100%;
    width: 100%;
    padding-left: 0;
  }

  .product-tabs-wrapper .tab-description-content .more-container {
    justify-content: center;
  }

  .live-results__container .search-results-wrap__all {
    flex-direction: column;
  }

  .live-results__container .search-results-sidebar {
    margin-right: 0px;
    padding-right: 0px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .live-results__container .search-products-wrap .product-layout {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 768px) {
  .collection_tabs .nav-tabs {
    display: flex;
    transform: none;
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: left;
    background: var(--background-dark);
  }

  .collection_tabs .nav-tabs .nav-item .nav-link,
  .collection_tabs .nav-tabs .nav-item .nav-link.active {
    background-color: transparent;
    color: var(--text-color);
  }
}

/* PRODUCT TABS */

/* COOKIES */

#cookieWrap {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 270px;
  box-sizing: border-box;
  padding: 20px 20px;
  background-color: var(--background-dark);
  z-index: 100;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

#cookieWrap p {
  line-height: 17px;
  margin: 0 0 20px;
}

#cookieWrap #cookieAcceptButton {
  border: 1px solid #fff;
  background: none no-repeat 0 0 transparent;
  color: #fff;
  float: left;
  text-align: center;
  width: 96px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
}

#cookieWrap #cookieAcceptButton:hover {
  border: 1px solid var(--link-color-hover);
  color: var(--link-color-hover);
}

#cookieWrap #cookieReadMore {
  float: right;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-decoration: underline;
}

#cookieWrap #cookieReadMore:hover {
  color: var(--link-color-hover);
}

@media only screen and (max-width: 768px) {
  .footer-wrap .column-5 {
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }

  .footer-wrap .column-5:nth-child(4),
  .footer-wrap .column-5:nth-child(5) {
    max-width: 50%;
    flex: 0 0 50%;
    margin: var(--space-double) auto 0 auto;
  }

  .espa-banner {
    bottom: 0;
    left: 0;
  }
}

@media only screen and (max-width: 567px) {
  .copyright .row {
    flex-direction: column;
    text-align: center;
  }

  .copyright .cards {
    margin: var(--space) 0;
  }

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

/* FOOTER */

/* TESTIMONIALS */

.testimonial-block > em:first-child {
  margin-bottom: 2rem;
}

.testimonial-block .testimonial-comments {
  font-weight: 300;
  line-height: 1.5rem;
}

.testimonial-block .testimonial-comments.testimonial-video iframe {
  width: 100%;
  max-height: 250px;
}

.testimonial-block .testimonial-author {
  font-weight: bold;
  margin-top: 1rem;
}

.testimonial-block > em:last-child {
  margin-top: 2rem;
}

/* TESTIMONIALS */

/* CATEGORY PAGE */
.top-row {
  margin-bottom: var(--space-double);
}

.top-row-wrapper {
  flex-direction: row;
  display: flex;
  align-items: center;
  background-color: black;
}

.top-row-wrapper .main-content-title {
  font: var(--size-xsl);
  font-weight: 600;
  color: white;
  text-align: center;
  margin: 0;
  padding-top: 65px;
  padding-bottom: 65px;
}

.top-row-wrapper .main-content-text {
  display: none;
}

.top-row-wrapper .main-content-small-text,
.top-row-wrapper .main-content-text {
  font-weight: 300;
  line-height: 1.71;
}

.top-row-wrapper .main-content-button,
.top-row-wrapper .main-content-text {
  margin-bottom: var(--space);
}

.top-row-wrapper .main-content-small-text p,
.top-row-wrapper .main-content-text p {
  margin-bottom: 0;
}

.top-row-wrapper .main-content-button {
  color: var(--color-dark);
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  margin-top: var(--space-half);
}

.top-row-wrapper .main-content-button:hover {
  color: var(--link-color-hover);
}

.top-row-wrapper .main-content-button i {
  margin-left: var(--space-half);
}

#input-sort {
  border: 0;
  border-radius: 0;
  background: #fff;
  text-align: left;
  padding: 1rem 0.75rem;
  font-size: 0.875rem;
  width: 15rem;
  box-shadow: 0 0.5rem 1rem 0.125rem rgb(0 0 0 / 15%);
}

#input-sort li {
  line-height: 1.25rem;
}

#input-sort li a.dropdown-item {
  background: none;
  color: var(--color-dark);
}

#input-sort li a.dropdown-item:hover,
#input-sort li a.dropdown-item.active {
  background: none;
  color: var(--color-dark);
  font-weight: bold;
}

#input-limit {
  border: 0;
  border-radius: 0;
  background: #fff;
  text-align: left;
  padding: 1rem 0.75rem;
  font-size: 0.875rem;
  width: 15rem;
  box-shadow: 0 0.5rem 1rem 0.125rem rgb(0 0 0 / 15%);
}

#input-limit li {
  line-height: 1.25rem;
}

#input-limit li a.dropdown-item {
  background: none;
  color: var(--color-dark);
}

#input-limit li a.dropdown-item:hover,
#input-limit li a.dropdown-item.active {
  background: none;
  color: var(--color-dark);
  font-weight: bold;
}

/* PRODUCT LIST BLOCK */
#product-container {
  gap: 1rem;
}

.product-layout {
  padding: 0;
  height: auto;
}

.product-layout .product-block {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  transition: 300ms ease-in-out;
  padding: 0;
  background: #fff;
}

.product-layout .product-wishlist.in-wishlist span:before {
  content: "\0045";
  color: var(--link-color-hover);
}

.product-layout .product-wishlist {
  border: none;
  padding: 0;
  margin-left: var(--space);
  color: #a0a0a0;
  font-weight: 600;
}

.product-layout .product-wishlist.btn.btn-default span {
  font-size: 1.125rem;
  line-height: 2.75rem;
}

.product-layout .product-wishlist.btn.btn-default:focus,
.product-layout .product-wishlist.btn.btn-default:hover {
  background: #f4f4f4;
}

.product-layout .product-wishlist.in-wishlist span:before {
  content: "\0045";
  color: var(--link-color-hover);
}

.product-layout .product-block .product-top {
  margin-bottom: var(--space-half);
  width: 100%;
}

.product-layout .product-block.product-short .product-top {
  margin-bottom: 0;
}

.product-layout .product-block.product-short .product-top {
  max-width: 100px;
}

.product-layout .product-block.product-short {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.product-layout .product-block .product-block-caption {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: column;
  width: 100%;
  padding: 0 1rem 0.75rem 1rem;
}

.product-layout .product-block.product-short .product-block-caption {
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-layout .product-block .product-block-caption .product-block-title {
  width: 100%;
}

.product-layout
  .product-block
  .product-block-caption
  .product-block-title
  .product-name {
  margin-bottom: 0;
}

.product-layout .product-block .product-block-caption .product-intro {
  margin-top: var(--space-half);
}

.product-layout
  .product-block
  .product-block-caption
  .product-block-title
  .product-name
  a {
  color: #000;
  font: var(--size-smd);
  font-weight: 600;
  line-height: 1.2;
}

.product-layout
  .product-block
  .product-block-caption
  .product-block-manufacturer {
  font: var(--size-sxs);
  font-weight: 600;
  letter-spacing: 2px;
  color: var(--color-secondary);
}

.product-layout
  .product-block.product-short
  .product-block-caption
  .product-block-title
  .product-name
  a {
  line-height: 1.2;
}

.product-layout .product-block .product-block-price {
  text-align: center;
  width: 100%;
  margin-top: var(--space-half);
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.product-layout .product-block .product-block-image {
  position: relative;
}

.product-layout .product-block .new-label,
.product-layout .product-block .sales-label {
  background: var(--color-red);
  color: #fff;
  padding: 0 5px;
  width: fit-content;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 4;
  font: var(--size-smds);
  line-height: 15px;
}

.product-layout .product-block .new-label {
  background-color: black;
  line-height: 16px;
}

.product-layout .product-block .new-label.move-right {
  left: unset;
  right: 6px;
}

.product-layout .product-block .product-block-price .amount_before {
  color: #262626;
  font: var(--size-14);
  line-height: 25px;
  margin-left: var(--space-half);
}

.product-layout .product-block .product-block-price .amount {
  margin-bottom: 0;
  font: var(--size-14);
  line-height: 25px;
  color: var(--color-red);
}

.product-layout .product-block .product-block-actions {
  margin-top: var(--space-half);
  width: 100%;
  padding: 0;
}

.product-block-price {
  position: relative;
}

.product-layout .product-block .product-top .product-block-image {
  position: relative;
}

.product-layout .product-block .product-label {
  font-size: 0.75rem;
  font-weight: 700;
}

.product-labels {
  position: absolute;
  top: var(--space-half);
  left: var(--space-half);
  pointer-events: none;
  display: flex;
  z-index: 4;
}

.product-label.product-label-new {
  margin-right: var(--space-half);
  padding: var(--space-quarter) var(--space-half);
  background: var(--color-dark);
  color: var(--color-light);
  font: var(--size-xs);
  font-weight: 600;
}

.product-label.product-label-sale {
  padding: var(--space-quarter) var(--space-half);
  background: var(--color-accent);
  color: var(--color-light);
  font: var(--size-xs);
  font-weight: 600;
}

.product-layout
  .product-block
  .product-top
  .product-block-image
  .product-thumbnail
  img {
  width: 100%;
}

.product-layout
  .product-block
  .product-top
  .product-block-image
  .product-thumbnail
  img.current {
  position: relative;
  z-index: 2;
}

.product-layout
  .product-block
  .product-top
  .product-block-image
  .product-thumbnail
  img.second {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.product-layout .product-block .product-block-actions a + a {
  margin-left: var(--space-half);
}

.product-layout .product-block .product-wishlist {
  opacity: 1;
}

.product-layout .product-block .product-wishlist {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product-layout .product-block .product-wishlist i {
  font-weight: 400;
}

.product-layout .product-block .product-wishlist:hover {
  color: var(--color-accent);
}

.product-block-actions .product-cart {
  border: 1px solid #ddd;
  padding: var(--space-half) var(--space);
  transition: 300ms ease-in-out;
  background: var(--color-light);
  color: var(--color-dark);
  font: var(--size-xs);
  font-weight: 600;
  letter-spacing: 2px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product-block-actions .product-cart .icon-shopping-bag {
  margin-right: var(--space-half);
}

.product-layout .product-block.wished .product-wishlist i {
  color: var(--bs-danger);
  font-weight: 600;
}

.product-block .product-block-actions .product-cart:hover {
  background: var(--color-accent);
  color: #fff;
}

.product-layout
  .product-block
  .product-block-actions
  .product-cart
  span:before {
  transition: 300ms ease-in-out;
}

.product-layout
  .product-block
  .product-block-actions
  .product-cart:hover
  span:before {
  color: var(--link-color-hover);
}

.product-recent-outer-wrapper {
  border-top: 1px solid #000;
  padding-top: var(--space);
  margin-top: var(--space-quad);
  overflow: hidden;
}

.product-recent-container {
  display: flex;
  align-items: center;
}

.viewed_recently_title {
  flex: 0 0 200px;
  font: var(--size-xmd);
  font-weight: bold;
}

.product-recent-wrapper {
  position: relative;
  flex: 1;
  max-width: calc(100% - 200px);
  padding-left: var(--space-double);
  padding-right: var(--space-double);
  overflow: visible;
}

.product-recent-outer-wrapper .swiper-wrapper {
  align-items: center;
}

/* HO FILTERS */

#column-left {
  transition: 0.3s ease-in-out;
  overflow: hidden;
}

.product_category #content {
  transition: 0.3s ease-in-out;
}

.filters-contracted #column-left {
  width: 0px;
  opacity: 0;
  padding: 0;
}

.filters-contracted.product_category #content {
  width: 100%;
}

.filters-contracted.product_search #content {
  width: 100%;
}

.filters-contracted #product-container {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product_search #content {
  transition: 0.3s ease-in-out;
}

.ho-filters-wrapper .selected-filters-wrapper,
.ho-filters-wrapper .filters-responsive-top {
  /* display: none; */
}

.ho-filters-wrapper .filters-responsive-bottom {
  display: none;
}

.text-filters-container {
  font: var(--size-mdx);
  margin-bottom: 16px;
}

.filters-responsive-close {
  display: none;
}

.ho-filters-wrapper .price-range-group {
  display: none;
}

.ho-filters-wrapper .filter-clear-all {
  display: block;
  cursor: pointer;
  color: #ff1717;
  text-align: left;
  font: var(--size-smd);
  text-decoration: underline;
  display: flex;
  align-items: center;
  border-top: none;
  padding: var(--space-half) 0;
  max-width: 300px;
  line-height: 1;
}

.ho-filters-wrapper .filter-clear-all:hover {
  color: var(--color-dark);
}

.ho-filters-wrapper .filter-clear-all i {
  margin-right: var(--space-quarter);
  font-weight: 500;
}

.ho-filters-wrapper .price-range-group .form-control {
  font-size: 0.875rem;
  line-height: 2.25rem;
  height: 2.5rem;
  padding: 0 0.5rem;
  min-height: unset;
  margin-bottom: 0.5rem;
}

.ho-filters-wrapper.filter-style-vertical-list .filter-group-container {
  margin-bottom: 0;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container {
  position: relative;
  padding-top: var(--space-half);
  max-width: 300px;
  width: 100%;
  max-width: 300px;
  padding-bottom: var(--space-half);
  display: flex;
  align-items: center;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container.is-categories
  .filter-group-title-container {
  border-top: 0px;
  margin-top: 0px;
  padding: 0px;
  padding-bottom: var(--space-half);
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container:not(.is-categories)
  .filter-group-title-container::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  border: 0;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
  padding-left: 0.5rem;
  margin-left: auto;
  content: none;
}

.ho-filters-wrapper.filter-style-vertical-list .filter-group-container {
  margin-bottom: 0;
  transition: 0.3s ease-in-out;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container:hover {
  cursor: pointer;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-filters-container {
  max-height: 0px;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container.opened
  .filter-group-filters-container {
  max-height: 1000px;
}

.irs--round {
  padding-left: var(--space-quarter);
  padding-right: var(--space-quarter);
}

.ho-filters-wrapper.filter-style-vertical-list .filter-group-container.opened {
  margin-bottom: var(--space);
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container.opened
  .filter-group-title-container::after {
  content: "\f106";
  content: none;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-filters-container {
  border-bottom: 0;
}

.filter-group-filters-container {
  width: 100%;
  max-width: 300px;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container
  .filter-group-title {
  font: var(--size-smd);
  font-weight: 600;
  line-height: 17px;
  color: var(--color-dark);
}

.ho-filters-wrapper .price-range-group .filter_price_from {
  border: 0px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  margin-right: var(--space-half);
  margin-bottom: var(--space);
}

.ho-filters-wrapper .price-range-group .filter_price_to {
  border: 0px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  margin-left: var(--space-half);
  margin-bottom: var(--space);
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container
  .filter-group-clear {
  color: var(--color-secondary);
  cursor: pointer;
  margin-left: 0.5rem;
  margin-bottom: 5px;
  font-size: 11px;
  margin-bottom: 0px;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container
  .filter-group-clear:hover {
  color: var(--color-dark);
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container
  .filter-group-clear
  i {
  display: none;
}

.ho-filters-wrapper.filter-style-vertical-list
  .filter-group-container
  .filter-group-title-container
  .filter-group-clear
  a {
  font-size: 0.875rem;
  color: var(--blue);
}

.ho-filters-wrapper .filter-group-filters-container .form-check-main-title {
  font-size: 1rem;
  font-weight: bold;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  + .form-check-main-title {
  margin-top: 1rem;
}

.ho-filters-wrapper .filter-group-filters-container .form-check {
  line-height: 1.125rem;
}

.ho-filters-wrapper .filter-group-filters-container.for-categories .form-check {
  padding-left: 0;
}

.ho-filters-wrapper
  .filter-group-filters-container.for-categories
  .form-check
  .form-check-title {
  margin-left: 0;
}

.ho-filters-wrapper
  .filter-group-filters-container.for-categories
  .form-check
  .form-check-title
  a {
  display: flex;
  align-items: center;
}

.ho-filters-wrapper
  .filter-group-filters-container.for-categories
  .form-check
  .form-check-title
  a.active {
  font-weight: 600;
}

.ho-filters-wrapper
  .filter-group-filters-container.for-categories
  .form-check
  .form-check-title
  a.active::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  margin-left: 5px;
  font-size: 0.65rem;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-label {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.ho-filters-wrapper
  .gflags
  .filter-group-filters-container
  .form-check
  .form-check-label
  input {
  display: none !important;
}

.ho-filters-wrapper .gflags .filter-group-filters-container {
  display: flex;
}

.ho-filters-wrapper
  .gflags
  .filter-group-filters-container
  .form-check
  .form-check-label
  span {
  margin-left: 0;
  margin-top: 0;
}

.ho-filters-wrapper
  .gflags
  .filter-group-filters-container
  .form-check
  .form-check-label
  span {
  display: flex;
  padding: var(--space-half) var(--space);
  margin-right: var(--space-half);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
}

.ho-filters-wrapper
  .gflags
  .filter-group-filters-container
  .form-check
  :checked
  ~ .form-check-title {
  border-color: var(--color-accent);
  background: var(--color-accent);
  color: #fff;
  font-weight: normal;
}

.ho-filters-wrapper .gflags .filter-group-filters-container .form-check {
  padding-left: 0px;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-label.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
  color: #bbb;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-input {
  border-radius: 0;
  margin-top: 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  position: relative;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check:hover
  .form-check-title {
  color: black;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-input:checked {
  background-color: black;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-input:checked:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check:hover
  .form-check-input:after {
  color: #808080;
  position: absolute;
  top: -1px;
  left: 2px;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check:hover
  .form-check-input:checked:after {
  content: none;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-title {
  font: var(--size-sxs);
  color: #808080;
  margin-left: 0.375rem;
  transition: 300ms ease-in-out;
  margin-top: 0.125rem;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-count {
  font-size: 0.75rem;
  margin-left: var(--space-half);
  line-height: 1rem;
  margin-top: 0.125rem;
  margin-left: auto;
  opacity: 0.5;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  .form-check-count-text {
  margin-left: 1px;
  margin-right: 1px;
}

.filter-group-container.gfilter.gf1 .form-check.filter-with-image {
  display: block;
}

.ho-filters-wrapper
  .filter-group-filters-container.has-image
  .form-check-image-block {
  padding: 0;
  border: solid 1px #e1e1e1;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  display: none;
}

.ho-filters-wrapper
  .filter-group-filters-container.has-image
  .form-check-image-block
  img {
  max-width: 100%;
  border: 0;
  display: none;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  :checked
  + .form-check-image-block {
  background: none;
  border: 0;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  :checked
  + .form-check-image-block:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  text-align: center;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  pointer-events: none;
  color: #fff;
  mix-blend-mode: difference;
}

.ho-filters-wrapper
  .filter-group-filters-container
  .form-check
  :checked
  ~ .form-check-title {
  font-weight: bold;
}

#ajax-wrapper,
.filters-wrapper {
  -webkit-transition: 0.2s opacity linear;
  transition: 0.2s opacity linear;
}

#ajax-wrapper.loading,
.filters-wrapper.loading {
  opacity: 0.5;
  pointer-events: none;
}

#create_account {
  padding-bottom: var(--space);
}

#create_account > .row {
  padding-bottom: var(--space);
}

.fs-bar-wrap-outer {
  padding-left: 30px;
  padding-right: 30px;
}

.fs-bar-wrap {
  background: #f5f5f5;
  padding: 22px 30px;
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 13px;
  text-align: center;
}

.fs-bar-msg {
  text-align: center;
  font: var(--size-12);
  color: black;
  margin-bottom: 20px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.offcanvas-wrap .fs-bar-msg {
  color: #000;
  font-size: 13px;
  margin-bottom: 20px;
}

.fs-bar-track {
  position: relative;
  height: 5px;
  background: white;
}

.fs-bar-fill {
  position: relative;
  height: 5px;
  background: black;
  border-radius: 6px;
  transition: width 0.35s ease;
}

.fs-bar-knob {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #00d81d;
  color: #fff;
  font-size: 8px;
}

/* CATEGORY */

.category-hero-final {
  position: relative;
  height: 70vh;
  width: 100%;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  font-family: "Effra", sans-serif;
  color: var(--color-light);
  overflow: hidden;
}

.category-hero-final::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
  background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%)
    no-repeat padding-box;
  z-index: 1;
}

.category-hero-final .hero-content-wrapper {
  position: relative;
  z-index: 2;
  padding-left: var(--space-triple);
  padding-right: var(--space-triple);
  max-width: 50%;
}

.category-hero-final .hero-content {
  max-width: 520px;
}

.category-hero-final .category-title {
  font: var(--size-xtl);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: var(--space);
  color: var(--color-light);
}

.category-hero-final .category-title::after {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background-color: var(--color-light);
  margin-top: var(--space-half);
  margin-bottom: var(--space-half);
}

.category-hero-final .category-description {
  font: var(--size);
  line-height: 2;
  color: var(--color-light);
  opacity: 0.75;
}

.subcategory-category-hero-final .hero-content-wrapper {
  position: relative;
  z-index: 2;
  padding-top: 65px;
  padding-bottom: 65px;
  background-color: black;
}

.category-intro-description {
  font: var(--size-xsl);
  font-weight: 600;
  color: white;
  text-align: center;
}

.product_category #column-left {
  width: 16.66666667%;
}

#checkout-cart #content > h1 {
  font-size: 1.75rem;
  margin: 0;
  padding: 3rem 0 2rem 0;
}

#checkout-cart #content .top-btns {
  margin-bottom: 1rem;
}

#input-payment-customer-group {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding-bottom: var(--space);
  margin-bottom: var(--space);
}

#custom-field-payment {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
}

.card-checkout .card-content #payment-custom-field3.col-input {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.card-checkout .card-content .col-input.col-customer_group {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

#input-payment-customer-group .form-check {
  margin-right: var(--space);
}

.cart-heading {
  width: 28%;
}

.cart-content {
  width: 72%;
  padding-left: 80px;
}

.cart-heading-h1 {
  font: var(--size-mdx);
  font-weight: 600;
  margin-bottom: var(--space-half);
}

.cart-heading-text {
  margin-bottom: 0;
  font: var(--size-smd);
  color: #8a8a8a;
}

.cart-heading a {
  display: flex;
  align-items: center;
  color: black;
  border: 1px solid #e9e9e9;
  padding: 9px var(--space);
  font: var(--size-sm);
  font-weight: 600;
  letter-spacing: 2.4px;
  margin-top: 30px;
  transition: 300ms ease-in-out;
}

.cart-heading a:hover {
  background-color: black;
  color: white;
}

.cart-heading a span {
  flex: 1;
  text-align: center;
}

.cart-heading a i {
  border-radius: 0;
  font-size: 1rem;
  color: white;
  padding: 0;
  -webkit-appearance: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.cart-modules .card-header {
  background: none;
  padding: 1rem;
  display: none;
  margin-bottom: 0px;
}

.cart-modules #button-quote {
  width: 100%;
  margin-top: var(--space-half);
}

.cart-modules .card {
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
  margin-bottom: var(--space-half);
}

.cart-modules .card .card-body {
  padding: 1rem;
  padding-top: 0px;
}

.cart-modules .card-title {
  margin-bottom: 0;
  font: var(--size-smd);
  font-weight: 600;
  line-height: 1;
}

.cart-modules .card-title i {
  display: none;
}

.cart-modules .collapse {
  display: flex;
  flex-direction: column;
}

.cart-modules .card-body .col-sm-2 {
  flex: 0 0 100%;
  width: 100%;
}

.cart-modules .card-body {
  font: var(--size-smd);
}

.cart-modules .card-body select {
  font: var(--size-smd);
}

.cart-modules .card-body input {
  font: var(--size-smd);
}

.cart-modules .card-body .col-form-label {
  font: var(--size-smd);
}

.cart-modules .card-body .col-sm-10 {
  flex: 0 0 100%;
  width: 100%;
}

.card-cart .card-footer .cart_total {
  padding-left: 0;
  padding-right: 0;
}

.number-spinner {
  display: flex;
  width: fit-content;
}

.number-spinner .btn-default {
  background: none;
  border: 0px;
}

.number-spinner .btn-default:focus {
  box-shadow: none;
}

.number-spinner input {
  width: 50px;
  border: 0px;
  background: none;
  border: 1px solid #000;
  border-radius: 0px;
}

.checkout-cart {
  margin-top: var(--space);
  margin-bottom: var(--space-double);
}

.checkout-cart .cart_item .cart_item-stock {
  display: flex;
  font: var(--size-sm);
  color: var(--color-secondary);
  align-items: center;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}

.checkout-cart .cart_item .cart_item-stock .success {
  color: #00c213;
  font-weight: normal;
  margin-bottom: 0;
  background: rgba(0, 214, 21, 0.14);
  padding: 0 10px;
  margin-top: 4px;
}

.checkout-cart .cart_item .cart_item-stock > div {
  display: flex;
  flex-direction: column;
}

.cart_item .number-spinner input {
  border: 0px;
  padding: 0;
}

.cart_item .number-spinner {
  border: 1px solid #ddd;
}

.cart_item .number-spinner button {
  padding: 0 4px;
}

.cart_item-product-details-wrapper {
  display: flex;
  flex: 2;
  padding: 0;
  align-items: flex-end;
}

.checkout-cart .cart_item .cart_item-product-details-wrapper:last-of-type {
  flex: 0;
  padding-right: 10px;
}

.checkout-cart .cart_item .cart_item-product-details-wrapper .option {
  font: var(--size-12);
  line-height: 2;
}

.cart_item-product-details-thumb {
  flex: 0 0 134px;
  min-width: 134px;
}

.product-quantity.product-common-cart {
  flex: 1;
}

.checkout-cart .cart_item .cart_item-price-title {
  font: var(--size-sm);
  white-space: nowrap;
  color: #181e28;
  font-weight: normal;
}

.checkout-cart .cart_item .cart_item-price-total {
  font: var(--size-smd);
  font-weight: 600;
}

.cart_item-details-model {
  font: var(--size-12);
  color: var(--color-secondary);
}

.checkout-cart .cart_item .cart-item-title-model .cart_item-details {
  margin-top: 0;
}

.checkout-cart .cart_item .cart_item-title {
  font: var(--size-smd);
  font-weight: 600;
  margin: 0;
  color: var(--color-dark);
  line-height: 1;
  margin-bottom: 3px;
}

.card-cart .card-footer .cart_total .cart_total-title {
  font: var(--size-smd);
}

.cart_item-price {
  padding-left: var(--space);
}

.cart-price-wrapper {
  display: flex;
  flex: 1;
}

.cart_item-price-unit {
  text-align: right;
}

.cart-item-details-wrapper {
  max-width: 300px;
  padding-left: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cart_item-product-details-buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  right: 0;
}

.cart_item-product-details-buttons .cart_item-remove {
  font: var(--size-sm);
  display: flex;
  align-items: center;
  color: var(--color-secondary);
}

.cart_item-product-details-buttons .cart_item-remove:hover {
  color: var(--color-dark);
}

.cart_item-product-details-buttons .cart_item-remove i {
  margin-left: var(--space-quarter);
}

.cart_item-price {
  text-align: right;
  flex: 1;
}

#collapse-coupon {
  margin-top: 20px;
}
#collapse-coupon .input-group {
  flex-direction: column;
}

#collapse-coupon input {
  width: 100%;
  border-color: #00000012;
  border-radius: 3px;
}
#collapse-coupon input::placeholder {
  font-size: 13px;
  color: rgba(138, 138, 138, 0.47);
}

.card-cart .card-footer {
  padding-top: 0px !important;
}

.cart-sidebar {
  padding-left: var(--space-quad);
}

.cart_items-title {
  font: var(--size-smd);
  font-weight: 600;
  margin-bottom: var(--space);
  display: flex;
  align-items: center;
  line-height: 1;
}

.cart_items-title span {
  background: #000;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 30px;
  margin-left: var(--space-half);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

#checkout-checkout .modified-input {
  border: 0px;
  background: #f8f8f8;
  border-radius: 0px;
}

.checkout-wrap .checkout-sidebar {
  position: relative;
  padding-left: var(--space-double);
  padding-right: 0;
}

.card-cart .card-body .cart_item {
  background: none;
}

.card-cart .card-footer {
  background: #fff !important;
  border-radius: 10px 10px 3px 3px;
  border: 1px solid #e2e2e2;
  border-left: 0;
  border-right: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.extension_quickcheckout_checkout .card-cart .card-footer {
  border: none;
  border-top: 1px solid #e2e2e2;
  border-radius: 10px 10px 3px 3px;
  display: flex;
  flex-direction: column;
  padding-top: 20px !important;
}
.extension_quickcheckout_checkout .card-cart .card-footer .cart_total {
  border: none;
  padding: 0;
}
.extension_quickcheckout_checkout
  .card-cart
  .card-footer
  .cart_total
  .cart_total-text {
  color: red;
}
.extension_quickcheckout_checkout
  .card-cart
  .card-footer
  .cart_total:last-child {
  background-color: black;
  color: white;
  padding: 1rem;
  border-radius: 3px;
  margin-top: 10px;
}
.extension_quickcheckout_checkout
  .card-cart
  .card-footer
  .cart_total:last-child
  .cart_total-text {
  color: white;
}

.extension_quickcheckout_checkout #voucher {
  border-top: 1px solid #e2e2e2;
}
.extension_quickcheckout_checkout .card-module .card-header {
  display: none;
}

.extension_quickcheckout_checkout .coupon-content-wrapper input {
  border-color: #00000012;
}
.extension_quickcheckout_checkout .coupon-content-wrapper input::placeholder {
  color: #8a8a8a;
  text-align: center;
  opacity: 0.62;
}
.extension_quickcheckout_checkout #button-coupon {
  margin-top: 10px;
}
.extension_quickcheckout_checkout #payments-top .card-body {
  padding: 10px;
}

.card-cart .card-body .cart_item {
  padding: 0;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
}

.card-cart .card-body .cart_item .cart_item-image {
  max-width: 80px;
  padding: 0px;
  margin-right: 0.5rem;
}

.card-cart .card-footer {
  padding-left: 1rem;
  padding-right: 1rem;
}

.category-intro {
  background-color: var(--background);
  text-align: center;
  padding: var(--space-double) var(--space);
}

.intro-wrapper {
  max-width: 720px;
  margin: 0 auto;
}

.intro-title {
  font: var(--size-xml);
  font-weight: 700;
  color: var(--color-dark);
  margin-bottom: var(--space-half);
}

.intro-description {
  font: var(--size-md);
  line-height: 1.6;
  color: var(--color-dark);
}

.category-row-tiles {
  background-color: var(--background);
  margin-bottom: var(--space-quad);
}

.category-row-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--space-quarter-negative));
  margin-right: calc(var(--space-quarter-negative));
}

.checkout-login-container {
}

.checkout-login-container .checkout-login-title-container {
  flex: 1;
  margin-bottom: 40px;
}

.checkout-login-container .checkout-login-title {
  font: var(--size-16);
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 0.25rem;
}
.col-agree .form-check label {
  padding-left: 10px;
  line-height: 1.2;
}
#button-payment-method {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.4px;
  background-color: black;
  color: white;
  border-radius: 0;
  margin-top: 40px;
}

.card-cart .card-footer .cart_total {
  background: none;
  border: none;
  align-items: center;
  padding-bottom: 5px;
}

.card-cart .card-footer .cart_total:nth-last-child(2) {
  order: -1;
}
.card-cart .card-footer .cart_total:nth-last-child(2) .cart_total-text {
  color: black;
}
.card-cart .card-footer .cart_total:last-of-type {
  border-top: 1px solid #e1e1e1;
  padding-top: 5px;
}
.card-cart .card-footer .cart_total:last-of-type span {
  font: var(--size-16);
  font-weight: 600;
}
.checkout-cart .cart-sidebar a {
  background-color: black;
  color: white;
  letter-spacing: 2.4px;
  font: var(--size-12);
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: center !important;
  margin-top: 20px !important;
  transition: 300ms ease-in-out;
  border-radius: 0px 0px 3px 3px;
}

.checkout-cart .cart-sidebar a:hover {
  background-color: #49bb27;
  border-color: #49bb27;
  color: white;
  letter-spacing: 2.4px;
  font: var(--size-12);
  min-height: 47px;
}

.col-tile {
  padding-left: var(--space-quarter);
  padding-right: var(--space-quarter);
  margin-bottom: var(--space-half);
  width: 100%;
}

.modal-backdrop {
  z-index: 10050;
}

.modal {
  z-index: 10055;
}

@media (min-width: 576px) {
  .col-tile {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .col-tile {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .category-row-tiles {
    background-color: var(--background);
    margin-bottom: var(--space-double);
  }
}

.category-row-tile {
  display: block;
  text-decoration: none;
  color: var(--color-dark);
  overflow: hidden;
  position: relative;
}

.tile-image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.tile-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.category-row-tile:hover .tile-image {
  transform: scale(1.1);
}

.tile-caption {
  position: absolute;
  bottom: var(--space-half);
  left: var(--space-half);
  right: var(--space-half);
  background-color: var(--color-light);
  color: var(--color-dark);
  padding: var(--space-half);
  font: var(--size-md);
  font-weight: 600;
  text-align: center;
}

.tabbed-product-swiper {
  padding: var(--space-quad) 0;
  background-color: var(--background);
}

.tabbed-product-swiper .product-swiper-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: var(--space);
  gap: var(--space);
}

.tabbed-product-swiper .tabbed-header {
  display: flex;
  gap: var(--space);
}

.tabbed-product-swiper .tab-btn {
  font: var(--size-xsl);
  font-weight: 600;
  background: none;
  border: none;
  color: var(--color-dark);
  opacity: 0.3;
  cursor: pointer;
}

.tabbed-product-swiper .tab-btn.active {
  opacity: 1;
}

.tabbed-product-swiper .tab-divider {
  color: var(--color-dark);
  opacity: 0.3;
  font: var(--size-xsl);
  font-weight: 100;
}

.tabbed-product-swiper .tab-content-wrapper {
  position: relative;
}

.tabbed-product-swiper .tab-content {
  display: none;
}

.tabbed-product-swiper .tab-content.active {
  display: block;
}

.product-tabs-wrapper .swiper-controls {
  position: absolute;
  top: var(--space-negative);
  right: 0;
  transform: translateY(-100%);
}

.swiper-controls {
  display: flex;
  align-items: center;
}

.swiper-controls .swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  white-space: nowrap;
  margin-left: var(--space);
  margin-right: var(--space);
}

.swiper-controls .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--color-dark);
  opacity: 0.2;
}

.swiper-controls .swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
  color: var(--color-dark);
  opacity: 0.3;
  transition: opacity 0.2s ease;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  transform: none;
}

#pagination-bottom nav {
  text-align: center;
}

.special-title {
  font: var(--size-xsl);
  font-weight: 700;
  color: var(--color-red);
}

.irs--round .irs-handle {
  border: 2px solid #fff;
  background-color: #000;
  width: 20px;
  height: 20px;
}

.irs--round .irs-bar {
  background-color: #000;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  display: none;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background: none;
  border-radius: 0px;
  color: #000;
  font-weight: normal;
}

/* HIDDEN FOR DEV */

/* SELECT BOX */

.custom-selectbox {
  position: relative;
  width: 100%;
}

.custom-selectbox select {
  display: none;
}

.custom-selectbox .select-selected {
  background-color: #ffffff;
}

.custom-selectbox .select-selected:after {
  position: absolute;
  content: "";
  top: 1.375rem;
  right: 0.625rem;
  width: 0;
  height: 0;
  border: 0.1875rem solid transparent;
  border-color: var(--color-dark) transparent transparent transparent;
}

.custom-selectbox .select-selected.select-arrow-active:after {
  border-color: transparent transparent var(--color-dark) transparent;
  top: 1.125rem;
}

.custom-selectbox .select-items div,
.custom-selectbox .select-selected {
  color: #8a8a8a;
  padding: 0.5rem 1rem;
  line-height: 1.5rem;
  border: 1px solid #eaeaea;
  cursor: pointer;
  font-size: 12px;
  transition: 300ms ease-in-out;
  white-space: nowrap;
}

.custom-selectbox .select-selected::after {
  content: none;
}

.custom-selectbox .select-selected:hover {
  color: black;
}

.custom-selectbox .select-selected.select-arrow-active {
  border-bottom: none;
}

.has-error .custom-selectbox .select-selected {
  border-color: var(--bs-danger);
}

.custom-selectbox .select-items div {
  border-color: transparent;
  padding: 0 0;
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}

.custom-selectbox .select-items div span {
  position: relative;
  pointer-events: none;
}

.custom-selectbox .select-items div span.text,
.custom-selectbox .select-items div span.action {
  font-size: 0.625rem;
}

.custom-selectbox .select-items div span.action {
  text-decoration: underline;
}

.custom-selectbox .select-items div:last-child {
  margin-bottom: 0;
}

.custom-selectbox .select-items div span.option.disable {
  opacity: 0.18;
}

.custom-selectbox .select-items div span.option:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: var(--color-dark);
  opacity: 0.6;
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  transform: scaleX(0);
  transform-origin: left;
  transition-delay: 0s;
}

.custom-selectbox .select-items div:hover span.option:after,
.custom-selectbox div.same-as-selected span.option:after {
  transform: scaleX(1);
}

.custom-selectbox .select-items div:hover span.option.disable:after {
  transform: scaleX(0);
}

.custom-selectbox .select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #eaeaea;
  border-width: 0 1px 1px 1px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0.4375rem 0.875rem;
  max-height: 12rem;
  overflow: auto;
}

.custom-selectbox .select-hide {
  display: none;
}

.has-error .invalid-feedback {
  /* display: block; */
}

/* PRODUCT PAGE */
.informative-container {
  margin-top: 40px;
  margin-bottom: 40px;
}

#product-product .informative-row {
  padding-top: var(--space-double);
}

#product-product .informative-content {
  background: #f4f4ff;
  line-height: 1.2;
  padding: var(--space-half) var(--space);
}

.informative-block {
  display: flex;
}

.informative-content {
  display: flex;
  text-align: left;
  align-items: center;
  font: var(--size-smds);
  line-height: 18px;
  gap: 16px;
  flex: 1;
  position: relative;
}

.informative-content:after {
  content: "";
  height: 50px;
  width: 1px;
  position: absolute;
  right: 60px;
  background-color: #ddd;
}

.informative-block:last-child .informative-content:after {
  content: none;
}

.informative-title {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: 700;
}

.informative-title i {
  font-weight: 500;
  margin-bottom: 5px;
}

footer .informative-text {
  font: var(--size-xs);
}

footer .informative-container {
  border-top: 0px;
}

.checkout_checkout footer .informative-container {
  border-top: 0px;
  display: none;
}

.checkout_cart footer .informative-container {
  border-top: 0px;
  display: none;
}

#product-product {
  margin-top: 0;
  padding: 0px 1.5rem;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
}

#product-product .product-gallery {
  position: relative;
}

.product-gallery_wrap {
  padding: 0px 50px 0 0;
  width: 67%;
}

.product-gallery_container {
  /* max-width:650px; */
  /* padding-left:var(--space);
	padding-right:var(--space);
	margin-left:auto;
	margin-right:calc(var(--space-quad));
	position:relative; */
  position: relative;
}

.product-info_wrap {
  padding: 0 0 var(--space-double) 10px;
  width: 33%;
}

#product-product .badge {
  font-size: 0.75rem;
  min-width: 6rem;
  line-height: 1.25rem;
  padding: 0.3125rem 0.75rem;
  border-radius: 0;
}

#product-product .badge.badge-sale {
  border: solid 1px var(--color-dark);
  color: var(--color-dark);
}

#product-product .manufacturer_info {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#product-product .product-info_wrap h1 {
  font: var(--size-16);
  font-weight: 600;
  color: black;
  display: flex;
  text-transform: uppercase;
  justify-content: space-between;
}

#product-product .product-info_wrap h1 .btn {
  margin-left: var(--space-half);
  height: fit-content;
}

#product-product .product-meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #a0a0a0;
  margin-bottom: 0.5rem;
}

#product-product .product-meta .meta-origin {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

#product-product .product-meta .meta-origin img {
  width: 2rem;
  height: 2rem;
  border: solid 2px #f4f4f4;
  border-radius: 50%;
}

#product-product .product-meta .meta-origin span {
  display: block;
  margin-left: 0.5rem;
}

#product-product .product-meta .meta-stock {
  margin-left: 1rem;
  margin-right: auto;
  border-left: solid 1px #a0a0a0;
  padding-left: 1rem;
}

#product-product .product-meta .meta-rating {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#product-product .product-meta .meta-rating div {
  display: flex;
  flex-direction: row;
  line-height: 1rem;
}

#product-product .product-meta .meta-rating div i + i {
  margin-left: 0.25rem;
}

#product-product .product-meta .meta-rating a {
  font-size: 0.625rem;
}

#product-product .product-details {
  margin-bottom: 1rem;
  margin-top: 5px;
}

#product-product .product-details ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--size-smd);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}

#product-product .product-details .text-success {
  font: var(--size-12);
  display: flex;
  align-items: center;
  color: #00c213;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00d6153d;
  padding: 0 10px;
}

#product-product .product-details .text-danger {
  font: var(--size-xs);
  font-weight: 700;
  display: flex;
  align-items: center;
}

#product-product .product-details ul li .has-accent {
  font: var(--size-12);
  color: #8a8a8a;
  letter-spacing: 1.2px;
}

#product-product .product-intro {
  margin-bottom: 1rem;
}

#product-product .product-details li.text-danger:before {
  content: "";
  background: rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
  color: #fff;
  margin-right: var(--space-quarter);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-block-actions .text-danger:before {
  content: "";
  background: rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
  color: #fff;
  margin-right: var(--space-quarter);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-block-actions .text-danger {
  font: var(--size-xs);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.custom-field .col-sm-10 {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

#product-product .product-details ul li b {
  margin-right: var(--space-quarter);
  font: var(--size-sm);
  font-weight: 600;
}

#product-product .product-price {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}

#readMoreBtn {
  font: var(--size-smd);
  color: var(--color-secondary);
  margin-top: var(--space-quarter);
  color: #949494;
  font-weight: 600;
}

#readMoreBtn i {
  margin-left: var(--space-quarter);
}

#product-product .product-price-wrap-cont .price-new {
  font: var(--size-xml);
  color: #d9232a;
}

#product-product .product-price-wrap-cont .price-old {
  font: var(--size-xml);
  color: #262626;
  text-decoration: line-through;
}

#product-product .product-price-wrap-cont span + span {
  margin-left: 0.75rem;
}

#product-product .product-price-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-price-wrap .product-label-sale {
  width: fit-content;
  margin-bottom: var(--space-half);
}

#product-product .product-price-wrap-cont {
  display: flex;
  flex: 1;
  align-items: center;
}

.fancybox__container {
  z-index: 10050 !important;
}

.nav-tabs-container {
  margin-bottom: var(--space);
}

.nav-tabs {
  width: fit-content;
  margin: 0 auto;
  border: 0px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.nav-tabs .nav-item .nav-link {
  border: 0px;
  background: none;
  color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #e2e2e2;
  font: var(--size-xdl);
  font-weight: 400;
  margin-bottom: 1px;
  padding: 10px 40px;
}

.nav-tabs .nav-item .nav-link:hover {
  color: black;
}

.nav-tabs .nav-item .nav-link.active {
  color: black;
  border-bottom: 4px solid black;
}

.nav-tabs .nav-item {
  display: flex;
  align-items: center;
}

.tab-descriptions {
  margin-top: var(--space-quad);
  padding: 0;
}

.tab-descriptions .tab-content {
  padding-bottom: var(--space-double);
  padding-top: 20px;
}

/*.tab-descriptions .nav-tabs .nav-item.show .nav-link,
.tab-descriptions .nav-tabs .nav-item .nav-link:hover,
.tab-descriptions .nav-tabs .nav-link.active {
	border:0px;
	color:#000;
	background:none;
	position:relative;
}
.tab-descriptions .nav-tabs .nav-link.active:after {
	content:"";
	position:absolute;
	background:#000;
	bottom:-1px;
	lefT:0;
	right:0;
	height:2px;
}*/
#product-product .product-price .limited-offer {
  color: #d12128;
  margin-left: 1rem;
  font-weight: 300;
}

#product-product .select_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#product-product .select_wrap > label {
  width: 50%;
}

#product-product .select_wrap > .btn-size_chart {
  width: 50%;
  text-align: right;
  color: #3a3a3a;
  font-size: 12px;
  text-decoration: underline;
}

#product-product .color_related-image .color_related-hex {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 50%;
  display: flex;
  transition: 300ms ease-in-out;
  cursor: pointer;
  border: 1px solid #ccc;
}

#product-product
  .color_related-item:hover
  .color_related-image
  .color_related-hex,
#product-product
  .color_related-item.active
  .color_related-image
  .color_related-hex {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
}

#product-product .color_related-image {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#product-product .color_related-item:hover .color_related-image,
#product-product .color_related-item.active .color_related-image {
  border: 1px solid black;
}

#product-product .size-guide-table {
  display: table;
  white-space: nowrap;
  border-collapse: collapse;
  overflow-x: auto;
  width: 100%;
}

#product-product .size-guide-table__column-head {
  padding: 0.5rem 0 1.5rem 0;
  text-align: center;
  width: 2rem;
}

#product-product .size-guide-table__row {
  border-bottom: 1px solid #eaeaea;
}

#product-product .size-guide-table__column-head:first-child {
  padding-left: 0;
  text-align: left;
}

#product-product .size-guide-table__column-body:first-child {
  padding-left: 0;
  text-align: left;
}

#product-product .size-guide-table__column-body {
  padding: 1.5rem 0;
  text-align: center;
  width: 2rem;
}

#product-product .product-color_related {
  margin: 1rem 0;
}

#product-product .product-color_related h3 {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

#product-product .product-color_related .color_related-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#product-product
  .product-color_related
  .color_related-wrap
  .color_related-item
  img {
  max-width: 4rem;
}

#product-product
  .product-color_related
  .color_related-wrap
  .color_related-item
  h4 {
  font-size: 0.75rem;
  text-align: center;
  margin-top: 0.25rem;
}

#product-product .product-btn .btn {
  font: var(--size-sm);
  font-weight: 600;
  letter-spacing: 0.05rem;
  border-radius: 0;
}

#product-product .product-btn .btn#button-cart {
  background-color: #161616;
  color: white;
  border: 1px solid;
  border-color: #161616;
  border-radius: 3px;
  min-height: 50px;
  font-size: var(--size-sm);
  letter-spacing: 2.4px;
  font-weight: 600;
  width: 100%;
  position: relative;
}

#product-product .product-btn .btn#button-cart.loading {
  opacity: 0.5;
  pointer-events: none;
}

#product-product .product-btn .btn#button-cart:not(.loaded):hover {
  color: #fff;
}

#product-product .product-btn .btn#button-cart:not(.loaded) .text {
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  display: inline-block;
}

#product-product .product-btn .btn#button-cart:not(.loaded):hover .text {
  transform: translateX(50%);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}

#product-product .product-btn .btn#button-cart:not(.loaded) i,
#product-product .product-btn .btn#button-notify:not(.loaded) i {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-10px);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 0;
  font-size: 20px;
  position: absolute;
  left: 0;
  right: 0;
}

#product-product .product-btn .btn#button-cart:not(.loaded):hover i,
#product-product .product-btn .btn#button-notify:not(.loaded):hover i {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),
    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.15s;
}

#product-product .product-btn .btn.loaded#button-cart {
  pointer-events: none;
}

#product-product .product-btn .btn.loaded#button-cart i {
  display: none;
}

#product-product .btn.button_wishlist {
  border: none;
  padding: 0;
}

#product-product .btn.button_wishlist i {
  padding: 0;
  color: #cccccc;
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}

#product-product .btn.button_wishlist:hover i {
  background: transparent;
  color: black;
  font-weight: bold;
}

#product-product .product-btn .small-msg {
  font-size: 0.75rem;
  color: var(--bs-gray);
  text-align: center;
  padding: 0 0.5rem;
}

#product-product .options-row .required label:after {
  content: "*";
  color: var(--bs-red);
  padding-left: 0.125rem;
}

#product-product #product-info {
  margin-top: 2rem;
  font-size: 0.875rem;
}

#product-product #product-info .accordion-header {
  font-size: 0.875rem;
}

#product-product #product-info .accordion-header .accordion-button {
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.75rem 0.25rem;
  border-color: transparent;
  box-shadow: none;
}

#product-product
  #product-info
  .accordion-header
  .accordion-button:not(.collapsed) {
  background: none;
  color: var(--color-dark);
}

#product-product #product-info .accordion-header .accordion-button::after {
  content: "+";
  background: none;
}

#product-product #product-info .accordion-button:not(.collapsed)::after {
  content: "-";
  background: none;
  transform: none;
}

#product-product #product-info .accordion-body {
  padding: 0.75rem 0.25rem;
  font: var(--size-smd);
}

#product-product #product-info .accordion-body b {
  font-weight: bold;
}

.product_product a[data-fancybox] img {
  cursor: zoom-in;
  height: 650px;
  aspect-ratio: 1;
  object-fit: cover;
}

.product_product .fancybox__container {
  --fancybox-color: #999;
  --fancybox-bg: #fff;
  --carousel-button-svg-width: 2rem;
  --carousel-button-svg-height: 2rem;
  --carousel-button-svg-stroke-width: 1.2;
  --carousel-button-svg-filter: none;
}

.product_product .fancybox__nav {
  --carousel-button-svg-width: 2.25rem;
  --carousel-button-svg-height: 2.25rem;
  --carousel-button-svg-stroke-width: 1;
}

.product_product .has-image[data-image-fit="contain-w"] {
  padding: 0;
  overflow: hidden;
}

#addCartModal.modal.fade .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
  transform: translate(0, 50px);
  margin-top: 0;
  margin-bottom: 0;
}

#addCartModal.modal.fade.show .modal-dialog {
  transform: none;
}

#addCartModal .modal-content {
  padding: 1rem;
}

#addCartModal .modal-content .add-image {
  width: 8rem;
}

#addCartModal .modal-content .add-text {
  width: calc(100% - 8rem);
  display: flex;
  justify-content: space-between;
}

#addCartModal .modal-content .btn-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 11;
}

#addCartModal .modal-content h6 {
  font: var(--size-sxs);
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0 0 0.25rem 0;
}

#addCartModal .modal-content h4 {
  font-size: 1rem;
  font-weight: bold;
}

#addCartModal .modal-body {
  padding-bottom: 0;
}

#product-product #countdown > span {
  color: #d12128;
  font-size: 18px;
  font-weight: 700;
}

#product-product #countdown > span label {
  color: #ccc;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
}

#product-product .call-fashion-expert a {
  background-color: #d88bc7;
  border-color: #d88bc7;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#product-product .call-fashion-expert a:hover {
  color: #fff;
  background-color: #303030;
}

#product-product .call-fashion-expert a span:nth-child(2) {
  letter-spacing: 2px;
}

#slideshow_related {
  position: relative;
  width: 100%;
}

#slideshow_categories {
  position: relative;
  width: 100%;
}

.banner-row-related-title {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: var(--space);
}

.banner-row-related-title .banner-row-title-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* OFF CANVAS CART */

.offcanvas {
  z-index: 9998;
}

#offcanvasCart {
  z-index: 10001;
}

#offcanvasCart .btn-close {
  font-size: 10px;
  margin-top: 2px;
}

#offcanvasCart .btn {
  font-size: 0.75rem;
}

#offcanvasCart .offcanvas-header {
  background-color: black;
  padding: 0.7rem 1rem;
}

#offcanvasCart .offcanvas-header h5 {
  font: var(--size-mdx);
  font-weight: normal;
  color: white;
}

#offcanvasCart .offcanvas-header h5 i {
  color: var(--color-accent);
  margin-right: var(--space-half);
  font-size: 0.95rem;
}

#offcanvasCart .offcanvas-header .fa-shopping-cart {
  font-size: 1.125rem;
}

#offcanvasCart .offcanvas-header .btn-close {
  opacity: 1;
  margin: 0;
  padding: 0;
  line-height: 21px;
  height: 21px;
  min-height: 21px;
  width: 21px;
  min-width: 21px;
  background: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.cart_count_total {
  color: var(--bs-white) !important;
  opacity: 1;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.75rem;
  height: 1.75rem;
  min-width: 2.5rem;
  background-image: none;
  background-color: var(--bs-gray-800);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#offcanvasCart .offcanvas-header .btn-close:hover {
}

#offcanvasCart .offcanvas-header .btn-close:before {
  content: "\f104";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 0.75rem;
}

#offcanvasCart .offcanvas-body {
  display: flex;
}

#offcanvasCart .offcanvas-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

#offcanvasCart .offcanvas-empty {
  margin: auto !important;
  text-align: center;
}

#offcanvasCart .offcanvas-empty:before {
  content: "\f656";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 2rem;
  margin-bottom: 1rem;
  display: block;
}

#offcanvasCart .cart_item {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  border-bottom: solid 1px #f2f2f2;
  margin-bottom: 6px;
  padding-bottom: 1rem;
}

#offcanvasCart .cart_item:last-child {
  margin-bottom: 0;
}

#offcanvasCart .cart_item-info {
  margin-bottom: 0;
  position: relative;
}

#offcanvasCart .cart_item-info h4 {
  font: var(--size-xxs);
  line-height: 1;
  margin: 0;
  padding-right: 1.5rem;
}

#offcanvasCart .cart_item-total {
  display: flex;
  align-items: center;
}

#offcanvasCart .options-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#offcanvasCart .cart_item-total .cart_item-qnt {
  margin-right: 0.25rem;
  color: var(--bs-gray-600);
}

#offcanvasCart .cart_item_info_wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

#offcanvasCart .cart_item-price-reg {
  font: var(--size-12);
  line-height: 17px;
  color: #262626;
}

#offcanvasCart .cart_item-price-disc {
  color: var(--color-red);
  font: var(--size-12);
  line-height: 17px;
  padding-right: 10px;
  display: block;
}



#offcanvasCart .cart_item-total .cart_item-price {
  margin-right: 1rem;
  color: var(--bs-gray-600);
}

#offcanvasCart .cart_item-total .cart_item-sum {
  font-size: 0.9375rem;
  font-weight: bold;
}

#offcanvasCart .cart_total {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 0.5rem 0;
  white-space: nowrap;
}

#offcanvasCart .cart_total .cart_total-title {
  font: var(--size);
  color: black;
  line-height: 16px;
  padding: 0;
}

#offcanvasCart .cart_total .cart_total-text {
  font: var(--size);
  color: black;
  line-height: 16px;
}

#offcanvasCart .cart_total.sum_total {
  font-size: 1.125rem;
  border-top: 1px solid #ebebeb;
  padding: 13px 0;
  /* margin-top: 18px; */
}

#offcanvasCart .cart_total.sum_total .cart_total-text {
  font-size: 1rem;
  color: black;
  font-weight: normal;
}

#offcanvasCart .cart_total:nth-child(2n + 1) {
  background-color: transparent;
}

#offcanvasCart .offcanvas-up-outer {
    align-items: start;
    padding: 0 30px;
    margin-bottom: 0;
    display: flex;
    height: 100%;
}

#offcanvasCart .offcanvas-up {
  overflow: auto;
  padding: 6px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}

#offcanvasCart .cart_item.offcanvas-up {
  padding: 0;
}

#offcanvasCart .offcanvas-up img {
  width: 88px;
  height: 88px;
  border-radius: 2px;
  aspect-ratio: 1;
  object-fit: cover;
}

#offcanvasCart .offcanvas-wrap .row {
  margin-right: 0;
  margin-left: 0;
}

#offcanvasCart .offcanvas-down {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 0.75rem;
  background: transparent;
  border: 1px solid #e2e2e2;
  border-radius: 10px 10px 3px 3px;
}

#offcanvasCart .btn-primary {
  color: white;
  background-color: black;
  border-color: black;
  min-height: 47px;
  letter-spacing: 2.4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#offcanvasCart .btn-cart {
  border: 1px solid black;
  background: var(--color-accent);
  color: black;
  min-height: 47px;
  letter-spacing: 2.4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#offcanvasCart .btn-cart:hover {
  color: white;
  background-color: black;
  border-color: black;
}

#offcanvasCart .btn-primary:hover {
  background: #49bb27;
  border-color: #49bb27;
  color: #fff;
}

.mobile-header-panel-group {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background: #fff;
  height: var(--header-height);
  z-index: 900;
  display: flex;
  justify-content: stretch;
  box-shadow: 3px 0px 10px #0000001a;
}

.mobile-header-panel-group .header-main-panel-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.mobile-header-panel-group .header-main-panel-group .panel-item .icon {
  display: flex;
  flex-direction: column;
  height: auto;
  width: auto;
}

.mobile-header-panel-group .panel-item.account {
  border-left: 0px;
}

.mobile-header-panel-group .header-main-panel-group .panel-item .icon span {
  font-size: 9px;
  font-weight: 600;
  margin-top: 5px;
}

.mobile-header-panel-group .panel-box {
  display: none;
  position: fixed;
  bottom: var(--header-height);
  top: auto;
  left: 0;
  transform: none;
  background: var(--color-light);
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  min-width: 100%;
  padding: 1rem;
  font-size: 12px;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

.mobile-header-panel-group .header-main-panel-group .panel-item {
  flex: 1;
  height: var(--header-height);
  border-right: 1px solid #e1e1e1;
}

.mobile-header-panel-group .header-main-panel-group .panel-item:last-child {
  border-right: 0px;
}

/* MANUFACTURER LIST */

.brand_list-block .brand_list-link {
  display: block;
  position: relative;
}

.brand_list-block .brand_list-img {
  margin-bottom: var(--space);
  padding: 2rem;
  transition: all 0.2s linear;
}

.brand_list-block .brand_list-text {
  border-top: 1px solid #e1e1e1;
  padding-top: 0.5rem;
}

.brand_list-block .brand_list-text h2 {
  font-size: 1rem;
  letter-spacing: 0.125rem;
}

.brand_list-block .brand_list-badge {
  position: absolute;
  left: 0rem;
  top: 0rem;
  pointer-events: none;
  border: solid 1px var(--color-dark);
  background-color: var(--bs-white);
  color: var(--color-dark);
  font-size: 0.75rem;
  min-width: 6rem;
  line-height: 1.25rem;
  padding: 0.125rem 0.75rem;
  border-radius: 0;
}

.brand_list-block:hover .brand_list-img {
  padding: 1rem;
}

/* THANKYOU PAGE */
.thankyou-wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.thankyou-heading .order-heading {
  background: #28aae2;
}

.thankyou-content .order-heading {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #000 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  text-align: left;
  line-height: normal;
  color: white;
  font-weight: 600;

  border-radius: 5px;
}

.thankyou-wrap .product-row-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: solid 2px rgba(0, 0, 0, 0.1);
}

.thankyou-wrap .td-name {
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
  font-size: 14px;
  flex: 1;
  text-align: left;
  padding: 0;
}

.thankyou-wrap .td-quantity {
  flex: 0 0 30%;
  max-width: 30%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
}

.thankyou-wrap .td-image {
  flex: 0 0 150px;
  max-width: 150px;
}

.thankyou-wrap .td-image img {
  width: 100px;
  height: auto;
}

.thankyou-wrap .product-row-flex {
  padding: 0.9rem !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.thankyou-wrap .product-row-flex:last-child {
  padding: 0.9rem !important;
  margin-bottom: 0;
  padding-bottom: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.thankyou-wrap .td-total {
  font-weight: bold;
  font-size: 16px;
  flex: 1;
  text-align: right;
}

.thankyou-wrap .order-details-flex {
  display: flex;
  flex-direction: row;
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}

.thankyou-wrap .order-address-flex {
  flex: 1;
  background: var(--bs-gray-100);
  padding: 2rem 1.5rem;
}

.thankyou-wrap ul.order-details-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.order-success-text-bottom {
  margin-top: 80px;
}

.order-success-text-bottom .fas {
  font-size: 27px;
  color: black;
  margin-bottom: 10px;
}

.thankyou-wrap .order-success-text-bottom {
  display: flex;
  font-size: 14px;
  color: #111;
  font-weight: 600;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.thankyou-wrap ul.order-details-ul > li {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  color: #707070;
  text-align: left;
}

.thankyou-wrap ul.order-details-ul > li span {
  font-weight: bold;
  color: #111;
}

.thankyou-wrap .order-address-flex h4 {
  font-size: 1rem;
  font-weight: 800;
  padding: 0;
  margin-bottom: 2rem;
  text-align: left;
}

.thankyou-wrap .thankyou-heading {
  margin-bottom: 3rem;
  text-align: center;
  margin-top: 2rem;
}

.thankyou-wrap .thankyou-heading h1 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #111;
  padding: 0;
  margin: 0 0 0.1rem 0;
}
h4.tastoixia_parageliassoy {
  margin-top: 20px;
  text-align: left;
  font: normal normal 600 18px/23px "proxima-nova-wide";
  letter-spacing: 0px;
  color: #ffffff;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 3px;
  padding: 10px;
}
.checkout_success .progress-container.container.my-5.py-5 {
  display: none;
}

.thankyou-wrap .thankyou-heading .heading-msg {
  text-align: center;
  font: normal normal normal 16px/24px "proxima-nova-wide";
  letter-spacing: 0px;
  color: #252525;
  border-radius: 16px;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0.5rem;
}

.thankyou-wrap .thankyou-heading .heading-msg a:hover {
  text-decoration: underline;
}

.thankyou-wrap .order-register-flex {
  flex: 1;
  background: #f8f8f8;
  padding: 2rem;
  max-width: 35%;
  flex: 0 0 35%;
  margin-left: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.thankyou-wrap .order-register-info {
  text-align: center;
  font-size: 16px;
  margin-bottom: 2rem;
  line-height: 1.5rem;
  font-weight: bold;
}

.thankyou-wrap .order-register-buttons {
  width: 100%;
}

.thankyou-wrap .wrap-td {
  display: flex;
  margin-top: 1rem;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  align-items: flex-end;
}

.thankyou-wrap .wrap-td-variables {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: space-between;
}

.thankyou-wrap .wrap-tds {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  width: 100%;
}

.thankyou-wrap .wrap-td-label {
  font-size: 10px;
  color: #808080;
  white-space: nowrap;
}

.thankyou-wrap .wrap-td-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.thankyou-wrap .wrap-td-block + .wrap-td-block {
  padding-left: 2rem;
}

.thankyou-wrap .wrap-td-value {
  font-size: 13px;
  color: #111;
  font-weight: 600;
}

.thankyou-wrap .order-register-buttons a.btn.btn-primary {
  margin: auto !important;
  line-height: 2;
  background: var(--color-accent);
  font-size: 13px;
  color: #fff;
  border: none;
  border-radius: 40px;
  height: 50px;
  min-height: 50px;
  letter-spacing: 1px;
  display: BLOCK;
}

.thankyou-wrap .order-register-buttons a.btn.btn-primary:hover,
.order-register-buttons a.btn.btn-primary:active,
.order-register-buttons a.btn.btn-primary:focus {
  background: var(--color-dark);
}

.thankyou-wrap .thankyou-heading .heading-icon {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background: #000;
  color: #2caa00;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.thankyou-wrap .thankyou-heading .heading-icon i {
  font-size: 2.5rem;
  position: relative;
  top: 2px;
}

.thankyou-wrap .order-success-text-bottom {
  font-size: 13px;
  color: #111;
  font-weight: 600;
}

.thankyou-wrap .order-success-text-bottom i {
  color: var(--color-dark);
}

#product-product .number-spinner .btn {
  background: none;
  border: 0px;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: normal;
}

.product-gallery_wrap #gallery-pagination {
  position: relative;
}

.swiper-pagination-bullet-active {
  background: #000;
}

/*.footer-wrap .footer-col:not(.socials) h5:before {
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.footer-title {
	border-bottom:1px solid #e1e1e1;
}*/

.footer-wrap .footer-col:not(.socials) h5.show:before {
  /*content: '\f106';*/
}

.footer-wrap .footer-col h5 {
  margin: 0;
  text-align: left;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-size: 1.35rem;
}

.footer-phone-wrap {
  background: #fff;
  border-radius: 30px;
  padding: var(--space-quarter) var(--space);
  margin-bottom: var(--space-half);
}

.footer-wrap .footer-col h5.small-padding {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.85rem;
}

.footer-title-phone {
  font-size: 0.85rem;
}

.footer-wrap .footer-col .footer-phone-wrap h5 {
  font-weight: normal;
  color: var(--color-accent);
  letter-spacing: 2px;
}

.footer-phone-wrap p {
  font-size: 0.85rem;
  padding-left: 25px;
  line-height: 1.6;
  margin-bottom: var(--space-half);
  color: #707070;
}

.footer-wrap .footer-content {
  /*display: none;*/
}

footer .row {
  /* margin-bottom:var(--space-onehalf); */
}

.footer-title-phone i {
  font-weight: 600;
}

.footer-stores-wrap {
  margin-top: var(--space-half);
}

/* THANKYOU PAGE */

/* RESPONSIVE */

@media only screen and (min-width: 992px) {
  .product-layout
    .product-block:hover
    .product-top
    .product-block-image
    .product-thumbnail
    img.second {
    z-index: 3;
    opacity: 1;
  }
}

@media only screen and (max-width: 1600px) {
  #product-product .product-info_wrap h1 {
    font: var(--size-xl);
    font-weight: 700;
  }
}

@media only screen and (max-width: 1200px) {
  .header-main-panel-group .panel-item .icon {
    width: 40px;
  }
}

@media only screen and (max-width: 1400px) {
  .product-info_wrap {
    padding: var(--space-half) var(--space);
  }
}

@media only screen and (max-width: 1200px) {
  .checkout-cart .cart_item > .row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 992px) {
  .nav-tabs .nav-item .nav-link {
    padding-left: var(--space);
    padding-right: var(--space);
  }

  /* DISABLE FOR DEVELOPMENT */
  .m_header-top {
    display: none;
  }

  :root {
    --header-height: 60px;
  }

  /* CART */
  #offcanvasCart .cart_total {
    line-height: 1.5rem;
  }
}

/* progress bar cart-checkout-success */

.progress-container span {
  color: #a1a1a1;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  text-align: center;
}

.progress-container .active span {
  color: #303030;
}

.progress-container i:before {
  background: #fff;
}

.progress-container .progress-bar {
  background-color: #303030;
}

.progress-container {
  width: 800px;
  max-width: calc(100% - 60px);
  /* margin: 0 auto; */
  padding: 50px 0;
}

@media all and (max-width: 768px) {
  .card-checkout {
    padding: var(--space-half) !important;
  }

  .progress-container span {
    white-space: normal;
    max-width: 105px;
    margin: auto;
  }
}

/* HOME BUILDER */

.module-wrapper {
  overflow: hidden;
}

.module-full-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

.banner-row-title {
  margin-bottom: var(--space);
  padding-left: var(--space-half);
  padding-right: var(--space-half);
  flex-direction: column;
}

.banner-row-main-hypertitle {
  font: var(--size-xml);
  font-weight: 600;
  margin-bottom: var(--space-half);
  width: fit-content;
  position: relative;
}

.banner-row-main-hypertitle::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #aa0066;
  position: absolute;
  border-radius: 100%;
  left: -25px;
  top: 0;
  margin-left: var(--space-quarter-negative);
}

.banner-row-main-logo {
  margin-bottom: var(--space);
}

.banner-row-main-title {
  font: var(--size-smds);
  line-height: 16px;
  color: #808080;
  text-align: center;
}

.banner-row-main-subtitle {
  text-align: center;
  font: var(--size-xtl);
  letter-spacing: 5.4px;
  margin-top: var(--space-quarter);
}

.product-tabs-wrapper .swiper-controls {
  /*display:none;*/
}

.module-contained-container .module-container-wrapper {
  padding-left: var(--space-triple);
  padding-right: var(--space-triple);
}

.medium-padding-top {
  padding-top: var(--space-triple);
}

.medium-padding-bottom {
  padding-bottom: var(--space-triple);
}

.big-padding-top {
  padding-top: var(--space-sixfold);
}

.big-padding-bottom {
  padding-bottom: var(--space-sixfold);
}

.module-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.module-container.has-border {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.module-container-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.banner-container .banner-row-content {
  flex: 1;
}

.banner-container .banner-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: var(--space-half-negative);
  margin-right: var(--space-half-negative);
  position: relative;
}

.banner-container .banner-row-content {
  justify-content: center;
}

.banner-col {
  padding-left: var(--space-half);
  padding-right: var(--space-half);
}

.product_category .module-wrapper-theme-manufacturer .banner-col {
  flex: 1;
}

.product_category .module-wrapper-theme-manufacturer {
  padding-left: var(--space-triple);
  padding-right: var(--space-triple);
}

.product_category .banner-container {
  margin-bottom: var(--space-double);
}

.banner-item {
  position: relative;
}

.banner-item .banner-image {
  object-fit: cover;
}

.banner-item .banner-image img {
  width: 100%;
  height: 100%;
}

.module-contained-container {
  /*max-width:1400px;*/
  margin: 0 auto;
}

/* .module-contained-container .module-container-wrapper {
	max-width:1500px;
	margin:0 auto;
} */
#bannercategory
  .module-full-container.module-contained-container
  .module-container-wrapper {
  max-width: none;
  padding-left: var(--space-quad);
  padding-right: var(--space-quad);
}

.module-related-container.module-full-container.module-contained-container
  .module-container-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.module-categories-container {
  margin-top: var(--space-quad);
}

.module-categories-container.module-full-container.module-contained-container
  .module-container-wrapper {
  max-width: none;
  padding-left: var(--space-quad);
  padding-right: var(--space-quad);
}

.module-wrapper-theme-background .module-container-wrapper {
  display: flex;
  flex-direction: unset;
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-row.banner-row-title {
  text-align: center;
  align-items: center;
  margin-right: var(--space-triple);
  max-width: 350px;
  justify-content: flex-start;
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-title {
  font: var(--size-xxl);
  color: var(--color-light);
  font-weight: 600;
  margin-bottom: var(--space-half);
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-subtitle {
  color: var(--color-light);
  margin-bottom: var(--space-onehalf);
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-row-main-readmore {
  padding: var(--space-half) var(--space);
  border: 1px solid var(--color-light);
  color: var(--color-light);
  font: var(--size-sm);
  letter-spacing: 1px;
  font-weight: 600;
  width: fit-content;
  min-width: 250px;
  justify-content: space-between;
  line-height: 1;
  display: flex;
  align-items: center;
  min-height: var(--button-height);
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-row-main-readmore:hover {
  color: var(--color-dark);
  background: var(--color-light);
}

.module-wrapper-theme-background .module-container-wrapper .banner-row {
  margin: 0px;
}

.module-wrapper-theme-background .module-container-wrapper .banner-col {
  padding: 0px;
}

.module-wrapper-theme-manufacturer {
  padding-top: var(--space-double);
  padding-bottom: 0;
  margin-bottom: var(--space-onehalf);
  background-color: #252525;
  overflow: visible;
}

.module-wrapper-theme-manufacturer .module-container-wrapper {
  display: flex;
  flex-direction: unset;
  flex-wrap: nowrap;
  flex: 0 0 100%;
  width: 100%;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row-content {
  margin-bottom: var(--space-onehalf-negative);
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title {
  margin-right: var(--space-triple);
  margin-bottom: var(--space-double);
  max-width: 400px;
  width: 100%;
  justify-content: flex-start;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-title {
  font: var(--size-xsl);
  color: var(--color-light);
  font-weight: 600;
  margin-bottom: var(--space-half);
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-subtitle {
  color: var(--color-light);
  opacity: 0.8;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore {
  color: var(--color-light);
  opacity: 0.8;
  margin-top: var(--space-double);
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
  margin-bottom: var(--space);
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore:after {
  content: "";
  left: 0;
  right: calc(100% - 20px);
  bottom: var(--space-half-negative);
  height: 1px;
  background: #fff;
  opacity: 0.8;
  position: absolute;
  transition: all 0.3s;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore:hover:after {
  right: 0;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore:hover {
  opacity: 1;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore
  i {
  margin-left: var(--space-half);
  transition: all 0.3s;
}

.module-wrapper-theme-manufacturer
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore:hover
  i {
  margin-left: var(--space);
}

.module-wrapper-theme-basic_notes .module-container-wrapper {
  background: #f8eff4;
  padding: var(--space-onehalf);
  max-width: 1200px;
}

.module-wrapper-theme-basic_notes .banner-row-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.module-wrapper-theme-basic_notes .banner-row-title .banner-row-main-title {
  width: fit-content;
  position: relative;
  font: var(--size-xtl);
  font-weight: 700;
}

.module-wrapper-theme-basic_notes .banner-row-title .banner-row-main-subtitle {
  color: black;
  opacity: 1;
  font: var(--size-xsl);
}

.module-wrapper-theme-basic_notes
  .banner-row-title
  .banner-row-main-title:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #aa0066;
  position: absolute;
  border-radius: 100%;
  left: -25px;
  top: 0;
  margin-left: var(--space-quarter-negative);
}

.module-wrapper-theme-hands_cream
  .module-container-wrapper
  .module-flex-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-top: var(--space);
  padding-bottom: var(--space);
}

.module-wrapper-theme-hands_cream
  .module-container-wrapper
  .module-flex-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  right: 200px;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #f8eff4;
}

.module-wrapper-theme-hands_cream
  .module-container-wrapper
  .banner-row-main-readmore {
  background: #aa0066;
  padding: var(--space-half) var(--space);
  color: #fff;
  width: fit-content;
  letter-spacing: 2px;
  margin-top: var(--space);
  font: var(--size-xs);
  letter-spacing: 4px;
}

.module-wrapper-theme-hands_cream
  .module-container-wrapper
  .banner-row-main-readmore:hover {
  background: #000;
  color: #fff;
}

.module-wrapper-theme-hands_cream .banner-row-main-logo {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 350px;
  max-width: 350px;
  margin-left: var(--space-onehalf-negative);
}

.module-wrapper-theme-hands_cream .banner-row-title {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding-left: var(--space-double);
  padding-right: var(--space-sixfold);
}

.module-wrapper-theme-hands_cream .banner-row-main-title {
  font: var(--size-md);
  font-weight: 400;
  color: var(--color-accent);
  text-align: left;
}

.module-wrapper-theme-hands_cream .banner-row-main-subtitle {
  text-align: left;
  margin-top: var(--space);
}

.module-wrapper-theme-hands_cream .banner-row-main-hypertitle {
  font: var(--size-xtl);
  font-weight: 700;
  margin-bottom: var(--space-quarter);
}

.module-wrapper-theme-skin_care .module-container-wrapper .module-flex-wrapper {
}

.module-wrapper-theme-skin_care {
  padding-top: var(--space-double);
  padding-bottom: var(--space-double);
  background-color: #1f3337;
}

.module-wrapper-theme-skin_care .module-container-wrapper {
  display: flex;
  flex-direction: unset;
  flex-wrap: nowrap;
  flex: 0 0 100%;
  width: 100%;
}

.module-wrapper-theme-skin_care .banner-row-main-hypertitle {
  font: var(--size-king);
  font-weight: 700;
}

.module-wrapper-theme-skin_care
  .module-container-wrapper
  .banner-row.banner-row-title {
  margin-right: var(--space-triple);
  max-width: 500px;
  width: 100%;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  padding-left: var(--space-double);
}

.module-wrapper-theme-skin_care
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-title {
  font: var(--size-xml);
  font-family: "arboria";
  color: var(--color-accent);
  font-weight: 400;
  margin-bottom: var(--space-half);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}

.module-wrapper-theme-skin_care
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-subtitle {
  text-align: left;
  opacity: 1;
}

.module-wrapper-theme-blog
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-title {
  font: var(--size-xsl);
  font-weight: 600;
  margin-bottom: var(--space-half);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.module-wrapper-theme-blog .banner-row-main-readmore {
  background: var(--color-accent);
  color: #fff;
  padding: var(--space-half) var(--space);
  width: fit-content;
  margin: 0 auto;
  margin-bottom: var(--space);
  margin-top: var(--space);
}

.module-wrapper-theme-blog
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-subtitle {
  margin-bottom: var(--space-onehalf);
}

.module-wrapper-theme-blog
  .module-container-wrapper
  .banner-row.banner-row-title
  .banner-row-main-readmore:hover {
  color: var(--color-dark);
  background: var(--color-light);
}

.module-wrapper-theme-blog
  .module-container-wrapper
  .banner-row-main-readmore
  i {
  margin-left: var(--space-half);
}

.module-wrapper-theme-blog .module-container-wrapper .blog_date {
  margin-top: var(--space-half);
  font: var(--size-xs);
  font-weight: 600;
  color: var(--color-secondary);
}

.module-wrapper-theme-blog .module-container-wrapper .blog-caption {
  padding-left: var(--space-half);
  padding-right: var(--space-half);
}

.module-wrapper-theme-blog .module-container-wrapper .blog_title {
  font: var(--size-lg);
  padding-bottom: var(--space);
  font-weight: 600;
}

.module-wrapper-theme-blog .module-container-wrapper .blog_readmore {
  display: none;
}

.module-wrapper-theme-blog .module-container-wrapper .blog-image img {
  width: 100%;
}

.module-wrapper-theme-blog .module-container-wrapper .blog-image {
  overflow: hidden;
}

.module-wrapper-theme-blog .module-container-wrapper .blog-image img {
  transition: all 0.3s;
  transition-delay: 0.2s;
}

.module-wrapper-theme-instagram {
  padding-top: 60px;
}

.module-wrapper-theme-instagram .banner-row-title {
  text-align: center;
  margin-bottom: var(--space-double);
}

.module-wrapper-theme-instagram .banner-row-main-readmore {
  opacity: 0.8;
}

.module-wrapper-theme-instagram .banner-row-main-readmore i {
  display: none;
}

.module-wrapper-theme-instagram .banner-row-main-title {
}

.module-wrapper-theme-instagram .banner-row-main-subtitle {
}

.module-wrapper-theme-instagram .banner-row-main-readmore {
  justify-content: center;
}

/* GENERIC SETTINGS */

.module-has-background
  .banner-col
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  color: var(--color-light);
}

.module-has-background
  .banner-col
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-subtitle {
  color: var(--color-light);
}

/* SLIDESHOW */

.banner-col-style-slideshow {
  overflow: hidden;
}

.banner-col-style-slideshow .swiper-navigation {
  position: absolute;
  left: var(--space-quad);
  bottom: var(--space-quad);
  display: flex;
  align-items: center;
}

.banner-col-style-slideshow .swiper-pagination {
  position: static;
  margin-left: var(--space-double);
  margin-right: var(--space-double);
}

.banner-col-style-slideshow .swiper-button-prev,
.banner-col-style-slideshow .swiper-button-next {
  position: static;
  margin-top: 0;
}

.banner-col-style-slideshow .swiper-button-prev:after,
.banner-col-style-slideshow .swiper-button-next:after {
  font-size: 11px;
  color: var(--color-accent);
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  background: #fff;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  border-radius: 100%;
}

.banner-col-style-slideshow .swiper-button-prev:hover:after,
.banner-col-style-slideshow .swiper-button-next:hover:after {
  background: var(--color-accent);
  color: #fff;
}

.banner-col-style-slideshow .swiper-pagination-bullet {
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.2;
}

.banner-col-style-slideshow .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.banner-col-style-slideshow .banner-caption-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: var(--space-triple);
}

.banner-col-style-slideshow .banner-caption-wrapper .banner-caption-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-hypertitle {
  color: var(--color-accent);
  letter-spacing: 10px;
  font: var(--size-smd);
  font-weight: 500;
  margin-bottom: var(--space-half);
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  color: var(--color-dark);
  font: var(--size-xxl);
  font-weight: 400;
  margin-bottom: var(--space-half);
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-subtitle {
  color: var(--color-dark);
  font: var(--size-lg);
  margin-bottom: var(--space-onehalf);
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  padding: var(--space-half) var(--space);
  border: 1px solid var(--color-dark);
  color: var(--color-dark);
  font: var(--size-sm);
  letter-spacing: 5px;
  font-weight: 600;
  width: fit-content;
  min-width: 250px;
  justify-content: center;
  line-height: 1;
  display: flex;
  align-items: center;
  min-height: var(--button-height);
}

.banner-col-style-slideshow
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:hover {
  color: #fff;
  background: var(--color-accent);
  border-color: var(--color-accent);
}

/* PRODUCTS CAROUSEL SINGLE */

.banner-col-style-products_carousel_single .banner-content {
  overflow: hidden;
}

.banner-col-style-products_carousel_single .banner-content {
  overflow: hidden;
}

.banner-col-style-products_carousel_single .banner-title {
  text-align: center;
  padding-top: var(--space);
  padding-bottom: var(--space-quad);
  font: var(--size-md);
  font-weight: 600;
}

.banner-col-style-products_carousel_single .swiper-button-prev:after,
.banner-col-style-products_carousel_single .swiper-button-next:after {
  font-size: 11px;
  color: var(--color-accent);
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  background: #fff;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  border-radius: 100%;
}

.banner-col-style-products_carousel_single .swiper-button-prev:after {
  transform: translateX(-50%);
}

.banner-col-style-products_carousel_single .swiper-button-next:after {
  transform: translateX(50%);
}

.banner-col-style-products_carousel_single .swiper-button-prev:hover:after,
.banner-col-style-products_carousel_single .swiper-button-next:hover:after {
  background: var(--color-accent);
  color: #fff;
}

.banner-col-style-products_carousel_single .swiper-pagination {
  bottom: var(--space-double);
}

.module-wrapper-theme-hands_cream .banner-row-content {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 400px;
  max-width: 400px;
  width: 100%;
}

.module-wrapper-theme-hands_cream .banner-col {
  padding-left: 0;
  padding-right: 0;
  background: #fff;
}

.module-wrapper-theme-hands_cream .banner-item {
  border: 2px solid #f8eff4;
}

/* HERO */

.banner-col-style-hero_title {
  background: #aa0066;
  text-align: center;
  padding-top: var(--space-double);
  padding-bottom: var(--space-double);
  margin-top: 0;
}

.banner-col-style-hero_title .banner-title {
  font: var(--size-xl);
  font-family: "arboria";
  font-weight: 600;
  margin-bottom: var(--space-half);
  color: #fff;
}

.banner-col-style-hero_title .banner-subtitle {
  color: #fff;
  opacity: 0.5;
}

/* CATEGORIES SIMPLE */
.banner-col-style-categories_simple {
  padding-left: 2px;
  padding-right: 2px;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption-container {
  z-index: 2;
  position: relative;
}

.banner-col-style-categories_simple .banner-content .banner-item {
  display: grid;
}

.banner-col-style-categories_simple .banner-content .banner-item > * {
  grid-area: 1 / -1;
}

.banner-col-style-categories_simple .banner-content .banner-image {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  position: unset;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  text-align: left;
  padding: 0;
  align-self: end;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  font: var(--size-xsl);
  color: var(--color-dark);
  font-weight: 600;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-subtitle {
  color: var(--color-dark);
  opacity: 0.75;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore {
  display: flex;
  margin-top: 0;
  transition: all 0.3s;
}

.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title,
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption-top {
  color: white;
  text-align: center;
  z-index: 9;
}
.banner-col-style-categories_simple .banner-content .banner-item > * {
  width: 100%;
}
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption-bottom {
  padding: 0 35px;
}
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container,
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption-bottom,
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  width: 100%;
}
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  color: white;
  font: var(--size-sm);
  background-color: #545454;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  letter-spacing: 2.4px;
  transition: all 0.3s;
  min-height: 0;
  margin-top: 10px;
  z-index: 9;
  width: 100%;
}
.banner-col-style-categories_simple
  .banner-caption-wrapper
  .banner-caption-bottom {
  visibility: hidden;
  opacity: 0;
}
.banner-col-style-categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-bottom {
  opacity: 1;
  visibility: visible;
}
.banner-col-style-categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  min-height: 45px;
}

.banner-col-style-categories_simple:hover .banner-content {
  background: #fff;
}

.banner-col-style-categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  color: var(--color-accent);
}

/* CATEGORIES IN CATEGORY SIMPLE */

.banner-col-style-category_categories_simple {
  padding-left: 2px;
  padding-right: 2px;
}

.banner-col-style-category_categories_simple .banner-content {
  background: #f8eff4;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption-container {
  z-index: 2;
  position: relative;
}

.banner-col-style-category_categories_simple .banner-content .banner-image {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--space-quad);
  padding-bottom: var(--space-double);
}

.banner-col-style-category_categories_simple .banner-content .banner-image img {
  transition: all 0.3s;
  height: 200px;
  width: auto;
  position: relative;
  right: 0;
  margin-right: var(--space);
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  text-align: left;
  padding: var(--space-onehalf);
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-hypertitle {
  font: var(--size-xs);
  opacity: 0.5;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  font: var(--size-xsl);
  color: var(--color-dark);
  font-weight: 600;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-subtitle {
  color: var(--color-dark);
  opacity: 0.75;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore {
  display: flex;
  margin-top: 0;
  transition: all 0.3s;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  width: fit-content;
  color: var(--color-dark);
  font: var(--size-smd);
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 1px;
  transition: all 0.3s;
}

.banner-col-style-category_categories_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #bbb;
  margin-left: var(--space-half);
  transition: all 0.3s;
}

.banner-col-style-category_categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  color: var(--color-accent);
  letter-spacing: 6px;
}

.banner-col-style-category_categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:after {
  background: var(--color-accent);
  width: 20px;
}

.banner-col-style-category_categories_simple:hover .banner-content {
  background: #fff;
}

.banner-col-style-category_categories_simple:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  color: var(--color-accent);
}

/* CATEGORY_HERO_TITLE */

.banner-col-style-category_hero_title .banner-content .banner-item {
  display: flex;
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-col-style-category_hero_title {
  background: transparent linear-gradient(180deg, #f8eff400 0%, #f8eff4 100%) 0%
    0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
}

.module-wrapper
  .module-container-wrapper
  .banner-col-style-category_hero_title
  .banner-content {
  padding-left: var(--space-quad);
  padding-right: var(--space-quad);
}

.banner-col-style-category_hero_title .banner-caption-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-col-style-category_hero_title .banner-image {
  padding: var(--space-double);
}

.banner-col-style-category_hero_title
  .banner-caption-wrapper
  .banner-caption-container {
  max-width: 500px;
}

.module-has-background
  .banner-col.banner-col-style-category_hero_title
  .banner-content
  .banner-item
  .banner-title {
  font: var(--size-xtl);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: var(--space);
}

.module-has-background
  .banner-col.banner-col-style-category_hero_title
  .banner-content
  .banner-item
  .banner-subtitle {
  font: var(--size-md);
  color: var(--color-dark);
  letter-spacing: 3px;
}

.module-has-background .banner-col.banner-col-style-category_hero_title i {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
}

/* CATEGORY_HERO_SIMPLE */

.banner-col-style-category_hero_simple .banner-content .banner-item {
  display: flex;
}

.banner-col-style-category_hero_simple .banner-caption-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-col-style-category_hero_simple
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  display: flex;
  align-items: center;
}

.banner-col.banner-col-style-category_hero_simple
  .banner-content
  .banner-item
  .banner-title {
  font: var(--size-xtl);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: var(--space);
}

.banner-col.banner-col-style-category_hero_simple
  .banner-content
  .banner-item
  .banner-subtitle {
  font: var(--size-mdx);
  color: var(--color-dark);
  letter-spacing: 3px;
}

.banner-col.banner-col-style-category_hero_simple
  .banner-content
  .banner-item
  .banner-caption-top {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}

.banner-col.banner-col-style-category_hero_simple
  .banner-content
  .banner-item
  .banner-caption-bottom {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}

/* CATEGORY_DISCOVER */

.banner-col-style-category_discover .banner-content {
  padding: var(--space-double);
  background: #f4f4ff 0% 0% no-repeat padding-box;
}

.banner-col-style-category_discover .banner-content .banner-item {
  display: flex;
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-caption-wrapper {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: var(--space-quad);
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-caption-wrapper
  .banner-image {
  flex: 0 0 60%;
}

.banner-col-style-category_discover .banner-content .banner-item .banner-title {
  font: var(--size-xtl);
  color: var(--color-dark);
  font-weight: 600;
  margin-bottom: var(--space);
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-title
  b {
  color: var(--color-accent);
  font-weight: 600;
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-subtitle {
  color: var(--color-dark);
  font: var(--size-mdx);
  letter-spacing: 3px;
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-readmore {
  margin-top: var(--space-quad);
}

.banner-col-style-category_discover
  .banner-content
  .banner-item
  .banner-readmore-wrap {
  background: #000;
  padding: var(--space) var(--space-double);
  color: #fff;
  width: fit-content;
  font: var(--size-mdx);
  letter-spacing: 3px;
}

/* CATEGORY_SALES */

.banner-col-style-category_sales .banner-content {
  background: #f8eff4 0% 0% no-repeat padding-box;
}

.banner-col-style-category_sales .banner-content .banner-item {
  display: flex;
}

.banner-col-style-category_sales
  .banner-content
  .banner-item
  .banner-caption-wrapper {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-quad);
}

.banner-col-style-category_sales
  .banner-content
  .banner-item
  .banner-caption-wrapper
  .banner-image {
  flex: 0 0 60%;
}

.banner-col-style-category_sales
  .banner-content
  .banner-item
  .banner-hypertitle {
  font: var(--size-xtl);
  color: var(--color-dark);
  font-weight: 600;
}

.banner-col-style-category_sales .banner-content .banner-item .banner-title {
  font: var(--size-xtl);
  color: var(--color-dark);
  font-size: 200px;
  line-height: 0.75;
  color: var(--color-accent);
  font-family: "corporate-a";
  font-weight: 600;
  margin-bottom: var(--space);
}

.banner-col-style-category_sales .banner-content .banner-item .banner-subtitle {
  opacity: 0.5;
}

.banner-col-style-category_sales .banner-content .banner-item .banner-readmore {
  margin-top: var(--space-quad);
}

.banner-col-style-category_sales
  .banner-content
  .banner-item
  .banner-readmore-wrap {
  background: #000;
  padding: var(--space) var(--space-double);
  color: #fff;
  width: fit-content;
  font: var(--size-mdx);
  letter-spacing: 3px;
}

.banner-col-style-category_sales
  .banner-content
  .banner-item
  .banner-image
  img {
  height: 100%;
  object-fit: cover;
}

/* BASIC NOTES */

.banner-col-style-basic_notes .banner-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.banner-col-style-basic_notes .banner-content .banner-item {
  /*flex:0 0 25%;
	max-width:25%;*/
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--space-half);
}

.banner-col-style-basic_notes .banner-content .banner-title {
  color: #aa0066;
  font: var(--size-smd);
  font-weight: 500;
  margin-bottom: var(--space-half);
  margin-top: var(--space-half);
}

.banner-col-style-basic_notes .banner-content {
}

.banner-col-style-basic_notes .banner-content .banner-image {
  border-radius: 100%;
  width: 100%;
  overflow: hidden;
  min-width: 150px;
}

/* CATEGORIES CLEAN */

.module-container-wrapper,
.banner-row,
.banner-col,
.banner-content {
  min-width: 0;
}

.module-wrapper-theme-background
  .module-container-wrapper
  .banner-col-style-categories_clean {
  padding-left: var(--space-double);
  padding-right: var(--space-double);
  position: relative;
}

.banner-col-style-categories_clean .banner-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 columns */
  gap: 10px;
}

.banner-col-style-categories_clean .banner-content .banner-item {
  background: var(--color-light);
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  padding: var(--space);
}

.module-container
  .module-container-wrapper
  .banner-col-style-categories_clean
  .banner-content
  .banner-item
  .banner-title {
  font: var(--size-md);
  font-weight: 600;
  padding-top: var(--space);
  padding-bottom: var(--space-double);
  color: var(--color-dark);
}

.module-container
  .module-container-wrapper
  .banner-col-style-categories_clean
  .banner-content
  .banner-item
  .banner-image
  img {
  transition: all 0.3s;
}

.module-container
  .module-container-wrapper
  .banner-col-style-categories_clean
  .banner-content
  .banner-item:hover
  .banner-image
  img {
  transform: scale(1.2);
}

.banner-col-style-categories_clean
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  width: fit-content;
  color: var(--color-dark);
  font: var(--size-smd);
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 1px;
  transition: all 0.3s;
}

.banner-col-style-categories_clean
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #bbb;
  margin-left: var(--space-half);
  transition: all 0.3s;
}

.banner-col-style-categories_clean
  .banner-item:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  color: var(--color-accent);
  letter-spacing: 6px;
}

.banner-col-style-categories_clean
  .banner-item:hover
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:after {
  background: var(--color-accent);
  width: 20px;
}

.module-container
  .module-container-wrapper
  .banner-col-style-categories_clean
  .banner-content
  .banner-item
  .banner-readmore {
  display: flex;
  justify-content: center;
}

.module-container
  .module-container-wrapper
  .banner-col-style-categories_clean
  .banner-content
  .banner-item
  .banner-readmore-wrap
  i {
  margin-left: var(--space-half);
}

/* SIMPLE BANNER */

.banner-col-style-simple_banner {
  padding-bottom: 26px;
  width: 100%;
}

.banner-col-style-simple_banner
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-onehalf);
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1;
  text-align: center;
  align-items: center;
}

.banner-col-style-simple_banner
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-title {
  font: var(--size-xl);
  color: var(--color-light);
  letter-spacing: 3.75px;
}

.banner-col-style-simple_banner
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-subtitle {
  color: var(--color-light);
  font: var(--size-xxl);
  letter-spacing: 8.4px;
}

.banner-col-style-simple_banner
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap {
  padding: var(--space-half) var(--space);
  border: none;
  color: var(--color-dark);
  background: var(--color-light);
  font: var(--size-sm);
  letter-spacing: 2.4px;
  width: fit-content;
  min-width: 350px;
  justify-content: center;
  line-height: 1;
  display: flex;
  margin: auto;
  align-items: center;
  min-height: 45px;
}

.banner-col-style-simple_banner
  .banner-caption-wrapper
  .banner-caption-container
  .banner-caption
  .banner-readmore-wrap:hover {
  color: var(--color-light);
  background: var(--color-dark);
}

/* MANUFACTURER */

.banner-col-style-manufacturer .banner-caption-wrapper .banner-caption {
  background: var(--color-red);
  color: var(--color-light);
  position: absolute;
  bottom: var(--space-half);
  left: var(--space-half);
  right: var(--space-half);
  padding: var(--space-half);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: calc(var(--space-half) + 5px);
  transition: all 0.3s;
}

.banner-col-style-manufacturer {
  display: flex;
  flex-direction: column;
}

.banner-col-style-manufacturer .banner-content,
.banner-col-style-manufacturer .banner-item {
  display: flex;
}

.banner-col-style-manufacturer .banner-image {
  display: flex;
  flex-direction: column;
  position: relative;
}

.banner-col-style-manufacturer .banner-image:after {
  content: "";
  background: linear-gradient(0deg, #000000 0%, #54545400 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}

.banner-col-style-manufacturer .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-col-style-manufacturer .banner-item .banner-image {
  overflow: hidden;
}

.banner-col-style-manufacturer .banner-item .banner-image img {
  transition: all 0.3s;
}

.banner-col-style-manufacturer .banner-caption-wrapper .banner-caption i {
  margin-left: var(--space);
}

.banner-col-style-manufacturer
  .banner-caption-wrapper
  .banner-caption
  .banner-hypertitle {
  opacity: 0.8;
  font: var(--size-xs);
  letter-spacing: 2px;
  font-weight: 600;
}

.banner-col-style-manufacturer
  .banner-caption-wrapper
  .banner-caption
  .banner-title {
  font-weight: 600;
}

/* PRODUCT SHORT */

.banner-col-style-product_short .banner-item {
  display: flex;
  align-items: center;
}

.banner-col-style-product_short .banner-image {
  flex: 0 0 120px;
  max-width: 120px;
  width: 100%;
}

.banner-col-style-product_short .banner-caption-wrapper {
  margin-left: var(--space-half);
}

.banner-col-style-product_short .banner-subtitle {
  font-weight: 600;
  margin-top: var(--space-half);
}

/* INSTAGRAM */

.banner-col-style-instagram .banner-content {
  display: flex;
}

.banner-col-style-instagram .banner-content .banner-item {
}

.blog_categories {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: var(--space-double);
}

.extension_blog_blog .swiper-pagination {
  position: static;
  margin-top: var(--space);
  margin-bottom: var(--space);
}

.blog_categories a {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 30px;
  padding-right: 30px;
  color: var(--color-accent);
  font: var(--size-md);
  font-family: "arboria", sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

.blog_categories a.active {
  border-bottom: 1px solid var(--color-accent);
}

/* Desktop: show links, hide dropdown */
.blog-categories-dropdown {
  display: none;
}

/* Mobile: hide links, show dropdown */
@media (max-width: 768px) {
  .blog_categories {
    display: none;
  }

  .blog-categories-dropdown {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 100%;
  }

  .blog-categories-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 32px 8px 12px;
    /* room for icon */
    font: inherit;
    border-bottom: 1px solid var(--color-accent);
    color: var(--color-accent);
    width: 100%;
    margin-top: var(--space);
    margin-bottom: var(--space);
    background: #fff;
  }

  .blog-categories-dropdown .fa-angle-down {
    pointer-events: none;
    position: absolute;
    right: 10px;
    color: var(--color-accent);
    /* vertically center next to select */
  }
}

/* BLOG */

.blog_grid_home .blog_grip-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 1199.98px) {
  .blog_grid_home .blog_grip-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767.98px) {
  .blog_grid_home .blog_grip-container {
    grid-template-columns: 1fr;
  }
}

.blog_grid_home .blog_item {
}

.blog_item .blog_title a {
  color: var(--color-accent);
}

.blog_item .blog_description {
  font: var(--size-smds);
  margin-top: var(--space-half);
  color: var(--color-secondary);
}

.blog_grid_home .blog_item:hover {
}

.blog_grid_home .image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: var(--space);
  object-fit: cover;
}

.blog_title {
  font: var(--size-lg);
  font-weight: bold;
  color: var(--color-dark);
}

.main-description {
  font: var(--size-md);
  text-align: center;
  margin-bottom: var(--space-double);
  padding-bottom: var(--space);
  border-bottom: 2px solid #e1e1e1;
}

.main-content-title-container {
  font: var(--size-xsl);
  font-weight: 600;
  text-align: center;
  margin-bottom: var(--space-half);
}

.blog_stats {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0.5rem;
}

.blog_read-more-container {
  text-align: right;
}

.blog_read-more {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-accent, #00958e);
  text-decoration: none;
}

.blog_read-more:hover {
  text-decoration: underline;
}

.banner-col-style-plain_text .banner-content .banner-item .banner-title {
  font: var(--size-xsl);
  font-weight: 600;
  margin-bottom: var(--space-half);
}

#content .blog_grip-wrapper {
  font: var(--size-mds);
}

.banner-col-style-plain_text .banner-content .banner-item {
  margin-top: var(--space);
  margin-bottom: var(--space-double);
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-product {
  font: var(--size);
  text-align: center;
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-product-image {
  display: flex;
  justify-content: center;
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-product-title {
  font-weight: 700;
  margin-top: var(--space-half);
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-product-price {
  font-weight: 700;
  margin-top: var(--space);
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-products-main-title {
  font: var(--size-sm);
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: var(--space);
  margin-bottom: var(--space-half);
}

.banner-col-style-plain_text
  .banner-content
  .banner-item
  .banner-caption-products-main-title:after {
  content: "";
  flex: 1;
  height: 2px;
  background: #eee;
  margin-left: var(--space-half);
}

.blog_item-top-thumb {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.blog_item-top-thumb .main_thumb {
}

.blog_item-top-thumb .blog_stats {
  padding-left: var(--space-double);
}

.blog_item-top-thumb .blog_stats span {
  font: var(--size-sm);
  font-weight: 700;
  color: #949494;
}

.blog_item-top-thumb h1 {
  font: var(--size-xml);
  font-weight: 600;
  font-family: "arboria";
  color: var(--color-accent);
  margin-top: var(--space-double);
  margin-bottom: var(--space-double);
}

.blog_item-top .main_description {
  padding-left: var(--space-double);
  padding-right: var(--space-double);
}

.blog_item-top {
  margin-bottom: var(--space-double);
}

.banner-col-style-recipe .banner-content {
  background: #f4f4f4;
  padding: var(--space);
}

.banner-col-style-recipe .banner-content .banner-central-title {
  font: var(--size-xmd);
  font-weight: 600;
}

.banner-col-style-recipe .banner-content .banner-central-title:after {
  content: "";
  height: 2px;
  background: #aaa;
  width: 60px;
  display: flex;
  margin-top: var(--space-half);
  margin-bottom: var(--space-half);
}

.banner-col-style-recipe .banner-content .banner-item .banner-title {
  font: var(--size-smd);
  font-weight: 600;
  margin-top: var(--space-half);
}

.banner-col-style-recipe .banner-content .banner-item .banner-subtitle {
  font: var(--size-smd);
  padding-left: var(--space-half);
}

.banner-col-style-plain_text_smaller .banner-content {
  padding: var(--space);
}

.banner-col-style-plain_text_smaller .banner-content .banner-central-title {
  font: var(--size-xmd);
  font-weight: 600;
}

.banner-col-style-plain_text_smaller
  .banner-content
  .banner-central-title:after {
  content: "";
  height: 2px;
  background: #aaa;
  width: 60px;
  display: flex;
  margin-top: var(--space-half);
  margin-bottom: var(--space-half);
}

.banner-col-style-plain_text_smaller
  .banner-content
  .banner-item
  .banner-title {
  font: var(--size-smd);
  font-weight: 600;
  margin-top: var(--space-half);
}

.banner-col-style-plain_text_smaller
  .banner-content
  .banner-item
  .banner-subtitle {
  font: var(--size-smd);
}

.banner-col-style-slideshow .banner-image img {
  height: 100%;
  object-fit: cover;
}

.banner-col-style-product_short {
  max-width: 400px;
}

.quick-checkout .card-module .card-body {
  padding: var(--space-half);
  padding-bottom: 0;
}

.cart-content > .row {
  position: sticky;
  top: var(--header-height);
}
.cart-sidebar .btn-primary:hover,
.cart-sidebar .btn-primary {
  font: var(--size-xxs);
  border-color: black;
  background: transparent;
  color: black;
  width: 100%;
  margin-top: 5px;
  letter-spacing: 2.4px;
  min-height: 44px;
}

.cart-sidebar {
  flex: 0 0 450px;
  max-width: 450px;
  width: 450px;
}

.cart-sidebar .cart-modules {
  background: transparent;
}

.cart-sidebar .card-cart {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.cart-heading-container {
  flex: 0 0 calc(100% - 450px);
  max-width: calc(100% - 450px);
  width: calc(100% - 450px);
}

.banner-col-style-slideshow .banner-image {
  height: 80vh;
}

#input-sort-dropdown i {
  display: none;
}

.input-sort-title {
  display: none;
}

.products-container {
  display: flex;
}
.mobile-filter-title .text-filters-container {
  display: none;
}

.header-main-row {
  display: flex;
  align-items: center;
  height: var(--header-height);
  background: #fff;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.header-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}

.header-utilities {
  margin-right: var(--space-triple);
}

.main-nav-flex {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: start;
}

.header-utilities {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: end;
  margin-right: 0;
}
.scrolled #header {
  background-color: black;
}
.scrolled #header .header-main-row {
  background-color: black;
}
.scrolled #header .header-main-row #logo {
  border: 1px solid white;
}
.scrolled #header .header-main-row .burger-trigger span {
  background-color: white;
}
.scrolled #header .header-main-row .header-search-btn i {
  color: white;
}
.scrolled
  #header
  .header-main-row
  .header-main-panel-group
  .panel-item
  .icon
  svg
  path {
  fill: white;
  stroke-width: 0.5px;
  stroke: white;
}
.scrolled
  #header
  .header-main-row
  .header-main-panel-group
  .panel-item.stores
  .icon
  svg
  path {
  fill: none;
  stroke-width: 1px;
}

.module-wrapper-theme-basic_notes .module-container-wrapper {
  padding-top: var(--space-double);
  padding-bottom: var(--space-double);
}

/* Remove previous .main-nav-bar styles if present */

.main-nav-bar {
}

.bundle-widget-wrapper {
  display: flex;
}

.bundle-nav-tabs {
  flex-direction: column;
  border-bottom: 0px;
  margin: 0px;
  margin-top: var(--space);
}

.bundle-nav-tabs .nav-item .nav-link {
  background: #fafafa;
  border-radius: 90px;
  justify-content: space-between;
  align-items: center;
  margin-right: 0px;
  letter-spacing: 0px;
  min-width: 300px;
  display: flex;
  padding: var(--space-half) var(--space);
  color: #000;
  margin-top: var(--space-half);
  border: 0px;
  font: var(--size-md);
}

.bundle-nav-tabs .nav-item:before {
  display: none;
}

.bundle-nav-tabs .nav-item .nav-link:hover {
  border: 0px;
}

.bundle-nav-tabs .nav-item .nav-link.active {
  background: #aa0066;
  color: #fff;
  border: 0px;
}

/* TAGGER */
.product-short {
  display: flex;
  padding: var(--space-half);
  box-shadow: 0px 0px 20px #0000001a;
  background: #fff;
  align-items: center;
}

.product-short .product-thumbnail {
  width: 75px;
  margin-right: var(--space);
}

.product-short .product-block-title {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  padding-top: var(--space-half);
  padding-bottom: var(--space-half);
}

.product-short .product-block-title .product-name a {
  color: #000;
  font: var(--size-smd);
  font-weight: 600;
  line-height: 1.2;
}

.product-short .product-price {
  margin-bottom: 0;
  font: var(--size-smd);
  font-weight: 700;
  line-height: 1;
  color: var(--color-accent);
  margin-top: var(--space-half);
}

.module-title-offset-text {
  font: var(--size-xsl);
  font-weight: 700;
  text-align: center;
  margin-bottom: var(--space);
}

.tagger-wrapper .product-short {
  width: 350px;
}

.tagger-wrapper .tagger-title-container {
  margin-bottom: var(--space);
  position: relative;
  overflow: hidden;
}

.tagger-wrapper .module-title.tagger-title {
  font-weight: var(--font-weight-bold);
  text-align: left;
  justify-content: flex-start;
  margin-bottom: var(--space);
  line-height: 1;
}

.tagger-wrapper .module-subtitle.tagger-subtitle {
  color: var(--text-color-secondary);
  text-align: left;
}

.tagger-wrapper .tagger-row {
  position: relative;
}

.tagger-wrapper .tagger-row:last-child {
  margin-bottom: 0;
}

.tagger-wrapper .tagger-row:last-child {
  margin-bottom: 0;
}

.tagger-wrapper .tagger-row:nth-child(2n) {
  flex-direction: row-reverse;
}

.product-tag_container .product-tag_imgparent {
  padding-right: 0;
  flex: 0 0 450px;
  max-width: 450px;
}

.product-tag_container .product-tag_imgparent img {
  width: 100%;
}

.product-tag_container .product-tag_imgparent .product-tagger-image-wrapper {
  position: relative;
}

.product-tag_container .swiper-slide-active .product-block {
  border: 1px solid #000;
}

.product-tag_container
  .product-tag_imgparent
  .product-tagger-image-wrapper
  .product_tag__Points {
  opacity: 0;
  transition: all 0.3s;
}

.product-tag_container
  .product-tag_imgparent
  .product-tagger-image-wrapper:hover
  .product_tag__Points {
  opacity: 1;
}

.product-tag_container .product-tag-title {
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  color: var(--text-color-dark);
  padding-top: var(--space-half);
  padding-bottom: var(--space-half);
}

.tagger-wrapper
  .product-tag_container
  .tagger-row:nth-child(2n)
  .product-tag-title {
  justify-content: flex-end;
  width: fit-content;
  right: 0;
}

.product-tag_container .product-tag-text {
  padding-left: calc(var(--space-quad) + var(--space));
  padding-right: calc(var(--space-quad) + var(--space));
  font-size: var(--xxs-size);
  padding-top: var(--space);
}

.tagger-wrapper
  .product-tag_container
  .tagger-row:nth-child(2n)
  .product-tag-text {
  text-align: right;
}

.product-tag_container .product-tag_point {
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
}

.product-tag_container .product-tag_product_point {
  position: absolute;
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
  padding-top: 90px;
  margin-top: 45px;
  z-index: 100;
  display: none;
}

.product-tag_container .product-tag_point:before {
  content: "";
  position: absolute;
  background: #fff;
  opacity: 0.5;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  cursor: pointer;
}

.product-tag_container .product-tag_point.active {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.product-tag_container .product-tag_point:hover {
}

.product-tag_container .product-tag_point:hover .product-tag_product_point {
  display: block;
}

.product-tag_container .product-tag_prodparent {
  display: flex;
  flex-direction: column;
  padding-left: var(--space-half);
  padding-top: calc(var(--xxl-size) + var(--space-half));
  flex: 1;
  max-width: none;
}

.tagger-wrapper .tag_prodparent-wrapper {
  border-top: var(--generic-border);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-tag_container .product-tag-read-more-container {
  padding-left: var(--space);
  padding-right: var(--space);
}

.product-tag_container .product-tag-read-more-container .product-tag-read-more {
  border: 1px solid #ddd;
  padding: var(--space-half) var(--space);
  transition: 300ms ease-in-out;
  background: var(--color-light);
  color: var(--color-dark);
  font: var(--size-xs);
  font-weight: 600;
  letter-spacing: 2px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.product-tag_container
  .product-tag-read-more-container
  .product-tag-read-more:hover {
  background: var(--color-accent);
  color: #fff;
  border: 1px solid var(--color-accent);
}

.product-tag_container
  .product-tag-read-more-container
  .product-tag-read-more
  .icon-shopping-bag {
  margin-right: var(--space-half);
}

.cart-sidebar .btn-primary:hover {
  background: var(--color-accent);
}

.extramefasisorder {
  margin-bottom: 24px;
  text-align: center;
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  letter-spacing: 0px;
  color: #272727;
  padding: 3px 25px;

  color: black;
}

.checkout_success .order-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* TAGGER */
.product-block-manufacturer {
  text-align: center;
}
header .cart-total {
  background: transparent;
  color: #b2b2b2;
  border-radius: 50%;
  text-align: center;
  font: var(--size-sxs);
  line-height: 32px;
  padding-left: 4px;
}