/** Shopify CDN: Minification failed

Line 943:19 Unexpected "*"

**/
/* ============================================================
   BOUTIQUE ECLAT — Luxury Theme Override
   Premium. Confident. Refined. Timeless.
   ============================================================ */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

/* --- Brand Tokens --- */
:root {
  --eclat-navy: #0A1A2F;
  --eclat-gold: #D4AF37;
  --eclat-champagne: #F5EDE3;
  --eclat-ivory: #FAF8F4;
  --eclat-white: #FFFFFF;
  --eclat-black: #000000;
  --eclat-text: #2C2C2C;
  --eclat-text-light: #6B6B6B;
  --eclat-border: #E5DDD3;
  --eclat-gold-hover: #C19B2E;
  --eclat-navy-light: #1A2D47;

  --font-heading: 'Playfair Display', 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  --transition-slow: 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-medium: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-fast: 0.25s ease;
}

/* --- Global Reset & Base --- */
body {
  font-family: var(--font-body) !important;
  font-weight: 300;
  color: var(--eclat-text);
  background-color: var(--eclat-ivory);
  letter-spacing: 0.02em;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Typography --- */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.hxl, .hxxl {
  font-family: var(--font-heading) !important;
  font-weight: 400;
  color: var(--eclat-navy);
  letter-spacing: 0.02em;
  line-height: 1.15;
}

.h0, h1 { font-size: clamp(2.8rem, 5vw, 5.4rem); }
.h1, h2 { font-size: clamp(2.2rem, 3.5vw, 3.6rem); }
.h2, h3 { font-size: clamp(1.8rem, 2.5vw, 2.8rem); }
.hxl { font-size: clamp(3.4rem, 6vw, 7rem); }
.hxxl { font-size: clamp(4rem, 8vw, 9rem); }

p, .rte p {
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.8;
  color: var(--eclat-text);
}

a {
  color: var(--eclat-navy);
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--eclat-gold);
}

/* --- Buttons --- */
.button,
.shopify-challenge__button,
button.button {
  font-family: var(--font-body) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1.1rem;
  border-radius: 0 !important;
  padding: 1.4rem 3.6rem;
  transition: all var(--transition-medium);
  border: none;
  position: relative;
  overflow: hidden;
}

.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--eclat-navy) !important;
  color: var(--eclat-gold) !important;
  border: 1px solid var(--eclat-navy) !important;
}

.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: var(--eclat-navy-light) !important;
  color: var(--eclat-gold) !important;
}

.button--secondary {
  background-color: transparent !important;
  color: var(--eclat-navy) !important;
  border: 1px solid var(--eclat-navy) !important;
}

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

/* --- Header / Navigation --- */
.section-header {
  transition: all var(--transition-medium);
}

.header-wrapper {
  background-color: var(--eclat-navy) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  transition: all var(--transition-medium);
}

.header {
  font-family: var(--font-body);
}

.header__heading-link {
  text-decoration: none;
}

.header__heading-logo {
  transition: opacity var(--transition-fast);
}

.header__heading-logo:hover {
  opacity: 0.85;
}

/* Nav links */
.header__menu-item,
.list-menu__item--link {
  font-family: var(--font-body) !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 1.1rem;
  color: var(--eclat-white) !important;
  position: relative;
  text-decoration: none !important;
  transition: color var(--transition-fast);
}

.header__menu-item::after,
.list-menu__item--link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--eclat-gold);
  transition: width var(--transition-medium);
}

.header__menu-item:hover::after,
.list-menu__item--link:hover::after {
  width: 100%;
}

.header__menu-item:hover,
.list-menu__item--link:hover {
  color: var(--eclat-gold) !important;
}

/* Header icons */
.header__icon {
  color: var(--eclat-white);
  transition: color var(--transition-fast);
}

.header__icon:hover {
  color: var(--eclat-gold);
}

