/** Shopify CDN: Minification failed

Line 408:14 Unexpected "{"
Line 408:23 Expected ":"

**/
@font-face {
  font-family: 'Sail';
  src: url('./Sail-Regular.woff2') format('woff2'),
      url('./Sail-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('./Outfit-Thin.woff2') format('woff2'),
        url('./Outfit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ==================================================================================== HEADER ============================================================================== */
/* Header menu spacing reset (custom header) */
[class^="header-tab-text-sections-"],
[class*=" header-tab-text-sections-"] {
  padding-top: 10px !important;          /* fixes the 30px padding on mobile */
}



/* =============================================================== SHOP COLLECTIONS ======================================================================== */

.collection-hero {
  padding-top: 60px !important;
  padding-bottom: 0 !important;
  margin-bottom: -60px !important;
}

.collection-hero h1 {
  font-family: 'Outfit' !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}

.facets__heading, 
.facets__summary,
.facet-filters__label,
.select__select,
.product-count__text,
.card__heading,
.card__content .button {
  font-family: 'Outfit' !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  color: #2a2a2bFF !important;
}

.facets__label,
.price-item {
  font-family: 'Outfit' !important;
  font-weight: 400 !important;
  color: #2a2a2bFF !important;
}

.price-item {
  font-size: 16px !important;
}

.card__content .button {
  display: none !important;
}

.active-facets__button-wrapper *, span.active-facets__button-inner {
  font-family: 'Outfit' !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2a2a2bFF !important;
}

.active-facets__button-wrapper:hover *, span.active-facets__button-inner:hover {
  color: #959dcf !important;
}

.facets-wrapper {
  margin-right: 32px !important;
}

.card {
  margin-right: 32px !important;
}

.product-count {
  display: none !important;
}

.card .card__inner .card__media {
  border-radius: 12px !important;
}
.product-media-container,
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
  border-radius: 12px !important;
}

/* =========================================================== ADD TO CART ICON ON COLLECTION PAGE ============================================================================= */
/* Align title and icon side-by-side */
.product-card__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between; /* keeps spacing natural */
  gap: 0.6rem; /* optional: spacing between title and icon */
}
/* tighten up the title alignment */
.product-card__title-row h3 {
  margin: 0;
  font-size: inherit;
  line-height: 1.2;
}
/* size & look of icon button */
.product-card__icon-add {
  background: #EFF1F9FF; /* abt’s soft lavender tone */
  border: none;
  border-radius: 9999px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a2a2bFF; 
  cursor: pointer;
  transition: all 0.15s ease;
}
.product-card__icon-add:hover {
  background: #959dcfFF;
  color: #f2eee9FF; 
  transform: translateY(-1px);
}
/* size of the SVG inside the 28px button */
.product-card__icon-add svg,
.product-card__icon-add .icon-cart-abt {
  width: 22px;       /* icon fits nicely inside 28px circle */
  height: 22px;
  display: block;
}
.product-card__icon-add {
  position: relative;
  z-index: 10; /* ensures the button is clickable above link overlay */
  pointer-events: auto; /* explicitly allow clicking */
}

/* ====================================================================== ACTUAL PRODUCT PAGE - SHOP PRODUCT ====================================================================== */
html.sticky-lock {
  overflow: hidden;
  overscroll-behavior: contain;
}

product-info {
  padding-top: 132px !important;
}

:root{
  --gap: 60px;                 /* column gap between gallery and info */
  --left-col: 1fr;             /* keep 1fr */
  --right-col: 1fr;            /* keep 1fr */
}

/* Make the product section full-width (safe) */
product-info > .page-width{
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* product button */
[id^="MainProduct-"] .product-form__submit {
  border-radius: 12px !important;
}
shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: 12px !important;
}

/* ======================================================================= PRODUCT PAGE DESKTOP / tablet layout ========================================================================== */
@media (min-width: 750px){

  /* Two equal columns with a fixed 60px gap */
  [id^="MainProduct-"] .product.grid--2-col-tablet{
    display: grid !important;
    grid-template-columns: var(--left-col) var(--right-col) !important;
    column-gap: var(--gap) !important;
  }

  /* LEFT (gallery): just fill the track */
  [id^="MainProduct-"] .product__media-wrapper{
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;          /* remove any stray internal padding */
  }

  /* RIGHT (wrapper = the grid item): stretch to fill the right track */
  [id^="MainProduct-"] .product__info-wrapper{
    display: block !important;       /* ensure it's not flex */
    justify-self: stretch !important;/* fill the grid cell */
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* RIGHT (inner panel): fill the wrapper and add PR 20px */
  [id^="MainProduct-"] .product__info-container{
    width: 100% !important;          /* fill the track */
    max-width: none !important;       /* no cap so it can reach the right edge */
    margin: 0 !important;             /* left-aligned (not centered) */
    padding: 0 56px 0 36px !important;   /* padding-right: 20px */
    top: 20px !important;
  }

  /* ensure the pill fills that constrained wrapper */
  [id^="MainProduct-"] .product__info-container [class^="coupon-body-"] {
    width: min(100%, 44rem) !important; /* adjust 44rem to your form width (e.g., 36rem/40rem/44rem) */
    max-width: none !important;
    margin: 0 !important;               /* left-align to match buttons */
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}
/* ============================================================================= ENDS DESKTOP ONLY ============================================================================ */


/* Safety: remove theme caps on media wrapper if present */
.product.product--small .product__media-wrapper,
.product.product--medium .product__media-wrapper,
.product.product--large .product__media-wrapper{
  max-width: none !important;
}

/* ============================================================================ PRODUCT INFO INFO STUFF ============================================================================= */
/* Product page Add to Cart — base */
[id^="MainProduct-"] .product-form__submit {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2b !important;
  background: #EFF1F9FF !important;
  border: 1px solid #2a2a2b !important;  /* real border */
  box-shadow: none !important;
  outline: none !important;
  position: relative; /* keep for safety with pseudo overlay */
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Dawn draws an overlay border via ::after — disable it in ALL states */
[id^="MainProduct-"] .product-form__submit::after,
[id^="MainProduct-"] .product-form__submit:hover::after,
[id^="MainProduct-"] .product-form__submit:focus::after,
[id^="MainProduct-"] .product-form__submit:active::after {
  box-shadow: none !important;
  opacity: 0 !important;
  content: "" !important; /* ensure the rule applies even if theme toggles content */
}

/* Hover state — your colors + no shadow */
[id^="MainProduct-"] .product-form__submit:hover,
[id^="MainProduct-"] .product-form__submit:focus {
  color: #f2eee9 !important;
  background-color: #959dcf !important;
  border-color: #EFF1F9FF !important;
  box-shadow: none !important;
  outline: none !important;
}
.product__tax{
  display: none !important;
}

/* ======================================================================== RELATED PRODUCTS SECTION ===================================================================== */

/* make the related products section full-bleed */
.related-products.page-width{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 5rem !important;  /* or set your own gutter, e.g., 24px */
  padding-right: 5rem !important;
}

/* keep the grid left-aligned */
.related-products .product-grid{
  place-content: start !important;    /* both axes */
  justify-items: start !important;
  text-align: left !important;
}

/* ensure cards don’t add centering margins */
.related-products .grid__item { 
  margin: 0 !important; 
}

/* =========== Heading controls =========== */
.related-products .related-products__heading{
  font-family: "Outfit", sans-serif;   /* change font */
  font-size: 28px;                      /* change size */
  font-weight: 500;                     /* change weight */
  color: #2a2a2bFF;                       /* change color */
  text-align: left;                     /* left-align heading */
  margin: 0 0 1.5rem 0;
}

/* =========== Product name (title) =========== */
.related-products .card__heading,
.related-products .card__heading a{
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #2a2a2bFF;
  text-decoration: none;
  line-height: 1.4;
  transition: color .25s ease, text-decoration-color .25s ease;
}

/* hover for product link */
.related-products .card__heading a:hover{
  color: #959dcfFF;             /* set your hover color */
  text-decoration: none; /* optional – remove if not desired */
}

/* =========== Price =========== */
.related-products .price{
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2a2a2bFF;
}

/* ============================================================ PRODUCT PAGE - SHOP COLLECTIONS DESKTOP ONLY =========================================================== */

@media (min-width: 750px) {
  .collection-hero__inner.page-width {
    padding-left: 0 !important;
    margin-left: 100px !important;
    max-width: 1600px !important;
    width: auto !important;
  }

  .facets.facets-vertical-sort.page-width.small-hide {
    padding-right: 0 !important;
    margin-right: 100px !important;
    max-width: 1600px !important;
    width: auto !important;
  }
  .facets-vertical.page-width {
    padding-left: 0 !important;
    margin-left: 100px !important;
    margin-top: 60px !important;
    max-width: 1600px !important;
    width: auto !important;
  }
  
  .facets__summary:hover * {
    text-decoration: none !important;
  }
  
  .card:hover .card__heading a {
    text-decoration: none !important;
  }

  .facets__label:hover *,
  .card__heading:hover * {
    text-decoration: none !important;
    color: #959dcf !important;
  }

  .card__content .button {
    background-color: #FFFFFF !important;
    border-color: #2a2a2bFF !important;
  }

  .card__content .button:hover {
    color: #f2eee9FF !important;
    background-color: #959dcfFF !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #ffffff !important;
  }
  .card__content .button:hover::after{
    box-shadow: none !important;
  }

  .facets__label {
    display: flex !important;
    align-items: center !important;
  }

  .facets__label input[type="checkbox"] {
    vertical-align: middle !important;
    margin-top: 0 !important;
  }

  .facets__label .icon-checkmark {
    transform: translateY(6px) !important;
  }
}

/* ============================================================= CART NOTIFICATION ON HEADER ================================================= */
.header-cart-{{ section.id }} .cart-count-bubble [data-nav-cart-count][data-cart-count="0"] {
  display: none;
}

/* ================================================================================= CART PAGE ============================================================== */
cart-items {
  padding-top: 152px !important;
}

/* 2. TYPOGRAPHY */

/* Cart title (heading) */
.title-wrapper-with-link .title {
  font-family: "Outfit", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}

/* “Continue shopping” link (top-right link) */
.title-wrapper-with-link .underlined-link {
  display: none !important;
  
  /* font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500;
  color: #2a2a2bFF !important;
  text-decoration: underline;
  transition: color 0.2s ease; */
}
.title-wrapper-with-link .underlined-link:hover {
  /* color: rgb(var(--color-link-hover, 100, 100, 100));
  text-decoration: none; */
}

/* Empty-cart heading */
.cart__empty-text {
  font-family: "Outfit", sans-serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  margin-bottom: 1rem;
}

/* Empty-cart description (login paragraph, etc.) */
.cart__login-paragraph {
  font-family: "Outfit", sans-serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  color: #2a2a2bFF !important;
}

/* 3. EMPTY-CART BUTTON */
.cart__warnings .button {
  display: none !important;
  /* background-color: #ffffffFF !important;
  color: #2a2a2bFF !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  border: 0.5px #2a2a2bFF !important;
  padding: 1rem 2.4rem;
  transition: all 0.25s ease; */
}

/* CART DRAWER LINK */
.cart__login-paragraph a {
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}
.cart__login-paragraph a:hover {
  color: #959dcfFF !important;
}

.cart__warnings .button:hover {
  /* background-color: transparent;
  color: rgb(var(--color-button, 0, 0, 0));
  border-color: rgb(var(--color-button, 0, 0, 0));
  text-decoration: none; */
}

/* CART TABLE HEADINGS */
.cart-items th {
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  letter-spacing: 0.08em;
  text-transform: lowercase !important;
}

/* PRODUCT NAME */
.cart-item__name {
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  text-decoration: none !important;
}
.cart-item__name:hover {
  color: #959dcfFF !important;
}

/* PRODUCT PRICE */
.cart-item__details .product-option,
.cart-item__details .cart-item__final-price {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #2a2a2bFF !important;
}

/* ORDER NOTE TITLE */
.cart__note label,
.cart__note-label {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}

/* ESTIMATED TOTAL TEXT */
.cart__footer .totals__subtotal-label {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}

/* ESTIMATED TOTAL PRICE */
.cart__footer .totals__subtotal-value {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}

/* TAX / SHIPPING NOTE */
.cart__footer .tax-note,
.cart__footer .totals__note {
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #2a2a2bFF !important;
}

/* KEEP TABLE ROW SPACING CLEAN */
.cart-items td {
  vertical-align: middle;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* CHECKOUT BUTTON */
.cart__footer .cart__checkout-button,
.cart__footer button[name="checkout"],
.cart__footer .cart__submit {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  background-color: #EFF1F9FF !important;
  border-color: #2a2a2bFF !important;
  padding: 1.2rem 2.4rem;
  width: 100%;
  transition: all 0.25s ease;
  cursor: pointer;
  border-radius: 12px !important;
}

/* Hover state */
.cart__footer .cart__checkout-button:hover,
.cart__footer button[name="checkout"]:hover,
.cart__footer .cart__submit:hover {
  color: #f2eee9FF !important;
  background-color: #959dcfFF !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #EFF1F9FF !important;
}

.cart__footer button[name="checkout"]:hover::after {
  box-shadow: none !important;
}

#Cart-note::placeholder,
#CartDrawer-Note::placeholder { 
  opacity: 1; 
  color: rgba(0,0,0,.45); 
}

/* CART DRAWER CHECKOUT BUTTON */
#CartDrawer-Checkout {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  background-color: #EFF1F9FF !important;
  border-color: #2a2a2bFF !important;
  padding: 1.2rem 2.4rem;
  width: 100%;
  transition: all 0.25s ease;
  cursor: pointer;
  border-radius: 12px !important;
}
#CartDrawer-Checkout::before,
#CartDrawer-Checkout::after {
  border-radius: 12px !important;
}

/* Hover state */
#CartDrawer-Checkout:hover {
  color: #f2eee9FF !important;
  background-color: #959dcfFF !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #EFF1F9FF !important;
  border-radius: 12px !important;
}

#CartDrawer-Checkout:hover::after {
  box-shadow: none !important;
  border-radius: 12px !important;
}

