/** Shopify CDN: Minification failed

Line 277:13 Expected identifier but found whitespace
Line 277:14 Unexpected "0"
Line 277:19 Unexpected "{"
Line 277:28 Expected ":"
Line 277:64 Expected ":"

**/

.template-index .shopify-section-group-header-group.wau--header:not(.header-sticky-active):hover,
.template-index .shopify-section-group-header-group.wau--header:not(.header-sticky-active):hover header.header-section,
.template-index .shopify-section-group-header-group.wau--header:not(.header-sticky-active):hover #navigation,
.template-index .shopify-section-group-header-group.wau--header:not(.header-sticky-active):hover #navigation > .row {
    background: #f8f5f2 !important;
    background-color: #f8f5f2 !important;
}


/* =========================================
   KLAVIYO CORMORANT FONT - MOBILE FIX
========================================= */

@font-face {
    font-family: "CormorantPopup";
    src: url("/cdn/shop/files/CormorantGaramond-LightItalic.woff2?v=1788865731") format("woff2"),
         url("/cdn/shop/files/CormorantGaramond-LightItalic.woff?v=1788865731") format("woff"),
         url("/cdn/shop/files/CormorantGaramond-LightItalic.ttf?v=1788865731") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* Klaviyo heading */
/* html body .klaviyo-form-richtext h2,
html body .klaviyo-form-richtext h2 *,
html body [data-testid="form-component"] .klaviyo-form-richtext h2,
html body [data-testid="form-component"] .klaviyo-form-richtext h2 * {
    font-family: "CormorantPopup", serif !important;
    font-weight: 300 !important;
    font-style: italic !important;
} */


/* Mobile */
/* @media screen and (max-width: 749px) {

    html body .klaviyo-form-richtext h2,
    html body .klaviyo-form-richtext h2 *,
    html body [data-testid="form-component"] .klaviyo-form-richtext h2,
    html body [data-testid="form-component"] .klaviyo-form-richtext h2 * {
        font-family: "CormorantPopup", serif !important;
        font-weight: 300 !important;
        font-style: italic !important;
    }

} */

[data-testid="form-component"] .klaviyo-form-richtext h1,
[data-testid="form-component"] .klaviyo-form-richtext h1 span,
[data-testid="form-component"] .klaviyo-form-richtext h1 strong {
    font-family: "CormorantPopup", Georgia, serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

.main__section .rte .metafield-rich_text_field ul {
    font-size: 12px;
    color: #303030 !important;
    line-height: 1.6em;
    margin: auto;
}



/* =========================================
   PRODUCT PAGE - 7 / 5 COLUMN LAYOUT
========================================= */


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

  .product__section > .row.grid_wrapper {
    display: flex !important;
    align-items: flex-start;
    gap: 40px;
  }

  .product__section > .row.grid_wrapper > .product__section-images {
    flex: 0 0 50vw !important;
    width: 700px !important;
    max-width: 700px !important;
    min-width: 0;
  }

  .product__section > .row.grid_wrapper > .product__section-content {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
  }

}



.product__gallery--container {
    position: relative;
}

.custom-product-page-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 12px;

    background: #ffffff;
    color: #111111;

    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;

    white-space: nowrap;
    pointer-events: none;
}






/* ========================================
   SWATCH HOVER TOOLTIP - FORCE FIX
======================================== */

.alternate__colors--wrapper {
    overflow: visible !important;
}

.alternate__product {
    position: relative !important;
    overflow: visible !important;
}

/* Keep theme's original hidden title hidden */
.alternate__product-title {
    display: none !important;
}


/* Tooltip */
.alternate__product::before {
    content: attr(data-prod);

    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);

    transform: translateX(-50%) translateY(4px);

    width: max-content;
    /* max-width: 180px; */
    max-width: max-content;

    padding: 6px 9px;

    background: #ffffff;
    color: #555555;

    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 99999;

    box-shadow: 0 1px 4px rgba(0,0,0,0.10);

    transition: 0.2s ease;
}


/* Arrow */
.alternate__product::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);

    transform: translateX(-50%);

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 99999;
}


/* Show on hover */
.alternate__product:hover::before,
.alternate__product:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
}

.alternate__product:hover::before {
    transform: translateX(-50%) translateY(0);
}