/* Sticky header with glass effect */
.shopify-section-header-sticky .header-wrapper {
  background-color: rgba(10, 26, 47, 0.97) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

/* Language Toggle in Header */
.eclat-lang-toggle {
  display: flex;
  align-items: center;
  gap: 0;
  margin-left: 1.2rem;
  font-family: var(--font-body);
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  font-weight: 400;
}

.eclat-lang-btn {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0.4rem 0.6rem;
  font-family: var(--font-body);
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  transition: color var(--transition-fast);
}

.eclat-lang-btn:hover {
  color: var(--eclat-gold);
}

.eclat-lang-btn.active {
  color: var(--eclat-gold);
  font-weight: 500;
}

.eclat-lang-divider {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  user-select: none;
}

/* --- Hero Section --- */
.eclat-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eclat-hero__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.eclat-hero__media img,
.eclat-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.eclat-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(10, 26, 47, 0.55) 0%,
    rgba(10, 26, 47, 0.4) 35%,
    rgba(10, 26, 47, 0.45) 65%,
    rgba(10, 26, 47, 0.7) 100%
  );
  z-index: 1;
}

.eclat-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 2rem;
  max-width: 800px;
}

.eclat-hero__tagline {
  font-family: var(--font-heading);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--eclat-gold);
  text-transform: uppercase;
  letter-spacing: 0.35em;
  margin-bottom: 2rem;
  opacity: 0;
  animation: eclat-fadeUp 1s ease forwards 0.3s;
}

.eclat-hero__heading {
  font-family: var(--font-heading) !important;
  font-weight: 300;
  font-size: clamp(3rem, 7vw, 7.5rem);
  color: var(--eclat-white);
  line-height: 1.05;
  margin: 0 0 2.5rem;
  letter-spacing: 0.01em;
  opacity: 0;
  animation: eclat-fadeUp 1s ease forwards 0.6s;
}

.eclat-hero__subtitle {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: clamp(1.2rem, 1.5vw, 1.5rem);
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.06em;
  line-height: 1.7;
  margin-bottom: 3.5rem;
  opacity: 0;
  animation: eclat-fadeUp 1s ease forwards 0.9s;
}

.eclat-hero__cta {
  display: inline-block;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--eclat-white);
  background-color: rgba(212, 175, 55, 0.15);
  border: 2px solid var(--eclat-gold);
  padding: 1.8rem 4.5rem;
  text-decoration: none;
  transition: all var(--transition-medium);
  opacity: 0;
  animation: eclat-fadeUp 1s ease forwards 1.2s;
}

.eclat-hero__cta:hover {
  background-color: var(--eclat-gold);
  color: var(--eclat-navy);
}

.eclat-hero__scroll-indicator {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  animation: eclat-bounce 2s ease infinite 2s;
}

.eclat-hero__scroll-indicator span {
  display: block;
  width: 1px;
  height: 60px;
  background: linear-gradient(to bottom, var(--eclat-gold), transparent);
}

/* --- Category Grid --- */
.eclat-categories {
  padding: 8rem 0;
  background-color: var(--eclat-ivory);
}

.eclat-categories--navy {
  background-color: var(--eclat-navy);
}

.eclat-categories__header {
  text-align: center;
  margin-bottom: 5rem;
}

.eclat-categories__label {
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1rem;
  color: var(--eclat-gold);
  margin-bottom: 1.5rem;
}

.eclat-categories__title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2.4rem, 4vw, 4rem);
  color: var(--eclat-navy);
  margin: 0;
}

.eclat-categories--navy .eclat-categories__title {
  color: var(--eclat-white);
}

.eclat-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

.eclat-category-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  cursor: pointer;
}

.eclat-category-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.eclat-category-card:hover .eclat-category-card__image {
  transform: scale(1.05);
}

.eclat-category-card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3rem 2rem;
  background: linear-gradient(transparent, rgba(10, 26, 47, 0.7));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all var(--transition-medium);
}

.eclat-category-card:hover .eclat-category-card__overlay {
  background: linear-gradient(transparent, rgba(10, 26, 47, 0.85));
}

.eclat-category-card__title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.6rem, 2vw, 2.2rem);
  color: var(--eclat-white);
  margin: 0 0 0.5rem;
}

.eclat-category-card__link {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--eclat-gold);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
  transform: translateY(10px);
  transition: all var(--transition-medium);
}

.eclat-category-card:hover .eclat-category-card__link {
  opacity: 1;
  transform: translateY(0);
}

