/** Shopify CDN: Minification failed

Line 169:27 Unexpected "@"

**/
  /* Center the whole mega menu grid */
.mega-menu__grid {
  display: flex !important;
  justify-content: center !important;
}

.menu-list__list-item {
  margin-right: 30px;
}

/* Prevent columns from stretching full width */
.mega-menu__list {
  display: flex !important;
  justify-content: center;
  gap: 20px; /* adjust spacing */
  width: auto !important;
}

/* Center each column */
.mega-menu__column {
  text-align: left;
  min-width: 200px;
}

/* Center headings */
.mega-menu__link--parent {
  text-align: left;
  display: block;
}

/* Center list items */
.mega-menu__column ul {
  padding: 0;
}

.mega-menu__column li {
  text-align: left;
}


.Vtl-WishlistHeader__HeartCounter {
     display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px!important;
    height: 20px!important; 

    font-size: 10px!important;
    font-weight: bold;
    color: #fff;

    background-color: #000000; /* red circle */
    border-radius: 50%;

    line-height: 1;

   top: -7px!important;
}

/* Force square ratio */
.predictive-search .resource-card__media {
    aspect-ratio: 1 / 1 !important;
    height: auto;
}

/* Remove theme variable effect */
.predictive-search .resource-card__media {
    --resource-card-aspect-ratio: 1 / 1 !important;
}

/* Make image fill properly */
.predictive-search .resource-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-media {
    position: relative;
    height: 100%;
}

.product-media__image {
    width: auto !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
}
.svg-wrapper>svg {
width: 200px!important;
}
.search-action--hidden-on-drawer .header-actions__action:not(.account-button) .svg-wrapper {
height: var(--button-size);
width: 100%;
}

/* Main product image */
.product-media {
    overflow: hidden;
    position: relative;
}

/* Image itself */
.product-media__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Zoom image (Shopify injects this) */
.zoomImg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: scale(1) !important; /* prevents overscale */
}
.product-media__image,
.zoomImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-action--hidden-on-drawer:not(.account-button) svg {
height: 40px!important;
}

 @media screen and (min-width: 750px) {
[data-menu-style=menu] .header__column--left .search-action {
margin-left: 0px!important;
}
 }

@media (max-width: 749px) {
  .header__search {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .header__icons {
    order: 3;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .menu-drawer__menu-item--mainlist {
    font-size: 1rem!important;
   
} 

.menu-drawer__menu-item>.svg-wrapper {
 
    padding-inline-start: .25rem!important;
    
}
}

@media (max-width: 749px) {@ .header__icon--menu {
    grid-area: menu;
    justify-self: start;
  }

  .header__heading {
    grid-area: logo;
    justify-self: center;
  }

  .header__icon--search {
    grid-area: search;
    justify-self: start;
  }

  .header__icon--cart {
    grid-area: cart;
    justify-self: end;
  }

  /* ✅ Normalize tap areas */
  .header__icon {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ✅ Logo size */
  .header__heading img {
    max-width: 140px;
    height: auto;
  }
}

  /* ✅ Convert header inner layout to grid */
  .header__icons {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "menu logo"
      "search cart";
    row-gap: 8px;
    width: 100%;
  }

  /* ✅ Assign grid areas */
@media (max-width: 749px) {
  .header__icon--search,
  .header__search {
    grid-area: search;
  }
}





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

  .header__columns{
      display:grid !important;

      grid-template-columns:
      50px
      1fr
      auto !important;

      grid-template-areas:
      "menu search logo"
      ". icons icons" !important;

      align-items:center !important;

      row-gap:1px !important;
      column-gap:10px !important;
  }

  .header__column--left{
      grid-area:menu !important;

      width:auto !important;

      display:flex !important;
      align-items:center !important;
  }

  .header__column--center{
      grid-area:logo !important;

      width:auto !important;

      display:flex !important;
      justify-content:flex-end !important;
      align-items:center !important;
  }

  .header__column--right{
      width:auto !important;

      display:contents !important;
  }

  .header__column--right .search-action{
      grid-area:search !important;

      width:100% !important;

      display:block !important;
  }

  .header__column--right .search-action button{
      width:100% !important;
  }

  .header__column--right .search-action svg{
      width:100% !important;
      height:auto !important;
  }

  .header-actions{
      grid-area:icons !important;

      display:flex !important;
      justify-content:flex-end !important;
      align-items:center !important;

      gap:14px !important;

      width:100% !important;
  }


  .search-action{
      position:absolute !important;

      left:12px !important;
      bottom:8px !important;

      width:170px !important;

      display:block !important;
  }

  .search-action button{
      width:100% !important;
      padding:0 !important;
  }

  .search-action svg{
      width:100% !important;
      height:auto !important;
      display:block !important;
  }
  .header-logo img{
      max-width:110px !important;
      height:auto !important;
  }

}  
