/** Shopify CDN: Minification failed

Line 229:12 Expected ":"

**/
/* =========================================================
   CILEA — Custom CSS
   Paste into: Online Store → Themes → Customize → Theme settings → Custom CSS
   (Or into theme.liquid before </head> wrapped in <style> tags.)
   Designed against Shopify "Dawn" — selectors degrade gracefully on other minimal themes.
   ========================================================= */

/* ---------- 1. Brand tokens ---------- */
:root {
  --color-noir:      #1a1612;
  --color-ivory:     #e8dfc8;
  --color-gold:      #c9a96e;
  --color-cream:     #f5f0e8;
  --color-stone:     #9e9178;
  --color-parchment: #f9f7f3;

  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-ui:      'Jost', 'Helvetica Neue', Arial, sans-serif;

  --ls-wide:    0.18em;
  --ls-display: 0.22em;
  --ls-ui:      0.15em;

  --transition-soft: 240ms cubic-bezier(.4,0,.2,1);
}

/* ---------- 2. Override Dawn's color scheme variables ---------- */
/* Dawn exposes color schemes via CSS vars; force parchment + noir everywhere. */
.color-background-1,
.color-background-2,
.color-scheme-1,
body {
  --color-background: 249, 247, 243;   /* parchment */
  --color-foreground: 26, 22, 18;      /* noir */
  --color-button:     26, 22, 18;      /* noir */
  --color-button-text: 232, 223, 200;  /* ivory */
  --color-link:       26, 22, 18;
  background-color: var(--color-parchment);
  color: var(--color-noir);
}

/* ---------- 3. Base typography ---------- */
body,
.template,
.shopify-section {
  font-family: var(--font-ui);
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-noir);
  background-color: var(--color-parchment);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.banner__heading,
.section-header__title,
.product__title,
.card__heading,
.card__heading a {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: var(--ls-display);
  line-height: 1.15;
  color: var(--color-noir);
}

p, li, blockquote,
.rte, .rte p {
  font-family: var(--font-display);
  font-weight: 300;
  font-style: italic;
  line-height: 1.8;
  font-size: 1.0625rem;
}

/* UI text — nav, labels, badges, buttons — uses geometric sans */
.header__menu-item,
.list-menu__item,
.product-form__buttons button,
button, .button,
.shopify-payment-button__button--unbranded,
.cart__checkout-button,
.field__label,
.form__label,
.product__tax,
.badge,
.price__badge-sale,
.facets__heading,
.product-form__input .form__label {
  font-family: var(--font-ui) !important;
  font-weight: 300 !important;
  letter-spacing: var(--ls-ui) !important;
  text-transform: uppercase;
  font-size: 0.78rem;
}

/* ---------- 4. Header / navigation ---------- */
.header,
.shopify-section-header,
sticky-header.header-wrapper {
  background-color: var(--color-parchment) !important;
  border-bottom: 1px solid rgba(158, 145, 120, 0.18);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.header__heading-logo,
.header__heading-link {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-display) !important;
  text-transform: uppercase;
  font-size: 1.6rem;
  color: var(--color-noir);
}

.header__menu-item {
  color: var(--color-noir) !important;
  transition: color var(--transition-soft);
}

.header__menu-item:hover,
.header__menu-item--active {
  color: var(--color-gold) !important;
}

.header__menu-item span {
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: border-color var(--transition-soft);
}

.header__menu-item:hover span {
  border-bottom-color: var(--color-gold);
}

/* ---------- 5. Buttons ---------- */
.button,
button.button,
.product-form__submit,
.shopify-payment-button__button--unbranded {
  background-color: var(--color-noir) !important;
  color: var(--color-ivory) !important;
  border: 1px solid var(--color-noir) !important;
  border-radius: 0 !important;
  padding: 1.1rem 2.4rem !important;
  font-family: var(--font-ui) !important;
  font-weight: 300 !important;
  letter-spacing: var(--ls-ui) !important;
  text-transform: uppercase;
  font-size: 0.78rem;
  transition: all var(--transition-soft);
  box-shadow: none !important;
}

