/** Shopify CDN: Minification failed

Line 1598:0 Unexpected "<"
Line 2675:0 Unexpected "}"
Line 2858:18 Expected identifier but found whitespace
Line 2861:2 Unexpected "@media"
Line 3614:12 Expected identifier but found whitespace
Line 3614:13 Unexpected "("
Line 3837:0 Expected "}" to go with "{"

**/

.shopify-section-sections--17073985945687__header a.m-menu__link,
.shopify-section-sections--17073985945687__header .search-button,
.shopify-section-sections--17073985945687__header span.cart-button,
.shopify-section-sections--17073985945687__header
  span.m-select-custom--trigger-text {
  font-size: 10px;
  font-weight: 400;
  color: #000 !important;
}


  @media (min-width: 1024px) {
    .vaquera-mobile-strip {
      display: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    section[data-section-type="mobile-collections-strip"] {
      display: none !important;
      padding: 0 !important;
      margin: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
    }
  }

  /* rest of your styles unchanged */

.m-header {
    --m-slide-trans-duration: .3s;
    --m-slide-from-val: -65px;
    --m-slide-to-val: 65px;
    min-height: calc(var(--m-topbar-height, 0px) + var(--m-header-height, 40px));
    position: relative;
}
@media (min-width: 1024px) {
  .m-header {
    --m-slide-trans-duration: .3s;
    --m-slide-from-val: -65px;
    --m-slide-to-val: 65px;
    position: relative;
    min-height: auto !important;
    padding-bottom: 20px !important;  /* subtle space */
    margin-bottom: 0 !important;
    border-bottom: none !important;
  }

  @media (min-width: 1024px) {
  .m-header {
    position: relative;
    min-height: auto !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
  }

  /* Try multiple common sticky header classes */
  .header-sticky-always  {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

  .m-header * {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


  .m-header * {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


.m-product-card {
  position: relative;
  overflow: hidden;
}

.custom-product-badge {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left top;
  z-index: 10;
  pointer-events: none; /* So it doesn't block clicks */
}

.m-product-card__tag-name {
  background-color: #00000000;
  color: #000000;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 10px;
  display: inline-block;
  white-space: nowrap;
  border-radius: 0;
  line-height: 1;
}

.m-tooltip {
    padding-top: 0px;
    margin-top: 5px;
}


.m-hamburger-box {
    display: inline-block;
    vertical-align: -1px;
    position: relative;
    width: 20px;
    height: 13px;
    border: 0;
    cursor: pointer;
    pointer-events: auto;
    padding-top: 0px;
}


@media (min-width: 769px) {
  .m-header__search {
    margin-left: auto; /* Pushes search icon to the right in flex layout */
  }
}



.m-menu {
    --main-link-px: 12px;
    margin-left: 150px;
}


.m-header * {
    margin-bottom: 0!important;
    padding-bottom: 2px!important;
}



/* Ensure the tag is styled properly */
body .m-product-card__tag-name {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 40px;
  transform: rotate(-90deg);
  margin-top: 100px;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50px;
  text-align: left;
  
}

/* Optional: make sure product card is positioned for absolute child */
.m-product-card {
  position: relative;
}

/* Mobile-specific adjustments */
@media (max-width: 767px) {
  body .m-product-card__tag-name {
    margin-top: 80px;
    left: -25px;
  }
}
.m-menu__link--main:hover:after {
    width: 0 !important;
    opacity: 0 !important;
    transition: none !important;
}
.m-menu__link--main:hover::before,
.m-menu__link--main:hover::after {
    transform: scaleX(0) !important;
    -webkit-transform: scaleX(0) !important;
    transition: none !important;
}
.m-button--link::after,
.m-section__description a::after,
.m-link-underline::after,
.rte a:not(.spr-summary-actions-newreview)::after {
  content: none !important;
  display: none !important;
}
.m-button--link::before,
.m-section__description a::before,
.m-link-underline::before,
.rte a:not(.spr-summary-actions-newreview)::before {
  content: none !important;
  display: none !important;
}
body .m-product-card__tag-name {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase !important;
  padding: 4px 10px;
  border-radius: 40px;
  transform: rotate(-90deg);
  margin-top: 45px;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: -50px;
  text-align: left;
}

@media (max-width: 768px) {
  .m-footer--bottom-menu {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 24px;
    padding-left: 0;
    list-style: none;
  }
  
  .m-footer--bottom-menu > li {
    /* remove any float or flex styles */
    display: block;
  }
  
  /* Ensure the order is natural: fill column 1 first (4 items), then column 2 (3 items) */
  .m-footer--bottom-menu > li:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .m-footer--bottom-menu > li:nth-child(2) {
    grid-row: 2;
    grid-column: 1;
  }
  .m-footer--bottom-menu > li:nth-child(3) {
    grid-row: 3;
    grid-column: 1;
  }
  .m-footer--bottom-menu > li:nth-child(4) {
    grid-row: 4;
    grid-column: 1;
  }
  .m-footer--bottom-menu > li:nth-child(5) {
    grid-row: 1;
    grid-column: 2;
  }
  .m-footer--bottom-menu > li:nth-child(6) {
    grid-row: 2;
    grid-column: 2;
  }
  .m-footer--bottom-menu > li:nth-child(7) {
    grid-row: 3;
    grid-column: 2;
  }
}
.m-link-lists .m-link:after {
  display: none !important;
}
.m-price__sale .m-price-item--last {
    color: rgb(4 4 4);
}




body,
body * {
  font-size: 10px !important;
  line-height: 1.5 !important;
}
body {
  text-transform: capitalize;
}

.m-product-card__title,
.m-product-card__name {
  text-transform: uppercase !important;
}
.m-section__heading.h2 {
  font-weight: bold;
}


h1.m-product-title {
  font-weight: bold !important;
  text-transform: uppercase 
}
.m-mixed-layout__inner {
  margin-left: 0;
  margin-right: 0;
  gap: 8px; /* reduce gap between items */
}

.m-mixed-layout__inner > * {
  padding: 0 !important;
  margin: 4px !important;
}
.m-header {
    position: relative;
    min-height: auto!important;
    padding-bottom: 0px!important;
    margin-bottom: 0!important;
    border-bottom: none!important;
}

.m-cart-drawer-item__image,
.m-cart-item__image {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  
  overflow: hidden;
  
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.m-cart-drawer-item__image > responsive-image,
.m-cart-item__image > responsive-image {
  --aspect-ratio: unset !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.m-cart-item__image.m-cart-drawer-item__image {
    border: none;
}
.m-cart-drawer-item__image img,
.m-cart-item__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block;
  background: #fff;
}
.m-collection-products {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: 0; /* no space at the top */
  padding-top: 0; /* no padding */
}
@media screen and (min-width: 1024px) {
  .m-collection-products {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -50px !important;
  }
}

.m-cart-item__title:hover {
    color: rgb(var(--color-foreground));
    text-decoration: none;
    
}
.m-cart-item__title {
   font-weight: bold !important;
    display: block;
}

.main-product__block .m-product-tag {
    margin-bottom: 0;
    margin-left: -7px;
}


body .m-product-card__tag-name {
    
    padding: 4px 10px;
    border-radius: 40px;
    margin-left: 20px;
}


@media screen and (max-width: 1023px) {
  .m-cart-count {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    min-width: 22px;
    background-color: #22222200;
    position: absolute;
    top: 5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
  }
}
.m-cart-item__info.m-cart-drawer-item__info {
    padding-left: 16px;
    padding-top: 10px;
}
.m-section-py {
    padding-top: var(--section-padding-top-laptop, var(--spacing-sections-laptop));
    padding-bottom: var(--section-padding-bottom-laptop, var(--spacing-sections-laptop));
    padding-top: 0px;
}
span.m-product-card__tag-name.m-product-tag.m-product-tag--1 {
  font-size: 10px;
  font-weight: var(--font-weight-body);
  text-transform: capitalize;
  padding: 4px 10px;
  border-radius: 40px;
  margin-top: 5px;
  transform: rotate(-90deg);
  left: -42px;
  position: relative;
}

@media screen and (max-width: 768px) {
  span.m-product-card__tag-name.m-product-tag.m-product-tag--1 {
    left: -40px;
  }
}

body .m-product-card__tag-name {
  font-size: 10px;
  font-weight: var(--font-weight-body);
  text-transform: capitalize;
  padding: 4px 10px;
  border-radius: 40px;
  margin-top: 25px;
  transform: rotate(-90deg);
  left: -70px;
  position: relative;
}

@media screen and (max-width: 768px) {
  body .m-product-card__tag-name {
    left: -70px;
  }
}
.m-collection-products.m-cols-2 .m-product-item {
    width: 33.3%;
    max-width: 100%;
}
/* Force 2 products per row on mobile */
@media (max-width: 767px) {
  .m-collection-products.m-cols-2 .m-product-item {
    width: 50% !important;
    max-width: 100%;
  }
}
.notification svg {
    min-width: 24px;
    display: none;
}

.m-product-card__main-image, .m-product-card svg {
  transform: none !important;
}

/* Disable hover image globally */
.m-product-card__hover-image {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Keep main image always visible */
.m-product-card__main-image {
  opacity: 1 !important;
  transform: none !important;
}
.m-menu-mobile__back-button svg {
    width: 16px;
    height: 15px !important;
}
.m-cart-count::before { 
  content: " (";
}
.m-cart-count::after {
  content: ")";
}

.m-cart-count::before, 
.m-cart-count::after {
  font-size: 0.9em;   /* make it smaller relative to the cart number */
  vertical-align: middle; /* align nicely */
        /* optional: make it lighter */
}

.m-cart-count {
  color: #000;
  font-size: 8px;        /* smaller text */
  font-weight: 500;
  height: 16px;          /* smaller height */
  min-width: 16px;       /* smaller width */
  background-color: #2220;
  position: absolute;
  top: 11px;
  right: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 9999px; /* keeps it circular */
}

@media (max-width: 768px) {
  .m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    min-width: 16px;
    background-color: #2220; /* transparent */
    position: absolute;
    top: 10px;
    right: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
  }
}
.m-tooltip__content {
  display: none !important;
}

.dropdown-label {
    cursor: pointer;
    padding: 5px 8px;
    margin-right: -12px;
}
@media (max-width: 768px) {
  .m-menu-mobile__item[data-index="1"] .m-menu-mobile__link {
    
    margin-top: -4px;
}
}

.m-breadcrumb--wrapper {
    margin: 0 -15px;
    display: none;
}

@media only screen and (max-width: 767px) {
  .m-mixed-layout--mobile-grid .m-mixed-layout__inner {
      width: 100%;
      display: grid;
      
      justify-content: center;
      margin-left: -5px; /* adjust or remove negative margin if needed */
      gap: 10px; /* optional, space between items */
  }
}

@media only screen and (max-width: 767px) {
    .m-mixed-layout--mobile-grid .m-mixed-layout__inner {
        width: 100%;
        display: grid
;
        justify-content: center;
        margin-left: -1px;
        gap: 10px;
    }
}

body .m-product-card__tag-name {
    font-size: 12px;
    font-weight: 350 !important;
    text-transform: capitalize;
    padding: 4px 10px;
    border-radius: 40px;
}


.main-product__block .m-product-tag {
    margin-bottom: 0;
    margin-left: -9px;
}
/* Product Title */
.product-single__title {
    font-size: 11px !important; /* +1px */
}

/* Product Description */
.product-single__description {
    font-size: 10px !important; /* +1px */
}
.main-product__block .m-product-title {
    line-height: 1.4;
    font-size: 11px !important; /* +1px */
    color: rgb(var(--color-foreground));
}

.m-product-text {
    font-size: 10px !important; /* Make all text inside 11px */
}
.m-product-text p, 
.m-product-text a, 
.m-product-text span, 
.m-product-text div {
    font-size: 10px !important; /* Ensure child elements also inherit 11px */
}




.m-header__left {
    display: flex;
    justify-content: space-between; /* Spread left and right items */
    align-items: center;            /* Vertically center */
    width: 50%;
    padding: 0;
    margin: 0;
}

.m-header__menu {
    display: flex;
    flex: 1 1 auto;         /* Allow shrinking and growing */
    overflow-x: auto;       /* Scroll if needed on small screens */
    padding: 0;
    margin: 0;
}


.m-menu {
    display: flex;
    flex-wrap: nowrap;
    
    margin: 0;
    padding: 0;
    list-style: none;
    flex-shrink: 1;          /* Allow menu to shrink if needed */
}

.m-menu__item {
    white-space: nowrap;
}
.m-header__inner {
    display: flex;
    align-items: center;
    /* margin-left: -26px; */
    /* margin-right: -16px; */
}
.m-logo {
    font-size: 1rem;
    line-height: unset;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: inherit;
    
}
@media screen and (min-width: 1024px) {
    .m-logo {
    margin-left: -50px;
}
}

@media screen and (min-width: 1024px) {
  .m-header__inner {
      margin-left: 0px !important;
      margin-right: 0px; /* keep your right margin if needed */
  }
}

.search-button {
    margin: 0;
    padding: 0;
    font-size: 10px;
    
    line-height: 1;
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
}

.custom-header-collections-dropdown {
  position: relative;
  display: inline-block;
}

.custom-header-collections-dropdown .dropdown-label {
  cursor: pointer;
 
  font-size: 10px;
  padding: 8px 12px;
}

.custom-header-collections-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  min-width: 180px;
  z-index: 9999;
}

.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

.custom-header-collections-dropdown .dropdown-menu a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: black;
}

.custom-header-collections-dropdown .dropdown-menu a:hover {
  background: #f5f5f5;
}
/* Search popup always on top, with padding from top */
.m-search-popup--wrapper {
    position: fixed !important;
    top: 50px; /* distance from top of header */
    left: 0;
    width: 100%;
    height: 400px; /* reduced height */
    z-index: 100000 !important;  /* above everything */
    overflow-y: auto; /* scroll if content exceeds */
}

/* Inner results */
.m-search-popup__search-form,
.m-search-popup__result {
    z-index: 100001 !important;
}


/* Ensure cart drawer overlays sticky header */
.m-cart-drawer {
    position: fixed !important; /* or relative if already fixed */
    z-index: 9999 !important;
}

/* Optional: lower header z-index so overlays appear on top */
.header-wrapper,
.header {
    z-index: 1000;
    position: relative; /* or sticky/fixed as needed */
}

.m-cart-icon-bubble {
    margin-right: 10px; /* adjust as needed */
}
.custom-header-collections-dropdown {
    position: relative;
    display: inline-block;
    margin-left: 246px;
    margin-top: 6px;
}
.m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 20px;
    min-width: 19px;
    background-color: #2220;
    position: absolute;
    top: 11px;
    right: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}
/* Center logo on mobile */
@media (max-width: 768px) {
  .m-logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-logo .m-image {
    max-width: 100%;
    height: auto;
  }
}
.m-menu-mobile {
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-menu-mobile li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
}
.m-search-popup .m-cart-count-bubble {
    right: -5px;
    top: 10px;
}
body.search-open {
  overflow: hidden;      /* hides scrollbar */
  padding-right: 15px;   /* optional: prevents layout shift */
}
.m-header__inner {
    display: flex;
    align-items: center;
    margin-left: -8px;
    margin-right: -8px;
}
html {
  overflow-y: scroll; /* always show scrollbar */
}
.m-menu {
    --main-link-px: 10px !important;
}
body .m-product-card__tag-name {
    font-size: 10px;
    font-weight: 500!important;
    text-transform: capitalize;
    padding: 4px 10px;
    border-radius: 40px;
}

body {
  text-transform: none;
}

@media (min-width: 1024px) {
  /* Featured collection section full width */
  #shopify-section-template--17099413979223__featured_collection_gwcrFR .m-section-py {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important; 
    padding-bottom: var(--section-padding-bottom-laptop, var(--spacing-sections-laptop)) !important;
  }

  /* Mixed layout container full width */
  .m-mixed-layout,
  .m-mixed-layout__inner {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 1270px !important; /* desktop fixed width */
    max-width: 100%; /* safety to prevent overflow */
  }
}

@media only screen and (max-width: 767px) {
  /* Make product images full width */
  .m-mixed-layout--mobile-grid .m-mixed-layout__inner {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: grid;
    gap: 10px; /* adjust spacing between products */
    justify-content: center;
  }

  .m-product-card__image {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Ensure titles don't overlap images */
  .m-product-card__info {
    margin-top: 12px !important;
    padding: 0 8px !important;
    position: relative;
    z-index: 2;
    background: #fff; /* optional: helps if text overlaps image */
  }

  .m-product-card__title, 
  .m-product-card__name {
    display: block;
    width: 100%;
    text-align: left;
    word-wrap: break-word;
    padding: 0;
  }
}

@media (min-width: 1025px) {
  /* Full-width container */
  .container-full {
    width: 100%;
    margin: 0 auto;
    padding: 0 2px; /* very small side padding */
  }

  /* Collection products grid (3 per row) */
  #shopify-section-template--17099413586007__main .m-collection-products {
    grid-template-columns: repeat(3, 1fr);
    width: 1260px;      /* fixed width */
    margin: 0 auto;     /* keep it centered */
    max-width: 100%;    /* prevent overflow */
  }
}

@media (max-width: 768px) {
  .container-full {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  /* Ensure product info doesn't overlap the image */
  .m-product-card__info {
    position: relative;
    margin-top: 10px;  /* spacing below image */
    padding: 0 8px;
    z-index: 2;        /* always above background */
    background: #fff;  /* optional: add bg if you want clear separation */
    word-wrap: break-word;
  }

  /* Make sure product images take full width on mobile */
  .m-product-card__image {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Prevent absolute hover image from collapsing layout */
  .m-product-card__hover-image {
    position: static !important;
    opacity: 1 !important;
    display: none !important; /* completely disable hover image on mobile */
  }
}

@media (min-width: 1024px) {
  /* Main product container as flex */
  .m-main-product {
    display: flex;
    justify-content: flex-start;
    gap: 40px; /* space between image and info */
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }

  /* Left column: image gallery */
  .m-main-product--media {
    flex: 0 0 50%; /* 50% width */
    max-width: 50%;
  }

  /* Right column: product info */
  .m-main-product--info {
    flex: 0 0 50%; /* 30% width */
    max-width: 50%;
    display: flex;
    align-items: flex-start; /* align info at top */
  }

  /* Sticky wrapper for product info */
  .m-main-product--info .m-product-info--wrapper {
    position: sticky;
    top: 30px; /* distance from top when scrolling */
    width: 100%;
    padding: 40px; /* your padding */
  }
}
@media (max-width: 1023px) {
  .m-main-product {
    display: block; /* stack items */
    padding: 0 10px;
  }

  .m-main-product--media,
  .m-main-product--info {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .m-main-product--info .m-product-info--wrapper {
    position: relative; /* remove sticky on mobile */
    top: 0;
    padding: 20px 10px;
  }
  .m-section__heading.h2 {
    font-weight: 700;
    padding-left: 10px;
}
}

@media (max-width: 480px) {
  .m-product-text,
  .m-product-text p,
  .m-product-text a,
  .m-product-text span,
  .m-product-text div {
    font-size: 9px !important;
  }
}

/* General wrapper fix */
.header-icons {
  display: flex;
  align-items: center;
  gap: 10px; /* spacing between items */
}

/* Collections dropdown styling */
.custom-header-collections-dropdown {
  position: relative;
  display: inline-block;
  
}

.custom-header-collections-dropdown .dropdown-label {
  cursor: pointer;
  margin-left: 8px;
 
}

.custom-header-collections-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;    /* directly below the label */
  left: 0;
  background: #fff;
 
  padding: 10px 0;
  min-width: 200px;
  z-index: 999;
}

.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

.custom-header-collections-dropdown .dropdown-menu a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  color: #000;
}

.custom-header-collections-dropdown .dropdown-menu a:hover {

}
@media (min-width: 1025px) {
    .container-full {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
}

body.m-popup-open, 
body.m-popup-open * {
  padding-right: 0 !important; /* override Minimog popup padding */
}
.m-header__inner {
  transition: none !important; /* stop header “jump” animation on popup open */
}
/* Mobile Sticky Collections Strip */
@media (max-width: 768px) {
  .vaquera-mobile-strip {
    display: block !important;
    position: sticky; /* stays in flow and sticks to top */
    top: 0; /* stick to top of viewport */
    left: 0;
    right: 0;
    z-index: 10; /* below menu drawer z-index:19 */
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  .vaquera-strip-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
  }

  .vaquera-strip-scroll::-webkit-scrollbar {
    height: 3px;
  }

  .vaquera-strip-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
  }

  

.table-scroll {
  overflow-x: auto; /* allows horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.table-scroll table {
  width: max-content; /* ensures the table keeps its full width */
  border-collapse: collapse;
}

.table-scroll td, .table-scroll th {
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc; /* optional, makes table look nicer */
}

@media (max-width: 768px) {
  .table-scroll {
    width: 100%; /* table scroll wrapper fits screen */
  }
}



/* Mobile collections strip */
.vaquera-mobile-strip {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff; /* match header background */
  
}

.vaquera-strip-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.vaquera-link-list {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}

.vaquera-link {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000;
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
}

.vaquera-link:hover {
  color: #555;
}

/* Make sure header + strip stay sticky */
.m-header__mobile {
  position: sticky;
  top: 0;
  z-index: 20;
}



 
  
}
.vaquera-mobile-strip {
  display: none;
}
.header-sticky-always .m-header__wrapper {
    position: fixed;
    top: -2px !important;
}

.m-menu-mobile__item {
    display: flex;
    align-items: center;
    gap: 10px; /* space between icon and label */
    padding: 0px 10px;
    min-height: 48px;
}
@media (max-width: 768px) {
    .vaquera-strip-scroll {
        display: flex
;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        
    }
}
.custom-header-collections-dropdown .dropdown-label {
    cursor: pointer;
    margin-left: 10px;
}
@media (min-width: 1025px) {
    .container-full {
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px;
    }
}




@media (max-width: 768px) {
    .m-header__mobile {
        position: sticky;
        top: -3px !important;
        z-index: 20;
    }
}

.custom-header-collections-dropdown .dropdown-label {
    cursor: pointer;
    margin-left: 13px;
}

@media (min-width: 1024px) {
    .m-mixed-layout, .m-mixed-layout__inner {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 1280px !important;
        max-width: 100%;
    }
    .m-mixed-layout__inner>* {
    padding: 0!important;
    margin: 0px!important;
}
}

.m\:inline-flex {
    display: flex;
    justify-content: center;
}

.custom-header-collections-dropdown .dropdown-menu a:hover {
    background: #ffffff;
}

/* --- LOOK BOOKS dropdown --- */
.custom-header-collections-dropdown {
  position: relative; /* ensures absolute dropdown aligns properly */
}

.custom-header-collections-dropdown .dropdown-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff; /* match your header background */
  z-index: 9999;
  padding: 10px 0;
  min-width: 200px; /* optional: control width */
}

/* show on hover (desktop only) */
@media (min-width: 1025px) {
  .custom-header-collections-dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* mobile - dropdown hidden by default, will be opened via JS */
@media (max-width: 1024px) {
  .custom-header-collections-dropdown .dropdown-menu {
    position: relative;
    transform: none;
    
  }
}
@media screen and (max-width: 767px) {
    .m-collection-toolbar--wrapper {
    margin: -11px !important;
    padding: 0px 0 !important; 
    transition: transform var(--m-duration-default, .25s) ease;
    border-top:0 !important;
    background: rgb(var(--color-background));
}
}
/* Reduce the close button icon size */
.m-cart-drawer__close .m-svg-icon--large {
    width: 12px;   /* adjust smaller width */
    height: 12px;  /* adjust smaller height */
}

/* Optional: shrink the button padding so it's tighter */
.m-cart-drawer__close {
    padding: 20px; /* reduce clickable area */
}

.m-cart-drawer__close {
    position: absolute;
    top: -3px;
    right: 10px;
    cursor: pointer;
    
}


#shopify-section-template--17099415027799__main .m\:inline-flex {
    display: flex;
    
    flex-wrap: nowrap;
    justify-content: space-between;
}

.vaquera-mobile-strip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: hidden;
}

@media (max-width: 768px) {
  .vaquera-mobile-strip {
    position: relative;
    left: 0;
    top: 0;
    visibility: visible;
  }
}
@media (min-width: 1025px) {

.m-product-media--wrapper {
    position: sticky;
    top: 30px;
    width: 100%;
    margin-left: -20px !important;
}


}
@media (max-width: 768px) {
    .vaquera-link:hover {
        color: #000000;
    }
}

.m-product-card__price {
    line-height: 1.5;
    display: flex;
}



.m-section__header {
    margin-bottom: var(--m-section-header-spacing-bottom-mobile, 24px);
    margin-left: 15px;
}


@media (max-width: 1250px) {
  .m-header__desktop { display: none !important; }
  .m-header__mobile  { display: flex !important; }
}

/* guard against >1250px */
@media (min-width: 1251px) {
  .m-header__desktop { display: block !important; }
  .m-header__mobile  { display: none !important; }
}


.custom-header-collections-dropdown .dropdown-label {
    cursor: pointer;
    margin-left: 5px;
}

.search-button {
    margin: 10px 0 0;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    margin-right: 0px;
}

@media (min-width: 1251px) {
    .m-header__desktop

 {
        display: block !important;
        padding: 0px 20px;
    }
}

.m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 14px;
    min-width: 14px;
    background-color: #2220;
    position: absolute;
    top: 14px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}

/* ====== Kill the gap above the header on scroll (desktop + mobile) ====== */

/* 0) Never let the page add margin/padding at the very top */
html, body { margin: 0 !important; padding: 0 !important; }

/* 1) Lock headers to the very top and remove any top margin/border */
.m-header__wrapper,
.m-header__desktop,
.m-header__mobile {
  margin-top: 0 !important;
  top: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
}

/* 2) Neutralize theme sticky offsets/padding classes (different themes use different ones) */
.m-header__wrapper.is-sticky,
.m-header.is-sticky,
.is-sticky .m-header__wrapper,
.is-sticky .m-header__desktop,
.is-sticky .m-header__mobile {
  top: 0 !important;
}

/* Some themes pad the body by header height when sticky — remove it */
body.m-header-stuck,
body.header-sticky,
body.is-sticky {
  padding-top: 0 !important;
}

/* 3) If the header has an announcement/topbar sometimes but not always,
      you can still keep it flush. Remove any top border that reads as a "gap". */
#shopify-section-announcement,
.shopify-section-announcement-bar,
.m-header__bg,
.m-header__dropdown-bg {
  border-top: 0 !important;
}

/* 4) Keep your mobile strip snug under the header (close 1px hairline) */
@media (max-width: 668px){
  #vaq-strip{
    margin-top: 0 !important;
    top: calc(var(--m-header-mobile-height, 60px) - 1px) !important;
    z-index: 21;
  }
}

