/** Shopify CDN: Minification failed

Line 227:0 Unexpected "}"

**/
@media screen and (max-width: 1024.98px) {
  .nav-open .navigation {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
  }
  .navigation {
    background: var(--color-background);
    --menu-mobile-width: 43rem;
    --show-overlay-bg: rgba(255, 255, 255, 0.9);
    width: 100%;
    max-width: var(--menu-mobile-width);
    overflow: hidden;
    transform: translateX(-100%);
    transition: var(--transition-popup);
  }
  .navigation open-children-toggle {
    color: var(--color-heading);
  }
  .menu-mobile-title a {
    color: var(--color-heading);
    opacity: 0.6;
  }
  .menu-mobile-title a.active {
    opacity: 1;
  }
  .navigation__menu-content {
    height: 100%;
    flex: 1; 
  }
  .submenu,
  .sub-children-menu {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: var(--menu-mobile-width);
    transform: translateX(100%);
    z-index: 12;
  }
  .is-open + .submenu,
  .is-open + .sub-children-menu {
    transform: translate(0);
  }
  .submenu .grid-cols {
    --col-desktop: 1 !important;
  }
  .subchildmenu {
    --col-gap: 0 !important;
  }
  :is(.subchildmenu, .sub-children-menu ul, .horizontal-list) {
    max-height: 100%;
    overflow: auto;
  }
  .touch-target-mb {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  :where(.lang__currency-on-nav, .lang__currency-desktop) .disclosure__list {
    bottom: -3rem;
    padding: 2.5rem 3rem;
    border-radius: var(--rounded-radius) var(--rounded-radius) 0 0;
    position: fixed;
    z-index: 15;
    box-shadow: var(--shadow);
  }
  :where(.lang__currency-on-nav, .lang__currency-desktop) .disclosure__list ul {
    max-height: 50vh;
  }
  .lang__currency-on-nav {
    padding-block: 1rem;
  }
  .lang__currency-on-nav .button-localization {
    padding: 0.5rem 3rem;
  }
  :where(.lang__currency-on-nav, .lang__currency-desktop)
    .button-localization.open
    + .disclosure__list {
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }
  :where(.lang__currency-on-nav, .lang__currency-desktop)
    .disclosure__list
    [aria-current="true"] {
    font-weight: var(--heading-weight);
  }
  :is(.horizontal-list, .categories-list) {
    animation: 0.5s fadeIn;
    overflow-y: auto;
    max-height: 100%;
  }
  .menu_label {
    right: -10px;
  }
  .menu_label:after {
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-95%);
    -webkit-transform: translateX(-95%);
    border-right-color: var(--menu-label-bg);
    margin: auto;
    border-top-color: transparent;
  }
  .submenu :is(.stretch_width, .fluid_container, .full_width, .container) {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}


@media screen and (min-width: 1025px) {
  .navigation {
    --shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
  }

  }
  .animation-down-to-up :is(.submenu, .dropdown-menu .sub-children-menu) {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
  }
  .animation-fade-in-down :is(.submenu, .dropdown-menu .sub-children-menu) {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
  }
  .animation-fade-in :is(.submenu, .dropdown-menu .sub-children-menu) {
    transform: translateY(calc(var(--section-pb) * 1px));
    -webkit-transform: translateY(calc(var(--section-pb) * 1px));
  }
  :is(.submenu, .dropdown-menu .sub-children-menu) {
    z-index: 12;
    pointer-events: none;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    box-shadow: var(--shadow);
    border-radius: 0 0 var(--rounded-radius, 0) var(--rounded-radius, 0);
  }
  .menu-parent.visible .submenu,
  .dropdown-menu .level-1:hover > .sub-children-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  .menu-parent.visible .submenu {
    transform: translateY(calc(var(--section-pb) * 1px));
    -webkit-transform: translateY(calc(var(--section-pb) * 1px));
  }
  .horizontal-list .level0 > menu-item > a:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 30px;
    bottom: calc(-1 * var(--section-pb) - 3px);
    z-index: 1;
  }
  .level0 > menu-item open-children-toggle {
    transition: var(--transition);
  }
  .level0:hover > menu-item > a,
  .level0:hover > menu-item open-children-toggle {
    color: var(--color-link-hover);
  }
  .dropdown-menu .sub-children-menu {
    left: 100%;
    top: -1rem;
  }
  .dropdown-menu .level-1 open-children-toggle {
    position: relative;
  }
  :is(.dropdown-menu .submenu, .dropdown-menu .sub-children-menu) {
    padding: 0;
    width: 26rem;
  }
  :is(.dropdown-menu .menu-link) {
    position: relative;
  }
  .dropdown-menu .menu-link:hover open-children-toggle {
    color: var(--color-primary);
  }
  :is(.dropdown-menu .menu_item-link) {
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
  }

  .menu-list {
    flex: 0 0 auto;
    width: calc(100% - var(--col-mega-width) - var(--col-gap) * 0.5);
  }
  .col-mega {
    flex: 0 0 auto;
    width: calc(var(--col-mega-width) - var(--col-gap) * 0.5);
    overflow: visible !important;
  }
  .mega-menu-custom-width {
    width: var(--mega_custom_width);
    max-width: 90vw;
  }
  .submenu .collection-info .bg-white {
    width: 90%;
    max-width: 17rem;
  }
  .submenu .menu_label {
    position: static;
    margin-inline-start: 1rem;
  }
  .rounded-style .submenu .menu_label.rounded-2 {
    border-radius: 20px;
  }
  .submenu .menu_label::after {
    display: none;
  }
  .mega-menu .level-1 menu-item > .menu_item-link {
    padding-top: 0;
  }
}

