/** Shopify CDN: Minification failed

Line 330:0 Unexpected "}"

**/
/* ==========================================================
   NOMA SKINCARE — GLOBAL FOUNDATION
   Dawn 16
   ========================================================== */

/* ---------- DESIGN TOKENS ---------- */

:root {
  /* Brand neutrals */
  --noma-white: #fcfcfb;
  --noma-pure-white: #ffffff;
  --noma-bone: #f1efea;
  --noma-mist: #f2f3f2;
  --noma-stone: #d8d5cf;
  --noma-graphite: #181818;
  --noma-slate: #626260;

  /* Product accents
     Final values will be set when physical packaging colors are locked. */
  --noma-accent-01: #929a7c;
  --noma-accent-02: #ae7d67;
  --noma-accent-03: #8296a8;
  --noma-accent-04: #c1ad91;

  /* Borders */
  --noma-border: rgba(24, 24, 24, 0.14);
  --noma-border-light: rgba(24, 24, 24, 0.08);

  /* Radius */
  --noma-radius-xs: 3px;
  --noma-radius-sm: 6px;
  --noma-radius-md: 10px;

  /* Layout */
  --noma-page-gutter-mobile: 20px;
  --noma-page-gutter-tablet: 32px;
  --noma-page-gutter-desktop: 48px;
  --noma-page-max: 1440px;

  /* Motion */
  --noma-transition-fast: 180ms ease;
  --noma-transition-standard: 280ms ease;
  --noma-transition-slow: 450ms ease;

  /* Type colors */
  --noma-text-primary: var(--noma-graphite);
  --noma-text-secondary: var(--noma-slate);
}


/* ---------- DOCUMENT ---------- */

html {
  scroll-behavior: smooth;
}