/* 5) Desktop: ensure header sits at viewport top without a gap */
@media (min-width: 1021px){
  .m-header__desktop{
    position: sticky;       /* or fixed in your theme — this works with both */
    top: 0 !important;
    z-index: 30;            /* above page content */
  }
}
@media (max-width: 1250px) and (min-width: 620px) {
    #vaq-strip {
        display: block !important;
        position: relative;
        top: 0px;
        z-index: 10;
        background: #fff;
        margin-top: 0px !important;
    }
}

@supports (padding: env(safe-area-inset-top)) {
  @media (max-width: 768px){
    .m-header__mobile{
      top: calc(env(safe-area-inset-top) + var(--m-topbar-height, 0px)) !important;
    }
  }
}
@media (max-width: 768px){
  /* If your theme sets this variable, it will be used; otherwise 0 */
  .m-header__mobile{
    top: calc(var(--m-topbar-height, 0px)) !important;
  }
}
/* Mobile: make header stick flush to the very top */
@media (max-width: 768px){
  html, body { margin: 0 !important; padding: 0 !important; }

  .m-header__wrapper { overflow: visible !important; }  /* sticky needs this */

  .m-header__mobile{
    position: sticky;
    top: 0 !important;          /* was -3px */
    margin-top: 0 !important;   /* was 1px */
    border-top: 0 !important;   /* kill any hairline */
    z-index: 100;               /* stay above content */
  }
}
.m-search-popup .m-cart-count-bubble {
    right: -1px;
    top: 13px;
    height: 13px;
    min-width: 13px;
}