.eclat-category-card__link::after {
  content: '\2192';
  transition: transform var(--transition-fast);
}

.eclat-category-card__link:hover::after {
  transform: translateX(4px);
}

/* --- Featured Collection --- */
.eclat-featured {
  padding: 8rem 0;
  background-color: var(--eclat-white);
}

.eclat-featured__header {
  text-align: center;
  margin-bottom: 5rem;
}

.eclat-featured__label {
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1rem;
  color: var(--eclat-gold);
  margin-bottom: 1.5rem;
}

.eclat-featured__title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2.4rem, 4vw, 4rem);
  color: var(--eclat-navy);
  margin: 0;
}

/* Product Cards */
.card-wrapper {
  position: relative;
  overflow: hidden;
}

.card-wrapper .card__media {
  overflow: hidden;
}

.card-wrapper .card__media img {
  transition: transform var(--transition-slow);
}

.card-wrapper:hover .card__media img {
  transform: scale(1.04);
}

.card__heading a {
  font-family: var(--font-heading) !important;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--eclat-navy);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.card__heading a:hover {
  color: var(--eclat-gold);
}

.price-item {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--eclat-text-light);
}

/* Remove card borders, shadows, and rounded corners */
.card {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.card--card {
  background-color: transparent !important;
}

/* --- Brand Story Section --- */
.eclat-story {
  padding: 10rem 0;
  background-color: var(--eclat-champagne);
  text-align: center;
}

.eclat-story--navy {
  background-color: var(--eclat-navy);
}

.eclat-story__inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 2rem;
}

.eclat-story__label {
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1rem;
  color: var(--eclat-gold);
  margin-bottom: 2.5rem;
}

.eclat-story__heading {
  font-family: var(--font-heading);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(2.4rem, 4vw, 4.2rem);
  color: var(--eclat-navy);
  line-height: 1.35;
  margin: 0 0 2.5rem;
}

.eclat-story--navy .eclat-story__heading {
  color: var(--eclat-white);
}

.eclat-story__text {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2;
  color: var(--eclat-text-light);
  margin-bottom: 3.5rem;
}

.eclat-story--navy .eclat-story__text {
  color: rgba(255, 255, 255, 0.7);
}

.eclat-story__divider {
  width: 60px;
  height: 1px;
  background-color: var(--eclat-gold);
  margin: 0 auto 3.5rem;
}

.eclat-story__cta {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--eclat-navy);
  text-decoration: none;
  border-bottom: 1px solid var(--eclat-gold);
  padding-bottom: 0.3rem;
  transition: all var(--transition-fast);
}

.eclat-story__cta:hover {
  color: var(--eclat-gold);
}

.eclat-story--navy .eclat-story__cta {
  color: var(--eclat-gold);
  border-bottom-color: rgba(212, 175, 55, 0.4);
}

.eclat-story--navy .eclat-story__cta:hover {
  color: var(--eclat-white);
  border-bottom-color: var(--eclat-white);
}

/* --- Editorial Gallery --- */
.eclat-editorial {
  padding: 8rem 0;
  background-color: var(--eclat-ivory);
}

.eclat-editorial__header {
  text-align: center;
  margin-bottom: 5rem;
}

.eclat-editorial__label {
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1rem;
  color: var(--eclat-gold);
  margin-bottom: 1.5rem;
}

.eclat-editorial__title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(2.4rem, 4vw, 4rem);
  color: var(--eclat-navy);
  margin: 0;
}

.eclat-editorial__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
  max-width: 1600px;
  margin: 0 auto;
}

.eclat-editorial__item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
}

.eclat-editorial__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.eclat-editorial__item:hover img {
  transform: scale(1.06);
}

.eclat-editorial__item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 26, 47, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--transition-medium);
}

.eclat-editorial__item:hover .eclat-editorial__item-overlay {
  background-color: rgba(10, 26, 47, 0.3);
}

/* --- Footer --- */
.footer {
  background-color: var(--eclat-navy) !important;
  color: var(--eclat-white) !important;
  padding: 6rem 0 3rem;
}

