/** Shopify CDN: Minification failed

Line 134:12 Expected ":"

**/
/* ═══════════════════════════════════════════════════════
   MAISON AURÉLIA — Custom Stylesheet
   Overrides for Shopify Horizon theme (v3.3.1)
   ═══════════════════════════════════════════════════════ */

/* ─── Global Typography ─── */
body,
.button,
input,
select,
textarea {
  font-family: 'Montserrat', var(--font-body--family), sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ─── Heading Font — Cormorant override (beats base.css !important via same-specificity last-wins) ─── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading--family, 'Cormorant Garamond', 'Cormorant', serif) !important;
}

/* ─── Brand Accent Color ─── */
:root {
  --ma-accent: #c9826b;
  --ma-dark: #1a1614;
  --ma-muted: #7a6e6a;
  --ma-border: #e8ddd8;
  --ma-cream: #f5f0eb;
}

/* ─── Header Refinements ─── */
.header-section {
  border-bottom: 0.5px solid var(--ma-border);
}

header-component a,
.header-drawer a {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.18em;
}

/* ─── Announcement Bar ─── */
.announcement-bar {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  font-size: 10px;
}

/* ─── Product Cards — Luxury feel ─── */
.product-card .product-card__title,
.product-card__title a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px;
}

.product-card .price,
.product-price {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--ma-accent);
}

/* ─── Buttons — Maison Aurélia style ─── */
.button-primary,
.shopify-payment-button__button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 9px;
}

.button-secondary {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 9px;
}

/* ─── Badge Styling ─── */
.product-badges__badge {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* ─── Cart Drawer ─── */
.cart-drawer__title,
.cart-summary h2,
.cart-summary h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* ─── Form Inputs ─── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: 0.04em;
  font-size: 12px;
}

/* ─── Collection Page ─── */
.collection-title {
  font-family: var(--font-heading-family, 'Cormorant', serif);
}

/* ─── Breadcrumb / Subheading Text ─── */
.breadcrumb,
.subheading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spa#ing: 0.18em;
  text-transform: uppercase;
  font-size: 9px;
  color: var(--ma-muted);
}

/* ─── Smooth Page Transitions ─── */
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.3s;
  }
}

/* ─── Selection Color ─── */
::selection {
  background: rgba(201, 130, 107, 0.2);
  color: var(--ma-dark);
}

/* ─── Scrollbar (Webkit) ─── */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--ma-cream);
}
::-webkit-scrollbar-thumb {
  background: var(--ma-border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--ma-muted);
}

/* ─── Footer Override — ensure custom footer renders clean ─── */
.ma-custom-footer a {
  font-family: 'Montserrat', sans-serif;
}

/* ─── Mobile Refinements ─── */
@media screen and (max-width: 749px) {
  .announcement-bar {
    font-size: 8px;
    letter-spacing: 0.15em;
  }

  .product-card .product-card__title,
  .product-card__title a {
    font-size: 10px;
  }
}

/* ═══════════════════════════════════════════════════════
   MAISON AURÉLIA — Mobile & Tablet Responsive
   ═══════════════════════════════════════════════════════ */

/* ─── Tablet (≤900px) ─── */
@media screen and (max-width: 900px) {

  /* Product page stacks */
  .product-media-gallery,
  .product__media-gallery {
    position: static !important;
  }

  /* Thumbnail strip scrolls horizontally */
  .product-media-gallery__thumbnails,
  .thumbnail-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
  }
  .product-media-gallery__thumbnails::-webkit-scrollbar,
  .thumbnail-list::-webkit-scrollbar { display: none; }

  /* Lightbox arrows closer to edge */
  .ma-lightbox__prev { left: 4px; padding: 10px; }
  .ma-lightbox__next { right: 4px; padding: 10px; }
  .ma-lightbox__img  { max-width: 96vw; max-height: 85vh; }
}

/* ─── Phone (≤480px) ─── */
@media screen and (max-width: 480px) {

  /* Typography scale down */
  .product-info h1,
  .product-info__title {
    font-size: 22px !important;
    letter-spacing: .08em;
  }

  /* Collection grid — always 2 columns */
  .collection-grid,
  .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  /* Tighter product card text */
  .product-card__title a,
  .product-card .product-card__title {
    font-size: 8.5px !important;
  }

  /* Announcement bar */
  .announcement-bar {
    font-size: 7.5px;
    letter-spacing: 0.12em;
  }

  /* Lightbox full width on phone */
  .ma-lightbox__img { max-width: 100vw; max-height: 80vh; }
  .ma-lightbox__close { top: 12px; right: 12px; font-size: 24px; }

  /* Accordion readable on small screens */
  .ma-accord-hdr { font-size: 8px; letter-spacing: .12em; }
  .ma-accord-body { font-size: 10px; }

  /* Info pages padding */
  .page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════
   MAISON AURÉLIA — Animations & Interactive UI
   ═══════════════════════════════════════════════════════ */

/* ─── Splash Screen ─── */
#ma-splash {
  position: fixed; inset: 0; z-index: 99999;
  background: #0e0c0b;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  transition: transform 1s cubic-bezier(.77,0,.18,1);
}
#ma-splash.ma-splash--up { transform: translateY(-100%); pointer-events: none; }
.ma-splash__logo {
  font-family: 'Cormorant Garamond', 'Cormorant', serif;
  font-size: clamp(24px, 4vw, 52px); font-weight: 300;
  letter-spacing: .38em; text-transform: uppercase;
  color: #f0ece6; opacity: 0; transform: translateY(20px);
  transition: opacity 1.1s ease .15s, transform 1.1s cubic-bezier(.4,0,.2,1) .15s;
}
.ma-splash__line {
  width: 0; height: 0.5px; background: #c9826b;
  margin: 20px auto; transition: width .9s cubic-bezier(.4,0,.2,1) .9s;
}
.ma-splash__sub {
  font-size: 8px; font-weight: 300; letter-spacing: .5em;
  text-transform: uppercase; color: rgba(201,130,107,.65);
  opacity: 0; transition: opacity .8s ease 1.2s;
}
#ma-splash.ma-splash--show .ma-splash__logo { opacity: 1; transform: translateY(0); }
#ma-splash.ma-splash--show .ma-splash__line { width: 44px; }
#ma-splash.ma-splash--show .ma-splash__sub  { opacity: 1; }