/* Wrapper spacing (optional) */
.masonry-wrapper { padding: 0 12px; }

/* Use CSS columns for a simple, stable masonry */
.masonry-grid{
  column-gap: 12px;
  /* choose one of the following two approaches:

     A) fixed column count that changes with breakpoints
  */
  column-count: 3;
}
@media (max-width: 1020px){ .masonry-grid{ column-count: 2; } }
@media (max-width: 600px){  .masonry-grid{ column-count: 2; } }
@media (max-width: 420px){  .masonry-grid{ column-count: 1; } }

/* Each item must *not* break and must create its own block in the column flow */
.masonry-item{
  break-inside: avoid;        /* critical */
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  margin: 0 0 12px;
  border-radius: 8px;         /* optional */
  overflow: hidden;           /* avoids bleed during GPU transforms */
  /* iOS flicker fixes */
  transform: translateZ(0);
  will-change: transform;
  contain: paint;             /* isolate paint; reduces flicker */
  background: #f7f7f7;        /* pleasant placeholder while loading */
}

/* Images must be block-level and scale without changing layout height */
.masonry-item img{
  display: block;             /* avoid inline gaps */
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* (Optional) improves scroll performance on iOS */
.masonry-grid{ 
  -webkit-overflow-scrolling: touch;
}

/* Title nicely above */
.masonry-title{
  margin: 16px 0;
  text-align: center;
  letter-spacing: .06em;
}
<img
  src="...&width=800"
  alt="Masonry Image"
  loading="lazy"
  decoding="async"
  referrerpolicy="no-referrer-when-downgrade"
/>
@supports (-webkit-overflow-scrolling: touch) {
  .masonry-item { transform: translateZ(0.001px); } /* tiny GPU layer */
}



@media (max-width: 768px) {
    .m-product-card__info {
        position: relative;
        margin-top: 10px;
        padding: 0 8px;
        z-index: 2;
        background: #fff;
        word-wrap: break-word;
        margin-left: 5px;
    }
}

@media screen and (min-width: 1024px) {
    .m-product-card__info {
        margin-top: 20px;
        margin-left: 10px;
    }
}

/* Columns-based masonry */
.ak-grid{ column-gap:10px; column-count:3; }
@media (max-width:1020px){ .ak-grid{ column-count:2; } }
@media (max-width:480px){ .ak-grid{ column-count:1; } }

.ak-image{ display:inline-block; width:100%; margin:0 0 10px; break-inside:avoid; -webkit-column-break-inside:avoid; border-radius:8px; overflow:hidden; contain:paint; background:#f7f7f7; }
.ak-image img{ display:block; width:100%; height:auto; backface-visibility:hidden; }
@supports (-webkit-touch-callout:none){ .ak-image{ transform: translateZ(0.001px); } } /* iOS layer */
@media (max-width: 768px) {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
  }


  .m-header__mobile {
    position: sticky;
    top: -2px !important;
    margin-top: 0 !important;
    border-top: 0 !important;
    z-index: 100;
}
.m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 14px;
    min-width: 13px;
    background-color: #2220;
    position: absolute;
    top: 14px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}

/* Columns-based masonry */
.ak-grid{ column-gap:10px; column-count:3; }
@media (max-width:1020px){ .ak-grid{ column-count:2; } }
@media (max-width:480px){ .ak-grid{ column-count:1; } }

.ak-image{ display:inline-block; width:100%; margin:0 0 10px; break-inside:avoid; -webkit-column-break-inside:avoid; border-radius:8px; overflow:hidden; contain:paint; background:#f7f7f7; }
.ak-image img{ display:block; width:100%; height:auto; backface-visibility:hidden; }
@supports (-webkit-touch-callout:none){ .ak-image{ transform: translateZ(0.001px); } } /* iOS layer */
/* Make multicol fill sequentially (reduces re-balance jumps) */
.ak-grid{
  column-fill: auto;           /* ← important on Safari/iOS */
  overflow-anchor: none;       /* stop scroll anchoring jumps */
}

/* Don’t put any GPU transforms on tiles or imgs (can cause tearing) */
.ak-image,
.ak-image img{
  -webkit-transform: none !important;
          transform: none !important;
  will-change: auto !important;
}

/* If you previously added a tiny translateZ layer, override it */
@supports (-webkit-touch-callout: none){
  .ak-image{ -webkit-transform:none !important; transform:none !important; }
}
/* iPhone-sized fallback: drop multicol, use simple grid with consistent cards */
@supports (-webkit-touch-callout: none){
  @media (max-width: 430px){
    .ak-grid{
      column-count: auto;      /* disable columns */
      column-gap: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }
    .ak-image{
      display:block;
      margin:0;
      aspect-ratio: 2 / 3;     /* uniform tiles, no reflow */
    }
    .ak-image img{
      object-fit: cover;
    }
  }
}
/* Wrapper */
.ak-wrapper { padding: 50px; }
.ak-title { font-size: 12px; margin-bottom: 20px; text-align: left; letter-spacing:.06em; }

/* ✅ Masonry via CSS Grid + JS row spanning */
.ak-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;                 /* ← rowGap used in JS */
  grid-auto-rows: 4px;       /* ← rowHeight used in JS */
  align-items: start;
}
@media (max-width: 1020px){ .ak-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 480px){  .ak-grid{ grid-template-columns: 1fr; } }

.ak-image{
  margin: 0;                 /* no column masonry props here */
  border-radius: 8px;
  overflow: hidden;
  background:#f7f7f7;
  contain: paint;
}

/* Fade images in after decode to avoid half-painted frames */
.ak-image img{
  display:block; width:100%; height:auto;
  visibility:hidden; opacity:0; transition:opacity .18s ease;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
}
.ak-image img.is-loaded{ visibility:visible; opacity:1; }

@media (max-width: 786px){ .ak-wrapper{ padding:10px; } }
.m-cart-count::before, .m-cart-count::after {
    /* font-size: 0.9em; */
    vertical-align: middle;
    font-size: 10px;
}

.m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 14px;
    min-width: 13px;
    background-color: #2220;
    position: absolute;
    top: 14px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}