@media screen and (max-width: 768px) {
.product__section .grid_wrapper{
    padding: 0;
}

.template-index .header-section .nav-container{
  justify-content: space-between !important;
}

/* body#default-page.template-index .nav-container:hover{
    background: #f8f5f2 !important;
    background-color: #f8f5f2 !important;
} */
html:not(:has(#slideout-mobile-navigation.slideout--active))
body.template-index
.wau--header:not(.header-sticky-active):hover #navigation {
    background: #f8f5f2 !important;
    background-color: #f8f5f2 !important;
    width:100% !important;
    max-width:100% !important;
}
html:has(#slideout-mobile-navigation.slideout--active)
body.template-index
.wau--header
#navigation,

html.mobile-menu-is-open
body.template-index
.wau--header
#navigation {
    background: #f8f5f2 !important;
    background-color: #f8f5f2 !important;
}





.nav-container .mobile-menu__trigger.mobile-only {
      flex: 0 0 calc((50% - {{ section.settings.mobile_logo_max_width }}px / 2) - 1em);
    } 
      
    .nav-container div#logo {
        flex: 0 0 {{ section.settings.mobile_logo_max_width }}px !important;
    }
     ul#mobile-cart.mobile-only  {
        flex: 0 0 calc((50% - {{ section.settings.mobile_logo_max_width }}px / 2) - 1em);
        display: inline-flex;
    }
    
   
 ul#mobile-cart.mobile-only  {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    /* .nav-container.inline.logo-left{
      justify-content:space-between !important;
    }
   .nav-container.full.inline.logo-left {
      display: flex !important;
      flex-direction: row;
      justify-content: space-between !important;
      max-width: unset !important;
      width: 100% !important;
  } */

/* html:not(:has(#slideout-mobile-navigation.slideout--active)) body.template-index .wau--header:not(.header-sticky-active) .nav-container{
  width:100vw !important;
  max-width:93vw !important;
} */
  
}




/* =====================================================
   MOBILE HEADER WIDTH - FINAL
===================================================== */

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

  /* -----------------------------------------
     GLOBAL HEADER WRAPPERS
     All pages
  ----------------------------------------- */

  body .wau--header #navigation,
  body .wau--header #navigation > .row {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     HOME PAGE
     Your working iPhone width
  ----------------------------------------- */

  html:not(:has(#slideout-mobile-navigation.slideout--active))
  body.template-index
  .wau--header:not(.header-sticky-active)
  .nav-container {
    width: 100vw !important;
    max-width: 93vw !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     ALL OTHER PAGES
  ----------------------------------------- */

  body:not(.template-index)
  .wau--header
  .nav-container {
    width: 100vw !important;
    max-width: 93vw !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     OFFCANVAS OPEN
     ALL PAGES
  ----------------------------------------- */

  html:has(#slideout-mobile-navigation.slideout--active)
  body
  .wau--header
  #navigation {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow:hidden !important;
    background: #f8f5f2 !important;
    background-color: #f8f5f2 !important;
  }


  html:has(#slideout-mobile-navigation.slideout--active)
  body
  .wau--header
  #navigation > .row {
    width: 100vw !important;
    max-width: 100vw !important;
  }


  html:has(#slideout-mobile-navigation.slideout--active)
  body
  .wau--header
  .nav-container {
    width: 100vw !important;
    max-width: 93vw !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }
      .header-section #navigation .nav-container.logo-left {
        gap: 10px;
        justify-content: space-between !important;
    }
}



@media only screen and (max-width: 780px) {
   #CollectionProductGrid .gridlock-fluid .row {
        padding: 0 !important;
      }
      #CollectionFiltersForm{
      padding:0 10px !important;

    }
    #CollectionProductGrid button.sm-mobile-sort-button {
      white-space: nowrap;
  }
}

/* ========================
Wishlist   */



/* =========================================
   ADD TO CART + XB WISHLIST
========================================= */

.product-add {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}


/* Add to cart takes remaining width */
.product-add #addToCart,
.product-add .AddtoCart {
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
}


/* Remove app block spacing */
.product-add
.product__section-details__inner:has(xb-wishlist-button) {
  flex: 0 0 auto !important;

  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Wishlist component */
.product-add xb-wishlist-button {
  display: block !important;
  height: 100% !important;
}


/* XB outer wrapper */
.product-add .xb-wishlist-button {
  width: 48px !important;
  height: 100% !important;

  padding: 0 !important;
  margin: 0 !important;
}


/* Actual wishlist button */
.product-add .xb-wishlist-button button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  min-width: 48px !important;
  height: 100% !important;
  min-height: 48px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 0 !important;
}


/* Heart size */
.product-add .xb-wishlist-button svg {
  width: 21px !important;
  height: 21px !important;
}

.xb-wishlist__header{
  width: 22px !important;
}
.header__shopping-cart .xb-header__icon svg {
    height: 24px;
    width: 24px;
    margin-bottom: -3px;
}

@media only screen and (max-width: 780px) {
  .product-add .xb-wishlist-button {
  width: 44px !important;
  height: 100% !important;

  padding: 0 !important;
  margin: 0 !important;
}


/* Actual wishlist button */
.product-add .xb-wishlist-button button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  min-width: 44px !important;
  height: 100% !important;
  min-height: 44px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 0 !important;
}

ul#mobile-cart .xb-header__icon svg {
    height: 24px;
    width: 24px;
    margin-bottom: -3px;
}
.xb-wishlist__header{
  width: 26px !important;
}
}