.button:hover,
button.button:hover,
.product-form__submit:hover,
.shopify-payment-button__button--unbranded:hover {
  background-color: var(--color-parchment) !important;
  color: var(--color-noir) !important;
  border-color: var(--color-gold) !important;
}

/* Secondary / outline button */
.button--secondary,
.button.button--secondary {
  background-color: transparent !important;
  color: var(--color-noir) !important;
  border: 1px solid var(--color-noir) !important;
}

.button--secondary:hover {
  border-color: var(--color-gold) !important;
  color: var(--color-gold) !important;
}

/* ---------- 6. Hero / banner ---------- */
.banner,
.banner--medium,
.banner--large {
  background-color: var(--color-parchment) !important;
  min-height: 78vh;
}

.banner__heading,
.banner h1,
.banner h2 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-display) !important;
  text-transform: uppercase;
  font-size: clamp(2.4rem, 6vw, 4.2rem);
  color: var(--color-noir);
}

.banner__text,
.banner p {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: 1.25rem;
  color: var(--color-stone);
  letter-spacing: 0.02em;
}

/* ---------- 7. Product cards ---------- */
.card-wrapper,
.card,
.card__inner {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.card__media,
.media,
.product-card__image-wrapper {
  background-color: var(--color-cream) !important;
  border-rad	us: 0 !important;
  overflow: hidden;
}

.card__heading,
.card__heading a {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: var(--ls-wide) !important;
  text-transform: uppercase;
  font-size: 0.95rem;
  color: var(--color-noir);
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: border-color var(--transition-soft);
}

.card__heading a:hover,
.card-wrapper:hover .card__heading a {
  border-bottom-color: var(--color-gold);
  color: var(--color-noir) !important;
}

.price,
.price-item,
.price-item--regular,
.card .price {
  font-family: var(--font-ui) !important;
  font-style: normal !important;
  letter-spacing: var(--ls-ui) !important;
  font-size: 0.78rem;
  color: var(--color-stone) !important;
  font-weight: 300;
}

/* Hide noisy commerce chrome */
.card__badge,
.badge,
.product-card__badge,
.card-information__text--subtitle,
.rating,
.product-rating {
  display: none !important;
}

/* ---------- 8. Product page ---------- */
.product__title,
.product__title h1 {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em;
  text-transform: none;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  margin-bottom: 0.5rem;
}

.product__info-wrapper .price {
  color: var(--color-gold) !important;
  font-size: 0.9rem;
}

.product__description,
.product__description.rte p {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  line-height: 1.85;
  color: var(--color-noir);
  font-size: 1.05rem;
}

.product__media-wrapper {
  background-color: var(--color-cream);
}

/* Material details block */
.product__info-wrapper .product__meta,
.product__info-wrapper .product__metafield {
  font-family: var(--font-ui);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: var(--ls-ui);
  font-size: 0.72rem;
  color: var(--color-stone);
  line-height: 2;
}

/* ---------- 9. Footer ---------- */
.footer,
.shopify-section-footer {
  background-color: var(--color-noir) !important;
  color: var(--color-ivory) !important;
  padding: 4rem 0 2rem !important;
  border-top: none;
}

.footer *,
.footer a,
.footer p,
.footer h2,
.footer .h4 {
  color: var(--color-ivory) !important;
  font-family: var(--font-ui);
  font-weight: 300;
  letter-spacing: var(--ls-ui);
  text-transform: uppercase;
  font-size: 0.78rem;
}

.footer .footer__heading-logo,
.footer__heading-logo {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: var(--ls-display) !important;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--color-ivory) !important;
}

.footer a:hover {
  color: var(--color-gold) !important;
}

.footer .field__input {
  background-color: transparent !important;
  border-color: rgba(232, 223, 200, 0.3) !important;
  color: var(--color-ivory) !important;
}

/* ---------- 10. Cart drawer / mini-cart ---------- */
.drawer,
.cart-drawer,
cart-drawer {
  background-color: var(--color-parchment) !important;
}

.cart__footer .totals__total-value {
  font-family: var(--font-ui);
  color: var(--color-gold) !important;
  letter-spacing: var(--ls-ui);
}