/* ─── Scroll Reveal ─── */
.ma-reveal {
  opacity: 0; transform: translateY(28px);
  transition: opacity .85s cubic-bezier(.4,0,.2,1), transform .85s cubic-bezier(.4,0,.2,1);
}
.ma-reveal.in-view { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: .08s; }
.reveal-d2 { transition-delay: .17s; }
.reveal-d3 { transition-delay: .26s; }
.reveal-d4 { transition-delay: .35s; }
.reveal-d5 { transition-delay: .44s; }
.reveal-d6 { transition-delay: .53s; }

/* ─── Hero image parallax (clip within container) ─── */
.ma-hero__image {
  overflow: hidden;
}
.ma-hero__image img {
  will-change: transform;
  transition: none; /* parallax uses inline style */
}

/* ─── Editorial card image hover zoom ─── */
.ma-ded__card { overflow: hidden; }
.ma-ded__bg img { will-change: transform; }

/* ─── Marquee ─── */
.ma-marquee {
  border-top: 0.5px solid #ece8e4; border-bottom: 0.5px solid #ece8e4;
  padding: 12px 0; overflow: hidden; white-space: nowrap; background: #fff;
}
.ma-marquee__track {
  display: inline-flex;
  animation: ma-marquee 35s linear infinite;
}
@keyframes ma-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ma-marquee__item {
  display: inline-flex; align-items: center;
  font-size: 9px; font-weight: 300; letter-spacing: .28em;
  text-transform: uppercase; color: #b8b4ae; padding: 0 44px;
}

/* ─── Lightbox ─── */
#ma-lightbox {
  display: none; position: fixed; inset: 0; z-index: 99998;
  background: rgba(10,8,6,.92);
  align-items: center; justify-content: center;
}
#ma-lightbox.open { display: flex; }
.ma-lightbox__img {
  max-width: 88vw; max-height: 90vh;
  object-fit: contain; box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.ma-lightbox__close {
  position: fixed; top: 24px; right: 32px;
  font-size: 28px; color: #f0ece6; cursor: pointer;
  line-height: 1; opacity: .7; transition: opacity .2s; z-index: 99999;
}
.ma-lightbox__close:hover { opacity: 1; }
.ma-lightbox__prev,
.ma-lightbox__next {
  position: fixed; top: 50%; transform: translateY(-50%);
  font-size: 36px; color: #f0ece6; cursor: pointer;
  opacity: .6; transition: opacity .2s; z-index: 99999; padding: 16px;
}
.ma-lightbox__prev { left: 16px; }
.ma-lightbox__next { right: 16px; }
.ma-lightbox__prev:hover,
.ma-lightbox__next:hover { opacity: 1; }
.ma-lightbox__counter {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
  font-size: 9px; letter-spacing: .2em; color: rgba(240,236,230,.5);
  font-family: 'Montserrat', sans-serif;
}

/* ─── Product image zoom cursor ─── */
.product-media-gallery img,
product-media img,
[data-media-type="image"] img {
  cursor: zoom-in;
  transition: transform .4s ease;
}
.product-media-gallery img:hover,
product-media img:hover {
  transform: scale(1.02);
}

/* ─── Accordion (product page) ─── */
.ma-accord-hdr {
  display: flex; justify-content: space-between; align-items: center;
  padding: 13px 0; cursor: pointer;
  font-size: 9px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: #1a1614; border-top: 0.5px solid #ece8e4;
}
.ma-accord-hdr svg { width: 11px; height: 11px; stroke: #8a8682; fill: none; stroke-width: 1.5; transition: transform .3s; }
.ma-accord-item.open .ma-accord-hdr svg { transform: rotate(180deg); }
.ma-accord-body {
  font-size: 10.5px; font-weight: 300; line-height: 1.9;
  color: #6a6866; letter-spacing: .03em;
  max-height: 0; overflow: hidden;
  transition: max-height .35s ease, padding .35s ease;
  padding: 0;
}
.ma-accord-item.open .ma-accord-body { max-height: 400px; padding-bottom: 16px; }

/* ═══════════════════════════════════════════════════════
   PRODUCT GRID — Uniform 3:4 aspect ratio (Dior standard)
   Fixes mixed square / portrait images in collection grids
   ═══════════════════════════════════════════════════════ */

/* Force all product card image containers to 3:4 portrait */
.card__media,
.card--product .card__media,
.card-wrapper .card__media {
  aspect-ratio: 3 / 4 !important;
  overflow: hidden;
  position: relative;
}

/* Make images fill the container perfectly */
.card__media img,
.card__media .motion-reduce {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center top;
}

/* Also apply to lazy-loaded picture elements */
.card__media picture {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.card__media picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}