/** Shopify CDN: Minification failed

Line 67:16 Expected ":"
Line 67:18 Expected identifier but found "0px"

**/
:root {
  --text-font-family: 'Degular Text', sans-serif;
  --text-font-weight: 400;
  --text-base: 14px;
  --text-font-style: normal;
  --text-line-height: 124%;
  --text-transform: inherit;
  --text-letter-spacing: 0px;
  
  --heading-font-family: 'ABC Otto Light', sans-serif;
  --heading-font-weight: 300;
  --heading-font-style: normal;
  --heading-letter-spacing: 0px;
  --heading-text-transform: inherit;
  --heading-line-height: 120%;

  --subheading-font-family: 'Degular Mono', sans-serif;
  --subheading-font-weight: 500;
  --subheading-font-size: 14px;
  --subheading-font-style: normal;
  --subheading-letter-spacing: 0px;
  --subheading-text-transform: uppercase;

  --button-font-family: 'Degular Bold', sans-serif;
  --button-font-weight: 700;
  --button-letter-spacing: 1.2px;
  --button-text-transform: uppercase;
}

/*button styling */
.button,
.button--primary,
.shopify-payment-button__button {
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  text-transform: var(--button-text-transform);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.button:hover,
.button--primary:hover,
.shopify-payment-button__button:hover {
  background-color: #3D002D;
  color: #ffffff;
  border-color: #3D002D; 
}

/* Add to Cart hover state */
form.shopify-product-form button[type="submit"]:hover {
  background-color: #d2d5ff !important;
  color: #3d0020 !important;
  border-color: #d2d5ff !important;
}

/* Alternate monospace rich text body style*/
.alternate-style {
  font-family: 'Degular Mono', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing; 0px;
  line-height: 124%;
  font-size: 16px;
}

/* PDP Color Swatch Size */
.thumbnail-swatch {
  --thumbnail-size: 3.5rem !important;
}

/* Styled PDP Description Text */
 .product-info__block-item[data-block-id="description"] {
  color: #5A3B4F;
  /*font-family: 'Degular Mono', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing; 0px;
  line-height: 124%; */
} 

/* PDP accordion content styling*/
.accordion__content.prose {
  color: #5a3b4f !important;
}


/* Styled Judge.Me PDP + Star SVG */
.jdgm-rev__body {
  color: #5a3b4f !important;
}
.jdgm-preview-badge .jdgm-star.jdgm-star {
  color: #d2d5ff !important;
}
a.jdgm-star.jdgm--on {
  color: #d2d5ff !important;
}

.jdgm-histogram .jdgm-star.jdgm-star {
  color: #d2d5ff !important;
}

span.jdgm-star.jdgm--on {
  color: #d2d5ff !important;
}

  .jdgm-histogram .jdgm-histogram__bar-content {
  background: #5a3b4f !important;
}
h2.jdgm-rev-widg__title {
  font-family: "ABC Otto Light";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

svg.icon-star-rating path {
  fill: #d2d5ff !important; 
}

svg.icon.icon-star-rating-half path {
fill: #d2d5ff !important; 
}

/* Product Card Styling */
a.product-title.heading.trim-start {
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 8px;
}

/* FAQ Category Styling */
.faq__category p.h6 {
  font-family: var(--subheading-font-family);
  color: #5A3B4F;      
  text-transform: uppercase;
  
}

/* Collection Navigation States */
a.collection-quick-navigation__item.is-selected.group {
  border-bottom: 1px solid #3D002D; 
  color: #3D002D;
}

a.collection-quick-navigation__item.group {
  transition: color 0.3s ease, background-color 0.3s ease;
  color: #5a3b4f;
}

a.collection-quick-navigation__item.group:hover {
  /* border-bottom: 1px solid #3D002D; */
  color: #3D002D;
}

.h4, :where(.prose h4) {
  line-height: calc(var(--heading-line-height));
}

.price-list .h6,
.price-list .h7 {
  font-size: 18px;
}

.price-list .h6.text-on-sale {
  color: rgb(var(--text-color))
}

.price-list .h7.line-through {
  color: #5a3b4f;
}


/* For color filters on collection page */
[data-tooltip="Blonde"] {
  background: linear-gradient(135deg, #F9E4B7, #EAD4A5) !important;
}
[data-tooltip="Brunette"] {
  background: linear-gradient(135deg, #6F4E37, #8B6F4E) !important;
}
[data-tooltip="Black"] {
  background: linear-gradient(135deg, #2B2B2B, #1A1A1A) !important;
}
[data-tooltip="Auburn"] {
  background: linear-gradient(135deg, #A52A2A, #B55239) !important;
}
[data-tooltip="Balayage"] {
  background: linear-gradient(135deg, #A67C52, #F7E7BE) !important;
}
[data-tooltip="Grey"] {
  background: linear-gradient(135deg, #C0C0C0, #A9A9A9) !important;
}

/* pdp halo steps - liquid subheading # style*/
.subheading-number-style {
  display: flex;
  justify-content: left;
  align-items: left;
}

.circle-number {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #3d002d;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  color: #3d002d;
  text-align: center;
  font-family: var(--subheading-font-family);
}
.product-sticky-add-to-cart {
  z-index: 3;
}
@media screen and (max-width: 699px) {
  .product-sticky-add-to-cart {
    background: #ffffff;
    border-width: 1px;
    box-shadow: 0 2px 4px #0000000d;
  }
}

/* PDP Quiz and Swatch CTA */
.custom-cta-container {
  display: flex;
  gap: 16px;
  margin: 24px 0;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.custom-cta-block {
  width: 50%;
  border: 1px solid #3d002d;
  padding: 24px 12px 24px 12px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
}
.custom-cta-subhead {
   font-size: 0.8rem;
  font-family: "Degular Mono";
  color: #3d002d;
  padding-bottom: 1px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  background-image: linear-gradient(#3d002d, #3d002d);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.3s ease, background-position 0.3s ease;
}
.custom-cta-link {
  font-size: 0.8rem;
  font-family: "Degular Mono";
  color: #3d002d;
  padding-bottom: 1px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  background-image: linear-gradient(#3d002d, #3d002d);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.3s ease, background-position 0.3s ease;
}

@media (hover: hover) {
  .custom-cta-link:hover {
    background-size: 0% 1px;
    background-position: 100% 100%;
    color: #3d002d;
  }
}

/* sticky add to cart button */
.product-sticky-add-to-cart button {
  background-color: transparent !important;
  color: #3d002d !important;
  border: 1px solid #3d002d !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.product-sticky-add-to-cart button:hover {
  background-color: #3d002d !important;
  color: #FFFFFF !important;
}

.sp-shipping-message {
  text-transform: uppercase;
  font-family: 'Degular Bold', sans-serif;
  letter-spacing: 1px;
}

.sp-product-gallery-mobile {
  display: none;
}

@media(max-width: 576px) {
  .sp-product-gallery-desktop {
    display: none;
  }
  .sp-product-gallery-mobile {
    display: grid;
  }
}

/* fade animation */
.fade-element {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-element.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.fade-scale {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-scale.visible {
    opacity: 1;
    transform: scale(1);
}

.color-swatch[style*="purple"],
.block-swatch__color[style*="purple"] {
  background-color: #800080;
}
.color-swatch[style*="champagne"],
.block-swatch__color[style*="champagne"] {
  background-color: #F7E7CE;
}
.color-swatch[style*="black"],
.block-swatch__color[style*="black"] {
  background-color: #000000;
}

/* Hide the default "Header" for all Klaviyo embed app blocks */
.shopify-section--apps .section-header:has(+ div[id*="klaviyo_email_marketing"]) {
  display: none !important;
}