/* Base: keep the menu invisible & off-interaction by default */
.custom-header-collections-dropdown{ position:relative; }
.custom-header-collections-dropdown .dropdown-menu{
  position:absolute; left:0; top:calc(100% + 8px);
  opacity:0; visibility:hidden; pointer-events:none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
  min-width:240px; z-index:1000;
  background:#fff; border:1px solid #eee; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.08);
  will-change: opacity, transform;
}

/* Desktop/keyboard: show only when hover/focus AND we've marked it ready */
@media (hover: hover) and (pointer: fine){
  .custom-header-collections-dropdown.js-hover-ready:hover .dropdown-menu,
  .custom-header-collections-dropdown:focus-within .dropdown-menu{
    opacity:1; visibility:visible; pointer-events:auto;
    transform: translateY(0);
    transition: opacity .15s ease, transform .15s ease, visibility 0s;
  }
}

/* Touch devices: don't use this hover dropdown at all (use your mobile nav) */
@media (hover: none), (pointer: coarse){
  .custom-header-collections-dropdown .dropdown-menu{ display:none !important; }
}
.m-menu-mobile__back-button {
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 16px 0;
    margin: 0 16px 10px;
    text-align: left;
    border-bottom: 0 !important;
}

.masonry-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    margin: 0 0 12px;
    border-radius: 0px !important;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform;
    contain: paint;
    background: #f7f7f7;
}

