/*============================================================================
style-async.scss

    -This file contains all the theme non critical styles wich will be loaded asynchronously
    -Rest of styling can be found in:
        -static/css/style-colors.scss --> For color and font styles related to config/settings.txt
        -static/css/style-critical.scss --> For critical CSS rendered inline before the rest of the site

==============================================================================*/
/*============================================================================
  Table of Contents

  #Components
    // Margin and Padding
    // Mixins and variables
    // Animations
    // Buttons
    // Chips
    // Forms
    // Alerts and notifications
    // Progress bar
    // Modals
    // Tabs
    // Cards
    // Captcha
  #Header and nav
    // Header
    // Nav
    // Utilities
    // Search
  #Footer
    // Nav
    // Social
    // Legal
  #Home page
    // Instafeed
    // Banners
    // Brands
    // Informative banners
    // Newsletter
    // Placeholder
  #Product grid
    // Filters
  #Product detail
  	// Image
  	// Form and info
  #Cart detail
    // Table
    // Totals
  #Contact page
  #Media queries
    // Min width 768px
    //// Components
    //// Footer
  #Critical path utilities

==============================================================================*/
/* // Margin and Padding */
.legacy .section-fb-comments {
  margin-bottom: 40px;
}

.legacy footer.section-footer-home {
  margin-top: -70px;
}