.menu-parent.mega-menu .level-1 > menu-item {
  font-size: calc(var(--body-font-size) + 1px);
}




.submenu {
  overflow: visible !important;
}

.grid-cols {
  overflow: visible !important;
}

/* Grid Layout - Single Row, Center Aligned - NO PADDING AT ALL */
.mega-menu .submenu .grid-cols {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: flex-start;
  gap: 40px;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Collection Items Container */
.collection-items {
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible !important;
  flex-shrink: 0;
}

.collection-image-wrapper {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  width: 180px;
  height: 180px;
}

.collection-items .banner__media {
  border-radius: 50%;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.collection-items .banner__media:hover {
  transform: scale(1.05);
}

.collection-items .banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* Title with Arrow Below Image */
.collection-title-bottom {
  margin-top: 10px;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.collection-title-bottom span {
  font-size: 13px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

/* Arrow Icon */
.collection-title-bottom::after {
  content: "→";
  font-size: 16px;
  font-weight: 400;
  color: #2c2c2c;
  transition: transform 0.3s ease;
}

.collection-items:hover .collection-title-bottom::after {
  transform: translateX(5px);
}

/* Hide old button overlay */
.collection-info {
  display: none !important;
}

/* Mobile Responsive */
@media screen and (max-width: 1024px) {
  .mega-menu .submenu .grid-cols {
    flex-wrap: wrap !important;
    gap: 20px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .collection-items {
    margin: 0 10px 20px 10px;
    padding: 0;
  }
  .collection-image-wrapper {
    width: 140px;
    height: 140px;
  }
  .collection-title-bottom span {
    font-size: 11px;
  }
  .collection-title-bottom::after {
    font-size: 14px;
  }
}

/* Tablet View */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .collection-image-wrapper {
    width: 160px;
    height: 160px;
  }
  .collection-title-bottom span {
    font-size: 12px;
  }
}

/* Large screens - ensure single row */
@media screen and (min-width: 1440px) {
  .mega-menu .submenu .grid-cols {
    gap: 50px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .collection-image-wrapper {
    width: 200px;
    height: 200px;
  }
  .collection-title-bottom span {
    font-size: 14px;
  }
}