* {
  border-radius: 0 !important;
}


  /* Right section with search and cart icons */
  .m-header__mobile-right {
    width: 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  /* Add space around search and cart icons */
  .m-search-popup,
  .m-cart-icon-bubble {
    margin-left: 10px;
  }
}





/* Align dropdown label and menu properly */
.custom-header-collections-dropdown {
  position: relative;
}

.custom-header-collections-dropdown .dropdown-menu {
  display: none;
}

.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* Optional: Adjust width to content */
.custom-header-collections-dropdown .dropdown-menu a {
  white-space: nowrap;
}

/* Flex container spacing */
.m-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px; /* space between dropdown, search, cart */
}

/* Responsive adjustments for large screens */
@media (min-width: 1024px) {
  .custom-header-collections-dropdown .dropdown-menu {
    min-width: 220px;
  }
}
.m-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px; /* space between items */
}

.header-search-title {
  text-transform: uppercase;
  cursor: pointer;
  font-weight: normal; /* remove bold */
  color: #111;
}



/* Dropdown menu toggle */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}
/* Align items in one line with equal spacing */
.m-header__right {
  display: flex;
  align-items: center;      /* vertical alignment */
  justify-content: flex-end; /* align to right */
  gap: 32px;                /* space between LOOK BOOKS, SEARCH, BAG */
}

/* Remove bold */
.dropdown-label,
.header-search-title,
.cart-button {
  font-weight: normal;
  text-transform: uppercase; /* optional uppercase styling */
  color: #111;
  cursor: pointer;
}

/* Hover effect */
.dropdown-label:hover,
.header-search-title:hover,
.cart-button:hover {
  color: #000;
}

/* Dropdown toggle on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* Optional: make dropdown menu items consistent */
.dropdown-menu a {
  font-weight: normal;
  color: #111;
}
/* Remove bold from all items */
.custom-header-collections-dropdown .dropdown-label,
.header-search-title,
.cart-button {
  font-weight: normal !important;
  text-transform: uppercase;
  color: #111;
  cursor: pointer;
}

/* Hover effect */
.custom-header-collections-dropdown .dropdown-label:hover,
.header-search-title:hover,
.cart-button:hover {
  color: #000;
}

/* Dropdown menu on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* Force flex alignment in one line for all desktop widths */
.m-header__right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 32px !important; /* Adjust spacing between elements */
  flex-wrap: nowrap !important; /* Prevent wrapping */
}
/* Basic styling and alignment */
.m-header__right {
  display: flex !important;
  align-items: center !important;   /* Vertically center all items */
  justify-content: flex-end !important;
  gap: 32px !important;             /* Even spacing between items */
  flex-wrap: nowrap !important;
}

/* Make LOOKBOOK, SEARCH, BAG uniform */
.custom-header-collections-dropdown .dropdown-label,
.header-search-title,
.cart-button {
  font-weight: normal !important;   /* Remove bold */
  text-transform: uppercase;
  font-size: 14px;                  /* Adjust size if needed */
  line-height: 1;                    /* Align text vertically */
  display: flex;
  align-items: center;              /* Center vertically */
  cursor: pointer;
  color: #111;
}

/* Dropdown menu on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block !important;
}

/* Hover color */
.custom-header-collections-dropdown .dropdown-label:hover,
.header-search-title:hover,
.cart-button:hover {
  color: #000;
}
/* Parent flex container */
.m-header__right {
  display: flex !important;
  align-items: center !important;  /* vertical alignment */
  justify-content: flex-end;
  gap: 32px;                        /* spacing */
}

/* Make all items behave similarly */
.custom-header-collections-dropdown .dropdown-label,
.header-search-title,
.m-cart-icon-bubble .cart-button {
  display: flex;                    /* flex to align text */
  align-items: center;              /* vertical center */
  font-weight: normal;              /* remove bold if needed */
  text-transform: uppercase;
  line-height: 1;                   /* prevents vertical offset */
  padding: 0;                        /* remove default padding/margin */
}

/* Optional: adjust search link */
.header-search-title {
  margin: 0;
}
.m-header__right {
  display: flex;
  align-items: center; /* vertical alignment */
  gap: 32px;           /* spacing between Lookbook and actions */
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 24px;           /* spacing between SEARCH and BAG */
}

.header-search-title,
.cart-button,
.dropdown-label {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1;
  padding: 0;
}
.m-header__right {
  display: flex;
  align-items: center;   /* vertical alignment of all items */
  gap: 32px;             /* spacing between Lookbook and actions */
  height: 64px;          /* match your header height */
}

.dropdown-label,
.header-search-title,
.cart-button {
  display: flex;
  align-items: center;
  height: 100%;          /* make all elements full header height */
  line-height: 1;
  text-transform: uppercase;
  font-weight: normal;   /* remove bold if you want */
  padding: 0 4px;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 24px;             /* space between SEARCH and BAG */
  height: 100%;
}
.m-header__right {
  display: flex;
  align-items: center;   /* vertical alignment of all items */
  gap: 32px;             /* space between Lookbook and actions */
  height: 64px;          /* adjust to your header height */
}

.dropdown-label,
.header-search,
.cart-button {
  display: flex;
  align-items: center;   /* vertically center text */
  height: 100%;          /* full header height */
  line-height: 1;        /* no extra spacing */
  text-transform: uppercase;
  font-weight: normal;   /* remove bold */
  padding: 0 4px;        /* small horizontal padding */
}

.header-actions {
  display: flex;
  align-items: center;   /* vertically center SEARCH + BAG */
  gap: 24px;             /* space between SEARCH and BAG */
  height: 100%;
}
.m-header__right {
  display: flex !important;
  align-items: center !important;  /* vertical center */
  justify-content: flex-end !important;
  gap: 32px !important;           /* space between items */
  height: 64px;                    /* match your header height */
}
/* General flex alignment */
.m-header__right {
  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: flex-end; /* push items to right */
  gap: 40px; /* space between Lookbook, Search, Cart */
  width: auto; /* make width responsive */
}

/* Lookbook label styling */
.custom-header-collections-dropdown .dropdown-label {
  cursor: pointer;
  margin: 0; /* remove fixed pixels */
  white-space: nowrap; /* prevent text wrapping */
}

/* Search styling */
.header-search {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

/* Cart styling */
.m-cart-icon-bubble {
  display: flex;
  align-items: center;
  height: 100%;
}

/* Optional: adjust gap for very large desktops */
@media (min-width: 1280px) {
  .custom-header-collections-dropdown {
    position: relative;
    left: 42px;
}
}

/* Mobile styles for collection products */
@media (max-width: 768px) {
  .m-collection-products .m-product-item {
      margin-bottom: 0px !important;
      padding: 0 8px;
  }
}

/* Mobile styles for collection products and product info */
@media (max-width: 768px) {
  .m-collection-products .m-product-item {
      margin-bottom: 0px;
      padding: 0 8px;
  }

  .m-product-card__info {
      position: relative;
      margin-top: 10px;
      padding: 0 8px;
      z-index: 2;
      background: #fff;
      word-wrap: break-word;
      margin-left: 0px;
  }
}
@media (max-width: 768px) {
    @media (max-width: 1250px) {
        .m-search-popup, .m-cart-icon-bubble {
            margin-left: 0px;
        }
    }
}

@media (max-width: 768px) {
    .m-cart-icon-bubble {
        display: flex
;
        align-items: center;
        height: 100%;
        right: -5px;
    }
}

/* General flex alignment */
.m-header__right {
  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: flex-end; /* push items to right */
  gap: 40px; /* space between Lookbook, Search, Cart */
  width: auto; /* make width responsive */
}

/* Lookbook label styling */
.custom-header-collections-dropdown .dropdown-label {
  cursor: pointer;
  margin: 0; /* remove fixed pixels */
  white-space: nowrap; /* prevent text wrapping */
}

/* Search styling */
.header-search {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

/* Cart styling */
.m-cart-icon-bubble {
  display: flex;
  align-items: center;
  height: 100%;
}

/* Optional: adjust gap for very large desktops */
@media (min-width: 1600px) {
  .m-header__right {
    gap: 40px;
  }
}
.m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 42px;
    min-width: 14px;
    background-color: #2220;
    position: absolute;
    top: 14px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}

/* Right header alignment */
.m-header__right {
  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: flex-end; /* right side */
  gap: 16px; /* space between icons */
}

/* Ensure dropdown menu appears below on desktop */
.custom-header-collections-dropdown {
  position: relative;
}
.custom-header-collections-dropdown .dropdown-menu {
  display: none; /* hidden by default */
  position: absolute;
  top: 100%;
  left: 0;
}

/* Show dropdown on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .m-header__right {
    justify-content: flex-end;
    gap: 12px;
  }

  .custom-header-collections-dropdown .dropdown-menu {
    width: 180px;
  }

  .m-header__right > * {
    margin: 0; /* remove extra margins */
  }
}
.search-button {
    /* margin: 10px 0 0; */
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    margin-right: -30px;
}
@media (max-width: 768px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 14px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 14px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}
@media (min-width: 768px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 15px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 14px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}