.cart-drawer__empty-content .button {
  display: none !important;
}

#CartDrawer-CartErrors {
  display: none !important;
}

/* ================================================================ CONTACT US PAGE ============================================================== */
.contact__button .button {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
  background-color: #EFF1F9FF !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.contact__button .button,
.contact__button .button::before,
.contact__button .button::after,
.contact__button .button:hover,
.contact__button .button:hover::after {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.contact__button .button:hover {
  color: #f2eee9FF !important;
  box-shadow: none !important;
  background-color: #959dcfFF !important;
  border: 0.5px solid #EFF1F9FF !important;
  text-decoration: none !important;
}
.contact__button .button:hover::after {
  box-shadow: none !important;
}

/* ============================================================ CART DRAWER ========================================================================================== */
.quantity {
  width: calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2) !important;
}
.quantity__button {
  font-size: 14px !important;
}
.quantity__button:first-child,
.quantity__input, 
.quantity__button:last-child {
  margin: 0 !important;
  padding: 0 !important;
}
#CartDrawer quantity-input.quantity.cart-quantity {
  --inputs-radius: 12px;              /* controls .quantity border-radius */
}
.drawer__header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.shipping-message {
  margin-top: 0 !important;
}
/* discount text on cart drawer */
.discounts {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.discounts__discount > .icon {
  width: 16px !important;
  height: 16px !important;
}

/* ======================================================================= CONTACT US =================================================================================== */
/* Contact us Align left */
/* CONTACT FORM ALIGNMENT — global override USING TEMPLATE, TEMP FIX ONLY */
#shopify-section-template--20526830321908__form .page-width {
  margin-bottom: 20px !important;
  font-family: "Outfit", sans-serif !important;
  font-weight: 500 !important;
  color: #2a2a2bFF !important;
}
.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after,
.field__input, .select__select, .customer .field input, .customer select {
  border-radius: 12px !important;
  overflow: hidden !important;
}