.footer h2,
.footer .footer__heading,
.footer .disclosure__button {
  font-family: var(--font-body) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1.1rem;
  color: var(--eclat-gold) !important;
}

.footer a,
.footer .list-menu__item--link {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  transition: color var(--transition-fast);
}

.footer a:hover,
.footer .list-menu__item--link:hover {
  color: var(--eclat-gold) !important;
}

.footer a::after,
.footer .list-menu__item--link::after {
  display: none;
}

.footer .copyright {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.1rem;
  letter-spacing: 0.05em;
}

.footer .newsletter-form__field-wrapper input {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--eclat-white);
  font-family: var(--font-body);
  border-radius: 0;
}

.footer .newsletter-form__field-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.footer .newsletter-form__button {
  background-color: var(--eclat-gold) !important;
  color: var(--eclat-navy) !important;
  border-radius: 0;
}

/* Footer payment icons */
.footer .list-payment .svg-wrapper {
  filter: brightness(0) invert(1);
  opacity: 0.5;
}

/* --- Product Page --- */
.product__title {
  font-family: var(--font-heading) !important;
  font-weight: 400;
  font-size: clamp(2.4rem, 3.5vw, 3.6rem) !important;
  color: var(--eclat-navy);
  letter-spacing: 0.01em;
}

.product__text {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1.1rem;
  color: var(--eclat-text-light);
}

.product .price {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--eclat-navy);
}

/* Product add to bag button */
.product-form__submit {
  background-color: var(--eclat-navy) !important;
  color: var(--eclat-gold) !important;
  font-family: var(--font-body) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1.2rem;
  border-radius: 0 !important;
  padding: 1.8rem 3rem;
  border: none !important;
  transition: all var(--transition-medium);
  min-height: 5.4rem;
}

.product-form__submit:hover {
  background-color: var(--eclat-navy-light) !important;
}

.product-form__submit:disabled {
  background-color: var(--eclat-border) !important;
  color: var(--eclat-text-light) !important;
}

/* Variant selectors */
.product-form__input label {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1.1rem;
  color: var(--eclat-text);
}

variant-selects .product-form__input input[type="radio"] + label {
  border: 1px solid var(--eclat-border);
  border-radius: 0;
  font-family: var(--font-body);
  letter-spacing: 0.05em;
  transition: all var(--transition-fast);
}

variant-selects .product-form__input input[type="radio"]:checked + label {
  border-color: var(--eclat-navy);
  color: var(--eclat-navy);
}

/* Product accordion description */
.product__accordion .accordion__title {
  font-family: var(--font-body) !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--eclat-navy);
  border-bottom: 1px solid var(--eclat-border);
  padding: 1.8rem 0;
}

.product__accordion .accordion__content {
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.8;
  color: var(--eclat-text-light);
}

/* Product media / gallery */
.product__media-wrapper {
  overflow: hidden;
}

.product__media-wrapper img {
  transition: transform var(--transition-slow);
}

/* --- Scroll Animations --- */
@keyframes eclat-fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eclat-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-8px);
  }
  60% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.eclat-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.eclat-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered animation delays */
.eclat-reveal[data-delay="1"] { transition-delay: 0.1s; }
.eclat-reveal[data-delay="2"] { transition-delay: 0.2s; }
.eclat-reveal[data-delay="3"] { transition-delay: 0.3s; }
.eclat-reveal[data-delay="4"] { transition-delay: 0.4s; }

/* --- Color scheme overrides --- */
.color-scheme-1,
.color-scheme-2 {
  background-color: var(--eclat-ivory);
}

/* Remove Dawn's default section spacing gaps */
.section-template--*-padding {
  padding-top: 0;
  padding-bottom: 0;
}

/* --- Utility: Divider --- */
.eclat-divider {
  width: 60px;
  height: 1px;
  background-color: var(--eclat-gold);
  margin: 0 auto;
}