@media (min-width: 1280px) {
    .custom-header-collections-dropdown {
        position: relative;
        left: 16px;
        top: 3px;
    }
}

@media (min-width: 1250px) {
    .custom-header-collections-dropdown {
        position: relative;
        left: 16px;
        top: 3px;
    }
}

@media (min-width: 1280px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 42px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 14px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}
@media (min-width: 1250px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 42px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 14px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}
/* Dropdown container */
.custom-header-collections-dropdown {
  position: relative;
}

/* Dropdown menu hidden by default */
.custom-header-collections-dropdown .dropdown-menu {
  display: none; /* important */
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  background: #fff;
 
  min-width: 200px;
  
}

/* Show dropdown on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* show up to 1250px */
@media (max-width: 1250px) {
  .show-up-to-1250px {
    display: block;
  }
  .vaquera-strip-scroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  .vaquera-link-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .vaquera-link-list li {
    display: inline-block;
    margin-right: 0px;
  }
  .vaquera-link-list a {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    color: #000;
  }
  
}
.vaquera-mobile-strip {
  display: block;
  
}

@media (min-width: 1251px) {
  .vaquera-mobile-strip {
    display: none;
  }
}
.vaquera-strip-scroll {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.vaquera-link-list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.vaquera-link-list li {
  flex: 0 0 auto;
  margin-right: 0px;
}

.vaquera-link-list a {
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}


.vaquera-mobile-strip { display: none; }
@media (max-width: 1250px) { .vaquera-mobile-strip { display: block; } }
.vaquera-mobile-strip { display: block !important; }
.vaquera-strip-scroll {
    display: flex;
    gap: 10px;
    padding: 8px 16px; /* left/right padding for spacing */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity;
    justify-content: flex-start !important;
    box-sizing: border-box; /* include padding in container width */
}

/* Hide by default */
.vaquera-responsive-strip {
    display: none;
}

/* Mobile: <768px */
@media (max-width: 769px) {
    .vaquera-responsive-strip {
        display: block;
        width: 100%;
    }
}

/* Tablet/Medium: 768px – 1250px */
@media (min-width: 768px) and (max-width: 1250px) {
    .vaquera-responsive-strip {
        display: block;
        max-width: 1250px;
        margin: 0 auto;
        text-align: left; /* optional */
    }


}

/* Scrollable strip for all visible */
.vaquera-strip-scroll {
    display: flex;
    gap: 10px;
    padding: 8px 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity;
    justify-content: flex-start;
    box-sizing: border-box;
}

.vaquera-link-list {
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.vaquera-link {
    flex: 0 0 auto;
    scroll-snap-align: start;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 13px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 14px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}
@media (min-width: 1250px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 14px;
        min-width: 13px;
        background-color: #2220;
        position: absolute;
        top: 28px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }

    
}

@media (min-width: 1250px) {
    .custom-header-collections-dropdown {
        position: relative;
        left: 18px;
        top: 4px;
}

.m-tooltip {
    padding-top: 0px;
    margin-top: 6px;
}
}

.m-search-popup .m-cart-count-bubble {
    right: -1px;
    top: 16px;
    height: 13px;
    min-width: 13px;
}

@media (min-width: 1250px) {
    .m-tooltip {
        padding-top: 2px;
        margin-top: 6px;
    }
}
@media (min-width: 1250px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 15px;
        min-width: 12px;
        background-color: #2220;
        position: absolute;
        top: 29px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}

.m-search-popup .m-cart-count-bubble {
    right: -1px;
    top: 17px;
    height: 14px;
    min-width: 12px;
}

@media (min-width: 1280px) {
    .m-tooltip {
        padding-top: 0px;
        margin-top: 6px;
    }
}

@media (min-width: 1250px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 12px;
        min-width: 12px;
        background-color: #2220;
        position: absolute;
        top: 29px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}
.m-search-popup .m-cart-count-bubble {
    right: -1px;
    top: 16px;
    height: 14px;
    min-width: 12px;
}

@media (min-width: 1251px) {
    .m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 14px;
    min-width: 12px;
    background-color: #2220;
    position: absolute;
    top: 28px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}
    }
}

@media (min-width: 1252px) {
    .m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    min-width: 12px;
    background-color: #2220;
    position: absolute;
    top: 28px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
}
    }
  /* Ensure right header elements stay in one line and aligned vertically */
.m-header__right {
  display: flex !important;          /* enforce flex layout */
  align-items: center !important;    /* vertical alignment */
  justify-content: flex-end !important; /* right align */
  flex-wrap: nowrap !important;       /* prevent wrapping to next line */
  gap: 12px;                          /* spacing between elements */
}

/* Fix dropdown alignment */
.custom-header-collections-dropdown {
  display: flex;
  align-items: center;
  position: relative;
}

/* Dropdown menu properly aligned below label */
.custom-header-collections-dropdown .dropdown-menu {
  top: 100%;    /* right below label */
  left: 0;      /* align to left edge of label */
  min-width: max-content; /* prevent width shrinking */
}

/* Ensure icons (search, wishlist, cart) are vertically centered */
.m-header__right .header-option-item {
  display: flex;
  align-items: center;
}

/* Optional: adjust smaller screens */
@media (max-width: 1024px) {
  .m-header__right {
    gap: 8px;
  }
}

@media (min-width: 1280px) {
  .m-cart-count {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    height: 10px;
    min-width: 12px;
    background-color: #2220;
    position: absolute;
    top: 30px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 9999px;
  }
}

@media (min-width: 1251px) {
    .m-cart-count {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        height: 17px;
        min-width: 12px;
        background-color: #2220;
        position: absolute;
        top: 28px;
        right: -1px;
        display: flex
;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 9999px;
    }
}

/* Cart icon wrapper must be relative */
.cart-icon {
  position: relative;
  display: inline-block;
}

