/** Shopify CDN: Minification failed

Line 186:8 Unexpected "{"
Line 186:17 Expected ":"
Line 186:23 Unexpected ","

**/
/* ═════════════════════════════════════════════════
   GLOW MODEST — CUSTOM UI FIXES
   Last updated: 2026-09-18
   ═════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────
   1 · CART PAGE — Product name & image fixes
   ───────────────────────────────────────────── */

.cart-item__media {
  overflow: hidden !important;
}

.cart-item__name {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.cart-item__name,
.cart-item__name:link,
.cart-item__name:visited {
  font-size: 18px !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: #111 !important;
  text-decoration: none !important;
  display: block !important;
  margin: 0 0 6px 0 !important;
}

.cart-item__name:hover {
  text-decoration: underline !important;
  text-underline-offset: 0.3rem !important;
}


/* ─────────────────────────────────────────────
   2 · SOLD-OUT VARIANTS — Size pills
   ───────────────────────────────────────────── */

input[type="radio"].disabled + label {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  position: relative !important;
  text-decoration: none !important;
}

input[type="radio"].disabled + label::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 120% !important;
  height: 1.5px !important;
  background: #c0392b !important;
  transform: translate(-50%, -50%) rotate(-18deg) !important;
  border-radius: 1px !important;
  pointer-events: none !important;
}


/* ─────────────────────────────────────────────
   3 · SOLD-OUT VARIANTS — Color swatches
   ───────────────────────────────────────────── */

/* Dawn's built-in diagonal is on .swatch::after — just change its color to red */
.swatch-input__input:disabled + .swatch-input__label > .swatch::after,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch::after {
  background-color: #c0392b !important;
  height: 0.15rem !important;
}


/* ─────────────────────────────────────────────
   4 · PRODUCT PAGE — Free shipping badge
   ───────────────────────────────────────────── */

.glow-free-ship {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #15803d;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 6px;
  padding: 6px 10px;
  margin-top: 2px;
}

/* Hide the old "Shipping calculated at checkout" line */
.product__tax {
  display: none !important;
}


/* ─────────────────────────────────────────────
   5 · PRODUCT PAGE — Remove vendor text above title
   "GLOW MODEST" brand name block is redundant — hidden via CSS
   ───────────────────────────────────────────── */

.product__info-container .product__text.caption-with-letter-spacing:first-of-type {
  display: none !important;
}


/* ─────────────────────────────────────────────
   6 · PRODUCT PAGE — Button hierarchy
   ADD TO CART = primary (solid black, most dominant)
   BUY NOW     = secondary (outline, less dominant)
   ───────────────────────────────────────────── */

/* ADD TO CART — solid black, white text
   Using multiple selectors + CSS var override to beat Dawn's color scheme */