/* --- Mobile Responsive --- */
@media screen and (max-width: 989px) {
  .eclat-categories__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .eclat-editorial__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .eclat-hero {
    min-height: 500px;
  }

  .eclat-hero__heading {
    font-size: clamp(2.6rem, 8vw, 4.5rem);
  }

  .eclat-hero__cta {
    padding: 1.4rem 3rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 749px) {
  .eclat-categories__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 0 1.5rem;
  }

  .eclat-category-card {
    aspect-ratio: 16/9;
  }

  .eclat-editorial__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }

  .eclat-hero {
    min-height: 100vh;
    min-height: 100svh;
  }

  .eclat-story {
    padding: 6rem 0;
  }

  .eclat-featured,
  .eclat-categories,
  .eclat-editorial {
    padding: 5rem 0;
  }

  /* Mobile button sizing */
  .button,
  .product-form__submit {
    padding: 1.6rem 2.5rem;
    min-height: 5.2rem;
    font-size: 1.1rem;
  }

  /* Mobile footer */
  .footer {
    padding: 4rem 0 2rem;
  }
}

/* ============================================================
   PROFESSIONAL FOOTER STYLING
   ============================================================ */

/* Footer on navy scheme */
.footer {
  border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.footer .footer-block__heading {
  font-family: var(--font-heading) !important;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  margin-bottom: 1.8rem;
  color: var(--eclat-gold) !important;
}

.footer .footer-block__details-content a,
.footer .list-menu__item {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  transition: color var(--transition-fast), padding-left var(--transition-fast);
}

.footer .list-menu__item:hover {
  padding-left: 4px;
}

.footer .footer-block__details-content.rte,
.footer .footer-block__details-content.rte p,
.footer .footer-block__details-content.rte span {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.85) !important;
}

.footer .footer-block__brand-info .rte,
.footer .footer-block__brand-info .rte p,
.footer .footer-block__brand-info .rte span {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Newsletter in footer */
.footer .footer-block__newsletter .footer-block__heading {
  font-family: var(--font-heading) !important;
  font-size: 2rem;
  letter-spacing: 0.05em;
}

.footer .newsletter-form .field__input {
  font-family: var(--font-body);
  font-weight: 300;
  letter-spacing: 0.05em;
  border-color: rgba(212, 175, 55, 0.3);
  transition: border-color var(--transition-fast);
}

.footer .newsletter-form .field__input:focus {
  border-color: var(--eclat-gold);
}

.footer .newsletter-form__button {
  color: var(--eclat-gold) !important;
}

/* Social icons */
.footer .footer__list-social .link .icon {
  transition: transform var(--transition-fast);
}

.footer .footer__list-social .link:hover .icon {
  transform: scale(1.15);
}

/* Payment icons */
.footer .list-payment {
  opacity: 0.6;
  transition: opacity var(--transition-fast);
}

.footer .list-payment:hover {
  opacity: 0.9;
}

/* Copyright area */
.footer .footer__copyright {
  font-family: var(--font-body);
  font-weight: 300;
  letter-spacing: 0.05em;
  opacity: 0.5;
}

.footer .footer__copyright a {
  transition: opacity var(--transition-fast);
}

.footer .footer__copyright a:hover {
  opacity: 1;
}

/* Policy links */
.footer .policies a {
  font-weight: 300;
  letter-spacing: 0.04em;
  transition: color var(--transition-fast);
}

/* Footer content top grid spacing */
.footer .footer__content-top {
  padding-bottom: 4rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
  margin-bottom: 3rem;
}

/* Footer bottom section */
.footer .footer__content-bottom {
  padding-top: 0;
}

/* ============================================================
   PRODUCT PAGE ENHANCEMENTS
   ============================================================ */

/* Collapsible tabs luxury styling */
.product .accordion summary {
  font-family: var(--font-body) !important;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1.15rem;
  padding: 2rem 0;
  border-top: 1px solid var(--eclat-border);
  transition: color var(--transition-fast);
}

.product .accordion summary:hover {
  color: var(--eclat-gold);
}

.product .accordion .accordion__content {
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.9;
  color: var(--eclat-text-light);
  padding-bottom: 2rem;
}

.product .accordion .accordion__content strong {
  font-weight: 500;
  color: var(--eclat-navy);
}

/* Share button styling */
.product .share-button {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1rem;
}

/* Related products heading */
.related-products .related-products__heading {
  font-family: var(--font-heading) !important;
  text-align: center;
  color: var(--eclat-navy);
}