/* // Mixins and variables */
/* This mixin adds browser prefixes to a CSS property */
/* // Animations */
.legacy .transition-soft {
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.legacy .transition-up {
  position: relative;
  top: -8px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 10;
  pointer-events: none;
}
.legacy .transition-up-active {
  top: 0;
  opacity: 1;
  z-index: 100;
  pointer-events: all;
}

.legacy .fade-in-vertical {
  transition: all 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition-delay: 0.3s;
  -webkit-transform: translate(0, 40%);
  -ms-transform: translate(0, 40%);
  -moz-transform: translate(0, 40%);
  -o-transform: translate(0, 40%);
  transform: translate(0, 40%);
}
.legacy .fade-in-vertical.visible {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
  opacity: 1;
}

/* // Buttons */
.legacy .btn-transition {
  position: relative;
}
.legacy .btn-transition .transition-container {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
  cursor: not-allowed;
  transform: translateY(-50%);
}
.legacy .btn-transition .transition-container.active {
  opacity: 1;
}

/* // Chips */
.legacy .chip {
  position: relative;
  margin: 5px 10px 5px 0;
  padding: 4px 30px 4px 10px;
  font-size: var(--font-small);
  white-space: normal;
  word-break: break-word;
  line-height: 18px;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.legacy .chip-remove-icon {
  position: absolute;
  top: 1px;
  right: 3px;
  display: inline-block;
  width: 23px;
  height: 23px;
  padding: 4px 6px 3px 6px;
}
.legacy .chip:focus {
  outline: 0;
}
.legacy .chip:hover {
  opacity: 0.6;
}

/* // Forms */
.legacy .form-group .form-label {
  float: left;
  width: 100%;
}

.legacy .form-quantity-icon {
  cursor: pointer;
}

.legacy .input-clear-content {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 25px;
  height: 40px;
  padding: 4px;
  cursor: pointer;
}
.legacy .input-clear-content:before {
  display: block;
  width: 12px;
  height: 12px;
  margin: 10px 3px 0 4px;
}

.legacy .form-select {
  padding-right: 40px;
}
.legacy .form-select .form-select-icon {
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.legacy .form-select:focus {
  outline: 0;
}
.legacy .form-select::-ms-expand {
  display: none;
}
.legacy .form-select.open .form-select-icon {
  -webkit-transform: translateY(-50%) rotate(270deg);
  -ms-transform: translateY(-50%) rotate(270deg);
  -moz-transform: translateY(-50%) rotate(270deg);
  -o-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
}

.legacy .form-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 200;
  width: 100%;
  max-height: 200px;
  margin-top: 5px;
  list-style: none;
  overflow-y: auto;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
}
.legacy .form-select-options.open {
  opacity: 1;
}

.legacy .form-select-option {
  padding: 12px;
  font-size: var(--font-small);
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.legacy .form-spinner:before {
  display: inline-block;
  width: 12px;
  height: 12px;
}

/* Disabled controls */
.legacy input[disabled], .legacy input[disabled]:hover, .legacy input[readonly], .legacy input[readonly]:hover, .legacy select[disabled], .legacy select[disabled]:hover, .legacy select[readonly], .legacy select[readonly]:hover, .legacy textarea[disabled], .legacy textarea[disabled]:hover, .legacy textarea[readonly], .legacy textarea[readonly]:hover, .legacy button[disabled], .legacy button[disabled]:hover, .legacy button[readonly], .legacy button[readonly]:hover {
  background-color: #DDD;
  cursor: not-allowed;
}

.legacy .list .radio-button-icons-container {
  display: none;
}

.legacy .list .radio-button-label {
  padding: 0;
}

/* // Alerts and notifications */
.legacy .alert {
  clear: both;
  margin-top: 15px;
  padding: 8px 10px;
  font-size: 12px;
  text-align: center;
}

.legacy .buy-button-container .alert-warning {
  margin-top: 15px;
}

.legacy .notification-hidden {
  transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -webkit-transform: translate(0, -10%);
  -ms-transform: translate(0, -10%);
  -moz-transform: translate(0, -10%);
  -o-transform: translate(0, -10%);
  transform: translate(0, -10%);
  opacity: 0;
  pointer-events: none;
}

.legacy .notification-visible {
  transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.legacy .notification-cart-container {
  left: initial;
  width: 320px;
}
.legacy .notification-cart-container.notification-fixed {
  top: 100%;
  left: 15px;
  width: calc(100% - 30px);
}
.legacy .notification-cart-container .notification-cart {
  padding: 10px 30px 10px 10px;
  font-size: 12px;
}

.legacy .notification-img {
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.legacy .notification-img-big {
  width: 75px;
  height: 75px;
  overflow: hidden;
}

.legacy .notification-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 10px;
  cursor: pointer;
}

/* // Progress bar */
.legacy .bar-progress {
  position: relative;
  height: 5px;
}
.legacy .bar-progress .bar-progress-active {
  height: 5px;
  width: 0%;
}
.legacy .bar-progress .bar-progress-check {
  position: absolute;
  top: -8px;
  right: -5px;
  width: 20px;
  height: 20px;
  padding: 3px;
  font-size: 11px;
  line-height: 10px;
  text-align: center;
  transform: scale(0.5);
  opacity: 0;
}
.legacy .bar-progress .bar-progress-check.active {
  transform: scale(1);
  opacity: 1;
}

.legacy .ship-free-rest-message {
  position: relative;
  height: 48px;
}
.legacy .ship-free-rest-message .ship-free-rest-text {
  position: absolute;
  top: -5px;
  width: 100%;
  text-align: center;
  line-height: 38px;
  opacity: 0;
}
.legacy .ship-free-rest-message.success .bar-progress-success {
  top: 0;
  opacity: 1;
}
.legacy .ship-free-rest-message.amount .bar-progress-amount {
  top: 0;
  opacity: 1;
}
.legacy .ship-free-rest-message.condition .bar-progress-condition {
  top: 0;
  opacity: 1;
}

/* // Modals */
.legacy .modal {
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 20000;
}
.legacy .modal-transition-fast, .legacy.modal-transition-fast {
  -webkit-transition: all 0.05s ease-in-out;
  -ms-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}
.legacy .modal-zindex-top, .legacy.modal-zindex-top {
  z-index: 20001;
}
.legacy .modal-img-full, .legacy.modal-img-full {
  max-width: 100%;
  max-height: 190px;
  margin: 0 auto;
}
.legacy .modal-header, .legacy.modal-header {
  width: 100%;
  padding: 15px 0;
  font-size: var(--font-big);
  text-align: center;
  cursor: pointer;
}
.legacy .modal-header-no-title, .legacy.modal-header-no-title {
  text-align: right;
}
.legacy .modal-body, .legacy.modal-body {
  padding: 15px;
}
.legacy .modal-footer, .legacy.modal-footer {
  padding: 0 15px 15px 15px;
  clear: both;
}
.legacy .modal-with-fixed-footer, .legacy.modal-with-fixed-footer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.legacy .modal-with-fixed-footer .modal-scrollable-area, .legacy.modal-with-fixed-footer .modal-scrollable-area {
  height: 100%;
  overflow: auto;
}
.legacy .modal-flex-column, .legacy.modal-flex-column {
  display: flex;
  flex-direction: column;
}
.legacy .modal-full, .legacy.modal-full {
  width: 100%;
}
.legacy .modal-docked-md, .legacy.modal-docked-md {
  width: 100%;
}
.legacy .modal-docked-small, .legacy.modal-docked-small {
  width: 80%;
}
.legacy .modal-drawer, .legacy.modal-drawer {
  width: 80%;
}
.legacy .modal-drawer .modal-close-floating, .legacy.modal-drawer .modal-close-floating {
  position: fixed;
  top: 0;
  left: 80%;
  width: 20%;
  padding: 15px;
  text-align: center;
}
.legacy .modal-top, .legacy.modal-top {
  top: -100%;
}
.legacy .modal.transition-fade {
  top: initial;
  bottom: -1%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.legacy .modal-bottom, .legacy.modal-bottom {
  top: 100%;
  left: 0;
}
.legacy .modal-left, .legacy.modal-left {
  left: -100%;
}
.legacy .modal-right, .legacy.modal-right {
  right: -100%;
}
.legacy .modal-centered, .legacy.modal-centered {
  height: 100%;
  width: 100%;
}
.legacy .modal-centered-small, .legacy.modal-centered-small {
  width: 90%;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.legacy .modal-centered-small .modal-body, .legacy.modal-centered-small .modal-body {
  min-height: 150px;
  max-height: 400px;
}
.legacy .modal.modal-show {
  opacity: 1;
}
.legacy .modal-top.modal-show, .legacy.modal-top.modal-show, .legacy .modal-bottom.modal-show, .legacy.modal-bottom.modal-show {
  top: 50%;
  transform: translateY(-50%);
}
.legacy .modal-left.modal-show, .legacy.modal-left.modal-show, .legacy .modal-left-xs.modal-show, .legacy.modal-left-xs.modal-show {
  left: 0;
}
.legacy .modal-right.modal-show, .legacy.modal-right.modal-show {
  right: 0;
}
.legacy .modal-centered.modal-show, .legacy.modal-centered.modal-show {
  left: 50%;
  transform: translate(-50%, -50%);
}
.legacy .modal-centered-md.modal-show, .legacy.modal-centered-md.modal-show {
  left: initial;
  transform: none;
}
.legacy .modal-centered-md.modal-show.modal-bottom, .legacy.modal-centered-md.modal-show.modal-bottom {
  top: 50%;
  transform: translateY(-50%);
}
.legacy .modal.transition-fade.modal-show {
  bottom: 0;
  opacity: 1;
}
.legacy .modal-close, .legacy.modal-close, .legacy .modal-back, .legacy.modal-back {
  display: inline-block;
  padding: 0 15px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
}
.legacy .modal-sticky-close, .legacy.modal-sticky-close {
  position: sticky;
  top: 23px;
  right: 23px;
  z-index: 1;
  width: auto;
  margin: 0 0 -50px 0;
  padding: 8px 10px;
  float: right;
}
.legacy .modal-bottom-sheet, .legacy.modal-bottom-sheet {
  top: initial;
  bottom: -100%;
  width: 100%;
  height: auto;
  transform: none;
}
.legacy .modal-bottom-sheet.modal-show, .legacy.modal-bottom-sheet.modal-show, .legacy .modal-bottom-sheet.modal-show.modal-centered-md, .legacy.modal-bottom-sheet.modal-show.modal-centered-md {
  top: initial;
  bottom: 0;
  left: 0;
  height: auto;
  transform: translateY(0);
}
.legacy .modal .tab-group {
  margin: 0 -20px 20px 0;
}
.legacy .modal-overflow-none, .legacy.modal-overflow-none {
  overflow: hidden;
}
.legacy .modal-scrollable, .legacy.modal-scrollable {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.legacy .modal-overlay, .legacy.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  cursor: pointer;
}
.legacy .modal-overlay.modal-zindex-top, .legacy.modal-overlay.modal-zindex-top {
  z-index: 20000;
}

/* // Tabs */
.legacy .tab-group {
  padding: 0;
  overflow-x: scroll;
  white-space: nowrap;
}
.legacy .tab-group .tab {
  display: inline-flex;
  float: none;
  margin-right: 10px;
}
.legacy .tab-group .tab-link {
  float: left;
  padding: 10px;
  text-align: center;
}

.legacy .tab-panel:not(.active) {
  display: none;
}

.legacy .tab-panel.active {
  display: block;
}

/* // Cards */
.legacy .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}
.legacy .card-collapse {
  height: 52px;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.legacy .card-collapse-toggle {
  position: absolute;
  top: 7px;
  right: 8px;
  padding: 10px;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.legacy .card-collapse-toggle.active {
  transform: rotate(90deg);
}
.legacy .card-collapse.active {
  height: 100%;
}

.legacy .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
}

.legacy .card-header {
  padding: 16px 15px;
  margin-bottom: 0;
}
.legacy .card-header-collapse {
  padding-right: 50px;
  position: relative;
}

.legacy .card-footer {
  padding: 15px;
}

/* // Tooltip */
.legacy .tooltip-trigger {
  fill: currentcolor;
  background: none;
  border: none;
}

.legacy .tooltip-card {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 100;
  display: none;
  min-width: 280px;
  max-width: calc(100vw - 20px);
  padding: 10px;
  white-space: normal;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.12);
}

.legacy .tooltip-container:hover .tooltip-card,
.legacy .tooltip-card.is-visible {
  display: block;
}

/* // Captcha */
.legacy .g-recaptcha > div {
  margin: 20px auto;
}

.legacy .grecaptcha-badge {
  bottom: 100px !important;
}

/*============================================================================
  #Header and nav
==============================================================================*/
/* // Header */
.legacy .head-main.compress .logo-img {
  max-height: 35px;
}
.legacy .head-main a {
  cursor: pointer;
}

.legacy .logo-inside-nav .logo-img {
  max-width: 55%;
  max-height: 35px;
}

.legacy .head-logo-languages .logo-inside-nav .logo-img {
  margin-left: -20%;
}

/* // Nav */
.legacy .modal-full-width, .legacy.modal-full-width {
  width: 100%;
  max-width: 100%;
}

.legacy .modal-body-scrollable-auto .modal-body, .legacy.modal-body-scrollable-auto .modal-body {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.legacy .modal-nav-hamburger, .legacy.modal-nav-hamburger {
  flex: 1;
}
.legacy .modal-nav-hamburger .nav-list, .legacy.modal-nav-hamburger .nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.legacy .modal-nav-hamburger .nav-item, .legacy.modal-nav-hamburger .nav-item {
  display: block;
  padding: 0;
}
.legacy .modal-nav-hamburger .nav-list-link, .legacy.modal-nav-hamburger .nav-list-link {
  display: flex;
  padding: 15px;
  font-size: var(--font-base);
  line-height: initial;
}
.legacy .modal-nav-hamburger .nav-list-arrow, .legacy.modal-nav-hamburger .nav-list-arrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 11px 15px;
  font-size: 18px;
  cursor: pointer;
}
.legacy .modal-nav-hamburger .item-with-subitems, .legacy.modal-nav-hamburger .item-with-subitems {
  position: relative;
}
.legacy .modal-nav-hamburger .item-with-subitems .nav-list-link, .legacy.modal-nav-hamburger .item-with-subitems .nav-list-link {
  padding-right: 70px;
}
.legacy .modal-nav-hamburger .nav-list-panel, .legacy.modal-nav-hamburger .nav-list-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 80%;
  height: 100%;
  padding: 0 0 100px 0;
  list-style: none;
  overflow-y: auto;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.legacy .modal-nav-hamburger .nav-list-panel-left, .legacy.modal-nav-hamburger .nav-list-panel-left {
  left: -100%;
}
.legacy .modal-nav-hamburger .nav-list-panel-right, .legacy.modal-nav-hamburger .nav-list-panel-right {
  right: -100%;
}
.legacy .modal-nav-hamburger .nav-list-panel-left.nav-list-panel-show, .legacy.modal-nav-hamburger .nav-list-panel-left.nav-list-panel-show {
  left: 0;
}
.legacy .modal-nav-hamburger .nav-list-panel-right.nav-list-panel-show, .legacy.modal-nav-hamburger .nav-list-panel-right.nav-list-panel-show {
  right: 0;
}
.legacy .modal-nav-hamburger .nav-list-panel-bottom-hide, .legacy.modal-nav-hamburger .nav-list-panel-bottom-hide {
  top: 100%;
}
.legacy .modal-nav-hamburger .nav-body, .legacy.modal-nav-hamburger .nav-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 0 100px 0;
}
.legacy .modal-nav-hamburger .nav-primary, .legacy.modal-nav-hamburger .nav-primary {
  flex: 1;
}
.legacy .modal-nav-hamburger .footer-menu-link, .legacy.modal-nav-hamburger .footer-menu-link {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.legacy .nav-list-link {
  position: relative;
}

.legacy .desktop-dropdown::-webkit-scrollbar {
  width: 5px;
}

.legacy .desktop-dropdown {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.legacy .desktop-list-subitems {
  width: 100%;
  padding: 0;
  text-align: left;
  -webkit-column-count: 6;
  -webkit-column-gap: 20px;
  -moz-column-count: 6;
  -moz-column-gap: 20px;
  column-count: 6;
  column-gap: 20px;
}
.legacy .desktop-list-subitems .nav-item {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
.legacy .desktop-list-subitems .nav-item .nav-list-link {
  margin-bottom: 10px;
  font-size: var(--font-base);
}
.legacy .desktop-list-subitems .nav-item .list-subitems {
  padding: 0;
  margin: 0 0 30px 0;
}
.legacy .desktop-list-subitems .nav-item .list-subitems .nav-item .nav-list-link {
  position: relative;
  font-size: var(--font-small);
  margin-bottom: 5px;
}
.legacy .desktop-list-subitems .nav-item .list-subitems .nav-item .nav-list-link:before {
  margin-right: 3px;
  content: "-";
}
.legacy .desktop-list-subitems .nav-item .list-subitems .nav-item .list-subitems {
  margin: 0;
}
.legacy .desktop-list-subitems .nav-item .list-subitems .nav-item .list-subitems .nav-list-link {
  padding: 0 0 0 10px;
  line-height: 16px;
}
.legacy .desktop-list-subitems .nav-list-link {
  display: block;
  margin-bottom: 10px;
}

.legacy .desktop-dropdown-small {
  top: 30px;
  right: -10px;
  z-index: 9;
  width: 120px;
  padding: 15px;
  text-align: right;
}

.legacy .nav-dropdown-content:hover,
.legacy .nav-dropdown:hover .nav-dropdown-content,
.legacy .nav-desktop-list:hover .nav-main-item.selected .nav-dropdown-content {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

/* // Search */
.legacy .modal-nav-search .search-container, .legacy.modal-nav-search .search-container {
  position: fixed;
  z-index: 1;
  width: 100%;
}
.legacy .modal-nav-search .search-container.search-container-ios, .legacy.modal-nav-search .search-container.search-container-ios {
  height: 90px;
}
.legacy .modal-nav-search .search-input, .legacy.modal-nav-search .search-input {
  padding: 12px 45px 12px 40px;
}
.legacy .modal-nav-search .search-input.form-control-ios, .legacy.modal-nav-search .search-input.form-control-ios {
  height: 56px;
  padding-left: 50px;
}
.legacy .modal-nav-search .search-suggestions, .legacy.modal-nav-search .search-suggestions {
  top: 80px;
  z-index: 0;
  max-height: initial;
  padding-top: 0;
}

.legacy .search-input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.legacy .search-suggestions {
  position: absolute;
  top: 90px;
  z-index: 99999;
  width: 100%;
  max-height: calc(100vh - 250px);
  padding-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.legacy .search-suggestions .search-suggestions-list {
  margin: 0;
  padding: 0;
}
.legacy .search-suggestions .search-suggestions-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
.legacy .search-suggestions .search-suggestions-text {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 10px 0 5px;
  font-size: 12px;
}
.legacy .search-suggestions .search-suggestions-item {
  margin: 10px 0 15px 0;
  padding: 0;
  text-align: left;
  list-style: none;
}
.legacy .search-suggestions .search-suggestions-item .search-suggestions-text,
.legacy .search-suggestions .search-suggestions-item .search-suggestions-name {
  margin-bottom: 2px;
  line-height: 14px;
}
.legacy .search-suggestions .search-suggestions-image-container {
  position: relative;
  flex: 0 0 auto;
  width: 70px;
  height: 50px;
  overflow: hidden;
}
.legacy .search-suggestions .search-suggestions-image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 0 10px 0 15px;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.legacy .search-suggestions .search-suggestions-all-link-container {
  margin: 15px 0;
  text-align: center;
}
.legacy .search-suggestions .search-suggestions-all-link {
  font-size: var(--font-small);
}

.legacy .head-main .search-suggestions {
  top: calc(100% + 10px);
}
.legacy .head-main .search-suggestions .search-suggestions-image-container img {
  padding: 0 10px;
}

/*============================================================================
  #Footer
==============================================================================*/
.legacy footer {
  padding: 40px 0;
}
.legacy footer .newsletter {
  position: relative;
  display: inline-block;
  width: 300px;
  max-width: 100%;
}

/* // Nav */
.legacy .footer-menu-item {
  display: block;
  margin: 0 0 20px 0;
}
.legacy .footer-menu-link {
  display: block;
}

.legacy .footer-logo-img {
  max-height: 40px;
}

/* // Social */
.legacy .social-icon {
  display: inline-block;
  margin: 0 15px;
  font-size: 12px;
  text-align: center;
}

.legacy .social-icon:hover {
  opacity: 0.8;
}

/* // Legal */
.legacy .footer-payments-shipping-logos img {
  width: auto;
  max-height: 20px;
  margin: 3px;
  border-radius: var(--border-radius-half);
}

.legacy .powered-by-text {
  display: inline-block;
}

.legacy .powered-by-logo {
  display: inline-block;
  width: 125px;
  margin-top: 5px;
}

.legacy .copyright {
  padding-top: 15px;
}

.legacy .footer-logo {
  display: inline-block;
  margin-right: 15px;
}
.legacy .footer-logo img {
  max-height: 50px;
}
.legacy .footer-logo:last-child {
  margin: 0;
}

/*============================================================================
  #Home Page
==============================================================================*/
/* // Instafeed */
.legacy .instafeed-link {
  position: relative;
  display: block;
  padding-top: 100%;
  overflow: hidden;
  margin-bottom: 25px;
}
.legacy .instafeed-link:hover .instafeed-img, .legacy .instafeed-link:focus .instafeed-img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.legacy .instafeed-link:hover .instafeed-info, .legacy .instafeed-link:focus .instafeed-info {
  opacity: 1;
}
.legacy .instafeed-link .instafeed-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.legacy .instafeed-link .instafeed-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.legacy .instafeed-link .instafeed-info .instafeed-info-item {
  display: inline-block;
  margin-top: 45%;
}

/* // Banners */
.legacy .textbanner .textbanner-image-effect,
.legacy .textbanner .textbanner-text {
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.legacy .textbanner:hover img.textbanner-image-effect, .legacy .textbanner:focus img.textbanner-image-effect {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.legacy .home-category:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

.legacy .home-category-image img {
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* // Brands */
.legacy .section-brands-home,
.legacy .section-categories-home,
.legacy .section-video-home {
  padding: 20px 0;
}

.legacy .brand-image {
  display: inline-block;
  max-width: 100%;
  max-height: 60px;
  vertical-align: middle;
  -webkit-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.legacy .brand-image:hover {
  opacity: 0.5;
}

/* // Testimonials */
.legacy .section-testimonials-home {
  padding: 20px 0;
}

.legacy .testimonials-image {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  border-radius: var(--border-radius-circle);
  overflow: hidden;
  line-height: 46px;
}
.legacy .testimonials-image-background {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* // Informative banners */
.legacy .section-informative-banners {
  padding: 40px 0;
}

.legacy .service-item-image {
  display: inline-block;
  max-height: 60px;
  max-width: 100%;
  vertical-align: top;
}

/* // Newsletter */
.legacy .section-newsletter-home .newsletter {
  display: block;
  max-width: 400px;
  margin: 0 auto;
}

.legacy .newsletter form {
  position: relative;
}
.legacy .newsletter form .newsletter-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  height: 100%;
  padding: 0 15px;
  font-weight: normal;
}
.legacy .newsletter form .newsletter-btn.btn {
  z-index: 9;
}
.legacy .newsletter form .newsletter-btn-spinner {
  margin-right: 25px;
  padding: 15px 0;
}
.legacy .newsletter .form-control {
  padding-right: 70px;
}

.legacy .newsletter-container-ios .newsletter-btn {
  margin-top: -7px;
}

/* // Placeholder */
.legacy .placeholder-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}

.legacy .placeholder-info {
  position: relative;
  top: 50%;
  left: 50%;
  width: 330px;
  padding: 30px 25px;
  text-align: center;
  line-height: 18px;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: var(--border-radius);
}
.legacy .placeholder-info .placeholder-description {
  margin: 20px 0;
}
.legacy .placeholder-info .placeholder-button {
  padding: 8px 15px;
}

/*============================================================================
  #Product Grid
==============================================================================*/
/* // Filters */
.legacy .filters-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30000;
  width: 80%;
  height: 100%;
}
.legacy .filters-overlay .filters-updating-message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.legacy .price-filter-container .filter-input-price-container {
  position: relative;
  display: inline-block;
  width: 80px;
  margin-right: 8px;
  vertical-align: bottom;
}
.legacy .price-filter-container .filter-input-price-container .filter-input-price {
  padding-right: 32px;
}
.legacy .price-filter-container .form-group {
  margin-bottom: 8px;
}
.legacy .price-filter-container .price-btn-ios {
  margin-bottom: -1px;
}

.legacy .item-image:not(.item-image-slider):hover img,
.legacy .item-image-slider:hover .swiper-slide-active img {
  -webkit-transform: translateX(-50%) scale(1.04) !important;
  -ms-transform: translateX(-50%) scale(1.04) !important;
  -moz-transform: translateX(-50%) scale(1.04) !important;
  -o-transform: translateX(-50%) scale(1.04) !important;
  transform: translateX(-50%) scale(1.04) !important;
}

.legacy .item-actions .alert {
  position: absolute;
  bottom: 100%;
  z-index: 1;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.legacy .quickshop-image {
  position: absolute;
  width: auto;
  height: 100%;
  max-height: 90vh;
}
.legacy .quickshop-image-container {
  position: relative;
  max-height: 90vh;
  overflow: hidden;
}

/*============================================================================
  #Product detail
==============================================================================*/
.legacy .btn-add-to-cart + .alert {
  margin-top: 15px;
}

/* // Image */
.fancybox__container .has-inline .fancybox__content {
  width: 100%;
  height: calc(100% - 20px);
  padding: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  background: transparent;
}
.fancybox__container .has-inline .fancybox__content .fancybox-close-small {
  /* Hardcoded neutral color to match non iframe fancybox modal */
  color: #ccc !important;
}

.fancybox__container .fancybox__slide.has-inline::before {
  display: none;
}

.legacy .fancybox-toolbar, .legacy.fancybox-toolbar {
  opacity: 1 !important;
  visibility: visible !important;
}
.legacy .fancybox-toolbar .fancybox-button, .legacy.fancybox-toolbar .fancybox-button {
  display: none !important;
}
.legacy .fancybox-toolbar .fancybox-button.fancybox-button--close, .legacy.fancybox-toolbar .fancybox-button.fancybox-button--close {
  display: block !important;
}

.legacy .fancybox-close-small, .legacy.fancybox-close-small {
  display: none !important;
}

.legacy .carousel, .legacy.carousel {
  position: relative;
  box-sizing: border-box;
}

.legacy .carousel *, .legacy.carousel *, .legacy .carousel *:before, .legacy.carousel *:before, .legacy .carousel *:after, .legacy.carousel *:after {
  box-sizing: inherit;
}

.legacy .carousel.is-draggable, .legacy.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}

.legacy .carousel.is-dragging, .legacy.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.legacy .has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px;
  }
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: flex;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}
.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}

.legacy .is-loading .fancybox__caption, .legacy.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}
.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut;
}

.legacy .fancybox-fadeIn, .legacy.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}

.legacy .fancybox-fadeOut, .legacy.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}

.legacy .fancybox-zoomInUp, .legacy.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}

.legacy .fancybox-zoomOutDown, .legacy.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}

.legacy .fancybox-throwOutUp, .legacy.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}

.legacy .fancybox-throwOutDown, .legacy.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  user-select: none;
  transition: none;
}

