/** Shopify CDN: Minification failed

Line 700:2 Unexpected "#"
Line 700:4 Unexpected "{"
Line 700:11 Expected ":"
Line 912:7 Expected ":"

**/
@font-face {
    font-family: "EightiesReg";
    src: url("/cdn/shop/files/EightiesComeback-Regular.woff?v=1709173998") format("woff"),
    url("EightiesReg.woff2") format("woff2");
}

@font-face {
    font-family: "EightiesItalic";
    src: url("/cdn/shop/files/EightiesComebackIt-Regular.woff?v=1709173998") format("woff"),
    url("EightiesItalic.woff2") format("woff2");
}

@font-face {
    font-family: "NeueHaasLight";
    src: url("/cdn/shop/files/NeueHaasDisplay-Light.woff?v=1709174089") format("woff"),
    url("NeueHaasLight.woff2") format("woff2");
}

@font-face {
    font-family: "NeueHaasReg";
    src: url("/cdn/shop/files/NeueHaasDisplay-Roman.woff?v=1709174089") format("woff"),
    url("NeueHaasReg.woff2") format("woff2");
}

@font-face {
    font-family: "NeueHaasBold";
    src: url("/cdn/shop/files/NeueHaasDisplay-Mediu.woff?v=1709174089") format("woff"),
    url("NeueHaasBold.woff2") format("woff2");
}

h1 {
  font-family:EightiesReg !important;
}
@media only screen and (min-width: 768px) {
 h2 {
  font-family:EightiesReg !important;
  
}
}
@media only screen and (max-width: 768px) {
 h2 {
  font-family:EightiesReg !important;

}
}

.Broadcast h3 {
  font-family:NeueHaasLight !important;
font-weight:200 !important;
}

 .tdf_container h3 {
  font-family:EightiesReg !important;
  font-weight: 400 !important;
}

h4 {
  font-family:EightiesReg !important;
    line-height:34px !important;
}

.product__title {
  font-family:EightiesReg !important;
}

h5 {
font-family: "aktiv-grotesk-extended", sans-serif;
text-transform:uppercase !important;
font-style: normal;
}


li {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
}

li strong{
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
}

p {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
line-height:1.35rem;
}

p strong{
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 600;
font-style: normal;
}

li {
    margin: 0px 0px 0.45em;
}

h6 {
font-family: "aktiv-grotesk-extended", sans-serif;
font-weight: 400;
font-style: normal;
}

.hero__subheading {
font-family: "aktiv-grotesk-extended", sans-serif;
font-weight: 400;
font-style: normal;
}

.review__quote-inner {
  font-family:EightiesReg !important;
  letter-spacing:0px !important;
}

.review__author__subheading {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
  letter-spacing:0px !important;
} 

.accordion__title {
   font-family:EightiesReg !important;
  font-size:24px !important;
      line-height: 28px;
}


.hero__title {
   font-family:EightiesReg !important;
}

.search-box  {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
}

@media only screen and (min-width: 765px) {
.supporting-menu__item--payment
 {
  display:none !important;
}
}

@media only screen and (max-width: 765px) {  
.supporting-menu__copyright li {
  text-align:center !important;
}
}

  @media only screen and (max-width: 765px) {
.supporting-menu__copyright {
  justify-content: center !important;
}
  }

  /* ================================
GLOBAL SECTION RADIUS + MARGIN
Broadcast Theme
================================ */
@media only screen and (min-width: 765px) {
.shopify-section {
  margin: 3rem;
  border-radius: 20px !important;
  overflow: hidden;
}
}

@media only screen and (max-width: 765px) {
.shopify-section {
  margin: 1rem;
  border-radius: 20px !important;
  overflow: hidden;
}
}

/* Keep header + footer flush */
.shopify-section-group-header,
.shopify-section-group-footer {
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Remove spacing above announcement bar */
#shopify-section-announcement-bar {
  margin-top: 0 !important;
}

/* Ensure inner wrappers inherit rounding */
.shopify-section > * {
  border-radius: inherit;
}


/* ================================
         Buttons
================================ */
/* ================================
   Custom Buttons - Broadcast
================================ */