body {
  background: var(--noma-white);
  color: var(--noma-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ---------- NOMA LAYOUT ---------- */

.noma-page-width {
  width: 100%;
  max-width: var(--noma-page-max);
  margin-inline: auto;
  padding-inline: var(--noma-page-gutter-mobile);
}

.noma-section {
  position: relative;
  width: 100%;
}

.noma-section--white {
  background: var(--noma-white);
}

.noma-section--bone {
  background: var(--noma-bone);
}

.noma-section--mist {
  background: var(--noma-mist);
}


/* ---------- TYPOGRAPHY HELPERS ---------- */

.noma-eyebrow {
  margin: 0;
  color: var(--noma-text-secondary);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noma-heading {
  margin: 0;
  color: var(--noma-text-primary);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -0.025em;
}

.noma-body {
  margin: 0;
  color: var(--noma-text-secondary);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.55;
}


/* ---------- BUTTON SYSTEM ---------- */

.noma-button {
  min-height: 50px;
  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border: 1px solid var(--noma-graphite);
  border-radius: var(--noma-radius-xs);

  font: inherit;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

  cursor: pointer;

  transition:
    background-color var(--noma-transition-fast),
    color var(--noma-transition-fast),
    border-color var(--noma-transition-fast),
    opacity var(--noma-transition-fast);
}

.noma-button--primary {
  background: var(--noma-graphite);
  color: var(--noma-pure-white);
}

.noma-button--secondary {
  background: transparent;
  color: var(--noma-graphite);
}

@media (hover: hover) {
  .noma-button--primary:hover {
    background: #303030;
    border-color: #303030;
  }

  .noma-button--secondary:hover {
    background: var(--noma-graphite);
    color: var(--noma-pure-white);
  }
}

.noma-button:focus-visible {
  outline: 2px solid var(--noma-graphite);
  outline-offset: 3px;
}

.noma-button:disabled,
.noma-button[aria-disabled='true'] {
  cursor: not-allowed;
  opacity: 0.45;
}


/* ---------- TEXT LINK ---------- */

.noma-link {
  color: var(--noma-text-primary);
  text-decoration: none;

  background-image:
    linear-gradient(
      currentColor,
      currentColor
    );

  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;

  transition: opacity var(--noma-transition-fast);
}

@media (hover: hover) {
  .noma-link:hover {
    opacity: 0.6;
  }
}


/* ---------- SURFACES ---------- */

.noma-surface {
  border-radius: var(--noma-radius-sm);
}

.noma-surface--bone {
  background: var(--noma-bone);
}

.noma-surface--mist {
  background: var(--noma-mist);
}

.noma-divider {
  width: 100%;
  height: 1px;
  border: 0;
  margin: 0;
  background: var(--noma-border-light);
}


/* ---------- RESPONSIVE ---------- */

@media screen and (min-width: 750px) {
  .noma-page-width {
    padding-inline: var(--noma-page-gutter-tablet);
  }

  .noma-body {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 990px) {
  .noma-page-width {
    padding-inline: var(--noma-page-gutter-desktop);
  }
}


/* ---------- REDUCED MOTION ---------- */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .noma-button,
  .noma-link {
    transition: none;
  }
}
/* ==========================================================
   NOMA — HEADER + ANNOUNCEMENT BAR
   ========================================================== */

/* ---------- ANNOUNCEMENT BAR ---------- */

.announcement-bar__message {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.12em;
}


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

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

  /* Tight, intentional header proportions */
  .header {
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* Hide mobile header search trigger */
.header__search {
  display: none !important;
}
}

  /* Refine utility icon scale */
  .header__icon {
    width: 4.0rem;
    height: 4.0rem;
  }

  .header__icon .svg-wrapper {
    width: 4.0rem;
    height: 4.0rem;
  }


/* Refine right-side utility spacing */
.header__icons {
  gap: 0.2rem;
}
  /* Keep logo visually centered */
  .header__heading {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.header__heading-link {
  margin: 0;
}
}


/* ---------- DESKTOP ---------- */

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

  .announcement-bar__message {
    font-size: 1.15rem;
  }
}
/* =========================================================
   NOMA PRODUCT PAGE
   Luxury PDP system — mobile first
   ========================================================= */

/* ---------- FOUNDATION ---------- */

[id^="MainProduct-"] {
  background: #fcfcfb;
  color: #181818;
}

[id^="MainProduct-"] .page-width {
  max-width: 1680px;
}

[id^="MainProduct-"] .product__info-container {
  color: #181818;
}

[id^="MainProduct-"] .product__info-container > * + * {
  margin-top: 0;
}


/* =========================================================
   PRODUCT MEDIA
   ========================================================= */

[id^="MainProduct-"] .product__media-wrapper {
  overflow: hidden;
}

[id^="MainProduct-"] .product__media {
  border: 0;
  border-radius: 0;
  background: #fcfcfb;
}

[id^="MainProduct-"] .product__media img {
  object-fit: contain;
}


/* =========================================================
   PRODUCT COPY
   ========================================================= */

[id^="MainProduct-"] .product__title {
  margin: 0;
}

[id^="MainProduct-"] .product__title h1 {
  margin: 0;
  color: #181818;

  font-weight: 300;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

[id^="MainProduct-"] .product__description {
  max-width: 46rem;

  color: #626260;

  font-weight: 400;
  line-height: 1.55;
}

[id^="MainProduct-"] .product__description p {
  margin-top: 0;
}

[id^="MainProduct-"] .product__description p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   VARIANTS
   ========================================================= */

[id^="MainProduct-"] .product-form__input {
  margin: 0;
}

[id^="MainProduct-"] .product-form__input .form__label {
  margin-bottom: 1rem;

  color: #626260;

  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[id^="MainProduct-"] .product-form__input input[type="radio"] + label {
  border: 1px solid #d8d5cf;
  border-radius: 2px;

  background: transparent;
  color: #181818;

  box-shadow: none;
}

[id^="MainProduct-"] .product-form__input input[type="radio"]:checked + label {
  border-color: #181818;

  background: #181818;
  color: #ffffff;
}


/* =========================================================
   APPSTLE — NOMA PURCHASE SELECTOR
   Clean consolidated version
   ========================================================= */


/* ---------- APP BLOCK ---------- */

[id^="MainProduct-"] .shopify-app-block {
  width: 100% !important;
  max-width: 100% !important;
}

[id^="MainProduct-"] .appstle_sub_widget {
  width: 100% !important;
  max-width: 100% !important;

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

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  font-family: inherit !important;
  color: #181818 !important;
}


/* ---------- PURCHASE OPTIONS HEADING ---------- */

[id^="MainProduct-"] .appstle_widget_title {
  margin: 0 0 0.8rem !important;

  color: #626260 !important;

  font-family: inherit !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}


/* ---------- PURCHASE OPTIONS WRAPPER ---------- */

[id^="MainProduct-"] .appstle_subscription_wrapper {
  width: 100% !important;
  max-width: 100% !important;

  display: block !important;

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

  border-top: 1px solid #d8d5cf !important;
  border-bottom: 1px solid #d8d5cf !important;

  background: transparent !important;
}


/* ---------- PURCHASE ROWS ---------- */

[id^="MainProduct-"] .appstle_subscription_wrapper_option {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 1.55rem 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #181818 !important;

  box-shadow: none !important;
}

[id^="MainProduct-"]
.appstle_subscription_wrapper_option
+ .appstle_subscription_wrapper_option {
  border-top: 1px solid #e7e5e0 !important;
}


/* Selected row remains visually quiet */

[id^="MainProduct-"]
.appstle_subscription_wrapper_option.appstle_selected_background,

[id^="MainProduct-"]
.appstle_subscription_wrapper_option.appstle-active-option,

[id^="MainProduct-"]
.appstle_subscription_wrapper_option.appstle_active_option {
  background: transparent !important;
  color: #181818 !important;

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


/* ---------- MAIN ROW LAYOUT ---------- */

[id^="MainProduct-"] .appstle_one_time_details_wrapper,
[id^="MainProduct-"] .appstle_subscription_radio_wrapper {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;

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


/* ---------- FUNCTIONAL RADIO INPUT ---------- */

/*
  Appstle intentionally stretches this invisible input
  across the option so the whole row is clickable.
  Do not resize or hide it.
*/

[id^="MainProduct-"] .appstle_sub_widget input[name="selling_plan"] {
  cursor: pointer !important;
}


/* ---------- VISIBLE RADIO + LABEL ---------- */

/*
  Leave Appstle's radio rendering intact.
  Only control label typography and spacing.
*/

[id^="MainProduct-"] .appstle_radio_label {
  position: relative !important;

  margin: 0 !important;

  color: #181818 !important;

  font-family: inherit !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}


/* ---------- PRICES ---------- */

[id^="MainProduct-"] .appstle_one_time_price_wrapper,
[id^="MainProduct-"] .appstle_subscription_amount {
  margin-left: auto !important;

  color: #181818 !important;

  font-family: inherit !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
}


/* ---------- SAVE 15% ---------- */

/*
  Keep savings visible, but remove the promotional pill.
*/

[id^="MainProduct-"] .appstle_bundle_discount_amount {
  margin: 0.35rem 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: #626260 !important;

  box-shadow: none !important;
  text-shadow: none !important;

  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}


/* ---------- REMOVE REDUNDANT OLD PRICE ---------- */

[id^="MainProduct-"] .appstle_subscription_wrapper_option del,
[id^="MainProduct-"] .appstle_subscription_wrapper_option s {
  display: none !important;
}


/* ---------- MONTHLY SUBSCRIPTION ---------- */

/*
  KEEP this visible.
  Customers need to know the subscription frequency.
*/

[id^="MainProduct-"] .appstle_subscription_detail {
  display: block !important;

  margin: 0 !important;
  padding: 1rem 0 0 2.8rem !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #626260 !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}


/* ---------- FREQUENCY SELECTOR ---------- */

[id^="MainProduct-"] .appstle_subscription_detail select,
[id^="MainProduct-"] .appstle_subscription_wrapper select {
  width: 100% !important;
  min-height: 4.4rem !important;

  margin-top: 0.8rem !important;
  padding: 0 3.5rem 0 1.2rem !important;

  border: 1px solid #d8d5cf !important;
  border-radius: 2px !important;

  background-color: #fcfcfb !important;
  color: #181818 !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 1.25rem !important;
}


/* ---------- REMOVE APPSTLE TOOLTIP / CUBE ---------- */

/*
  This is the exact live Appstle tooltip structure
  we identified in Safari Inspector.
*/

[id^="MainProduct-"] .appstle-tooltip-parent,
[id^="MainProduct-"] .appstle_tooltip_wrapper,
[id^="MainProduct-"] .appstle-tooltip-show,
[id^="MainProduct-"] .tooltip_subscription_svg,
[id^="MainProduct-"] [data-appstle-icon] {
  display: none !important;
}
/* =========================================================
   PRODUCT FORM / ADD TO BAG
   ========================================================= */

[id^="MainProduct-"] .product-form {
  width: 100%;
  max-width: none;

  margin: 0;
}

[id^="MainProduct-"] .product-form__buttons {
  width: 100%;
  max-width: none;
}

[id^="MainProduct-"] .product-form__submit {
  width: 100%;
  min-height: 5.4rem;

  margin: 0;

  border: 1px solid #181818;
  border-radius: 2px;

  background: #181818;
  color: #ffffff;

  box-shadow: none;

  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  transition:
    background 180ms ease,
    color 180ms ease;
}

[id^="MainProduct-"] .product-form__submit::before,
[id^="MainProduct-"] .product-form__submit::after {
  display: none;
}

[id^="MainProduct-"] .product-form__submit:disabled {
  border-color: #a69e95;

  background: #a69e95;
  color: #ffffff;

  opacity: 1;
}

@media screen and (hover: hover) {
  [id^="MainProduct-"] .product-form__submit:not(:disabled):hover {
    background: transparent;
    color: #181818;
  }
}


/* =========================================================
   MOBILE — PRIMARY NOMA EXPERIENCE
   ========================================================= */

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

  [id^="MainProduct-"] .page-width {
    padding-left: 0;
    padding-right: 0;
  }

  [id^="MainProduct-"] .product {
    display: block;
    margin: 0;
  }


  /* ---------- MEDIA ---------- */

  [id^="MainProduct-"] .product__media-wrapper {
    width: 100%;
    margin: 0;
  }

  [id^="MainProduct-"] media-gallery {
    display: block;
    width: 100%;
  }

  [id^="MainProduct-"] .product__media-list {
    width: 100%;
    margin: 0 0 0.8rem !important;
  }

  [id^="MainProduct-"] .product__media-item {
    width: 100%;
  }


  /* ---------- INFORMATION ---------- */

  [id^="MainProduct-"] .product__info-wrapper {
    width: 100%;

    padding:
      1.8rem
      2.2rem
      4.8rem;
  }

  [id^="MainProduct-"] .product__info-container {
    width: 100%;
    max-width: none;

    text-align: left;
  }


  /* ---------- TITLE ---------- */

  [id^="MainProduct-"] .product__title {
    margin: 0 0 1rem;
  }

  [id^="MainProduct-"] .product__title h1 {
    font-size: 2.65rem;
    line-height: 1.07;
  }


  /* ---------- DESCRIPTION ---------- */

  [id^="MainProduct-"] .product__description {
    max-width: 35rem;

    margin: 0 0 2.8rem;

    font-size: 1.35rem;
    line-height: 1.5;
  }


  /* ---------- VARIANTS ---------- */

  [id^="MainProduct-"] variant-selects,
  [id^="MainProduct-"] variant-radios {
    display: block;

    margin: 0 0 2.4rem;
  }


  /* ---------- PURCHASE SELECTOR ---------- */

  [id^="MainProduct-"] .shopify-app-block {
    margin: 0 0 1.8rem;
  }

  [id^="MainProduct-"] .appstle_widget_title {
    margin-bottom: 0.7rem !important;
  }

  [id^="MainProduct-"] .appstle_subscription_wrapper_option {
    padding: 1.45rem 0 !important;
  }

  [id^="MainProduct-"] .appstle_radio_label {
    font-size: 1.4rem !important;
  }

  [id^="MainProduct-"] .appstle_one_time_price_wrapper,
  [id^="MainProduct-"] .appstle_subscription_amount {
    font-size: 1.4rem !important;
  }


  /* ---------- ADD TO BAG ---------- */

  [id^="MainProduct-"] .product-form {
    margin: 0;
  }

  [id^="MainProduct-"] .product-form__submit {
    min-height: 5.2rem;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (min-width: 750px) and (max-width: 989px) {

  [id^="MainProduct-"] .product {
    column-gap: 4rem;
  }

  [id^="MainProduct-"] .product__info-wrapper {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  [id^="MainProduct-"] .product__title h1 {
    font-size: 3.4rem;
  }

}


/* =========================================================
   DESKTOP
   ========================================================= */

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

  [id^="MainProduct-"] .page-width {
    padding-left: clamp(3rem, 4vw, 6.5rem);
    padding-right: clamp(3rem, 4vw, 6.5rem);
  }


  /*
    Deliberate editorial split:
    imagery dominates, commerce remains calm.
  */

  [id^="MainProduct-"] .product {
    display: grid;

    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(46rem, 1fr);

    column-gap: clamp(7rem, 8vw, 12rem);

    align-items: start;
  }


  /*
    Override Dawn's native 65 / 35 product widths.
  */

  [id^="MainProduct-"] .product__media-wrapper {
    width: 100% !important;
    max-width: none !important;
  }

  [id^="MainProduct-"] .product__info-wrapper,
  [id^="MainProduct-"]
    .product--large:not(.product--no-media)
    .product__info-wrapper {
    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
  }

  [id^="MainProduct-"] .product__info-container {
    width: 100% !important;
    max-width: 54rem !important;
    min-width: 0;

    margin: 0;
  }

  [id^="MainProduct-"] .product__info-container > * {
    width: 100%;
    max-width: 100%;
  }

  [id^="MainProduct-"] .product__column-sticky {
    top: 11rem;
  }


  /* ---------- TITLE ---------- */

  [id^="MainProduct-"] .product__title h1 {
    max-width: 48rem;

    font-size: clamp(3.4rem, 2.8vw, 4.5rem);
  }


  /* ---------- DESCRIPTION ---------- */

  [id^="MainProduct-"] .product__description {
    max-width: 42rem;

    margin: 1.6rem 0 3.2rem;

    font-size: 1.45rem;
  }


  /* ---------- PURCHASE ---------- */

  [id^="MainProduct-"] .shopify-block,
  [id^="MainProduct-"] .appstle_sub_widget,
  [id^="MainProduct-"] .product-form {
    width: 100% !important;
    max-width: 54rem !important;
  }

  [id^="MainProduct-"] .shopify-app-block {
    margin-bottom: 2rem;
  }

  [id^="MainProduct-"] .appstle_subscription_wrapper_option {
    padding: 1.7rem 0 !important;
  }

}