.legacy .has-image .fancybox__content, .legacy.has-image .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
}

.legacy .is-closing .has-image .fancybox__content, .legacy.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.legacy .has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none;
}

.legacy .has-image[data-image-fit=contain] .fancybox__content, .legacy.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}

.legacy .has-image[data-image-fit=contain] .fancybox__image, .legacy.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.legacy .has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}

.legacy .has-image[data-image-fit=contain-w] .fancybox__content, .legacy.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}

.legacy .has-image[data-image-fit=contain-w] .fancybox__image, .legacy.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.legacy .has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none;
}

.legacy .has-image[data-image-fit=cover] .fancybox__content, .legacy.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}

.legacy .has-image[data-image-fit=cover] .fancybox__image, .legacy.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.legacy .fancybox-placeholder, .legacy.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.006) 8.1%, hsla(0, 0%, 0%, 0.021) 15.5%, hsla(0, 0%, 0%, 0.046) 22.5%, hsla(0, 0%, 0%, 0.077) 29%, hsla(0, 0%, 0%, 0.114) 35.3%, hsla(0, 0%, 0%, 0.155) 41.2%, hsla(0, 0%, 0%, 0.198) 47.1%, hsla(0, 0%, 0%, 0.242) 52.9%, hsla(0, 0%, 0%, 0.285) 58.8%, hsla(0, 0%, 0%, 0.326) 64.7%, hsla(0, 0%, 0%, 0.363) 71%, hsla(0, 0%, 0%, 0.394) 77.5%, hsla(0, 0%, 0%, 0.419) 84.5%, hsla(0, 0%, 0%, 0.434) 91.9%, hsla(0, 0%, 0%, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: flex;
}

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
  margin-left: auto;
}

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}
.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