/* Cart count badge */
.m-cart-count {
    position: absolute;
    top: 25px;
    right: -6px;
    color: #000 !important;
    font-size: 11px;
    height: 20px;
    min-width: 18px;
    padding: 0 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
@media (max-width: 991px) {
  .m-cart-count {
    top: 11px;
    right: -6px;
    font-size: 10px;
    height: 20px;
    min-width: 18px;
  }
}

/* Mobile adjustments */
@media (max-width: 575px) {
  .m-cart-count {
    top: 11px;
    right: -6px;
    font-size: 9px;
    height: 20px;
    min-width: 18px;
  }
}

@media (min-width: 990px) and (max-width: 1250px) {
  .m-cart-count {
    top: 11px;      /* adjust vertically */
    right: -6px;    /* adjust horizontally */
    font-size: 10px;
    height: 20px;
    min-width: 18px;
  }
}
@media (min-width: 1251px) {
  .m-cart-count {
    top: 26px;
    right: -6px;
    font-size: 10px;
    height: 21px;
    min-width: 18px;
}
}

@media (min-width: 1280px) {
.m-cart-count {
    top: 24px;
    right: -6px;
    font-size: 10px;
    height: 22px;
    min-width: 18px;
}
}


.m-menu-mobile__back-button {
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 16px 0;
    margin: 0 16px 10px;
    text-align: left;
    border-bottom: none !important; /* 🚫 removes border everywhere */
}
/* Standard MacBook: 13–16 inch screens */
@media (min-width: 1280px) and (max-width: 1650px) {
  .m-logo {
    font-size: 1rem;              /* logo text size */
    line-height: 1.2;             /* set line-height for vertical alignment */
    padding-left: 1px;            /* minimal left padding */
    padding-right:


  @media screen and (min-width: 1024px) {
    .m-header .m-cart-icon-bubble {
        margin-right: 10px !important;
    }
}  

@media (min-width: 1280px) and (max-width: 1650px) {
  .m-header .m-cart-icon-bubble {
        margin-right: 10px !important;
    }
#shopify-section-sections--17099407392855__header .m-header__right {
    justify-content: flex-end;
    font-size: 10px;
    margin-right: -10px !important;
}

    }  

    @media (min-width: 990px) and (max-width: 1250px) {
      m-header .m-cart-icon-bubble {
        margin-right: 10px !important;
    }
    }  

   /* Mobile first: default logo style */
.m-logo {
    font-size: 1rem;
    line-height: 1.2;
    padding-left: 1px;
    padding-right: 1px; /* small padding for mobile */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: inherit;
}

/* Standard MacBook: 1280px to 1650px */
@media (min-width: 1280px) and (max-width: 1650px) {
    .m-logo {
        padding-right: 160px !important; /* extra space for right menu */
    }
}


/* Default logo styling */
.m-logo {
    font-size: 1rem;
    line-height: unset;
    padding-left: 0;  /* Remove padding to ensure it doesn't push */
    padding-right: 0; /* Remove padding for center alignment */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: inherit;
    margin: 0 auto; /* Ensure it's centered horizontally */
}

/* Optional: Add some responsive behavior */
@media (min-width: 1280px) {
    .m-logo {
        padding-left: 16px;  /* Add minimal padding if needed */
        padding-right: 16px;
    }
}
/* Parent container for the logo */
.m-header {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    width: 100%;             /* Take full width of the screen */
}

/* Logo styling */
.m-logo {
    font-size: 1rem;
    line-height: unset;
    padding: 0; /* Remove any extra padding */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: inherit;
    margin: 0 auto; /* Center the logo */
}

/* Optional: Handling larger screen sizes */

.m-header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px; /* optional spacing from edges */
}

/* Logo container */
.m-header__center {
    position: absolute;   /* Remove from flex flow */
    left: 50%;            /* Move to center horizontally */
    transform: translateX(-50%); /* Correct centering */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;          /* Ensure it's on top */
}

/* Left menu and right menu */
.m-header__left,
.m-header__right {
    display: flex;
    align-items: center;
    flex: 1; /* Take available space */
}
@media (min-width: 1280px) {
    .m-header__left {
    justify-content: flex-start;
    width: 610px !important;
}
}
/* Header container */
.m-header {
    position: relative; /* Important for absolute centering */
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px; /* Optional spacing from edges */
    box-sizing: border-box;
}

/* Left and Right sections */
.m-header__left,
.m-header__right {
    display: flex;
    align-items: center;
    flex: 1; /* Fill space */
    z-index: 5;
}

/* Center logo */
.m-header__center {
    position: absolute;       /* Remove from normal flow */
    left: 50%;                /* Start at 50% of header width */
    transform: translateX(-50%); /* Perfect horizontal center */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;              /* Ensure it’s above left/right */
}

/* Logo styling */
.m-logo {
    font-size: 1.2rem;
    line-height: 1;
}

/* Optional: adjust left/right menus on small screens */
@media (max-width: 768px) {
    .m-header__center {
        position: static;    /* Flex centering on mobile */
        transform: none;
        justify-content: center;
        margin: 0 auto;
    }

    .m-header__left,
    .m-header__right {
        flex: none;
    }
}

/* Optional: tweak for very large screens (>1650px) */
@media (min-width: 1651px) {
    .m-header {
        padding: 0 50px;
    }
}
/* Header wrapper */
.m-header {
    position: relative;   /* needed for absolute positioning inside */
    display: flex;
    align-items: center;
    justify-content: space-between; /* left / right space */
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

/* Center logo absolutely */
.m-header__center {
    position: absolute;       /* absolute from header wrapper */
    left: 50%;                /* center horizontally */
    top: 50%;
    transform: translate(-50%, -50%);  /* perfect centering */
    display: flex;
    align-items: center;
}

/* Left & Right sections remain normal */
.m-header__left,
.m-header__right {
    display: flex;
    align-items: center;
    z-index: 10; /* ensure above logo if overlapping */
}

/* Logo */
.m-logo {
    font-size: 1.2rem;
    line-height: 1;
}

/* Optional: mobile adjustments */
@media (max-width: 768px) {
    .m-header__center {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
        justify-content: center;
        margin: 0 auto;
    }
}
/* Ensure the header inner container stacks correctly */
.m-header__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* Top row: logo and right menu */
.m-header__inner > .flex:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Center logo */
.m-header__center {
  flex: 0 0 auto;
  margin: 0 auto;
  text-align: center;
}

/* Right menu: align to right edge */
.m-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  gap: 1rem; /* spacing between icons */
  flex: 1;
}

/* Left menu: under logo, centered */
.m-header__left {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 0; /* no gap */
}

/* Dropdown hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .m-header__inner > .flex:first-child {
    flex-wrap: wrap;
    justify-content: center;
  }

  .m-header__right {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
     justify-content: flex-end !important;
  }

  .m-header__left {
    margin-top: 10px;
    flex-direction: column;
  }
}

/* Optional: force logo image to center if theme CSS overrides it */
.m-header__center img {
  margin: 0 auto !important;
  float: none !important;
}
/* Make submenu vertical */
.m-sub-menu.m-sub-menu--level-1 {
  display: flex;        /* use flex */
  flex-direction: column; /* stack items vertically */
  width: 100%;          /* full width */
  gap: 0.5rem;          /* space between items, adjust as needed */
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Submenu items */
.m-sub-menu__item {
  width: 100%;
}

/* Submenu links */
.m-sub-menu__item .m-menu__link {
  display: block;
  padding: 0.5rem 1rem; /* adjust padding */
  text-decoration: none;
  color: #111; /* link color */
  transition: background-color 0.2s;
}

/* Hover effect */
.m-sub-menu__item .m-menu__link:hover {
  background-color: #f5f5f5; /* highlight on hover */
}

/* Optional: responsive adjustments */
@media (max-width: 768px) {
  .m-sub-menu.m-sub-menu--level-1 {
    width: 100%;
    gap: 0.25rem;
  }

  .m-sub-menu__item .m-menu__link {
    padding: 0.5rem;
  }
}
/* Container */
.m-header__inner {
  position: relative; /* for absolute center logo */
  width: 100%;
}

/* Center Logo */
.m-header__center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  z-index: 10; /* above menus */
}

/* Right menu */
.m-header__right {
  margin-left: auto; /* push to right edge */
  display: flex;
  align-items: center;
  gap: 1rem;
   justify-content: flex-end !important;
}

/* Adjust dropdown for right edge */
.custom-header-collections-dropdown .dropdown-menu {
  right: 0; /* dropdown aligns to the right edge */
  left: auto; /* override previous left:0 */
}
/* Make the right menu container stick to the right */
.m-header__right {
  display: flex;           /* flex layout */
  justify-content: flex-end; /* push items to right edge */
  align-items: center;     /* vertically center icons */
  gap: 1rem;               /* spacing between items */
  position: relative;      /* for dropdown positioning */
}

/* Dropdown appears on hover */
.custom-header-collections-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;               /* below the dropdown label */
  right: 0;                /* align to right edge */
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  width: 220px;
  flex-direction: column;
  z-index: 999;
}

/* Show dropdown on hover */
.custom-header-collections-dropdown:hover .dropdown-menu {
  display: flex;
}

/* Make submenu items vertical */
.dropdown-menu a {
  display: block;
  padding: 0.5rem 1rem;
  color: #111;
  text-decoration: none;
}

.dropdown-menu a:hover {
  background-color: #f5f5f5;
}

/* Search and Cart spacing */
.m-header__search,
.m-cart-icon-bubble {
  margin-left: 0.5rem; /* optional spacing */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .m-header__right {
    justify-content: flex-end; /* still right aligned on mobile */
    gap: 0.5rem;
  }

  .dropdown-menu {
    right: 0;
    width: 180px;
  }
}
.m-header__inner {
    display: flex;
    align-items: center;
    margin-left: -16px;
    /* margin-right: -47px; */
    justify-content: flex-end !important;
}
.m-header__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60% !important;
    padding: 0;
    margin: 0;
}
#shopify-section-sections--17099407392855__header .m-header__right {
    justify-content: flex-end;
    font-size: 10px;
    width: 45% !important;
}
.m-header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
    width: 50%;
}

.m-header__inner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  height: 80px; /* adjust header height */
  padding: 0 20px;
}

/* LEFT MENU */
.m-header__left {
  flex: 1;
}

/* CENTER LOGO */
.m-header__center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  transform: translate(-50%, -50%);
}

/* RIGHT MENU */
.m-header__right {
  position: absolute;
  right: 20px; /* distance from right corner */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 15px; /* spacing between icons */
}

/* Dropdown menu styling */
.custom-header-collections-dropdown {
  position: relative;
}

.custom-header-collections-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  width: 220px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  display: none;
  z-index: 50;
}

.custom-header-collections-dropdown:hover .dropdown-menu {
  display: block;
}

.custom-header-collections-dropdown .dropdown-menu a {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
}

