/** Shopify CDN: Minification failed

Line 72:63 Unexpected "*"
Line 272:21 Unexpected "*"

**/
/* ===================================================================
   DUSKLIGHT PREMIUM UPGRADE — v4.0
   Desktop: Custom header replaces Dawn. Mobile: Dawn header kept.
   Mobile: Dawn header styled premium. Collection + Product upgrades.
   =================================================================== */

/* ===== DESKTOP ANNOUNCEMENT BAR CENTERING FIX ===== */
@media screen and (min-width: 990px) {
  #shopify-section-dusklight-header,
  [id*="dusklight-header"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .dk-announce {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ===== HIDE DAWN HEADER + ANNOUNCEMENT ON DESKTOP ===== */
@media screen and (min-width: 990px) {
  #shopify-section-header,
  [id*="__header"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  #shopify-section-announcement-bar,
  [id*="__announcement-bar"],
  .announcement-bar-section {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}
/* On mobile, hide custom header and keep Dawn's */
@media screen and (max-width: 989px) {
  #shopify-section-dusklight-header,
  [id*="dusklight-header"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
}

/* ===== KILL CREAM GAP ===== */
/* Remove any spacing between header group and first content */
.shopify-section-group-header-group + .shopify-section,
.shopify-section-group-header-group + main .shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#MainContent > .shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Target the rich-text "Why Dusklight" section that creates the gap */
#MainContent > .shopify-section:first-child .rich-text,
#MainContent > .shopify-section:first-child .section-template--*,
.shopify-section .rich-text__wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Force first section to have no top space */
main#MainContent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== GLOBAL TYPOGRAPHY UPGRADES ===== */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =====================================================================
   SECTION 1: MOBILE HEADER & NAVIGATION (<990px)
   Dawn's default header styled to match Dusklight premium feel
   ===================================================================== */

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

  /* --- Announcement Bar: Dark + Premium --- */
  #shopify-section-announcement-bar,
  .announcement-bar-section,
  .utility-bar-section {
    background-color: #1c1c1e !important;
  }
  .announcement-bar,
  .utility-bar {
    background-color: #1c1c1e !important;
    padding: 8px 16px !important;
  }
  .announcement-bar__message,
  .announcement-bar__message a,
  .utility-bar__message,
  .utility-bar__message a,
  .announcement-bar p,
  .announcement-bar a {
    color: #e8dcc8 !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    font-family: inherit !important;
  }
  .announcement-bar__message a:hover,
  .utility-bar__message a:hover {
    color: #c9a96e !important;
  }

  /* --- Dawn Mobile Header: Dark, Clean & Compact --- */
  [id*="__header"],
  #shopify-section-header {
    background-color: #1c1c1e !important;
    border-bottom: 1px solid rgba(232, 220, 200, 0.1) !important;
  }
  .header-wrapper,
  .header {
    background-color: #1c1c1e !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  /* Header logo/text color */
  .header h1,
  .header h1 a,
  .header__heading a,
  .header__heading-link,
  .header__heading-logo {
    color: #e8dcc8 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
  }

  /* --- Compact Announcement Bar on Mobile --- */
  [id*="__announcement-bar"],
  .announcement-bar-section {
    background-color: #1c1c1e !important;
  }
  .announcement-bar,
  .utility-bar {
    min-height: auto !important;
    padding: 6px 16px !important;
  }

  /* --- Hide Pinterest Save button in header area --- */
  .shopify-section-group-header-group [data-pin-log],
  .shopify-section-group-header-group .pinterest-save-button,
  .shopify-section-group-header-group [class*="pinterest"] {
    display: none !important;
  }

  /* --- Hamburger Menu Icon --- */
  .header__icon--menu,
  .menu-drawer__open,
  .header__icon .icon {
    color: #e8dcc8 !important;
  }
  /* Cart icon */
  .header__icon--cart,
  .header__icon--cart .icon {
    color: #e8dcc8 !important;
  }
  .cart-count-bubble {
    background-color: #c9a96e !important;
    color: #1c1c1e !important;
  }

  /* --- Mobile Drawer Menu --- */
  .menu-drawer,
  .menu-drawer__inner-container {
    background-color: #1c1c1e !important;
    border-right: 1px solid rgba(232, 220, 200, 0.08) !important;
  }
  /* Menu links */
  .menu-drawer__menu-item,
  .menu-drawer__menu-item span,
  .menu-drawer a {
    color: #e8dcc8 !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    padding: 14px 24px !important;
    border-bottom: 1px solid rgba(232, 220, 200, 0.06) !important;
  }
  .menu-drawer__menu-item:hover,
  .menu-drawer a:hover {
    color: #c9a96e !important;
    background-color: rgba(232, 220, 200, 0.04) !important;
  }
  /* Sub-menu items */
  .menu-drawer__submenu .menu-drawer__menu-item {
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
    padding-left: 36px !important;
  }
  /* Close button in drawer */
  .menu-drawer__close-button,
  .menu-drawer__close-button .icon {
    color: #e8dcc8 !important;
  }
  /* Menu drawer utility links (account, etc.) */
  .menu-drawer__utility-links a,
  .menu-drawer__utility-links button {
    color: #e8dcc8 !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
  }
  /* Search in mobile drawer */
  .menu-drawer .search__input {
    background-color: rgba(232, 220, 200, 0.06) !important;
    border: 1px solid rgba(232, 220, 200, 0.12) !important;
    color: #e8dcc8 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
  }
  .menu-drawer .search__input::placeholder {
    color: rgba(232, 220, 200, 0.4) !important;
  }

  /* --- Mobile Body Spacing --- */
  main#MainContent {
    padding-top: 0 !important;
  }
  /* Fix hero/slideshow top gap on mobile */
  .shopify-section-group-header-group + main .shopify-section:first-child {
    margin-top: 0 !important;
  }

  /* --- Mobile Product Cards --- */
  .card-wrapper {
    margin-bottom: 16px !important;
  }
  .card__heading a {
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
  }
  .price .money,
  .price-item--regular {
    font-size: 13px !important;
  }
  /* Product card images: consistent aspect ratio */
  .card__media .media img {
    object-fit: cover !important;
  }
  /* Grid spacing on mobile */
  .collection .grid,
  .grid--2-col-tablet {
    gap: 12px !important;
  }

  /* --- Mobile Section Spacing --- */
  .section-template--* {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .rich-text .rich-text__heading {
    font-size: 20px !important;
    letter-spacing: 2px !important;
  }

  /* --- Mobile Footer Cleanup --- */
  .footer {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}


/* =====================================================================
   SECTION 2: COLLECTION PAGES — Premium Typography & Cards
   ===================================================================== */

/* --- Collection Title / Hero --- */
.collection-hero__title,
.collection .title,
h1.collection__title,
.template-collection h1 {
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-weight: 300 !important;
  font-size: clamp(24px, 4vw, 38px) !important;
  line-height: 1.3 !important;
  color: inherit !important;
}
.collection-hero__description,
.collection__description {
  font-weight: 300 !important;
  letter-spacing: 0.3px !important;
  line-height: 1.7 !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 15px !important;
}

/* --- Product Grid Cards: Hover + Transitions --- */
.card-wrapper {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}
.card {
  border-radius: 2px !important;
  overflow: hidden !important;
  border: none !important;
}
.card__media .media img {
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.card-wrapper:hover .card__media .media img {
  transform: scale(1.03) !important;
}

/* --- Product Card Titles --- */
.card__heading,
.card__heading a {
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  color: inherit !important;
  text-decoration: none !important;
}
.card-information__text {
  letter-spacing: 0.3px !important;
  font-weight: 300 !important;
  font-size: 13px !important;
}

/* --- Price Display: Clean, No Bold --- */
.price .money,
.price-item--regular,
.price-item--sale,
.price__regular .price-item {
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  font-size: 14px !important;
}
.price-item--sale {
  color: #a0522d !important;
}
.price .price-item--compare {
  font-weight: 300 !important;
  opacity: 0.5 !important;
  text-decoration: line-through !important;
}

/* --- Collection filter/sort bar --- */
.facets__wrapper,
.collection-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding-bottom: 12px !important;
  margin-bottom: 24px !important;
}
.facets__summary span,
.facets__selected,
.facets__heading {
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* --- Pagination --- */
.pagination__list .pagination__item a,
.pagination__list .pagination__item span {
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  font-weight: 400 !important;
}


/* =====================================================================
   SECTION 3: PRODUCT PAGES — Premium Detail Styling
   ===================================================================== */

/* --- Product Title --- */
.product__title,
.product__title h1,
h1.product__title {
  font-family: var(--font-heading-family, 'Times New Roman', Times, serif) !important;
  font-size: clamp(26px, 4vw, 40px) !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

/* --- Product Price --- */
.product .price,
.product__info-wrapper .price {
  margin-top: 4px !important;
  margin-bottom: 20px !important;
}
.product .price .money,
.product .price-item--regular,
.product__info-wrapper .price-item--regular {
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
}

/* --- Breadcrumbs --- */
.breadcrumbs,
.breadcrumb,
nav.breadcrumb,
.product .breadcrumbs {
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
  opacity: 0.7 !important;
}
.breadcrumbs a,
.breadcrumb a,
nav.breadcrumb a {
  text-decoration: none !important;
  color: inherit !important;
  transition: opacity 0.2s ease !important;
}
.breadcrumbs a:hover,
.breadcrumb a:hover {
  opacity: 1 !important;
}
.breadcrumbs .breadcrumbs__separator,
.breadcrumb .separator {
  margin: 0 8px !important;
  opacity: 0.4 !important;
}

/* --- Add to Cart Button --- */
.product-form__submit,
.product-form__submit.button,
button[name="add"],
.product-form .shopify-payment-button__button--unbranded {
  background-color: #1c1c1e !important;
  color: #f5f0e8 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
  min-height: 52px !important;
}
.product-form__submit:hover,
.product-form__submit.button:hover,
button[name="add"]:hover {
  background-color: #2a2a2e !important;
  color: #f5f0e8 !important;
  transform: translateY(-1px) !important;
}
.product-form__submit:active {
  transform: translateY(0) !important;
}
/* Sold out state */
.product-form__submit[disabled],
.product-form__submit.button[disabled] {
  background-color: #3a3a3e !important;
  color: rgba(245, 240, 232, 0.4) !important;
  cursor: not-allowed !important;
}

/* --- Shopify Buy It Now / Dynamic Checkout --- */
.shopify-payment-button .shopify-payment-button__button {
  border-radius: 0 !important;
  min-height: 52px !important;
}

/* --- Variant Selectors --- */
.product-form__input--dropdown select,
variant-selects select,
.product-form__input select {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  transition: border-color 0.2s ease !important;
}
.product-form__input--dropdown select:focus,
variant-selects select:focus,
.product-form__input select:focus {
  border-color: #1c1c1e !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Variant pills/swatches */
.product-form__input input[type="radio"] + label,
.variant-input__label {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 !important;
  padding: 10px 18px !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  transition: all 0.2s ease !important;
}
.product-form__input input[type="radio"]:checked + label,
.variant-input__label.active {
  border-color: #1c1c1e !important;
  background-color: #1c1c1e !important;
  color: #f5f0e8 !important;
}
/* Variant field labels */
.product-form__input .form__label,
.product-form__group-label {
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
}

/* --- Product Description / Accordion --- */
.product__description,
.product__description p,
.product__description li {
  font-size: 14px !important;
  line-height: 1.75 !important;
  font-weight: 300 !important;
  letter-spacing: 0.2px !important;
}
/* Dawn collapsible tabs / accordion — v2 clean style */
.product__accordion .accordion__title,
.product .collapsible-content__title,
.product details summary {
  font-size: 12px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 14px 0 !important;
  border-bottom: none !important;
  list-style: none !important;
}
.product details summary::-webkit-details-marker { display: none !important; }
.product__accordion .accordion__content,
.product .collapsible-content__inner,
.product details[open] > div {
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;
  padding: 0 0 20px !important;
}
/* Remove old amber-box accordion borders */
.product details {
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
.product details summary {
  background: transparent !important;
}

/* --- Quantity Selector --- */
.quantity__input {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.quantity__button {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 0 !important;
  color: #1c1c1e !important;
  transition: background-color 0.2s ease !important;
}
.quantity__button:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

/* --- Product Media Gallery --- */
.product__media-list .product__media-item {
  border-radius: 2px !important;
  overflow: hidden !important;
}
.product__media-toggle {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 !important;
}

/* --- Product Recommendations Section --- */
.product-recommendations__heading,
.related-products__heading {
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
  text-align: center !important;
  margin-bottom: 28px !important;
}


/* =====================================================================
   SECTION 4: GLOBAL REFINEMENTS
   ===================================================================== */

/* --- Buttons: General --- */
.button,
.btn,
a.button {
  border-radius: 0 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  transition: all 0.3s ease !important;
}

/* --- Newsletter / Email Signup --- */
.newsletter__input,
.footer__newsletter input[type="email"] {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}
.newsletter__button,
.footer__newsletter button {
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-size: 12px !important;
}

/* --- Hide native Shopify star ratings (Loox handles reviews) --- */
.card .rating,
.card-information .rating,
.card-wrapper .rating {
  display: none !important;
}

/* --- Smooth Scroll Behavior --- */
html {
  scroll-behavior: smooth;
}

/* --- Selection Color --- */
::selection {
  background-color: rgba(201, 169, 110, 0.25);
  color: inherit;
}

/* --- Focus States: Accessible but Refined --- */
*:focus-visible {
  outline: 2px solid #c9a96e !important;
  outline-offset: 2px !important;
}


/* === LOOKBOOK PAGE === */
.dk-lookbook-page .page-header, 
.dk-lookbook-page h1.page-title,
body.template-page-lookbook .page-header,
[class*="lookbook"] .page-width > header {
  display: none !important;
}
.dk-lookbook-page .page-width,
body.template-page-lookbook .page-width {
  max-width: 100% !important;
  padding: 0 !important;
}