.fancybox__toolbar {
  padding: 0;
}

.fancybox__container {
  z-index: 30000;
}

.legacy .user-content img {
  max-width: 100%;
  height: auto !important;
}

.legacy .social-share-button {
  margin: 0 10px;
}
.legacy .social-share-button:hover, .legacy .social-share-button:focus {
  opacity: 0.8;
}

.legacy .label-top-left {
  top: 25px;
  left: 25px;
  z-index: 2;
}

.legacy .product-image-limited {
  max-height: 320px;
  max-width: 100%;
  object-fit: contain;
}

/*============================================================================
  #Cart detail
==============================================================================*/
/* Table */
.legacy .cart-img-col-title {
  width: 80px;
}

.legacy .cart-delete-col-title {
  width: 50px;
}

.legacy .cart-item-image-col {
  width: 60px;
}
.legacy .cart-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  border-radius: var(--border-radius-half);
}
.legacy .cart-item-btn {
  padding: 6px;
  display: inline-block;
  background: transparent;
  font-size: 16px;
  opacity: 0.8;
}
.legacy .cart-item-btn:hover {
  opacity: 0.6;
}
.legacy .cart-item-input {
  display: inline-block;
  width: 40px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  -moz-appearance: textfield;
}
.legacy .cart-item-input::-webkit-outer-spin-button, .legacy .cart-item-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.legacy .cart-item .fa-cog {
  display: none;
}
.legacy .cart-item-spinner {
  position: absolute;
  left: 50%;
  width: 40px;
  margin-left: -20px;
  text-align: center;
}

