/** Shopify CDN: Minification failed

Line 177:0 All "@import" rules must come first

**/
/* ============================================
   SUNLIT HOURS - Custom Fonts
   Safe from theme updates. Do not delete.
   ============================================ */

/* Zalando Sans (Google Font) -- the site-wide default for both headings and body text.
   Must precede every other rule in this file (including the @font-face blocks below) since
   @import is only valid before other CSS rules. */
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,400;0,500&display=swap');

/* Zalando Sans Expanded (titles, body, text) */
@font-face {
  font-family: "ZalandoSansExpanded";
  src: url('/cdn/shop/files/ZalandoSansExpanded-Regular.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/ZalandoSansExpanded-Regular.woff?v=1777323584') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ZalandoSansExpanded";
  src: url('/cdn/shop/files/ZalandoSansExpanded-Medium.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/ZalandoSansExpanded-Medium.woff?v=1777323584') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ZalandoSansExpanded";
  src: url('/cdn/shop/files/ZalandoSansExpanded-SemiBold.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/ZalandoSansExpanded-SemiBold.woff?v=1777323584') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* EB Garamond (subtitles) */
@font-face {
  font-family: "EBGaramond";
  src: url('/cdn/shop/files/EBGaramond-Regular.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/EBGaramond-Regular.woff?v=1777323584') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EBGaramond";
  src: url('/cdn/shop/files/EBGaramond-Italic.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/EBGaramond-Italic.woff?v=1777323584') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Pinyon Script (details/accents) */
@font-face {
  font-family: "PinyonScript";
  src: url('/cdn/shop/files/PinyonScript-Regular.woff2?v=1777323584') format("woff2"),
       url('/cdn/shop/files/PinyonScript-Regular.woff?v=1777323584') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Override Prestige's font variables */
:root {
  --heading-font-family: "Zalando Sans", sans-serif !important;
  --heading-font-weight: 400 !important;
  --heading-font-style: normal !important;
  --text-font-family: "ZalandoSansExpanded", sans-serif !important;
  --text-font-weight: 400 !important;
  --text-font-style: normal !important;
}

/* Several custom (CRO) sections render bare heading tags (h1-h6) with no explicit font-family,
   which otherwise fall through to whatever they inherit from body (--text-font-family). That
   was invisible while heading/text pointed at the same font, but now that they're split, bare
   headings need their own default -- anything more specific (a section's own font-family rule)
   still wins normally, this only fills the gap. */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
}

/* ============================================
   SUNLIT HOURS - Contact page form polish
   Fixes uneven field-box heights on desktop and
   tightens spacing on mobile. Safe from theme updates.
   ============================================ */
.shopify-section--contact .fieldset-row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}
.shopify-section--contact .fieldset-row > .form-control{
  flex:1 1 240px;
  display:flex;
  flex-direction:column;
}
.shopify-section--contact .fieldset-row > .form-control .input{
  flex:1 1 auto;
  height:100%;
  box-sizing:border-box;
}
.shopify-section--contact .fieldset{
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}
.shopify-section--contact .form-control{
  box-sizing:border-box;
}
.shopify-section--contact .form-control .input,
.shopify-section--contact .form-control .textarea,
.shopify-section--contact .form-control .select{
  box-sizing:border-box;
  width:100%;
}
@media (max-width:749px){
  .shopify-section--contact .fieldset-row{
    gap:1.1rem;
  }
  .shopify-section--contact .fieldset-row > .form-control{
    flex:1 1 100%;
  }
  .shopify-section--contact .container--xs{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
}

/* ============================================
   SUNLIT HOURS - Product gallery tablet clipping fix
   Root cause: assets/theme.css defines
     @media screen and (max-width: 999px) {
       .product-gallery__carousel-with-arrows .product-gallery__media { width: 45vw; margin-inline: auto; }
     }
   This 45vw width rule stays active all the way up to 999px, well past
   the point (700px) where the prev/next arrow buttons themselves are
   hidden (arrows use the sm:hidden utility, which fires at min-width:700px).
   In that 700-999px tablet band the gallery image is still forced into a
   centered 45vw-wide flex box while the rest of the layout has already
   moved on, which produces the cropped/clipped image at tablet widths
   (this layout is used by product.billet-doux.json, mobile_controls: arrows).
   Fix: neutralize the 45vw rule from 700px up to 999px so the gallery
   image goes back to its normal full-width box in that range, matching
   the non-clipped mobile and desktop behavior.
   Safe from theme updates.
   ============================================ */
@media screen and (min-width: 700px) and (max-width: 999px) {
  .product-gallery__carousel-with-arrows .product-gallery__media {
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

/* ============================================
   SUNLIT HOURS - Policy page typography match
   Shopify's built-in /policies/* pages (Privacy Policy, Terms of
   Service, etc.) render through hardcoded .shopify-policy__* wrapper
   markup, not an editable theme section, so they fell back to the
   theme's default heading font ("ZalandoSansExpanded", weight 500)
   instead of the "Zalando Sans" Google Font / weight 400 / colors
   used on FAQ, About Us, and Shipping & Delivery. Matched here to the
   same font, weight, size, and color those pages use. Also resizes h2
   subheadings down from the page-title size to the smaller
   category-label size those other pages use.
   Safe from theme updates.
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,400;0,500&display=swap');

.shopify-policy__title {
  font-family: 'Zalando Sans', sans-serif !important;
  font-weight: 400 !important;
  color: #101217 !important;
}
.shopify-policy__body h2 {
  font-family: 'Zalando Sans', sans-serif !important;
  font-size: var(--text-h4);
  font-weight: 400 !important;
  color: #101217 !important;
}
.shopify-policy__body h3 {
  font-family: 'Zalando Sans', sans-serif !important;
  font-weight: 400 !important;
  color: #101217 !important;
}
.shopify-policy__body p,
.shopify-policy__body li {
  font-family: 'Zalando Sans', sans-serif !important;
  font-size: 16px !important;
  color: #4a4a4a !important;
}
/* theme.css has a base rule (`.prose :where(* + span...))`) that forces spans following another
   element to display:inline-block, for spacing badge/pill-style content elsewhere in the theme.
   Shop policy bodies (address blocks, etc.) often contain plain <span style="font-size:..."><br></span>
   runs pasted from the policy editor -- inline-block isolates each span into its own atomic box,
   which silently swallows the <br> line breaks inside them (a <br> at the end of an inline-block
   has nothing to wrap onto). Restoring plain inline here fixes those line breaks without touching
   the base rule or affecting any other .prose content on the site. */
.shopify-policy__body span {
  display: inline !important;
}