/** Shopify CDN: Minification failed

Line 125:0 Unexpected "}"
Line 691:18 Expected ":"
Line 691:29 Expected ":"

**/
/*** --------------------------------------------------- Font Imports --------------------------------------------------- ***/

/* Local Shopify Font */
@font-face {
  font-family: "NaetalFace";
  src: url("/cdn/shop/files/NaetalFace.woff2?v=1784923463") format("woff2");
}

/* Adobe Font */
@font-face {
font-family:"optima-lt-pro";
src:
url("https://use.typekit.net/af/ba37b8/0000000000000000773af6df/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
url("https://use.typekit.net/af/ba37b8/0000000000000000773af6df/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
url("https://use.typekit.net/af/ba37b8/0000000000000000773af6df/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
}

.tk-optima-lt-pro { font-family: "optima-lt-pro",sans-serif; }


/*** --------------------------------------------------- Font Styling --------------------------------------------------- ***/

p {
  font-family: "optima-lt-pro" !important;
}

.subheading, .subheading-badge { 
    font-family: "optima-lt-pro" !important;
}

.button-content, .button__content {
    font-family: "optima-lt-pro" !important;
}

.h1, .h2, .h3, .h4, .h6, .h7, .h8,
h1, h2, h3, h4, h6, h7, h8,
.display-m {
    font-family: NaetalFace !important;
}

.h5, h5, body, .link-tap-area {
    font-family: NaetalFace !important;
    font-style: normal !important;
}

split-lines, is-split {
    font-family: NaetalFace !important;
}

sale-price.subheading.text-subdued {
  font-family: "optima-lt-pro" !important;
    font-size: 11px;
    padding-top: 0px;
}

a.product-title.subheading.trim-start {
    font-family: "optima-lt-pro" !important;
    font-size: 18px;
    letter-spacing: 0.025px;
    line-height: 1.3;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 1px;
}

/* Mobile: reduce product title size */
@media screen and (max-width: 749px) {
  a.product-title.subheading.trim-start {
    font-size: 16px !important;
  }
}

a.shopify-payment-button__more-options {
    font-family: "optima-lt-pro" !important;
    font-size: 12px;
}

/* Mobile paragraph size floor for NaetalFace */
/* @media screen and (max-width: 749px) {
  .shopify-section--dynamic-grid p,
  .shopify-section--contact p,
  .shopify-section--collection-banner p,
  .shopify-section--specifications p,
  .shopify-section--timeline p {
    font-size: max(13px, 1em);
  }
} ------just in case----*/
@media screen and (max-width: 749px) {
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) .prose p:not(.display-xl):not(.display-l):not(.display-m):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.h7):not(.h8) {
    font-size: max(13px, 1em) !important;
  }

  /* Only enforce NaetalFace where it's actually used */
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p {
    font-family: inherit;
  }

  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p[style*="adobe-caslon-pro"],
  .shopify-section:not(.shopify-section--reading-text):not(.shopify-section--products-with-image) p[class*="caslon"] {
    font-family: NaetalFace, serif;
  }
}

/*---- Product Card Price---- */

/* Product title */
.product-card .product-title,
.product-card__title,
.product-card .h6 {
        font-family: "optima-lt-pro" !important;
    font-size: 14px;
    letter-spacing: 0.01px;
    line-height: 1.3;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 1px;
}
}

/* ------ product-card price typography ------*/


.product-card__info price-list,
.product-card__info price-list *,
.product-card__info sale-price,
.product-card__info sale-price *,
.product-card__info compare-at-price,
.product-card__info compare-at-price *,
.product-card__info .price,
.product-card__info .price-list,
.product-card__info .price-item,
.product-card__info .text-on-sale,
.product-card__info .text-subdued,
.product-card__info .line-through,
.product-card__info .linethrough,
.product-card__info s,
.product-card__info del {
    font-family: "optima-lt-pro" !important;
    font-size: 11px;
    letter-spacing: 0.15px;
    font-style: normal !important;
}

.shopify-section--recently-viewed-products price-list compare-at-price,
.shopify-section--recently-viewed-products price-list sale-price,
.shopify-section--recently-viewed-products price-list sale-price *,

.shopify-section--related-products price-list compare-at-price,
.shopify-section--related-products price-list sale-price,
.shopify-section--related-products price-list sale-price *,

.testimonials__product price-list sale-price,
.testimonials__product price-list compare-at-price,
.testimonials__product price-list sale-price *,

.shopify-section--featured-collections price-list compare-at-price,
.shopify-section--featured-collections price-list sale-price,
.shopify-section--featured-collections price-list sale-price *,

.shopify-section--main-collection price-list compare-at-price,
.shopify-section--main-collection price-list sale-price,
.shopify-section--main-collection price-list sale-price * {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15px !important;
  padding-top: 0;
  font-style: normal !important;
}

/*sale price colour */
/* Sale price color */
.testimonials__product sale-price.text-on-sale,
.shopify-section--featured-collections sale-price.text-on-sale,
.shopify-section--main-collection sale-price.text-on-sale,
sale-price.text-on-sale {
  color: #1B090B99 !important;
}


/* Rating badge subheader text */
.rating-badge .subheading,
.rating-badge .subheading * {
    font-family: "optima-lt-pro" !important;
    font-size: 11px;
    letter-spacing: 0.15px;
    padding-top: 0;
}

/* Product sale badge font */
.badge {
  font-family: "optima-lt-pro", sans-serif !important;
  font-weight:400 !important;
  font-style: normal !important;
  font-size: 10px !important;
  letter-spacing: 0.15px !important;
  text-transform: uppercase !important;
  padding: 10px;
}

/*** ------------------------------------------------------------------------ Announcement Bar ------------------------------------------------------------------------ ***/


/* Announcement Bar Font Size */
.announcement-bar__message-list .subheading.subheading-xs {
 font-family: "optima-lt-pro" !important;
  font-size: 11px;
  font-weight: 300 !important;
  letter-spacing: 0.15em;
  text-transform: none;
}