/* ---------- 11. Forms ---------- */
.field__input,
.text-area,
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--color-stone) !important;
  border-radius: 0 !important;
  font-family: var(--font-display) !important;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--color-noir);
  padding: 0.75rem 0 !important;
  box-shadow: none !important;
}

.field__input:focus,
.text-area:focus,
input:focus,
textarea:focus {
  border-bottom-color: var(--color-gold) !important;
  outline: none !important;
}

.field__label,
.form__label {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: var(--ls-ui);
  font-size: 0.72rem;
  color: var(--color-stone) !important;
}

/* ---------- 12. Section spacing — let it breathe ---------- */
.shopify-section,
.section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 749px) {
  .shopify-section,
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* ---------- 13. Editorial pull quote utility (use in custom Liquid sections) ---------- */
.cilea-pullquote {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  line-height: 1.4;
  text-align: center;
  max-width: 38ch;
  margin: 6rem auto;
  color: var(--color-noir);
}

.cilea-eyebrow {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: var(--ls-display);
  font-size: 0.72rem;
  color: var(--color-stone);
  margin-bottom: 1.5rem;
  display: block;
  text-align: center;
}

/* ---------- 14. Hide things Dawn ships that don't fit Cilea ---------- */
.announcement-bar,
.shopify-section-announcement-bar {
  display: none !important;
}

/* ---------- 15. Selection + scrollbar ---------- */
::selection {
  background: var(--color-gold);
  color: var(--color-noir);
}

html { scroll-behavior: smooth; }

/* ---------- 16. Hide express checkout (Loewe doesn't have a yellow PayPal button) ---------- */
.shopify-payment-button,
.product-form__buttons > shop-pay-wallet-button,
.cart__dynamic-checkout-buttons,
.cart-drawer__footer .additional-checkout-buttons,
.cart__footer .additional-checkout-buttons,
.additional-checkout-buttons {
  display: none !important;
}

/* ---------- 17. Hide quantity stepper on PDP — pieces are singular ---------- */
.product-form__input--quantity,
.product-form .quantity,
.product-form quantity-input,
.product-form .form__label[for*="Quantity"],
.product-form__quantity {
  display: none !important;
}

/* ---------- 18. Force 60/40 PDP layout on desktop ---------- */
@media (min-width: 990px) {
  .product__media-wrapper {
    width: 60% !important;
    max-width: 60% !important;
    padding-right: 3rem;
  }
  .product__info-wrapper {
    width: 40% !important;
    max-width: 40% !important;
    padding-left: 2rem !important;
    padding-top: 2rem !important;
  }
  .product--medium .product__info-wrapper,
  .product .product__info-wrapper {
    padding: 4rem 0 4rem 4rem !important;
  }
  .product__info-wrapper * {
    text-align: left !important;
  }
  .product .product__media-list,
  .product .product__media-wrapper .product__media-item {
    aspect-ratio: 4/5;
  }
}

/* ---------- 19. Breathe out product cards (collection grid) ---------- */
.collection .grid,
.product-grid,
.grid--3-col-desktop,
.grid--4-col-desktop {
  gap: 4rem 3rem !important;
}

.card-wrapper {
  padding: 0 !important;
}

.card__media,
.card-wrapper .card__media,
.product-card-wrapper .card__media {
  aspect-ratio: 4/5 !important;
  overflow: hidden;
}

.card__media img,
.card__media .media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

.card__content,
.card__information {
  padding: 1.5rem 0 0 0 !important;
  text-align: left;
}

/* ---------- 20. PDP typography refinements ---------- */
.product__title h1,
.product__title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.15;
}

.product__info-wrapper .price,
.product__info-wrapper .price-item {
  text-align: left !important;
  color: var(--color-gold) !important;
  font-size: 1rem !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 2.5rem !important;
}

/* ---------- 21. Hide commerce-noise elements on PDP ---------- */
.product__tax,                            /* "Taxes included. Shipping calculated…" */
.product__text.caption-with-letter-spacing,   /* The 'CILEA' vendor caption above title (we're a single-brand store) */
.share-button,                             /* Generic share widget */
.product__view-details,                    /* 'View full details' */
.product .icon-with-text,                  /* Icon row clutter */
.product__sku,                             /* SKU display */
.product__pickup-availabilities,           /* Store pickup notices */
.product-popup-modal__button,              /* "View product details" popup */
.complementary-products                    /* Auto recommendations Dawn injects */ {
  display: none !important;
}