:root {
  --btn-font: "neue-haas-grotesk-display", sans-serif;
  --btn-weight: 600;
  --btn-radius: 999px;
  --btn-border-width: 1.2px;
  --btn-border: #000;
  --btn-pink: #ffebfa;
  --btn-arrow-pink: #ffdef7;

  --btn-primary-bg: transparent;
  --btn-primary-text: #000;
  --btn-primary-hover-bg: #fff;
  --btn-primary-hover-text: #000;

  --btn-secondary-bg: #fff;
  --btn-secondary-text: #000;
  --btn-secondary-hover-bg: var(--btn-pink);
  --btn-secondary-hover-text: #000;

  --btn-arrow-bg: #000;
  --btn-arrow-text: #fff;
  --btn-arrow-hover-bg: #000;
  --btn-arrow-hover-text: #fff;
}

.btn--primary,
.btn--secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: var(--btn-border-width) solid var(--btn-border);
  border-radius: var(--btn-radius);
  font-family: var(--btn-font);
  font-weight: var(--btn-weight);
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: capitalize;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  transition:
    background-color 0.35s ease,
    border-color 0.35s ease,
    color 0.35s ease,
    opacity 0.35s ease;
}

.btn--primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  padding: clamp(12px, 1.1vw, 14px) clamp(20px, 1.8vw, 26px);
}

.btn--secondary {
  --btn-arrow-size: clamp(25px, 2.4vw, 32px);
  --btn-arrow-offset: clamp(6px, 1vw, 12px);

  position: relative;
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  padding:
    clamp(11px, 1vw, 12px)
    clamp(16px, 1.7vw, 24px)
    clamp(11px, 1vw, 12px)
    calc(var(--btn-arrow-offset) + var(--btn-arrow-size) + 10px);
}

.btn--secondary::before {
  content: "\2192";
  position: absolute;
  top: 50%;
  left: var(--btn-arrow-offset);
  transform: translateY(-50%) rotate(0deg);
  width: var(--btn-arrow-size);
  height: var(--btn-arrow-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: var(--btn-arrow-bg);
  color: var(--btn-arrow-text);
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1;
  pointer-events: none;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.45s ease;
}

@media (hover: hover) {
  .btn--primary:hover {
    background-color: var(--btn-primary-hover-bg);
    color: var(--btn-primary-hover-text);
    border-color: var(--btn-border);
  }

  .btn--secondary:hover {
    background-color: var(--btn-secondary-hover-bg);
    color: var(--btn-secondary-hover-text);
    border-color: var(--btn-border);
  }

  .btn--secondary:hover::before {
    background-color: var(--btn-arrow-hover-bg);
    color: var(--btn-arrow-hover-text);
    transform: translateY(-50%) rotate(360deg);
  }
}

.btn--primary:focus-visible,
.btn--secondary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* ================================
   Collection Page Button Combo
================================ */

.template-collection .btn--secondary,
.collection-button-combo .btn--secondary {
  --btn-border: #000;
  --btn-secondary-bg: #fff;
  --btn-secondary-text: #000;
  --btn-secondary-hover-bg: #ffebfa;
  --btn-secondary-hover-text: #000;

  --btn-arrow-bg: #ffdef7;
  --btn-arrow-text: #000;
  --btn-arrow-hover-bg: #ffdef7;
  --btn-arrow-hover-text: #000;
}

.template-collection .collection-button-combo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  background: #ffebfa;
  border-radius: 28px;
  padding: 42px 28px;
}

@media screen and (max-width: 768px) {
  .template-collection .collection-button-combo {
    gap: 12px;
    padding: 24px 16px;
    border-radius: 22px;
  }
}

/* ================================
   Scheme 5 Button Combo
================================ */

.color-scheme-5 .btn--secondary,
.color-scheme--scheme-5 .btn--secondary,
.scheme-5 .btn--secondary {
  --btn-border: #000;

  --btn-secondary-bg: #ffdef7;
  --btn-secondary-text: #000;
  --btn-secondary-hover-bg: #ffebfa;
  --btn-secondary-hover-text: #000;

  --btn-arrow-bg: #fff;
  --btn-arrow-text: #000;
  --btn-arrow-hover-bg: #fff;
  --btn-arrow-hover-text: #000;
}