.legacy .cart-quantity-input-container i {
  padding: 6px 14px;
}

.legacy .cart-unit-price {
  float: left;
  width: 100%;
  margin: 5px 0 2px 0;
}

/* // Totals */
.legacy .cart-subtotal {
  float: right;
  clear: both;
  margin: 0 0 10px 0;
}

.legacy .total-promotions-row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.legacy .cart-promotion-detail,
.legacy .cart-promotion-number {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
}

.legacy .cart-promotion-number {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  text-align: right;
}

/*============================================================================
  #Contact page
==============================================================================*/
.legacy .contact-item {
  position: relative;
  padding-left: 30px;
}
.legacy .contact-item-icon {
  position: absolute;
  left: 0;
}

/*============================================================================
  #Media queries
==============================================================================*/
/* // Min width 768px */
@media (min-width: 768px) {
  /* //// Components */
  /* Notifications */
  .legacy .notification-cart-container.notification-fixed {
    right: 10px;
    bottom: initial;
    left: initial;
    max-width: 325px;
  }
  /* Modals */
  .legacy .modal-header, .legacy.modal-header, .legacy .modal-body, .legacy.modal-body, .legacy .modal-footer, .legacy.modal-footer {
    padding: 20px;
  }
  .legacy .modal-centered, .legacy.modal-centered {
    left: 50%;
    height: 80%;
    width: 70%;
  }
  .legacy .modal-centered-small, .legacy.modal-centered-small {
    left: 50%;
    width: 40%;
    height: auto;
    max-height: 80%;
  }
  .legacy .modal-centered-medium, .legacy.modal-centered-medium {
    width: 800px;
    max-height: 550px;
  }
  .legacy .modal-centered-md-600px, .legacy.modal-centered-md-600px {
    width: 600px;
  }
  .legacy .modal-bottom, .legacy.modal-bottom {
    bottom: auto;
    transform: translateX(-50%);
  }
  .legacy .modal-bottom.modal-centered-md, .legacy.modal-bottom.modal-centered-md {
    left: 50%;
  }
  .legacy .modal-docked-md, .legacy.modal-docked-md {
    width: 450px;
  }
  .legacy .modal-docked-md-centered, .legacy.modal-docked-md-centered {
    bottom: auto;
    height: auto;
  }
  .legacy .modal-docked-md-right, .legacy.modal-docked-md-right {
    right: 20px;
    bottom: -100%;
    left: initial;
    transform: none;
  }
  .legacy .modal-docked-md-close-floating, .legacy.modal-docked-md-close-floating {
    position: fixed;
    top: 0;
    left: 80%;
    width: 20%;
    padding: 15px;
    text-align: center;
  }
  .legacy .modal-docked-small, .legacy.modal-docked-small, .legacy .modal-docked-md-small, .legacy.modal-docked-md-small {
    width: 375px;
  }
  .legacy .modal-left-md, .legacy.modal-left-md {
    top: initial;
    right: initial;
    left: -100%;
    bottom: 0;
  }
  .legacy .modal-left-md.modal-show, .legacy.modal-left-md.modal-show {
    right: initial;
    left: 0;
  }
  .legacy .modal-right-md, .legacy.modal-right-md {
    top: 0;
    right: -100%;
    left: initial;
    bottom: 0;
    height: 100%;
    margin: 0;
  }
  .legacy .modal-right-md.modal-show, .legacy.modal-right-md.modal-show {
    top: 0;
    right: 0;
    left: initial;
    height: 100%;
    margin: 0;
  }
  .legacy .modal-bottom-md, .legacy.modal-bottom-md {
    top: 100%;
    transform: translate(-50%, 0);
  }
  .legacy .modal-bottom-md.modal-show, .legacy.modal-bottom-md.modal-show {
    top: 50%;
  }
  .legacy .modal-drawer .modal-close-floating, .legacy.modal-drawer .modal-close-floating {
    position: relative;
    left: initial;
    width: auto;
    padding: 0 15px;
  }
  .legacy .modal-centered-md.modal-show, .legacy.modal-centered-md.modal-show {
    left: 50%;
    transform: translateX(-50%);
  }
  .legacy .modal-centered-md.modal-show.modal-bottom-md, .legacy.modal-centered-md.modal-show.modal-bottom-md, .legacy .modal-centered-md.modal-show.modal-bottom, .legacy.modal-centered-md.modal-show.modal-bottom {
    top: 50%;
    bottom: auto;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
  }
  .legacy .modal-bottom-sheet, .legacy.modal-bottom-sheet {
    top: 100%;
  }
  .legacy .modal-bottom-sheet.modal-right-md, .legacy.modal-bottom-sheet.modal-right-md {
    top: 0;
  }
  .legacy .modal-bottom-sheet.modal-show, .legacy.modal-bottom-sheet.modal-show {
    top: 0;
    bottom: auto;
  }
  .legacy .modal-docked-md-right.modal-show, .legacy.modal-docked-md-right.modal-show {
    top: initial;
    right: 20px;
    bottom: 20px;
    left: initial;
  }
  .legacy .modal-fade, .legacy.modal-fade {
    opacity: 0;
  }
  .legacy .modal-fade.modal-show, .legacy.modal-fade.modal-show {
    opacity: 1;
  }
  .legacy .modal-floating-close, .legacy.modal-floating-close {
    margin: 20px 35px -50px 0;
  }
  .legacy .modal::-webkit-scrollbar,
  .legacy .modal-scrollable::-webkit-scrollbar, .legacy.modal-scrollable::-webkit-scrollbar,
  .legacy .modal-scrollable-area::-webkit-scrollbar, .legacy.modal-scrollable-area::-webkit-scrollbar {
    width: 4px;
  }
  .fancybox__container .has-inline .fancybox__content,
  .legacy .fancybox-slide--html .fancybox-content, .legacy.fancybox-slide--html .fancybox-content {
    width: 90%;
    height: auto;
  }
  /* Filters */
  .legacy .price-filter-container .filter-input-price-container {
    width: 90px;
  }
  /* Tabs */
  .legacy .tab-group {
    overflow-x: auto;
    white-space: normal;
  }
  .legacy .tab-group .tab {
    float: left;
  }
  /* Search */
  .legacy .head-main .search-suggestions {
    width: 210px;
    padding-top: 0;
  }
  .legacy .modal-md-width-400px, .legacy.modal-md-width-400px {
    width: 400px;
    max-width: 90vw;
  }
  .legacy .modal-nav-search .search-input, .legacy.modal-nav-search .search-input {
    padding: 11px;
  }
  .legacy .modal-nav-search .search-suggestions, .legacy.modal-nav-search .search-suggestions {
    position: relative;
    top: 0;
  }
  .legacy .modal-nav-hamburger .nav-list-panel, .legacy.modal-nav-hamburger .nav-list-panel {
    width: 450px;
  }
  .legacy .modal-nav-hamburger .nav-list-panel-left-md, .legacy.modal-nav-hamburger .nav-list-panel-left-md {
    right: initial;
    left: -100%;
  }
  .legacy .modal-nav-hamburger .nav-list-panel-right-md, .legacy.modal-nav-hamburger .nav-list-panel-right-md {
    right: -100%;
    left: initial;
  }
  .legacy .modal-nav-hamburger .nav-list-panel-left-md.nav-list-panel-show, .legacy.modal-nav-hamburger .nav-list-panel-left-md.nav-list-panel-show {
    right: initial;
    left: 0;
  }
  .legacy .modal-nav-hamburger .nav-list-panel-right-md.nav-list-panel-show, .legacy.modal-nav-hamburger .nav-list-panel-right-md.nav-list-panel-show {
    right: 0;
    left: initial;
  }
  /* Home */
  .legacy .instafeed-col:nth-child(5),
  .legacy .instafeed-col:nth-child(6) {
    display: none;
  }
  /* Header */
  .legacy .head-main.compress .logo-img {
    max-height: 40px;
  }
  .legacy .desktop-dropdown-small {
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: left;
  }
  /* //// Product grid */
  .legacy .quickshop-image {
    position: relative;
    max-height: 800px;
  }
  .legacy .quickshop-image-container {
    max-height: 800px;
  }
  /* //// Cart */
  .legacy .cart-item-image-col-md {
    width: 80px;
    height: 80px;
    overflow: hidden;
  }
  .legacy .cart-item-image-md {
    height: 80px;
  }
  /* //// Footer */
  .legacy .footer form .newsletter-btn {
    top: 5px;
  }
  .legacy .footer-menu-item {
    display: inline-block;
    margin: 5px 10px;
  }
  .legacy .copyright {
    padding: 0;
  }
}
/* // Max width 767px */
@media (max-width: 767px) {
  .legacy .product-image-limited {
    max-height: 210px;
  }
}
/*============================================================================
  #Critical path utilities
==============================================================================*/
.legacy .visible-when-content-ready {
  visibility: visible !important;
}

.legacy .display-when-content-ready {
  display: block !important;
}