.custom-header-collections-dropdown .dropdown-menu a:hover {
  background-color: #f5f5f5;
}
#shopify-section-sections--17099407392855__header .m-header__right {
  margin-left: auto;      /* push to far right */
  justify-content: flex-end;
  align-items: center;
  font-size: 10px;        /* keep your text size */
  display: flex;          /* ensure flexbox alignment */
  gap: 12px;              /* space between items */
}
/* Make the inner header a grid for perfect alignment */
#shopify-section-sections--17099407392855__header .m-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* left | center | right */
  align-items: center;
}

#shopify-section-sections--17099407392855__header .m-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between; /* spreads left, center, right */
}

#shopify-section-sections--17099407392855__header .m-header__center {
  margin: 0 auto; /* keeps logo centered */
}

#shopify-section-sections--17099407392855__header .m-header__right {
  margin-left: auto;  /* pushes right menu all the way to edge */
  display: flex;
  align-items: center;
  gap: 12px;
}
#shopify-section-sections--17099407392855__header .m-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between; /* spreads left, center, right */
}

#shopify-section-sections--17099407392855__header .m-header__center {
  margin: 0 auto; /* keeps logo centered */
}

#shopify-section-sections--17099407392855__header .m-header__right {
  margin-left: auto;  /* pushes right menu all the way to edge */
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1025px) {
    .container-full {
        width: 1400px!important;
        /* margin: 0 auto; */
        /* padding: 0px 0px; */
    }
}

/* Make the whole header wrapper a positioning context */
.m-header__container {
  position: relative;
}

/* Right menu pinned to the top-right */
.m-header__right-outer {
  position: absolute;
  top: 50%;                /* vertically center */
  right: 20px;             /* distance from screen edge */
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 50;
}
.m-header__container {
  padding-left: 0;
  padding-right: 0;
  width: 100%!important;
  max-width: 100%!important; /* remove container width limits */
}

.m-header__inner {
  display: flex;
  align-items: center;
  margin-left: 0;   /* remove negative margins */
  margin-right: 0;
  width: 100%;
  justify-content: space-between; /* spread left, center, right */
  position: relative;             /* for absolute positioning of right menu */
}

/* Right menu aligned to edge */
.m-header__right {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;  /* absolute relative to .m-header__inner */
  top: 50%;            /* vertical center */
  right: 0;            /* flush to edge */
  transform: translateY(-50%);
}
/* Right menu wrapper */
#header-right-menu {
  position: absolute;      /* absolute relative to header */
  top: 50%;                /* vertical center */
  right: 20px;             /* distance from screen edge */
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 24px;               /* space between items */
  z-index: 100;
}

/* Make LOOKBOOKS label inline with search/cart */
.custom-header-collections-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Dropdown styling */
.custom-header-collections-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 999;
}

.custom-header-collections-dropdown:hover .dropdown-menu {
  display: flex;
}

/* Dropdown links */
.custom-header-collections-dropdown .dropdown-menu a {
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #111;
}

.custom-header-collections-dropdown .dropdown-menu a:hover {
  background-color: #f5f5f5;
.m-header__left {
    justify-content: flex-start;
    width: 60%; /* adjust as needed */
}

.m-header__right {
    justify-content: flex-end;
    width: 40%; /* adjust as needed */
}
.m-header__center {
    justify-content: center;
    width: 20%;
}
.m-header__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 40%; /* ensures exact width */
    padding: 0;
    margin: 0;
}
@media (min-width: 1024px) {
    .m-header__left {
        width: 40%;
    }
}
.m-header__left {
    width: 40% !important;
}
.m-header__left {
    flex: 0 0 40%; /* flex-grow:0, flex-shrink:0, flex-basis:40% */
}
.m-menu__link--main {
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--main-link-py) var(--main-link-px);
  font-size: 10px;
}
.both-center .m-header__menu:first-child .m-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}
.m-header__right {
  justify-content: flex-end;
  font-size: 10px;
}
.m-menu__item--dropdown .m-sub-menu__item--level-1 {
  position: relative;
  width: 100%;
  font-size: 10px;
}

@media (min-width: 1251px) and (max-width: 1280px) {
  .search-button {
   
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    margin-right: -26px;}
    .m-cart-count {
    top: 24px;
    right: -6px;
    font-size: 10px;
    height: 22px;
    min-width: 17px;
}
}
@media (min-width: 1250px) {
    .m-cart-count {
        top: 25px;
        right: -6px;
        font-size: 10px;
        height: 20px;
        min-width: 16px;
    }
}
@media (min-width: 1280px) {
    .m-cart-count {
        top: 23px;
        right: -6px;
        font-size: 10px;
        height: 24px;
        min-width: 18px;
    }
}
@media (min-width: 1280px) {
    #shopify-section-sections--17099407392855__header .m-tooltip
Specificity: (1,1,0)
 {
        padding-top: 0px;
        margin-top: 5px;
    }
}

.search-button {
    /* margin: 10px 0 0; */
    padding: 0;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    margin-right: -26px;
}

@media (min-width: 1280px) {
    .m-cart-count {
        top: 24px!important;
        right: -5px!important;
        font-size: 10px;
        height: 21px!important;
        min-width: 18px;
    }
}

@media (min-width: 1251px) {
    .m-cart-count {
        top: 25px!important;
        right: -6px;
        font-size: 10px;
        height: 21px;
        min-width: 18px;
    }
}

@media (min-width: 1280px) {
  .m-cart-count {
      top: 25px !important;
      right: -6px !important;
      font-size: 10px !important;
      height: 20px !important;
      min-width: 18px !important;
  }
}
@media (min-width: 1251px) {
    .m-cart-count {
        top: 24px!important;
        right: -6px!important;
        font-size: 10px!important;
        height: 22px!important;
        min-width: 18px!important;
    }
}
/* Mega Menu Container */
.m-menu__item--has-submenu {
  position: relative;
}

/* Hide dropdown by default */
.m-mega-menu {
  display: none;
  position: absolute;
  top: 100%; /* right under parent menu item */
  left: 0;
  width: max-content; /* adjust width according to content */
  min-width: 200px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 999;
  padding: 10px 0;
  overflow-x: auto; /* horizontal scroll if content too wide */
  white-space: nowrap; 
}

/* Show on hover */
.m-menu__item--has-submenu:hover > .m-mega-menu {
  display: block;
}

/* Inner container styling */
.m-mega-menu__container {
  display: flex;
  flex-wrap: nowrap;
}

/* Each column */
.m-mega-menu__inner {
  display: inline-flex;
  gap: 20px;
}

/* Sub-menu items */
.m-sub-menu__item {
  display: inline-block;
  padding: 0 10px;
}
.m-sub-menu__item a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 5px 10px;
  white-space: normal; /* allow text to wrap */
}

/* Scrollbar for horizontal scroll (optional style) */
.m-mega-menu::-webkit-scrollbar {
  height: 6px;
}
.m-mega-menu::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 3px;
}
.m-mega-menu::-webkit-scrollbar-track {
  background: transparent;
}

/* Arrow next to parent menu */
.m-menu__arrow {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.m-menu__item--has-submenu .m-mega-menu__inner {
    display: flex;
    flex-direction: column; /* vertical layout */
    flex-wrap: nowrap;      /* prevent wrapping */
}
.m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link:hover {
    background: none;
}
.logo-left-menu-center .m-header__center {
    flex-shrink: 0!important;
    flex-grow: 0!important;
}
.m-header__menu {
    display: flex;
    flex: 1 1 auto;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    justify-content: center!important;
}
/* =============================
   Mega Menu Dropdown Fix
   ============================= */

/* Remove border/underline on parent hover */
.m-menu__item--has-submenu:hover > .m-menu__link,
.m-menu__item--has-submenu.m-menu__item--active > .m-menu__link {
    border: none !important;
    box-shadow: none !important;
}

/* Sub-menu vertical layout */
.m-menu__item--has-submenu .m-mega-menu__inner {
    display: flex !important;
    flex-direction: column !important; /* vertical */
    flex-wrap: nowrap !important;
}

/* Sub-menu list vertical */
.m-menu__item--has-submenu .m-sub-menu--level-1 {
    display: flex !important;
    flex-direction: column !important;
    max-height: 400px; /* adjust height as needed */
    overflow-y: auto; /* scroll if too long */
}

/* Optional: spacing between sub-items */
.m-menu__item--has-submenu .m-sub-menu__item {
    padding: 5px 20px;
}

/* Optional: remove hover background if needed */
.m-menu__item--has-submenu .m-sub-menu__item:hover {
    background: #f8f8f8;
}
.m-menu__item--mega .m-mega-menu {
    
    
    border-top: none !important;
    
}

@media (min-width: 1024px) {
    .m-mixed-layout, .m-mixed-layout__inner {
        
        width: 1420px !important;
        
    }
}

@media (min-width: 1025px) {
    .m-collection-products

 {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
  .m-header__mobile {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    margin: 0 !important;
    padding-top: env(safe-area-inset-top, 0) !important;
    background: #fff !important;
    z-index: 9999;
  }

  /* Push page content down so header doesn't overlap */
  body {
    padding-top: 60px; /* adjust to your header height */
  }
}