/*** ------------------------------------------------------------------------ HEADER ------------------------------------------------------------------------ ***/


/* TOP HEADER BAR (X-HEADER) */

x-header.header.is-solid {
  border-bottom-style: solid !important;
  border-bottom-width: 0.5px !important;
  border-color: #e8e5df !important;
}

/* NEED TO FIGURE OUT SELECTOR TO EXCLUDE WHEN THE x-HEADER IS TRANSPARENT */
x-header.color-scheme {
  border-bottom-style: solid !important;
  border-bottom-width: 0.5px !important;
  border-color: #e8e5df !important;
}
 

x-header a.link-reversed {
  font-family: "optima-lt-pro" !important;
  font-size: 11px;
  letter-spacing: 0.15em;
}

/** ---- THIS IS FOR THE X-HEADER CUSTOM UNDERLINE ----- **/
/* make header the positioning context */
x-header {
  position: relative;
}

/* remove only the original underline on top-level nav links */
x-header > .header__primary-nav > ul > li > a.link-reversed {
  background: none !important;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

/* custom underline */
x-header > .header__primary-nav > ul > li > a.link-reversed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px; /* adjust until it hits bottom border of x-header*/
  height: 1px;
  background: currentColor;
  z-index: 3;

  transform: scaleX(0);
  transform-origin: var(--transform-origin-end);
  transition: transform .2s ease-in-out;
}

/* animate in on hover */
@media screen and (pointer: fine) {
  x-header > .header__primary-nav > ul > li > a.link-reversed:hover::after {
    transform: scaleX(1);
    transform-origin: var(--transform-origin-start);
  }
}

/* keep it visible while the menu is hovered/open */
x-header > .header__primary-nav > ul > li:hover > a.link-reversed::after,
x-header > .header__primary-nav > ul > li:has(x-header-mega-menu:hover) > a.link-reversed::after,
x-header > .header__primary-nav > ul > li:has([aria-expanded="true"]) > a.link-reversed::after,
x-header > .header__primary-nav > ul > li > a.link-reversed[aria-expanded="true"]::after,
x-header > .header__primary-nav > ul > li > a.link-reversed[aria-current="true"]::after {
  transform: scaleX(1);
  transform-origin: var(--transform-origin-start);
}
/** ---- X-HEADER CUSTOM UNDERLINE END ----- **/


/* MEGA MENU */
header-mega-menu.mega-menu {
  background-color: #FAF8F6;
  border-top-style: solid;
  border-top-width: 0.5px;
  border-color: #e8e5df;
  padding-top: 40px;
  padding-bottom: 40px;
}

header-mega-menu.mega-menu .subheading {
  font-family: "optima-lt-pro" !important;
  font-size: 11px;
  letter-spacing: 0.15em;
}

header-mega-menu.mega-menu a,
header-mega-menu.mega-menu p {
  font-family: "optima-lt-pro" !important;
  font-size: 14px;
  letter-spacing: 0.01em;
}

header-mega-menu.mega-menu ul {
  gap: 0px; /*adjust if you change the font size, this helps the spacing*/
}

header-mega-menu.mega-menu .v-stack.justify-items-start {
  padding-left: 20px;
}