.product-form .product-form__buttons .product-form__submit,
.product-form__submit.button.button--full-width {
  --color-button: 26, 26, 26 !important;
  --color-button-text: 255, 255, 255 !important;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 2px solid #1a1a1a !important;
}
.product-form .product-form__buttons .product-form__submit:hover:not([disabled]),
.product-form__submit.button.button--full-width:hover:not([disabled]) {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

/* BUY NOW — outline only (transparent background) */
.glow-buy-now {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: 2px solid #1a1a1a !important;
}
.glow-buy-now:hover {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #1a1a1a !important;
}


/* ─────────────────────────────────────────────
   7 · PRODUCT PAGE — Price size + spacing tightener
   ───────────────────────────────────────────── */

/* Bigger, bolder price — catch all Dawn price variants */
.product .price--large,
.product .price--large .price-item,
.product .price--large .price-item--regular,
.product .price--large dd,
.product .price--large span:not(.visually-hidden),
[id^="price-"] .price-item--regular,
[id^="price-"] .price__regular dd {
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.1 !important;
}

/* Tighten the gaps between product info blocks */
.product__info-container > div,
.product__info-container > p,
.product__info-container > product-form,
.product__info-container > .product__description {
  margin-top: 12px !important;
  margin-bottom: 6px !important;
}

/* Tighten the price block specifically */
#price-{{ section.id }},
[id^="price-"] {
  margin-bottom: 4px !important;
}

/* Tighten inventory block */
.product__inventory {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Hide "16 in stock" — we use our custom "In stock · Ships within 24–48h" block instead
   Dawn's inventory block only shows for low stock (<= threshold) now */
.product__inventory:not(:empty) {
  display: none !important;
}


/* ─────────────────────────────────────────────
   8 · PRODUCT PAGE — Description styling
   ───────────────────────────────────────────── */

.product__description {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #444444 !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

.product__description p {
  margin-bottom: 6px !important;
  font-size: 13px !important;
}

.product__description ul,
.product__description ol {
  padding-left: 18px !important;
  margin-bottom: 6px !important;
}

.product__description li {
  font-size: 13px !important;
  line-height: 1.65 !important;
  margin-bottom: 4px !important;
  color: #444444 !important;
}


/* ─────────────────────────────────────────────
   9 · HOMEPAGE — Unified typography across category sliders
   Match slide product-name titles + buttons to the same
   Inter / uppercase / letter-spaced language already used by
   the SETS/TOPS/PANTS/JACKETS headings and the Shop by Category grid.

   NOTE: Shopify prefixes JSON-template section IDs at runtime
   (e.g. "template--123__ss_slider_2_8d0b22_pEkVDP"), so we match
   on the stable suffix via attribute selectors instead of a fixed
   class name — this keeps working even if the template id changes.
   ───────────────────────────────────────────── */

[class*="slider-title-"][class*="__ss_slider_2_8d0b22_pEkVDP"],
[class*="slider-title-"][class*="__ss_slider_2_8d0b22_JLLQNc"],
[class*="slider-title-"][class*="__ss_slider_2_8d0b22_xVpV39"],
[class*="slider-title-"][class*="__ss_slider_2_8d0b22_j7rTii"] {
  font-family: Inter, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 20px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.45) !important;
}

[class*="slider-button-"][class*="__ss_slider_2_8d0b22_pEkVDP"],
[class*="slider-button-"][class*="__ss_slider_2_8d0b22_JLLQNc"],
[class*="slider-button-"][class*="__ss_slider_2_8d0b22_xVpV39"],
[class*="slider-button-"][class*="__ss_slider_2_8d0b22_j7rTii"] {
  font-family: Inter, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  font-size: 13px !important;
}

@media screen and (max-width: 749px) {
  [class*="slider-title-"][class*="__ss_slider_2_8d0b22_pEkVDP"],
  [class*="slider-title-"][class*="__ss_slider_2_8d0b22_JLLQNc"],
  [class*="slider-title-"][class*="__ss_slider_2_8d0b22_xVpV39"],
  [class*="slider-title-"][class*="__ss_slider_2_8d0b22_j7rTii"] {
    font-size: 17px !important;
    letter-spacing: 1.5px !important;
  }

  [class*="slider-button-"][class*="__ss_slider_2_8d0b22_pEkVDP"],
  [class*="slider-button-"][class*="__ss_slider_2_8d0b22_JLLQNc"],
  [class*="slider-button-"][class*="__ss_slider_2_8d0b22_xVpV39"],
  [class*="slider-button-"][class*="__ss_slider_2_8d0b22_j7rTii"] {
    font-size: 12px !important;
  }
}


/* ─────────────────────────────────────────────
   10 · HOMEPAGE HERO — SKIMS-inspired refinement
   Bolder, uppercase, condensed-feel headline + a slim
   minimal outline CTA button (kept as a real button per
   feedback, just refined to feel lighter/less "pill-like").
   Scoped to the hero_new_arrival section wrapper only.
   ───────────────────────────────────────────── */

[id$="__hero_new_arrival"] .banner__heading {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

[id$="__hero_new_arrival"] .banner__text {
  font-weight: 400 !important;
  opacity: 0.92;
}

[id$="__hero_new_arrival"] .banner__buttons .button {
  background: transparent !important;
  border: 1.5px solid #ffffff !important;
  color: #ffffff !important;
  padding: 12px 28px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  min-width: unset !important;
  box-shadow: none !important;
}

[id$="__hero_new_arrival"] .banner__buttons .button:hover {
  background: #ffffff !important;
  color: #000000 !important;
}


/* ─────────────────────────────────────────────
   11 · HOMEPAGE ONLY — Transparent overlay header
   The announcement bar + header float TOGETHER as one
   fixed block at the very top (glow-header-fixed-wrap,
   added in theme.liquid) so the header always sits right
   below the bar — no manual pixel-offset guessing needed.

   Header itself stays transparent with white logo, white
   menu links, and white icons over the hero. Once scrolled
   past the hero, Dawn's own JS adds .scrolled-past-header
   to the header's own wrapper — we hook into that to flip
   just the header (not the bar) back to solid white with
   dark text/icons.

   Scoped to body.template-index so every other page
   (collection, product, cart, etc.) keeps the normal
   solid white header in normal document flow.
   ───────────────────────────────────────────── */

body.template-index .glow-header-fixed-wrap {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}

body.template-index .glow-header-fixed-wrap .header-wrapper {
  background: transparent !important;
  border-bottom: none !important;
}

body.template-index .glow-header-fixed-wrap .header,
body.template-index .glow-header-fixed-wrap .header a,
body.template-index .glow-header-fixed-wrap .header__icon,
body.template-index .glow-header-fixed-wrap .header__icon svg,
body.template-index .glow-header-fixed-wrap .list-menu__item--link,
body.template-index .glow-header-fixed-wrap .header__heading-link .h2 {
  color: #ffffff !important;
  fill: #ffffff !important;
}

body.template-index .glow-header-fixed-wrap .header__heading-logo {
  filter: brightness(0) invert(1);
}

/* Solid state once scrolled past the hero (Dawn adds this class via its own header JS) */
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid #e7e7e7 !important;
}

body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header,
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header a,
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header__icon,
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header__icon svg,
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .list-menu__item--link,
body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header__heading-link .h2 {
  color: #000000 !important;
  fill: #000000 !important;
}

body.template-index .glow-header-fixed-wrap .section-header.scrolled-past-header .header__heading-logo {
  filter: none;
}


/* ─────────────────────────────────────────────
   12 · CART (drawer + page) — Grouped "Bundle Box" line item
   Items added from the Tops/Pants bundle box picker share a hidden
   _bundle_id line-item property (see glow-bundle-box-tops/pants.
   liquid) — cart-drawer.liquid and main-cart-items.liquid detect
   lines sharing that property and render them as one combined card
   instead of one row per item. Shared styling for that card, used
   identically in the drawer and the full cart page (this file loads
   globally via layout/theme.liquid, so both surfaces pick it up).
   ───────────────────────────────────────────── */

.cart-item--bundle {
  background: linear-gradient(165deg, #fffefb 0%, #faf3e4 100%);
}

@media screen and (max-width: 749px) {
  .cart-item--bundle {
    border-color: rgba(216, 199, 153, 0.5) !important;
  }
}

.cart-bundle__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  max-width: 100px;
}

.cart-bundle__thumb {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  border: 1.5px solid #ffffff;
  box-shadow: 0 1px 4px rgba(44, 38, 32, 0.18);
  flex-shrink: 0;
}

.cart-bundle__badge {
  display: inline-block;
  margin: 0 0 5px;
  padding: 3px 9px;
  background: linear-gradient(135deg, #ecdcae 0%, #d8c799 100%);
  color: #2c2620;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 999px;
}

.cart-bundle__title {
  margin: 0 0 6px;
  font-family: var(--font-heading-family, Georgia, 'Times New Roman', serif);
  font-size: 18px;
  font-weight: 400;
  color: #2c2620;
}

.cart-bundle__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(44, 38, 32, 0.6);
}

.cart-bundle__controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-bundle__stepper {
  display: inline-flex;
}

.cart-bundle__qty-display {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  font-weight: 700;
  color: #2c2620;
}

.cart-bundle__remove {
  border-radius: 999px;
  color: rgba(44, 38, 32, 0.5);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.cart-bundle__remove:hover {
  background-color: rgba(168, 68, 92, 0.1);
  color: #a8445c !important;
}