/*
@import url("https://use.typekit.net/saa5xde.css");
https: //fonts.adobe.com/fonts/futura-pt
font-family: adobe-garamond-pro,sans-serif;
*/
/*
 * TEMPORAL STYLES
 */
 .main-menu .menu-item-new-in,
 li.item-link-drawer-new-in,
 li.item-mega-menu.item-li-new-in {
   display: none;
 }
 /*
  * Hide ALL THE COLLECTION menu item in desktop
  */
 li.submenu-level2-grandchild-all-the-collection {
   display: none;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-weight: 400;
   font-family: futura-pt, sans-serif;
 }
 h1.bold,
 h2.bold,
 h3.bold,
 h4.bold,
 h5.bold,
 h6.bold {
   font-weight: 700;
 }
 h1.semi,
 h2.semi,
 h3.semi,
 h4.semi,
 h5.semi,
 h6.semi {
   font-weight: 600;
 }
 h1.normal,
 h2.normal,
 h3.normal,
 h4.normal,
 h5.normal,
 h6.normal {
   font-weight: 400;
 }
 .font-1 {
   font-family: futura-pt, sans-serif;
 }
 .font-2 {
   font-family: futura-pt, sans-serif;
 }
 *::-webkit-scrollbar {
   width: 3px;
 }
 *::-webkit-scrollbar-thumb {
   background: #707070;
   border-radius: 4px;
 }
 *::-webkit-scrollbar-track {
   background: #fff;
 }
 #admin-bar-iframe {
   display: none;
 }
 a {
   color: rgb(var(--color-base-text));
 }
 body {
   font-family: futura-pt, sans-serif !important;
   font-size: 1.8rem;
   line-height: 1.18;
   margin: 0;
 }
 body .header--transparent.open,
 body .shopify-section-header-sticky .header--transparent {
   background: #fff;
 }
 body #menu-drawer ul.list-social li.list-social__item svg.icon.icon-instagram {
   top: -1px;
 }
 body.page-stores .header--transparent,
 body.page-article .header--transparent,
 body.page-sundek-for-the-planet .header--transparent,
 body.page-index .header--transparent {
   background: rgba(241, 241, 241, 0);
   transition: all 300ms;
 }
 body.page-stores .header--transparent.open,
 body.page-article .header--transparent.open,
 body.page-sundek-for-the-planet .header--transparent.open,
 body.page-index .header--transparent.open,
 body .shopify-section-header-sticky .header--transparent {
   background: #fff;
 }
 body.page-stores .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-article .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-sundek-for-the-planet .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-index .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-stores .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item,
 body.page-article .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item,
 body.page-sundek-for-the-planet .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item,
 body.page-index .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item {
   color: var(--navigation-color);
 }
 body.page-stores .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span:hover,
 body.page-article .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span:hover,
 body.page-sundek-for-the-planet .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span:hover,
 body.page-index .header--transparent nav.header__inline-menu ul.list-menu .header__menu-item span:hover,
 body.page-stores .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item:hover,
 body.page-article .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item:hover,
 body.page-sundek-for-the-planet .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item:hover,
 body.page-index .header--transparent nav.header__inline-menu ul.list-menu a.header__menu-item:hover {
   color: var(--navigation-hover-color);
 }
 body.page-stores .header--transparent nav.header__inline-menu svg.icon-caret,
 body.page-article .header--transparent nav.header__inline-menu svg.icon-caret,
 body.page-sundek-for-the-planet .header--transparent nav.header__inline-menu svg.icon-caret,
 body.page-index .header--transparent nav.header__inline-menu svg.icon-caret {
   color: var(--navigation-color);
 }
 body.page-stores .header--transparent .header__icons,
 body.page-article .header--transparent .header__icons,
 body.page-sundek-for-the-planet .header--transparent .header__icons,
 body.page-index .header--transparent .header__icons {
   color: var(--navigation-color);
 }
 body.page-stores .header--transparent .header__icons svg,
 body.page-article .header--transparent .header__icons svg,
 body.page-sundek-for-the-planet .header--transparent .header__icons svg,
 body.page-index .header--transparent .header__icons svg {
   stroke: var(--navigation-color);
 }
 body.page-stores .header--transparent .header__icons svg:hover,
 body.page-article .header--transparent .header__icons svg:hover,
 body.page-sundek-for-the-planet .header--transparent .header__icons svg:hover,
 body.page-index .header--transparent .header__icons svg:hover {
   stroke: var(--navigation-hover-color);
 }
 @media (max-width: 768px) {
   body.page-stores .header--transparent .header__icons,
   body.page-article .header--transparent .header__icons,
   body.page-sundek-for-the-planet .header--transparent .header__icons,
   body.page-index .header--transparent .header__icons {
     color: rgb(var(--color-foreground));
   }
   body.page-stores .header--transparent .header__icons svg,
   body.page-article .header--transparent .header__icons svg,
   body.page-sundek-for-the-planet .header--transparent .header__icons svg,
   body.page-index .header--transparent .header__icons svg {
     stroke: rgb(var(--color-foreground));
   }
 }
 /* @media (min-width: 992px) { */
 body.page-stores .header--transparent,
 body.page-article .header--transparent,
 body.page-sundek-for-the-planet .header--transparent,
 body.page-index .header--transparent,
 body .shopify-section-header-sticky .header--transparent {
   position: fixed;
   width: 100%;
 }
 /* } */
 body.header-custom-image .header-wrapper nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-sundek-for-the-planet .header-wrapper nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.page-stores .header-wrapper nav.header__inline-menu ul.list-menu .header__menu-item span,
 body.header-custom-image .header-wrapper nav.header__inline-menu ul.list-menu a.header__menu-item,
 body.page-sundek-for-the-planet .header-wrapper nav.header__inline-menu ul.list-menu a.header__menu-item,
 body.page-stores .header-wrapper nav.header__inline-menu ul.list-menu a.header__menu-item {
   color: var(--navigation-internal-color);
 }
 body.header-custom-image .header-wrapper nav.header__inline-menu svg.icon-caret,
 body.page-sundek-for-the-planet .header-wrapper nav.header__inline-menu svg.icon-caret,
 body.page-stores .header-wrapper nav.header__inline-menu svg.icon-caret {
   color: var(--navigation-internal-color);
 }
 body.header-custom-image .header-wrapper .header__icons,
 body.page-sundek-for-the-planet .header-wrapper .header__icons,
 body.page-stores .header-wrapper .header__icons {
   color: var(--navigation-internal-color);
 }
 body.header-custom-image .header-wrapper .header__icons svg,
 body.page-sundek-for-the-planet .header-wrapper .header__icons svg,
 body.page-stores .header-wrapper .header__icons svg {
   stroke: var(--navigation-internal-color);
 }
 @media (max-width: 768px) {
   body.header-custom-image .header-wrapper .header__icons,
   body.page-sundek-for-the-planet .header-wrapper .header__icons,
   body.page-stores .header-wrapper .header__icons {
     color: rgb(var(--color-foreground));
   }
   body.header-custom-image .header-wrapper .header__icons svg,
   body.page-sundek-for-the-planet .header-wrapper .header__icons svg,
   body.page-stores .header-wrapper .header__icons svg {
     stroke: rgb(var(--color-foreground));
   }
 }
 @media (min-width: 990px) {
   body.header-custom-image .header-wrapper,
   body.page-sundek-for-the-planet .header-wrapper,
   body.page-stores .header-wrapper {
     position: absolute;
     width: 100%;
   }
 }
 body header.header.page-fullwidth {
   width: 100%;
   padding: 20px 15px;
 }
 body header.header nav.header__inline-menu ul.list-menu .header__menu-item {
   font-weight: 400;
 }
 body header.header.squema-light nav.header__inline-menu ul.list-menu .header__menu-item span,
 body header.header.squema-light nav.header__inline-menu ul.list-menu a.header__menu-item {
   color: var(--navigation-internal-color);
 }
 body header.header.squema-light nav.header__inline-menu svg.icon-caret {
   color: var(--navigation-internal-color);
 }
 body header.header.squema-light .header__icons {
   color: var(--navigation-internal-color);
 }
 body header.header.squema-light .header__icons svg {
   stroke: var(--navigation-internal-color);
 }
 @media (max-width: 768px) {
   body .header-wrapper .header__icons {
     color: rgb(var(--color-foreground));
   }
   body .header-wrapper .header__icons svg {
     stroke: rgb(var(--color-foreground));
   }
   body .header-wrapper .squema-light .header__icons {
     color: var(--navigation-internal-color);
   }
   body .header-wrapper .squema-light .header__icons svg {
     stroke: var(--navigation-internal-color);
   }
   body .header-wrapper.open .header__icons {
     color: rgb(var(--color-foreground)) !important;
   }
   body .header-wrapper.open .header__icons svg {
     stroke: rgb(var(--color-foreground)) !important;
   }
 }
 @media (min-width: 992px) {
   body.header-custom-image #shopify-section-header,
   body.page-stores #shopify-section-header,
   body.page-sundek-for-the-planet #shopify-section-header,
   body.page-index #shopify-section-header {
     position: fixed;
     width: 100%;
   }
 }
 body.show-topbar #shopify-section-header:not(.shopify-section-header-sticky) {
   top: 3rem;
 }
 body.show-topbar #shopify-section-header.shopify-section-header-sticky {
   top: 0;
 }
 body .search_form--wrapper {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-right: 0;
   transition: all 600ms;
 }
 body .search_form--wrapper .search__toggle-close {
   display: none;
   width: 2rem;
   height: 2rem;
 }
 body .search_form--wrapper .icon--search-svg {
   display: block;
   margin-top: 3px;
 }
 body .search_form--wrapper .search__form {
   display: none;
   width: 0;
 }
 body .search_form--wrapper.open .icon--search-svg {
   display: none;
 }
 body .search_form--wrapper.open .search__toggle-close {
   display: block;
 }
 body .search_form--wrapper.open .search__form {
   display: block;
   width: 100%;
 }
 body .search_form--wrapper .field .search__input.field__input {
   background: transparent;
   padding-right: 0;
   box-shadow: 0 0 0 !important;
   border-bottom: 1px solid rgba(var(--color-foreground));
 }
 body .search_form--wrapper .field .search__input.field__input:focus {
   padding-bottom: 1rem;
   padding-top: 1rem;
   padding-left: 1.5rem;
 }
 body .search_form--wrapper .field .search__input.field__input:focus ~ label.field__label {
   display: none;
 }
 body .search_form--wrapper .field .search__input.field__input::-moz-placeholder {
   opacity: 1;
 }
 body .search_form--wrapper .field .search__input.field__input::placeholder {
   opacity: 1;
 }
 body .search_form--wrapper .field label.field__label {
   display: none;
 }
 body .search_form--wrapper .field::before,
 body .search_form--wrapper .field::after {
   box-shadow: 0 0 0 !important;
 }
 #CartDrawer-CartItems .cart-item {
   gap: 1rem;
 }
 #CartDrawer-CartItems .cart-item .price {
   font-size: 1.4rem;
 }
 .recommendation-modal__container {
   border-radius: 0 !important;
   box-shadow: 0 0 0 !important;
 }
 .recommendation-modal__container .recommendation-modal__button {
   border-radius: 0 !important;
 }
 .face-sortby {
   /*
     div.facet-sort_by:active + .sort_by_options {
         display: block !important;
     }
     */
 }
 .face-sortby div.facet-sort_by {
   cursor: pointer;
   font-size: 1.6rem;
 }
 .face-sortby div.facet-sort_by .facet-sort_by-selector {
   padding: 0 1.75rem 0 0;
   color: rgba(var(--color-base-text), 0.7);
 }
 .face-sortby div.facet-sort_by svg {
   right: 0 !important;
 }
 .face-sortby .sort_by_options {
   position: absolute;
   top: 100%;
   right: 0;
   display: none;
   flex-direction: column;
   background: #fff;
   color: #000;
   padding: 0.6rem 0;
   margin-top: 1rem;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
   border: 1px solid rgba(0, 0, 0, 0.15);
   z-index: 99;
   min-width: 350px;
 }
 .face-sortby .sort_by_options input[type="radio"] {
   display: none;
 }
 .face-sortby .sort_by_options label {
   padding: 0.5rem 2rem;
   color: rgba(var(--color-foreground), 1);
   font-size: 1.6rem;
   width: 100%;
   cursor: pointer;
   font-weight: 500;
   opacity: 0.8;
 }
 .face-sortby .sort_by_options label.active,
 .face-sortby .sort_by_options label:hover {
   opacity: 1;
   color: #fff;
   background: rgb(var(--color-foreground));
 }
 a:hover {
   color: rgb(var(--color-foreground));
 }
 .select-language-header {
   padding: 0;
 }
 .select-language-header .localization-form__selector {
   margin-left: 0.3rem;
   display: block;
 }
 @include media-breakpoint-up(xl) {
   .select-language-header .localization-form__selector {
     margin-left: 0.5rem;
   }
 }
 .select-language-header .localization-form__selector input[type="radio"] {
   display: none;
 }
 .select-language-header .localization-form__selector label.label-lang {
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 500;
   opacity: 0.8;
 }
 .select-language-header .localization-form__selector label.label-lang.active {
   font-weight: 500;
   opacity: 1;
 }
 @media (min-width: 992px) {
   .select-language-header .localization-form__selector label.label-lang {
     padding: 0 0.5rem;
   }
 }
 .select-language-header .localization-form__selector label.label-lang.lang-label-desktop {
   padding: 0.5rem 2rem;
   color: rgba(var(--color-foreground), 1);
   font-size: 1.6rem;
   width: 100%;
 }
 .select-language-header .localization-form__selector label.label-lang.lang-label-desktop.active,
 .select-language-header .localization-form__selector label.label-lang.lang-label-desktop:hover {
   color: #fff;
   background: rgb(var(--color-foreground));
 }
 .select-language-header .localization-form__selector label.label-lang:last-child {
   border-bottom: 0;
 }
 .select-language-header.select-language-header__mobile {
   padding: 0;
 }
 .select-language-header.select-language-header__mobile .localization-form__selector label {
   color: rgba(var(--color-foreground), 0.8);
 }
 .select-language-header.select-language-header__mobile .localization-form__selector label:hover {
   color: rgba(var(--color-foreground), 1);
 }
 .select-language-header.select-language-header__mobile .localization-form__selector label.active {
   font-weight: 500;
   text-decoration: underline;
   color: rgba(var(--color-foreground), 1);
 }
 /*
  * CUSTOM PAGES
  */
 .shopify-policy__container .shopify-policy__title {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-bottom: 3rem;
   margin-bottom: 3rem;
 }
 .shopify-policy__container .shopify-policy__title h1 {
   font-size: 4.8rem;
 }
 .shopify-policy__container .shopify-policy__body ol {
   list-style: upper-alpha;
 }
 .shopify-policy__container .shopify-policy__body h2 {
   font-size: 3rem;
 }
 .shopify-policy__container .shopify-policy__body strong {
   font-weight: bold;
 }
 .shopify-policy__container .shopify-policy__body hr {
   background-color: rgba(0, 0, 0, 0.1);
   opacity: 1;
   margin: 5rem 0;
 }
 @media (min-width: 990px) {
   .shopify-policy__container {
     max-width: 125rem;
   }
   .shopify-policy__container p {
     font-size: 1.8rem;
   }
   .shopify-policy__container h2 {
     font-size: 4.8rem;
   }
   .shopify-policy__container .shopify-policy__title h1 {
     font-size: 60px;
   }
 }
 .overflow-drawer {
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   z-index: -1;
   opacity: 0;
 }
 .overflow-drawer[show] {
   visibility: visible;
   opacity: 1;
   z-index: 3;
 }
 .text-underline {
   text-decoration: underline;
 }
 .breadcrumbs {
   margin: 0 0 2em;
 }
 .breadcrumbs__list {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 .breadcrumbs__item {
   display: inline-block;
 }
 .breadcrumbs__item:not(:last-child)::after {
   border-style: solid;
   border-width: 0.1em 0.1em 0 0;
   content: '';
   display: inline-block;
   height: 0.2em;
   margin: 0 0.2em;
   position: relative;
   transform: rotate(45deg);
   vertical-align: middle;
   width: 0.2em;
 }
 .breadcrumbs__link {
   text-decoration: underline;
 }
 .breadcrumbs__link[aria-current="page"] {
   color: inherit;
   font-weight: normal;
   text-decoration: none;
 }
 .breadcrumbs__link[aria-current="page"]:hover,
 .breadcrumbs__link[aria-current="page"]:focus {
   text-decoration: underline;
 }
 /* ------- BUTTONS CONFIG --------- */
 .btn {
   text-decoration: none;
   font-size: 1.6rem;
   border-radius: 0;
   display: inline-flex;
 }
 .btn.btn-sm {
   font-size: 1.2rem;
 }
 .btn svg {
   margin-left: 1rem;
 }
 .btn:hover {
   text-decoration: none;
 }
 .btn.btn-td {
   text-decoration: underline;
 }
 .btn.btn-link {
   color: rgb(var(--color-foreground));
   padding: 0;
   font-weight: 400;
 }
 .btn.btn-link.link-banner {
   color: rgb(var(--color-base-solid-button-labels));
   padding: 1rem 0;
 }
 .btn.btn-link.link-banner span.btn-text {
   position: relative;
   display: flex;
   align-items: center;
 }
 .btn.btn-link.link-banner span.btn-text::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   background-color: rgb(var(--color-base-solid-button-labels));
   bottom: -4px;
   left: 0;
 }
 .btn.btn-link.link-banner .link-icon {
   margin-left: 1rem;
 }
 .btn.btn-primary,
 .btn.btn-secondary {
   padding: 1rem 2rem;
 }
 @media (min-width: 992px) {
   .btn.btn {
     font-size: 1.8rem;
   }
   .btn.btn-sm {
     font-size: 1.4rem;
   }
   .btn.btn-primary,
   .btn.btn-secondary {
     padding: 1.5rem 2.5rem;
   }
 }
 .btn.btn-primary {
   background: var(--gradient-base-accent-1);
   border-color: var(--gradient-base-accent-1);
   color: var(--gradient-base-accent-2);
 }
 .btn.btn-primary:hover {
   background: var(--gradient-base-accent-2);
   border-color: var(--gradient-base-accent-1);
   color: var(--gradient-base-accent-1);
 }
 .btn.btn-secondary {
   background: var(--gradient-base-accent-2);
   border-color: var(--gradient-base-accent-2);
   color: var(--gradient-base-accent-1);
 }
 .btn.btn-secondary:hover {
   background: var(--gradient-base-accent-1);
   border-color: var(--gradient-base-accent-1);
   color: var(--gradient-base-accent-2);
 }
 .btn.btn-featured {
   color: var(--text-feature_primary);
 }
 .btn.btn-featured svg {
   stroke: var(--text-feature_primary);
 }
 .btn.btn-full {
   width: 100%;
 }
 .btn.btn-submit {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .f-40 {
   font-size: 4rem;
 }
 @media (max-width: 768px) {
   .f-40 {
     font-size: 2.6rem;
     line-height: 3.6rem;
   }
 }
 .mw-lg-90 {
   max-width: 90%;
 }
 @media screen and (max-width: 1200px) {
   .mw-lg-90 {
     max-width: 100%;
   }
 }
 .mw-lg-80 {
   max-width: 80%;
 }
 @media screen and (max-width: 1200px) {
   .mw-lg-80 {
     max-width: 100%;
   }
 }
 .field_checkbox .form-check-label {
   display: flex;
   gap: 0.5em;
   justify-content: start;
   align-items: center;
   text-align: left;
 }
 .field_checkbox .form-check-label.centered {
   text-align: center;
   justify-content: center;
 }
 .field_checkbox .form-check-label p {
   margin-bottom: 0;
 }
 .field_checkbox input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
   background-color: #fff;
   margin: 0;
   font: inherit;
   color: currentcolor;
   width: 2.2rem;
   height: 2.2rem;
   min-width: 2.2rem;
   border: 0.1em solid currentcolor;
   border-radius: 0;
   transform: translateY(-0.075em);
   display: grid;
   place-content: center;
 }
 .field_checkbox input[type="checkbox"]::before {
   content: "";
   width: 0.85em;
   height: 0.85em;
   transform: scale(0);
   transition: 120ms transform ease-in-out;
   box-shadow: inset 1em 1em #000;
   transform-origin: center;
   -webkit-clip-path: polygon(83% 11%, 94% 19.5%, 32.5% 92.5%, 0% 51.5%, 12.8% 42%, 33.3% 69.5%);
   clip-path: polygon(83% 11%, 94% 19.5%, 32.5% 92.5%, 0% 51.5%, 12.8% 42%, 33.3% 69.5%);
 }
 .field_checkbox input[type="checkbox"]:checked::before {
   transform: scale(1);
 }
 /* stylelint-disable declaration-block-no-redundant-longhand-properties */
 .collection-loading {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   text-align: center;
   background: #FFF;
 }
 .collection-loading::before {
   content: "";
   height: 100%;
   display: inline-block;
   vertical-align: middle;
 }
 .collection-loading .collection-loading__spinner {
   position: absolute;
   top: 50%;
   left: 40%;
   width: 20%;
   text-align: center;
 }
 .collection-loading .collection-loading__spinner svg {
   width: 20%;
 }
 .collection-loading .collection-loading__spinner circle {
   stroke: #fa521e;
 }
 .collection-loading .collection-loading__spinner .spinner-text {
   display: block;
   margin-top: 2rem;
 }
 @media screen and (max-width: 1024px) {
   .collection-loading .collection-loading__spinner {
     left: 35%;
     width: 30%;
   }
   .collection-loading .collection-loading__spinner svg {
     width: 50%;
   }
 }
 /* stylelint-enable declaration-block-no-redundant-longhand-properties */
 .page-product .product-filter-color .products-spinner span {
   margin: 0 auto;
 }

 .filter-container {
   --border-normal-color: #e6e6e6;
   --border-hover-color : #000000;
   --hex-color          : transparent;

   .product-filter-color{
     .product-filter-block{
       .product-filter-block-options{
         display        : flex;
         flex-direction : row;
         flex-wrap      : wrap;
         align-items    : center;
         gap            : .5rem;
         margin         : .5rem 0;
         padding        : 0;
         list-style     : none;
         max-height     : 360px;
         overflow       : scroll;
         align-items    : center;
         /*align-content  : space-between;
         justify-content: space-between;*/

         @media (min-width: 769px) {
          gap            : 1rem;
          margin         : 1rem 0;
          justify-content: normal;
         }

         li.color{
           position     : relative;
           flex         : 0 0 auto;
           border-radius: 0;
           text-align   : center;
           transition   : all 0.3s ease;
           cursor       : pointer;
           order        : 2;

           &.active{
             order: 1;

             .product-filter-block-options__color-wrapper{
               border : 2px solid var(--border-hover-color);

               a,
               span{
                 left    : 2px;
                 right   : 2px;
                 bottom  : 2px;
                 top     : 2px;
               }
             }
           }
           &:not(.active):hover{
             .product-filter-block-options__color-wrapper{
               -webkit-box-shadow: 0px 3px 0px 0px #000000;
               box-shadow        : 0px 3px 0px 0px #000000;

               a,
               span{
                 box-shadow: 0px 0px 0px 2px #ffffff;
               }
             }
           }
           .product-filter-block-options__color-wrapper{
             position       : relative;
             display        : flex;
             flex-direction : row;
             flex-wrap      : nowrap;
             justify-content: center;
             align-items    : center;
             min-height     : 4rem;
             border         : 1px solid var(--border-normal-color);
             transition     : all 0.1s;
             width          : 7rem;
             aspect-ratio   : 1 / 1.5;

             &>a,
             &>span{
               display         : block;
               position        : absolute;
               left            : 0;
               right           : 0;
               bottom          : 0;
               top             : 0;
               overflow        : hidden;
               transition      : all 0.1s;
               background-color: var(--hex-color);

               .product-texture {
                 -o-object-fit: cover;
                 object-fit   : cover;
                 width        : 100%;
                 min-width    : 100%;
                 min-height   : 100%;
                 position     : absolute;
                 top          : 50%;
                 left         : 50%;
                 transform    : translate(-50%, -50%);
               }
             }
           }
         }
       }
     }
   }
 }

 @media screen and (max-width: 1024px) {
   .mnpop_main .mnpop_content {
     height    : auto;
     max-height: 92vh;
     overflow-y: auto;
   }
 }