/* this fixes the mega menu underlines so it's closer to the link text */
header-mega-menu .mega-menu__linklist a.link-reversed {
background-image: linear-gradient(to right, currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 calc(100% - 0px) !important;
}

/**-----------Transparent header replaced with cream ------**/

/* Give the transparent header a cream background */
.shopify-section--header .header {
    background-color: #F4F2EE !important;
}



/*** --------------------------------------------------- Newsletter Section Button Issue --------------------------------------------------- ***/

/* Newsletter input + button alignment fix */
.shopify-section--newsletter .input-with-connected-submit {
  display: flex;
  align-items: stretch;
}

/* Make input + button identical in height */
.shopify-section--newsletter .input-with-connected-submit .input,
.shopify-section--newsletter .input-with-connected-submit input,
.shopify-section--newsletter .input-with-connected-submit button {
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
}


/* Vertically centre the email label */
.shopify-section--newsletter .input-with-connected-submit label,
.shopify-section--newsletter .input-with-connected-submit .floating-label {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Hide the label instead of shrinking it */
.shopify-section--newsletter
  .input-with-connected-submit
  input:focus
  + label,
.shopify-section--newsletter
  .input-with-connected-submit
  input:not(:placeholder-shown)
  + label,
.shopify-section--newsletter
  .input-with-connected-submit
  input:focus
  ~ label,
.shopify-section--newsletter
  .input-with-connected-submit
  input:not(:placeholder-shown)
  ~ label {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-50%) !important;
  pointer-events: none;
}

/* Prevent the entered email from shifting downward */
.shopify-section--newsletter
  .input-with-connected-submit
  input:focus,
.shopify-section--newsletter
  .input-with-connected-submit
  input:not(:placeholder-shown) {
  padding-block: 0 !important;
}

/* Newsletter label matches Subscribe button */
.shopify-section--newsletter .input-with-connected-submit label,
.shopify-section--newsletter .input-with-connected-submit .floating-label {
  font-size: 11px !important;
  letter-spacing: 0.1em;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Newsletter typed email text */
.shopify-section--newsletter .input-with-connected-submit input {
  font-size: 11px !important;
  letter-spacing: 0.1em;
    font-weight: inherit !important;
  line-height: inherit !important;
}

/* Newsletter input border */
.shopify-section--newsletter .input-with-connected-submit input {
  border-color: #e8e5df !important;
}

/*** --------------------------------------------------- Accordian Content --------------------------------------------------- ***/
/*--Desktop--*/
.accordion__content {
    font-family: "optima-lt-pro" !important;
  font-size: 16px;
  letter-spacing: 0.10px;
  color: rgb(from currentColor r g b / 0.7);
}

.accordion__summary {
  font-family: "optima-lt-pro" !important;
  font-size: 16px;
  letter-spacing: 0.01em;
}

/*--Mobile--*/
@media screen and (max-width: 699px) {
  .accordion__content,
  .accordion__summary {
    font-size: 13px;
  }
}


/* Product pages only — default and custom product templates */
.shopify-section--faq .accordion__content,
.shopify-section--main-product .accordion__content {
  font-family: "optima-lt-pro" !important;
  font-size: 14px;
  letter-spacing: 0.1px;
  color: rgb(from currentColor r g b / 0.7);
}

.shopify-section--faq .accordion__summary,
.shopify-section--main-product .accordion__summary {
  font-family: "optima-lt-pro" !important;
  font-size: 12px;
  letter-spacing: 0.15em;
    text-transform: uppercase;
}

/*--Mobile--*/
@media screen and (max-width: 699px) {
  .shopify-section--faq .accordion__content,
  .shopify-section--faq .accordion__summary {
    font-family: "optima-lt-pro" !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0.01px !important;
  }
}

/*** ---------------------------------------------------------------- Collections Template Page ---------------------------------------------------------------- ***/


/* Collection page product navigation circles */

/* Default arrow */
.shopify-section--main-collection .circle-button {
  color: #1B090B !important;
}

/* Default circle */
.shopify-section--main-collection .circle-button::before {
  background-color: #DCE1E3 !important;
  border-color: #DCE1E3 !important;
}

/* Hover arrow */
.shopify-section--main-collection .circle-button:hover {
  color: #F4F2EE !important;
}

/* Hover circle */
.shopify-section--main-collection .circle-button:hover::before {
  background-color: #3C1F16 !important;
  border-color: #3C1F16 !important;
}

/* Pressed arrow */
.shopify-section--main-collection .circle-button:active {
  color: #F4F2EE !important;
}

/* Pressed circle */
.shopify-section--main-collection .circle-button:active::before {
  background-color: #3C1F16 !important;
  border-color: #3C1F16 !important;
}

/* Disabled arrow */
.shopify-section--main-collection carousel-prev-button[disabled] .circle-button,
.shopify-section--main-collection carousel-next-button[disabled] .circle-button,
.shopify-section--main-collection .circle-button:disabled {
  color: #1B090B !important;
  opacity: 0.35;
}

/* Disabled circle */
.shopify-section--main-collection carousel-prev-button[disabled] .circle-button::before,
.shopify-section--main-collection carousel-next-button[disabled] .circle-button::before,
.shopify-section--main-collection .circle-button:disabled::before {
  background-color: #DCE1E3 !important;
  border-color: #DCE1E3 !important;
}

/* Active page number circle */
.shopify-section--main-collection
.pagination__link[aria-current="page"] {
  background: #F4F2EE !important;
  color: #3C1F16 !important;
}

/* Collection banner quick navigation labels 
.collection-quick-navigation .subheading {
  font-family: "Optima", serif !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
} */

/* Reduce spacing between quick navigation items */
.collection-quick-navigation {
  gap: 1rem !important; /* Adjust as desired (0.5rem, 0.75rem, 1rem, etc.) */
}

/* Shrink quick navigation images by 15% */
.collection-quick-navigation__item .rounded-full {
  display: grid;
  place-items: center;
}

.collection-quick-navigation__item .rounded-full img {
  scale: 0.85 !important;
  border-radius: 50%;
}

/* ---Active quick navigation outline--- */
/* Active quick-navigation ring */
.collection-quick-navigation__item.is-selected {
  color: #1B090B30 !important;
}

/* Keep the label text dark */
.collection-quick-navigation__item.is-selected .subheading {
  color: #1B090B !important;
}
/*** ---------------------------------------------------------------- Featured Collections ---------------------------------------------------------------- ***/

/*---------Circle Button Adjustments---------*/
/* Base button arrow */
.shopify-section--featured-collections .circle-button {
  color: #1B090B79; /* arrow */
}

/* Base circle */
.shopify-section--featured-collections .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Hover arrow */
.shopify-section--featured-collections .circle-button:hover {
  color: #F4F2EE;
}

/* Hover circle */
.shopify-section--featured-collections .circle-button:hover::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Pressed arrow */
.shopify-section--featured-collections .circle-button:active {
  color: #F4F2EE;
}

/* Pressed circle */
.shopify-section--featured-collections .circle-button:active::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Disabled arrow */
.shopify-section--featured-collections carousel-prev-button[disabled] .circle-button,
.shopify-section--featured-collections carousel-next-button[disabled] .circle-button {
  color: #A6AAAC;
}

/* Disabled circle */
.shopify-section--featured-collections carousel-prev-button[disabled] .circle-button::before,
.shopify-section--featured-collections carousel-next-button[disabled] .circle-button::before {
  background-color: #ECF0F1;
  border-color: #ECF0F1;
}

/*** ---------------------------------------------------------------- Featured Product ---------------------------------------------------------------- ***/

/*-----Circle Button Adjustments----*/
/* Base button arrow */
.shopify-section--featured-product .circle-button {
  color: #1B090B; /* arrow */
}

/* Base circle */
.shopify-section--featured-product .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Hover arrow */
.shopify-section--featured-product .circle-button:hover {
  color: #1B090B;
}

/* Hover circle */
.shopify-section--featured-product .circle-button:hover::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Pressed arrow */
.shopify-section--featured-product .circle-button:active {
  color: #1B090B;
}

/* Pressed circle */
.shopify-section--featured-product .circle-button:active::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Disabled arrow */
.shopify-section--featured-product .circle-button:disabled,
.shopify-section--featured-product carousel-prev-button[disabled] .circle-button,
.shopify-section--featured-product carousel-next-button[disabled] .circle-button {
  color: #1B090B;
}

/* Disabled circle */
.shopify-section--featured-product .circle-button:disabled::before,
.shopify-section--featured-product carousel-prev-button[disabled] .circle-button::before,
.shopify-section--featured-product carousel-next-button[disabled] .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/***---------Variant Picker Styling-----------***/

/* Variant Labels Text */
.variant-picker__option-info,
.variant-picker__option-info legend,
.variant-picker__option-info * {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  text-transform: uppercase;
}

/* Variant Selected Value Text  */
.variant-picker__option-info > .h-stack > span {
    font-family: "optima-lt-pro" !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    font-style: normal !important;
    text-transform; uppercase;
}

/*Variant Picker Button Text*/
.variant-picker__option-values,
.variant-picker__option-values label,
.variant-picker__option-values label *,
.variant-picker__option-values .option-value,
.variant-picker__option-values .option-value *,
.variant-picker__option-values .block-swatch,
.variant-picker__option-values .block-swatch * {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  font-style: normal !important;
  text-transform: uppercase;
}

/* Variant Button Block Color*/

/* Unselected variant button 
.variant-picker .block-swatch.block-swatch--fill {
  --text-color: 27 9 11;
  --border-color: 112 112 112;
  --swatch-border-size: 1px;

  color: #1B090B !important;
  background-color: #FAF8F6 !important;
  border: 1px solid #707070 !important;
  background-clip: border-box !important;
  box-shadow: none !important;
} */

/* Selected variant button */
.variant-picker input[type="radio"]:checked
  + .block-swatch.block-swatch--fill {
  --text-color: 250 248 246;
  --border-color: 112 112 112;
  --swatch-border-size: 1px;

  color: #FAF8F6 !important;
  background-color: #785D5B !important;
  border: 1px solid #785D5B !important; 
  background-clip: border-box !important;
  box-shadow: none !important;
}

/* Quantity selector border */
.quantity-selector {
  --border-color: 232 229 223; /* same muted grey as the unselected variant */
  border: 1px solid rgb(var(--border-color)) !important;
}

/* Quantity selector +/- icons */

.quantity-selector .icon {
  width: 8px;
  height: 8px;
}

.quantity-selector .icon path {
  stroke-width: 1 !important;
}

/*** ---------------------------------------------------------------- Featured Product List ---------------------------------------------------------------- ***/

/*---------Circle Button Adjustments---------*/
/* Base button arrow */
.shopify-section--featured-product-list .circle-button {
  color: #1B090B79; /* arrow */
}

/* Base circle */
.shopify-section--featured-product-list .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Hover arrow */
.shopify-section--featured-product-list .circle-button:hover {
  color: #F4F2EE;
}

/* Hover circle */
.shopify-section--featured-product-list .circle-button:hover::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Pressed arrow */
.shopify-section--featured-product-list .circle-button:active {
  color: #F4F2EE;
}

/* Pressed circle */
.shopify-section--featured-product-list .circle-button:active::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Disabled arrow */
.shopify-section--featured-product-list carousel-prev-button[disabled] .circle-button,
.shopify-section--featured-product-list carousel-next-button[disabled] .circle-button {
  color: #A6AAAC;
}

/* Disabled circle */
.shopify-section--featured-product-list carousel-prev-button[disabled] .circle-button::before,
.shopify-section--featured-product-list carousel-next-button[disabled] .circle-button::before {
  background-color: #ECF0F1;
  border-color: #ECF0F1;
}

/*** ---------------------------------------------------------------- Product Gallery ---------------------------------------------------------------- ***/


/* Base arrow */
product-gallery .product-gallery__cursor .circle-button {
  color: #1B090B;
}

/* Base circle */
product-gallery .product-gallery__cursor .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Hover arrow */
product-gallery .product-gallery__cursor .circle-button:hover {
  color: #1B090B;
}

/* Hover circle */
product-gallery .product-gallery__cursor .circle-button:hover::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Pressed arrow */
product-gallery .product-gallery__cursor .circle-button:active {
  color: #1B090B;
}

/* Pressed circle */
product-gallery .product-gallery__cursor .circle-button:active::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/*** ---------------------------------------------------------------- Product Page - Complementary Products/Cross-Sell ---------------------------------------------------------------- ***/


/* Product name */
.product-cross-sell > .v-stack a:not(.link) {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* Product price */
.product-cross-sell .price-list,
.product-cross-sell .price-list *,
.product-cross-sell .price {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15px !important;
  padding-top: 0 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* Add to cart / Choose options */
.product-cross-sell product-form button,
.product-cross-sell button.link {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

/*** ---------------------------------------------------------------- Featured Links ---------------------------------------------------------------- ***/


/* Featured Links - Smaller Images */
.shopify-section--featured-links .big-link__image {
  width: 48px;
  height: 48px;
  object-fit: cover;
  flex-shrink: 0;
}

/*** ---------------------------------------------------------------- Testimonial ---------------------------------------------------------------- ***/

/* Match product review star size */
.shopify-section--testimonials .testimonials__content .h-stack.gap-0\.5 svg {
  width: 14px !important;
  height: 14px !important;
}

/* testimonial stars colour*/
.shopify-section--testimonials .testimonials__content .h-stack.gap-0\.5 {
  gap: 2px !important;
  color: #EBC97C !important;
}

/* Testimonial author row spacing */
.shopify-section--testimonials .testimonials__content > .h-stack.gap-3 {
  gap: 0 !important;
}

/* Add separator before the author name */
.shopify-section--testimonials .testimonials__content > .h-stack.gap-3 > p::before {
  content: "|";
  display: inline-block;
  margin-inline: 28px;
}

/* Author styling */
.shopify-section--testimonials .testimonials__content > .h-stack.gap-3 > p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

/*--- Circle button colour styling ----*/
/* Base button arrow */
.shopify-section--testimonials .circle-button {
  color: #1B090B; /* arrow */
}

/* Base circle */
.shopify-section--testimonials .circle-button::before {
  background-color: #DCE1E3;
  border-color: #DCE1E3;
}

/* Hover arrow */
.shopify-section--testimonials .circle-button:hover {
  color: #F4F2EE;
}

/* Hover circle */
.shopify-section--testimonials .circle-button:hover::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Pressed arrow */
.shopify-section--testimonials .circle-button:active {
  color: #F4F2EE;
}

/* Pressed circle */
.shopify-section--testimonials .circle-button:active::before {
  background-color: #3C1F16;
  border-color: #3C1F16;
}

/* Disabled arrow */
.shopify-section--testimonials carousel-prev-button[disabled] .circle-button,
.shopify-section--testimonials carousel-next-button[disabled] .circle-button,
.shopify-section--testimonials .circle-button:disabled {
  color: #1B090B50;
}

/* Disabled circle */
.shopify-section--testimonials carousel-prev-button[disabled] .circle-button::before,
.shopify-section--testimonials carousel-next-button[disabled] .circle-button::before,
.shopify-section--testimonials .circle-button:disabled::before {
  background-color: #DCE1E350;
  border-color: #DCE1E350;
}

/*** -------------------------------------------------------------------------- FAQ Page  -------------------------------------------------------------------------- ***/


/* FAQ Category Title → Medium Heading */
.shopify-section--faq .faq__category .h6 {
  font-size: var(--text-h5);
  line-height: var(--text-h5-line-height);
  letter-spacing: var(--text-h5-letter-spacing);
  font-weight: var(--text-h5-font-weight);
}

/*** -------------------------------------------------------------------------- Sticky Add To Cart  -------------------------------------------------------------------------- ***/

/** ------ Button Colour Change ----- **/

/* Desktop (1000px+) */
@media (min-width: 1000px) {
    .product-sticky-add-to-cart .button {
        background-color: #785D5B !important;
        border-color: #785D5B !important;
        color: #F4F2EE !important;
    }
}

/* Mobile & tablet (<1000px) */
@media (max-width: 999px) {
    .product-sticky-add-to-cart .button {
        background-color: #DCE1E3 !important;
        border-color: #DCE1E3 !important;
        color: #1B090B !important;
    }
}

/*** -------------------------------------------------------------------------- Before/After  -------------------------------------------------------------------------- ***/

/* Override text styling */
.shopify-section--before-after-image .before-after__content p {
  font-family: "optima-lt-pro" !important;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/*** -------------------------------------------------------------------------- Text With Media  -------------------------------------------------------------------------- ***/

/* Desktop only */
@media screen and (min-width: 700px) {

/* Text with Media - Keep padding inside the section background */
.shopify-section--text-with-media .color-scheme {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Add 50px padding around the text content */
.shopify-section--text-with-media .placement-grid {
  padding: 50px 50px 50px 0px; /* top, right, bottom, left */
}

}

/*** -------------------------------------------------------------------------- Apps Section -------------------------------------------------------------------------- ***/

/* Increase top padding */
.shopify-section--apps .color-scheme {
  padding-top: 50px;
}



/*** -------------------------------------------------------------------------- JudgeMe Widget -------------------------------------------------------------------------- ***/

.jdgm-rev__author,
.jdgm-rev__author * {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
      font-weight: 400;
}

.jdgm-rev__title {
    font-family: "optima-lt-pro" !important;
    font-size: 15px;
    letter-spacing: 0.01px;
    padding-bottom: 0px;
    color: #1B090B;
    font-weight: 400;
}

.jdgm-rev__timestamp {
    font-family: "optima-lt-pro" !important;
    font-size: 11px;
    letter-spacing: 0.15px;
    color: rgba(27,9,11,.55);
}

.jdgm-rev__body p,
.jdgm-rev__body {
    font-family: "optima-lt-pro" !important;
    font-size: 14px;
    margin-top: 0 !important; /*reduce space between review title and body*/
    line-height: 1.4;
    letter-spacing: 0.01px;
    color: rgba(27, 9, 11, 0.70);
}

/* ---------- Judge.me Review Summary ---------- */

.jdgm-rev-widg__summary .jdgm-star {
  margin: 0 !important;
  padding: 0 !important;
}

.jdgm-rev-widg__summary .jdgm-star + .jdgm-star {
  margin-left: 2px !important;
}

/* "4.96 out of 5" */
.jdgm-rev-widg__summary .jdgm-link {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  color: #1B090B !important;
  text-decoration: underline;
}

/* "Based on 55 reviews" */
.jdgm-rev-widg__summary-text,
.jdgm-rev-widg__summary-text * {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  color: rgba(27, 9, 11, 0.70) !important;
}

/* ---------- Judge.me Stars  ---------- */

/* Star rows */
.jdgm-rev__rating,
.jdgm-rev-widg__summary,
.jdgm-histogram {
  color: #EBC97C !important;
}

/* Individual star containers */
.jdgm-rev__rating .jdgm-star,
.jdgm-rev-widg__summary .jdgm-star,
.jdgm-histogram .jdgm-star {
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  line-height: 1 !important;
}

/* Actual star glyphs */
.jdgm-rev__rating .jdgm-star::before,
.jdgm-rev-widg__summary .jdgm-star::before,
.jdgm-histogram .jdgm-star::before {
  font-size: 11px !important;
  line-height: 1 !important;
  color: #EBC97C !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Review star row */
.jdgm-rev__rating {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

/* Summary and histogram star spacing */
.jdgm-rev-widg__summary .jdgm-star + .jdgm-star,
.jdgm-histogram .jdgm-star + .jdgm-star {
  margin-left: 2px !important;
}

/* ---------- Judge.me "Write a review" button ---------- */

.jdgm-write-rev-link,
.jdgm-write-rev-link:hover,
.jdgm-write-rev-link:focus,
.jdgm-write-rev-link:active,
.jdgm-write-rev-link[aria-expanded="true"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  height: 48px !important;
  padding: 0 24px !important;

  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  background: #DCE1E3 !important;
  color: #1B090B !important;

  border: none !important;
  box-shadow: none !important;
}

/* ---------- Judge.me sort dropdown ---------- */

.jdgm-sort-dropdown,
.jdgm-sort-dropdown select {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;

  line-height: 1 !important;

  padding-top: 5px !important;    /* Adjust independently */
  padding-bottom: 4px !important;  /* Adjust independently */

  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* ---------- Judge.me Verified badge ---------- */

.jdgm-rev__buyer-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  margin-left: 5px !important;
  padding: 4px 8px !important;

  background: #DCE1E3 !important;
  color: #1B090B !important;

  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* Remove the border around the whole widget */
.jdgm-widget.jdgm-review-widget,
.jdgm-rev-widg {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
}

/* Remove reviewer profile icon */
.jdgm-rev__icon,
.jdgm-rev__icon-img,
.jdgm-rev__pic {
    display: none !important;
}

/* Remove the left padding created for the avatar */
.jdgm-rev {
    padding-left: 0 !important;
}

.jdgm-rev__content {
    margin-left: 0 !important;
}


/* Remove the "Customer Reviews" title */
.jdgm-rev-widg__title,
.jdgm-rev-widg__header h2,
.jdgm-rev-widg__header .jdgm-rev-widg__title {
  display: none !important;
}

/* ---------- Judge.me Rating Histogram ---------- */

/* Labels (Excellent, Good, etc.) */
.jdgm-histogram__frequency,
.jdgm-histogram__label {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1B090B !important;
}

/* Number of reviews (53, 2, etc.) */
.jdgm-histogram__frequency {
  opacity: 0.7;
}

/* Empty bar */
.jdgm-histogram__bar {
  background-color: #F4F2EE !important;
  border: none !important;
  box-shadow: none !important;
}

/* Filled portion of the bar */
.jdgm-histogram__bar-content {
  background-color: #EBC97C !important;
}

/* Remove any borders/separators around the bars */
.jdgm-histogram__bar,
.jdgm-histogram__bar-content {
  border: none !important;
  box-shadow: none !important;
}

/* Tighten spacing between each histogram row */
.jdgm-histogram__row {
  margin-bottom: 4px;
}

/* ---------- Judge.me Pagination ---------- */

.jdgm-paginate {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;

  margin-top: 0px !important;
  margin-bottom: 0px !important;

  padding-top: 40px !important; /*this adjusts the spacing between the last divider and pagination*/
  padding-bottom: 30px !important;
}

.jdgm-paginate__page {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgb(27 9 11 / 70%) !important;
}

.jdgm-paginate__page.jdgm-curt,
.jdgm-paginate__page--current {
  color: #1B090B !important;
}

.jdgm-paginate__page:hover {
  color: #1B090B !important;
}

/* ---------- Remove all outer spacing from Judge.me widget ---------- */

/* Main widget wrapper */
.jdgm-widget,
.jdgm-widget.jdgm-review-widget {
  margin: 0 !important;
  padding: 0 !important;
}

/* Inner review widget container */
.jdgm-rev-widg {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Header area (stars, summary, etc.) */
.jdgm-rev-widg__header {
  margin: 0 !important;
  padding: 0 !important;
}

/* Reviews list */
.jdgm-rev-widg__body,
.jdgm-rev-widg__reviews {
  margin: 0 !important;
  padding: 0 !important;
}

/* Expand Judge.me beyond its narrow parent container,
   while keeping equal 20px browser gutters */
.jdgm-widget.jdgm-review-widget {
  width: auto !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw + 20px) !important;
  margin-right: calc(50% - 50vw + 20px) !important;

  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ensure Judge.me's internal wrappers stay inside the widget */
.jdgm-rev-widg,
.jdgm-rev-widg__header,
.jdgm-rev-widg__body,
.jdgm-rev-widg__reviews {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* Desktop only - improve review readability */
@media screen and (min-width: 990px) {
  .jdgm-rev__body {
    max-width: 75ch; /*adjust this number*/
  }
}

/* Mobile - make review title match paragraph text */
@media screen and (max-width: 989px) {
  .jdgm-rev__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01px !important;
  }
}

/*---------Reply Box---------------------*/

/* Reply container */
.jdgm-rev__reply {
  margin-top: 12px !important;
  padding: 16px !important;

  background-color: #DCE1E370 !important;
  color: rgba(27, 9, 11, 0.70) !important;

  border: none !important;
  box-shadow: none !important;
}

/* Reply text */
.jdgm-rev__reply,
.jdgm-rev__reply p,
.jdgm-rev__reply * {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01px !important;
  color: rgba(27, 9, 11, 0.70) !important;
}

/* Remove default paragraph spacing inside replies */
.jdgm-rev__reply p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Style the “Naetal Skincare replied:” line */
.jdgm-rev__reply > :first-child {
  margin-bottom: 8px !important;
}

/* ---------- Remove all outer spacing from Judge.me widget ---------- */

/* Main widget wrapper */
.jdgm-widget,
.jdgm-widget.jdgm-review-widget {
  margin: 0 !important;
  padding: 0 !important;
}

/* Inner review widget container */
.jdgm-rev-widg {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Header area (stars, summary, etc.) */
.jdgm-rev-widg__header {
  margin: 0 !important;
  padding: 0 !important;
}

/* Reviews list */
.jdgm-rev-widg__body,
.jdgm-rev-widg__reviews {
  margin: 0 !important;
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
Judge.me Review Form
-------------------------------------------------------------------------- */

/* Form width */
.jdgm-form {
  width: 100% !important;
  max-width: 600px !important;
  margin-inline: auto !important;
  padding-inline: 16px !important;
  box-sizing: border-box !important;
}

/* Main form labels */
.jdgm-form label,
.jdgm-form__inline-label,
.jdgm-form__inline-label.jdgm-always-visible {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1B090B !important;
}

/* Paragraph/helper/privacy text */
.jdgm-form p {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01px !important;
  text-transform: none !important;
  color: rgba(27, 9, 11, 0.70) !important;
}

/* Input and textarea text */
.jdgm-form input,
.jdgm-form textarea,
.jdgm-form select {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01px !important;
  color: #1B090B !important;

  background-color: #FFFFFF !important;
  border: 1px solid rgba(27, 9, 11, 0.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Placeholder text */
.jdgm-form input::placeholder,
.jdgm-form textarea::placeholder {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01px !important;
  color: rgba(27, 9, 11, 0.55) !important;
  opacity: 1 !important;
}

/* Focus state */
.jdgm-form input:focus,
.jdgm-form textarea:focus,
.jdgm-form select:focus {
  border-color: #1B090B !important;
  outline: none !important;
  box-shadow: none !important;
}


/* --------------------------------------------------------------------------
Submit Review button
-------------------------------------------------------------------------- */

.jdgm-form input.jdgm-btn.jdgm-btn--solid.jdgm-submit-rev,
.jdgm-form input.jdgm-btn.jdgm-btn--solid.jdgm-submit-rev:hover,
.jdgm-form input.jdgm-btn.jdgm-btn--solid.jdgm-submit-rev:focus,
.jdgm-form input.jdgm-btn.jdgm-btn--solid.jdgm-submit-rev:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: 48px !important;
  padding: 0 24px !important;

  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;

  color: #1B090B !important;
  background: #DCE1E3 !important;
  background-color: #DCE1E3 !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;
}

.jdgm-form input.jdgm-submit-rev {
  -webkit-text-fill-color: #1B090B !important;
}

/* --------------------------------------------------------------------------
Cancel Review button
-------------------------------------------------------------------------- */

.jdgm-cancel-rev,
.jdgm-cancel-rev:hover,
.jdgm-cancel-rev:focus,
.jdgm-cancel-rev:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 48px !important;
  padding: 0 24px !important;

  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  color: #1B090B70 !important;
  background-color: #F4F2EE !important;

  border: 1px solid #1B090B70 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
Judge.me form dropdown override
-------------------------------------------------------------------------- */

/* Override the shared .jdgm-sort-dropdown styling inside the review form only */
.jdgm-form select.jdgm-sort-dropdown {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.01px !important;
  text-transform: none !important;

  width: auto !important;
  min-width: 115px !important;
  height: 32px !important;

  margin: 0 6px !important;
  padding: 0 24px 0 8px !important;

  color: #1B090B !important;
  background: #FFFFFF !important;

  border: 1px solid rgba(27, 9, 11, 0.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep the label and dropdown aligned */
.jdgm-form .jdgm-form__inline-label.jdgm-always-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

/* Desktop only - improve review readability */
@media screen and (min-width: 990px) {
  .jdgm-rev__body,
  .jdgm-rev__reply {
    max-width: 75ch; /*adjust this number*/
  }
}

/* Mobile - make review title match paragraph text */
@media screen and (max-width: 989px) {
  .jdgm-rev__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01px !important;
  }
}

/*** -------------------------------------------------------------------------- Filter/Facets Drawer -------------------------------------------------------------------------- ***/

/* Filter drawer accordion content */
.facets .accordion__content {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  text-transform: none !important;
  color: rgb(from currentColor r g b / 0.7) !important;
}

/* Filter drawer option labels */
.facets .accordion__content label,
.facets .accordion__content .checkbox__label,
.facets .accordion__content .checkbox,
.facets .accordion__content span {
  font-family: "optima-lt-pro" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: rgb(from currentColor r g b / 0.7) !important;
}

/* Filter drawer accordion titles + In stock only toggle */
.facets .accordion__summary,
.facets .accordion__summary > span,
.facets .accordion__summary .text-with-icon > span,
.facets .facets__availability-control > .subheading {
  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #1b090b !important;
}

/* Clear all — outline button */
facets-drawer [slot="footer"] button[type="reset"] {
  color: #1b090b70 !important;
  background: transparent !important;
  border: 1px solid #1b090b70 !important;

  --button-text-color: #1b090b70 !important;
  --button-background-primary: transparent !important;
}

/*** -------------------------------------------------------------------------- Search Drawer -------------------------------------------------------------------------- ***/


/* Search drawer product prices — regular + sale */
#search-drawer .price,
#search-drawer .price *,
#search-drawer sale-price,
#search-drawer sale-price *,
#search-drawer compare-at-price,
#search-drawer compare-at-price * {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15px !important;
  padding-top: 0 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/*** -------------------------------------------------------------------------- Cart/Cart Drawer -------------------------------------------------------------------------- ***/


/* Product title only */
cart-drawer .line-item__info > .v-stack .v-stack .v-stack > a.subheading,
cart-drawer .line-item__info > .v-stack .v-stack .v-stack > p.subheading {
    font-family: "optima-lt-pro" !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Line item prices (regular + sale) */
cart-drawer .line-item__line-price,
cart-drawer .line-item__line-price *,
cart-drawer .price,
cart-drawer .price *,
cart-drawer sale-price,
cart-drawer sale-price * {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15px !important;
  padding-top: 0 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* Cart total price at bottom */
cart-drawer .cart-drawer__footer-inner .h-stack.justify-between.gap-4 > span.medium:last-child {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15px !important;
  padding-top: 0 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* Quantity number */
cart-drawer .line-item__quantity-selector input,
cart-drawer .line-item__quantity-selector .quantity-selector__input {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Remove link */
cart-drawer .line-item__remove-button,
cart-drawer .line-item__remove-button .text-xs {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Cross-sell title */
cart-drawer .cart-drawer__cross-sell .h7 {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Order Note + Shipping Estimate */
cart-drawer .cart-drawer__footer-action-button.subheading {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Cart Total label + final price */
cart-drawer .cart-drawer__footer-inner .h-stack.justify-between > span.medium {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Free shipping message */
cart-drawer .free-shipping-bar,
cart-drawer .free-shipping-bar__text,
cart-drawer .free-shipping-bar p {
  font-family: "optima-lt-pro" !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/*-----Discount Input-----*/

/* Lock the field to one consistent size in every state */
cart-drawer .cart-discount-field input:not([type="hidden"]),
cart-drawer .cart-discount-field input:not([type="hidden"]):focus,
cart-drawer
  .cart-discount-field
  input:not([type="hidden"]):not(:placeholder-shown) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;

  /* Same padding before, during and after focus */
  padding: 0 16px !important;

  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Centre the Discount code label inside the input */
cart-drawer .cart-discount-field label,
cart-drawer .cart-discount-field .floating-label {
  top: 50% !important;
  bottom: auto !important;
  left: 16px !important;
  transform: translateY(-50%) !important;

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

  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Hide rather than float the label */
cart-drawer .cart-discount-field input:focus + label,
cart-drawer .cart-discount-field input:focus ~ label,
cart-drawer .cart-discount-field input:not(:placeholder-shown) + label,
cart-drawer .cart-discount-field input:not(:placeholder-shown) ~ label {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

/* Keep the same border color on focus */
cart-drawer .cart-discount-field input:not([type="hidden"]):focus {
  border-color: #e8e5df !important;
  box-shadow: none !important;
  outline: none !important;
}

/*------Cart Fulfilment Note------/
/*Note: Added a line of code to cart-drawer.liquid line 356. This CSS styles it*/
/* Cart fulfillment note */
cart-drawer .cart-drawer__fulfillment-note {
  margin-top: 5px;
  margin-bottom: 0px;
  text-align: center;
  line-height: 0.8;

  font-family: "optima-lt-pro" !important;
  font-size: 12px !important;
  letter-spacing: 0.01em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: none !important;

  color: rgb(from currentColor r g b / 0.6);
}

/* Shipping text */
cart-drawer .cart-drawer__fulfillment-note + .text-center.text-subdued.text-xs {
  margin-top: 0px !important; /* or 4px */
  margin-bottom: 5px !important; /* or 4px */
  line-height: 0 !important; /*or 1.3 */
}

/*-----Order Notes Styling-----*/

/* "Order note" title at the top of the popover */
cart-drawer #cart-drawer-order-note-popover [slot="header"],
cart-drawer #cart-drawer-order-note-popover [slot="header"].subheading {
  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Keep the textarea consistent in every state */
cart-drawer #cart-drawer-order-note-popover textarea,
cart-drawer #cart-drawer-order-note-popover textarea:focus,
cart-drawer
  #cart-drawer-order-note-popover
  textarea:not(:placeholder-shown) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 120px !important;
  padding: 16px !important;

  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Centre the label before someone clicks the textarea */
cart-drawer #cart-drawer-order-note-popover label,
cart-drawer #cart-drawer-order-note-popover .floating-label {
  top: 16px !important;
  bottom: auto !important;
  left: 16px !important;
  transform: none !important;

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

  font-family: "optima-lt-pro" !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* Hide the label instead of shrinking/floating it */
cart-drawer #cart-drawer-order-note-popover textarea:focus + label,
cart-drawer #cart-drawer-order-note-popover textarea:focus ~ label,
cart-drawer
  #cart-drawer-order-note-popover
  textarea:not(:placeholder-shown)
  + label,
cart-drawer
  #cart-drawer-order-note-popover
  textarea:not(:placeholder-shown)
  ~ label {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Keep the border unchanged when clicked */
cart-drawer #cart-drawer-order-note-popover textarea:focus {
  border-color: #e8e5df !important;
  box-shadow: none !important;
  outline: none !important;
}

/*** -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- ***/

.footer.subheading {
    font-size: 10px;
}

/* Scope everything to footer only */
.shopify-section--footer .subheading {
  font-family: "optima-lt-pro" !important;
  font-size: 11px;
  letter-spacing: 0.15em;
}

.shopify-section--footer a,
.shopify-section--footer p {
  font-family: "optima-lt-pro" !important;
  font-size: 14px;
  letter-spacing: 0.1px;
}

/* Only affect spacing for footer navigation lists */
.shopify-section--footer .footer__block--links ul {
  gap: 0px;
}

/* adjust underline so it's closer to the text, replace 0 in the (100%-0) with a number */
.shopify-section--footer a.link-reversed {
  background-position: 0 calc(100% - 0px) !important;
}

/* Footer payment icons – 25% smaller */
.shopify-section--footer ul.h-stack li svg {
  transform: scale(0.75);
  transform-origin: center;
}

/* Payment icons */
.shopify-section--footer .footer__aside ul.h-stack {
  gap: 3px;
}

/* Social icons */
.shopify-section--footer .footer__aside .social-media,
.shopify-section--footer .footer__aside .social-media ul,
.shopify-section--footer .footer__aside .social-media .list-social {
  gap: 10px;
}

/* Footer Aside Height Adjustment (section with copyright) */
.footer__aside {
  padding-block: 1rem;
}

/* Copyright text */
.footer__aside > .v-stack p {
  font-size: 11px;
}

/* Copyright separator */
.shopify-section--footer .footer__separator {
  display: inline-block;
  margin: 0 0.45em;
}

/* Credit link matches copyright */
.shopify-section--footer .footer__aside > .v-stack p a {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-decoration: none;
}

/*** -------------------------------------------------------------------------- Text Selection -------------------------------------------------------------------------- ***/

::selection {
  background: #EBC97C80; /* Highlight background */
  color: #1B090B;      /* Selected text color */
}

::-moz-selection {
  background: #EBC97C80;
  color: #1B090B;
}