/* ---------- 22. PDP body / description spacing ---------- */
.product__description,
.product__description.rte {
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid rgba(158, 145, 120, 0.18);
}

/* ---------- 23. Add to bag button — Cilea-styled, full-width on PDP ---------- */
.product-form__submit,
.product-form button[type="submit"] {
  width: 100% !important;
  padding: 1.3rem 2.4rem !important;
  letter-spacing: 0.22em !important;
}

/* ---------- 24. Cart drawer styling ---------- */
cart-drawer,
.cart-drawer {
  background-color: var(--color-parchment) !important;
}

cart-drawer .drawer__heading,
.cart-drawer .drawer__heading {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  font-size: 1.5rem !important;
}

cart-drawer .cart-item__name,
.cart-drawer .cart-item__name {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 0.95rem !important;
}

/* ---------- 25. Collection page header tightening ---------- */
.collection-hero__title,
.section-header__title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
}

/* ---------- 26. Breadcrumb / utility links ---------- */
.product__view-details,
.facets__summary,
.collection-product-count {
  font-family: var(--font-ui) !important;
  letter-spacing: var(--ls-ui) !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  color: var(--color-stone) !important;
}

/* ---------- 27. Hide Dawn placeholder media svg when product has no image (fallback) ---------- */
.card__media .media--transparent svg,
.card-wrapper .placeholder-svg {
  opacity: 0.15;
}

/* ---------- 28. Cilea hero (custom Liquid section utility) ---------- */
.cilea-hero {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8rem 2rem;
  background-color: var(--color-parchment);
}

.cilea-hero__wordmark {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  font-size: clamp(3rem, 8vw, 6rem);
  color: var(--color-noir);
  margin: 0 0 2rem 0;
  line-height: 1;
}

.cilea-hero__tagline {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-stone);
  letter-spacing: 0.02em;
  margin: 0 0 4rem 0;
}

.cilea-hero__cta {
  display: inline-block;
  font-family: var(--font-ui);
  font-weight: 300;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: var(--color-noir);
  border: 1px solid var(--color-noir);
  padding: 1.1rem 2.4rem;
  text-decoration: none;
  transition: all var(--transition-soft);
  background: transparent;
}

.cilea-hero__cta:hover {
  border-color: var(--color-gold);
  color: var(--color-gold);
}


/* ---------- 29. Banner hero — kill placeholder image, force typography-only ---------- */
.banner .banner__media,
.banner__media-image-half,
.banner__media-image,
.banner .placeholder-svg,
.banner .banner__media-wrapper {
  display: none !important;
}

.banner {
  background-color: var(--color-parchment) !important;
  min-height: 85vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.banner__content {
  position: relative !important;
  background-color: transparent !important;
  padding: 6rem 2rem !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.banner__box {
  background-color: transparent !important;

/* ---------- 30. Header — cap logo height, tighten padding (no matter what Width slider is set to) ---------- */
.header__heading-logo,
.header__heading-link img,
.header__heading-link,
.header__heading {
  max-height: 42px !important;
  height: auto !important;
  width: auto !important;
}

.header,
.shopify-section-header,
sticky-header.header-wrapper {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
  min-height: 0 !important;
}

.header__heading {
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  text-align: center !important;
  max-width: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.banner__heading {
  margin: 0 0 2rem 0 !important;
  letter-spacing: 0.5em !important;
  font-size: clamp(3rem, 8vw, 6rem) !important;
}

.banner__text,
.banner__text p {
  font-family: var(--font-display) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: clamp(1.1rem, 2vw, 1.4rem) !important;
  color: var(--color-stone) !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 4rem 0 !important;
}

.banner__buttons {
  margin-top: 0 !important;
}

.banner__buttons .button {
  font-size: 0.8rem !important;
  padding: 1.1rem 2.4rem !important;
}