/* ================================
   Header Catalogue Button Only
================================ */

.header__desktop__button--cta .btn {
  --btn-arrow-size: clamp(25px, 2.4vw, 32px);
  --btn-arrow-offset: clamp(6px, 1vw, 12px);

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding:
    clamp(11px, 1vw, 12px)
    clamp(16px, 1.7vw, 24px)
    clamp(11px, 1vw, 12px)
    calc(var(--btn-arrow-offset) + var(--btn-arrow-size) + 10px);
  border: 1.2px solid #000;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: clamp(12px, 0.95vw, 14px);
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  text-decoration: none;
  opacity: 1;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease;
}

.header__desktop__button--cta .btn::before {
  content: "\2192";
  position: absolute;
  top: 50%;
  left: var(--btn-arrow-offset);
  transform: translateY(-50%) rotate(0deg);
  width: var(--btn-arrow-size);
  height: var(--btn-arrow-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ffdef7;
  color: #000;
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.45s ease;
}

.header__desktop__button--cta .btn:hover {
  background: #ffebfa;
  color: #000;
  border-color: #000;
  opacity: 1;
}

.header__desktop__button--cta .btn:hover::before {
  background: #ffdef7;
  color: #000;
  transform: translateY(-50%) rotate(360deg);
}

.header__desktop__button--cta .btn span {
  position: relative;
  z-index: 1;
}


/* ================================
   Mobile Header Catalogue Button
================================ */

.header__mobile .header__desktop__button--cta .btn {
  --btn-arrow-size: 32px;
  --btn-arrow-offset: 8px;

  width: auto;
  min-height: 44px;
  padding: 11px 24px 11px 50px;
  border: 1.2px solid #000;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

.header__mobile .header__desktop__button--cta .btn::before {
  content: "\2192";
  position: absolute;
  top: 50%;
  left: var(--btn-arrow-offset);
  transform: translateY(-50%) rotate(0deg);
  width: var(--btn-arrow-size);
  height: var(--btn-arrow-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ffdef7;
  color: #000;
  font-size: 17px;
  line-height: 1;
  transition: transform 0.45s ease;
}

.header__mobile .header__desktop__button--cta .btn:hover {
  background: #ffebfa;
  color: #000;
  border-color: #000;
  opacity: 1;
}

.header__mobile .header__desktop__button--cta .btn:hover::before {
  background: #ffdef7;
  color: #000;
  transform: translateY(-50%) rotate(360deg);
}




/* ================================
   Mobile Menu Button
================================ */

.mobile-menu .mobile-menu__block--button .btn--secondary {
  --btn-border: #000;

  --btn-secondary-bg: #fff;
  --btn-secondary-text: #000;
  --btn-secondary-hover-bg: #ffebfa;
  --btn-secondary-hover-text: #000;

  --btn-arrow-bg: #ffdef7;
  --btn-arrow-text: #000;
  --btn-arrow-hover-bg: #ffdef7;
  --btn-arrow-hover-text: #000;

  background-color: #fff !important;
  border-color: #000 !important;
  color: #000 !important;
  opacity: 1 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary:hover,
.mobile-menu .mobile-menu__block--button .btn--secondary:focus,
.mobile-menu .mobile-menu__block--button .btn--secondary:active {
  background-color: #ffebfa !important;
  border-color: #000 !important;
  color: #000 !important;
  opacity: 1 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:hover::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:focus::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:active::before {
  background-color: #ffdef7 !important;
  color: #000 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary:hover::before {
  transform: translateY(-50%) rotate(360deg);
}


/* ================================
   Mobile Menu Button
================================ */

.mobile-menu .mobile-menu__block--button .btn--secondary {
  --btn-border: #000;

  --btn-secondary-bg: #fff;
  --btn-secondary-text: #000;
  --btn-secondary-hover-bg: #ffebfa;
  --btn-secondary-hover-text: #000;

  --btn-arrow-bg: #ffdef7;
  --btn-arrow-text: #000;
  --btn-arrow-hover-bg: #ffdef7;
  --btn-arrow-hover-text: #000;

  background-color: #fff !important;
  border-color: #000 !important;
  color: #000 !important;
  opacity: 1 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary:hover,
.mobile-menu .mobile-menu__block--button .btn--secondary:focus,
.mobile-menu .mobile-menu__block--button .btn--secondary:active {
  background-color: #ffebfa !important;
  border-color: #000 !important;
  color: #000 !important;
  opacity: 1 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:hover::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:focus::before,
.mobile-menu .mobile-menu__block--button .btn--secondary:active::before {
  background-color: #ffdef7 !important;
  color: #000 !important;
}

.mobile-menu .mobile-menu__block--button .btn--secondary:hover::before {
  transform: translateY(-50%) rotate(360deg);
}


.badge-box {
  font-size:9px;
font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600 !important;
  padding: 5px;
    text-transform:uppercase !important;
}

.product-item__bg, .product-item__bg__under {
  border-radius:20px;
}




.product-card__per-unit {
  margin-top: 4px;
  color: #666;
  font-size: 16px;
  line-height: 1.3;
}


.product-item__per-unit {
  display: block;
  color: #666;
}





  /* ================================
            Navigation
================================ */

@media only screen and (max-width: 765px) {
.index-rte .hero__subheading {
  font-size: 15px;
      font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-bottom:8px;
}}

@media only screen and (min-width: 765px) {
.index-rte .hero__subheading {
  font-size: 17px;
      font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-bottom:15px;
}}

.column__text p {
  line-height:1.2rem;
}


.sliderow__title {
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
   font-size:28px !important; 
}


.navlink--toplevel span,
.parent .navlink--child span {

font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    font-size: 14px !important;
}

.active__filters__clear, .active__filters__remove {
font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
    font-size: 12px !important;
}


  /* ================================
            Bento Boxes 
================================ */


  @media only screen and (max-width: 765px) {
  #{{ ss_id }} .ss-bento__text p{
    font-size:18px;
  }}


.ss-bento__cta {
  background: #fde8f3;
  border: 1.5px solid #000;
  border-radius: 999px;
  padding: 14px 32px;
  position: relative;

  color: #000;
  text-transform: capitalize;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px !important;
  transition: background 0.35s ease,
              color 0.35s ease,
              border-color 0.35s ease;
}

/* Hover → same flip logic as secondary button */
.ss-bento__cta:hover {
  background: #fff;
  border-color: #000;
  color: #000;
  opacity: 1 !important;
}




  /* ================================
            Cart 
================================ */



h3.drawer__heading {
      color: #FF8CA3 !important;
 font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 500 !important;
}


.cart__item__price, .cart__note, .drawer__items .cart__item__remove, .cart__total__price {
   font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
}

.cart__total__label {
        font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing:0px !important;
    text-transform:uppercase !important;
}

.cart__item__title {
line-height: 18px !important;
    padding-bottom: 10px;
    font-size: 20px;
}



.drawer .cart__acceptance__input~.cart__buttons {
  color:white;
}




  /* ================================
            Collection Page 
================================ */

.popout__toggle__text, .popout__expanded-show, .popout__expanded-hide {
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase !important;
  font-size: 9px !important;
}

.filter-group__heading {
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  font-weight: 500;
    text-transform: uppercase !important;
  font-size: 10px !important;

}

 .collection__sidebar__link {
   font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
}
.highlights__item{
  --width-desktop: 95% / var(--columns-desktop, var(--column-default));
}


.no-results p {
  margin-bottom:20px;
}

.product-item__title {
  font-weight:700;
  line-height:16px;
    padding-bottom:5px;
  font-size:14px;
}

 .product-item__price, .product-information .price {
   font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
     line-height:16px;
  font-size:14px;
  padding-bottom:5px;
  color:black !important;
}

.product-item__cutline {
font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
     line-height:16px;
  font-size:14px;
    padding-bottom:5px;
color: #ff6f8f !important;
}

@media screen and (max-width: 1187px) {
  .header__desktop__button--cta,
  .header-cta-button {
    display: none !important;
  }
}

/* Header breakpoint override: desktop -> hamburger at 1187px */

@media screen and (max-width: 1187px) {
  .theme__header .header__desktop {
    display: none !important;
  }

  .theme__header .header__mobile {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
  }

  .theme__header .header__mobile__left {
    justify-self: start;
  }

  .theme__header .header__mobile__right {
    justify-self: end;
  }

  .theme__header .header__mobile__bottom {
    grid-column: 1 / -1;
    width: 100%;
  }

  .theme__header .header__mobile .header__desktop__button--cta,
  .theme__header .header__mobile .header-cta-button {
    display: none !important;
  }
}

@media screen and (min-width: 1188px) {
  .theme__header .header__mobile {
    display: none !important;
  }

  .theme__header .header__desktop {
    display: block !important;
  }
}



.ss-range__kicker {
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  font-weight: 500;
  color:black !important;
    text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing:0px !important;
}

.ss-range__note {
color:black !important;
font-size:15px;
}

  /* ================================
            Product Page
================================ */


.product__title {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
}

.product__price {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
   font
}

.product__subheading p:only-child {
  background: #FFEBFA !important;
  border: 1px solid #000;
  color: #000 !important;
  padding: 5px;
  border-radius: 20px;
}

.radio__legend__option-name {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 600 !important;
}

.radio__legend__value {
  display: none !important;
}

/* Product variant dropdowns */
.product__form__holder,
.product__selectors,
.selector-wrapper,
.select__fieldset,
.product__form__holder .select-popout {
  overflow: visible !important;
}

.product__selectors .select__fieldset,
.product__selectors .radio__fieldset {
  padding-bottom: 5px;
}

.product__form__holder .select-popout {
  position: relative;
  z-index: 5;
  border-radius: 22px;
}

.product__form__holder .select-popout__toggle {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 500 !important;
  background: #FFEBFA !important;
  border: 1px solid #212121 !important;
  border-radius: 22px !important;
}

.product__form__holder .select-popout__toggle[aria-expanded="true"] {
  border-radius: 22px 22px 0 0 !important;
  border-bottom-color: transparent !important;
}

/* Closed dropdown */
.product__form__holder .select-popout:not(:has(.select-popout__toggle[aria-expanded="true"])) .select-popout__list,
.product__form__holder .select-popout:not(:has(.select-popout__toggle[aria-expanded="true"])) [data-popout-list] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Open dropdown */
.product__form__holder .select-popout:has(.select-popout__toggle[aria-expanded="true"]) .select-popout__list,
.product__form__holder .select-popout:has(.select-popout__toggle[aria-expanded="true"]) [data-popout-list] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  max-height: min(320px, 55vh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  background: #fff !important;
  border: 1px solid #212121 !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  margin-top: -1px !important;
  margin-bottom: 18px !important;
  z-index: 30 !important;
}

.product__form__holder .select-popout__option {
  min-height: 56px;
  display: flex !important;
  align-items: center;
  padding: 14px 24px !important;
  color: #212121 !important;
}

.product__form__holder .select-popout__item.is-active .select-popout__option,
.product__form__holder .select-popout__option:hover {
  color: #000 !important;
  background: #ffdef7 !important;
}



















.tpo_option-label-container > span  {
   font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:600 !important; 
}

span.tpo_option_type_label {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
   font-weight:500 !important;
   font-size:14px;
   color:black !important;
}

.product__block--accordion .accordion__title {
  padding-top: .5rem;
    padding-bottom: .5rem;
}
[data-add-to-cart] .btn__text {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

[data-add-to-cart] .btn__prices {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
}

[data-add-to-cart] .btn__prices::before {
  content: "-";
  font-weight: 700;
  margin-right: 6px;
}

[data-add-to-cart] .btn__price-current {
  font-weight: 700;
}

[data-add-to-cart] .btn__price-compare {
  font-weight: 400;
  opacity: 0.85;
  text-decoration-thickness: 1.5px;
}

/* Cart quantity dropdown - match product dropdown styling */
.cart__quantity-wrapper .select-popout--quantity {
  position: relative;
  border-radius: 12px;
  overflow: visible !important;
  z-index: 5;
}

.cart__quantity-wrapper .select-popout--quantity .select-popout__toggle {
  border-radius: 22px !important;
  border:1px solid black;
}

/* Open selected row becomes top of dropdown */
.cart__quantity-wrapper .select-popout--quantity .select-popout__toggle[aria-expanded="true"] {
  border-radius: 12px 12px 0 0 !important;
  border-top: 1px solid #212121 !important;
  border-left: 1px solid #212121 !important;
  border-right: 1px solid #212121 !important;
  border-bottom-color: transparent !important;
}

/* Cart qty dropdown: overlay so product image does not move */
.cart__quantity-wrapper,
.cart__quantity-wrapper .select-popout--quantity {
  position: relative;
  overflow: visible !important;
}

.cart__quantity-wrapper .select-popout--quantity .select-popout__list {
  position: absolute !important;
  top: calc(100% - 1px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  z-index: 50;
  margin: 0 !important;
  transform: none !important;
  border: 1px solid #212121 !important;
  border-top-color: transparent !important;
  border-radius: 0 0 12px 12px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  transition: none !important;
}

/* Open cart qty button */
.cart__quantity-wrapper .select-popout--quantity .select-popout__toggle[aria-expanded="true"] {
  border-radius: 22px 22px 0 0 !important;
  border-bottom-color: transparent !important;
}


/* Restore cart quantity dropdown scrolling */
.cart__quantity-wrapper .select-popout--quantity:has(.select-popout__toggle[aria-expanded="true"]) .select-popout__list {
  max-height: 260px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: auto;
}

.cart__item,
.cart__item__content,
.cart__item__content__left,
.cart__quantity-wrapper {
  overflow: visible !important;
}




/* Desktop top-level nav: active state */
.header__menu .navlink.navlink--toplevel.is-active,
.header__menu .navlink.navlink--toplevel[aria-current="page"] {
  color: #FD7591;
  text-decoration: none;
}

/* product page text block */

.product__text--inline  .product__subheading p{
  display: inline-block;
  padding: 5px 10px;
}
.product__text--inline {
    align-items: center;
}

.select__fieldset, .radio__fieldset {
    grid-template-columns: unset;
}


/* Cart item image: align to top */
.cart__item__image {
  align-self: flex-start !important;
}

.cart__item__image a,
.cart__item__image .lazy-image {
  display: block;
}


.cart__item {
  align-items: flex-start !important;
}

.cart__item__content {
  align-items: flex-start !important;
}

.tpo_option-input.tpo_option-dropdown {
    background-color: #ffebfa;
}


.tpo_option-label.tpo_dropdown .tpo_option-input {
  font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
font-style: normal;
padding-left:12px !important;
}

.tpo_additional-price {
color: #ff8ca3 !important;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
}


.tpo_option-type-dropdown-wrapper>.tpo_option-type-selection {
   color: #ffffffff !important;
}

.tpo_option-input-inner:before {
  color:black !important;
  border: 1px solid var(--active-dropdown-border, #0a0909);
}

.default-input-placeholder {
color:black !important;
}

.product__content .tpo_option-input.tpo_option-dropdown::placeholder {
  color: #121212 !important;
  opacity: 1 !important;
}

.product__content .tpo_option-input.tpo_option-dropdown {
  color: #121212 !important;
}


.tpo_option-type-dropdown-wrapper {
      border-radius: 22px;
    margin-top: -3px;
}

.tpo_option-type-selection {
  background:white !important;
}

.tpo_option-label-container>span  {
  line-height:16px !important;
}

.tpo_total-additional-price-wrapper {
  border:none !important;
  background:#ffebfa !important;
   font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
padding: 10px 17px !important;
}


.tpo_error-message {
   font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
}

.tpo_option-help-text {
   font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 500;
}

.tpo_option-input {
   font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
}

.tpo-file-placeholder {
   font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
}


.tpo_option-type-selection:hover{
  background:#ffdef8!important;
}

.cart__item__title a {
   font-family: "neue-haas-grotesk-display"!important;
font-weight: 600;
align-items: top;
font-size:14px !important;
}

.cart__item__price {
  margin-top:2px;
}



.select__fieldset--inline-label {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  align-items: start;
  column-gap: 18px;
}

.select__fieldset--inline-label .radio__legend {
  margin: 0;
  padding-top: 14px;
}




.template-product .select__fieldset--inline-label .radio__legend__option-name {
margin-top: 10px;
}


.template-product .select__fieldset--inline-label .radio__legend {
  margin: 0;
  padding: 0;
}

.template-product .select__fieldset--inline-label .radio__legend__option-name {
  font-weight: 700;
}

.template-product .select__fieldset--inline-label .select-popout {
  width: 100%;
}

@media screen and (max-width: 749px) {
  /* Featured collection heading + button */
  .featured-collection .grid__heading-holder,
  [data-section-type="featured-collection"] .grid__heading-holder {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 18px;
  }

  .featured-collection .grid__heading,
  [data-section-type="featured-collection"] .grid__heading {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .featured-collection .grid__heading-actions,
  .featured-collection .grid__heading-link,
  [data-section-type="featured-collection"] .grid__heading-actions,
  [data-section-type="featured-collection"] .grid__heading-link {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
  }

  .featured-collection .btn,
  [data-section-type="featured-collection"] .btn {
    margin-left: auto;
    margin-right: auto;
  }
}


@media screen and (max-width: 749px) {
#Collection--template--19776799735987__section_collection_pMWTL8  .grid__heading-holder {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
}



/* Contact form fields */
form[action*="/contact"] input:not([type="hidden"]):not([type="submit"]),
form[action*="/contact"] select,
form[action*="/contact"] textarea {
  background: #fff !important;
  border: 1px solid #212121 !important;
  border-radius: 22px !important;
  padding: 16px 22px !important;
  min-height: 56px !important;
  box-shadow: none !important;
  outline: 0 !important;
     font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
}

/* Textarea */
form[action*="/contact"] textarea {
  min-height: 220px !important;
  resize: vertical;
     font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
}

/* Space between fields */
form[action*="/contact"] .form-field,
form[action*="/contact"] .field,
form[action*="/contact"] .input-group {
     font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
  margin-bottom: 18px;
}

/* Focus state */
form[action*="/contact"] input:focus,
form[action*="/contact"] select:focus,
form[action*="/contact"] textarea:focus {
     font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
  border-color: #212121 !important;
  background: #fff !important;
}

/* Optional: make Send button match your pink pill style */
form[action*="/contact"] button,
form[action*="/contact"] input[type="submit"] {
     font-family: "neue-haas-grotesk-display"!important;
font-weight:600;
  background: #ff7f9f !important;
  border: 0 !important;
  font-size:14px;
  border-radius: 999px !important;
  color: #fff !important;
}

.custom-form__label {
     font-family: "neue-haas-grotesk-display"!important;
font-weight: 500;
}

.custom-form__required-text {
  text-align:center !important;
  font-family: "neue-haas-grotesk-display"!important;
  font-style:normal !important;
  font-weight:500;
}


#shopify-section-template--19776799408307__section_hero_9bmYp8 {
  border-radius: 29px !important;
  color: #fff !important;

}

#Hero--template--19776799408307__section_hero_9bmYp8 {

    overflow: hidden !important;
  background: transparent !important;
}

.template-product .product__photo,
.template-product .product__photo .image-wrapper,
.template-product .product__photo img {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.template-product .product__photo .image-wrapper {
  clip-path: inset(0 round 22px);
}

.template-product .product__photo img {
  display: block !important;
}


.template-product .product__thumb__link,
.template-product .product__thumb .image-wrapper,
.template-product .product__thumb img {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Featured collection product image radius */
.product-item__image,
.product-item__image a,
.product-item__image .product-link,
.product-item__bg,
.product-item__image-bg,
.product-item__image .image-wrapper,
.product-item__image img {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.product-item__image::before,
.product-item__bg::before,
.product-item__image-bg::before {
  border-radius: 22px !important;
}

.product-item__image img {
  display: block !important;
}