@media (min-width: 750px) {
  #shopify-section-template--20526830321908__form.shopify-section.section {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  #shopify-section-template--20526830321908__form .page-width {
    max-width: 90% !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 20px !important;
  }
}

/* ======================================================================= MOBILE STUFF =============================================================================*/
/* ======================================================================= MOBILE STUFF =============================================================================*/
/* ======================================================================= MOBILE STUFF =============================================================================*/
@media (max-width: 749px) {
  /* =============================================================== MOBILE COLLECTION PAGE ===================================================================== */
  /* MOBILE FILTER DRAWER BUTTON */
  .mobile-facets__footer .button.button--primary {
    font-family: "Outfit", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #2a2a2bFF !important;
    background-color: #ffffffFF !important;
    border: 0.5px solid #2a2a2bFF !important;
    text-decoration: none !important;
  }

  .mobile-facets__footer .button.button--primary:hover {
    color: #f2eee9FF !important;
    box-shadow: none !important;
    background-color: #959dcfFF !important;
    border: 0.5px solid #ffffffFF !important;
    text-decoration: none !important;
  }
  .mobile-facets__footer .button.button--primary:hover::after {
    box-shadow: none !important;
  }
  /* ================================================================== MOBILE PRODUCT PAGE ============================================================================= */
  product-info {
    padding-top: 116px !important;
  }

  /* ====================================================================== MOBILE COLLECTION PAGE ============================================================================= */
  .card__heading {
    font-size: 18px !important;
  }
  .card {
    margin-right: 0px !important;
  }
  ul#product-grid {
    gap: 10px !important;
  }
  .price-item {
    font-size: 12px !important;
  }

  /* =============================================================== MOBILE CART DRAWER ======================================================================== */
  /* Empty-cart heading */
  .cart__empty-text {
    font-size: 20px !important;
  }

  /* Empty-cart description (login paragraph, etc.) */
  .cart__login-paragraph {
    font-size: 14px !important;
  }

  /* ============================================================== MOBILE BEFORE AFTER ========================================================================= */
  [class^="before-after-feature-text"],
  [class*=" before-after-feature-text"] {
    margin-right: 36px !important;
  }
  [class^="before-after-percent"],
  [class*=" before-after-percent"] {
    width: 65% !important;
    margin-left: 36px !important;
  }
}