/** Shopify CDN: Minification failed

Line 184:8 Expected ":"
Line 185:2 Expected "}" to go with "{"

**/
/* ===================================
   ELOR CUSTOM CSS — LUXURY THEME
   =================================== */

/* 1. GLOBAL RESET & BASE OVERRIDES */
/* (general fixes that affect the entire site) */

/* 2. HEADER & NAVIGATION */
/* (dropdowns, spacing, hover animations) */


/* 3. HERO IMAGE BANNER */
/* (fullscreen banner, text position, overlay, spacing) */


/* 4. MULTIROW COLLECTION SECTIONS */
/* (chains, bracelets, etc.) */
/* 🖤 Style for image-with-text media */
/* 🖼️ General styling for all image-with-text sections */
[class*="image-with-text__media"] {
  border-radius: 16px !important;
  overflow: hidden;
  background-color: #000 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  transition: box-shadow 0.4s ease;
}

/* ✅ Image styling inside */
[class*="image-with-text__media"] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(0.97);
  animation: fadeZoomIn 0.8s ease-out forwards;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* ✨ Hover effect: zoom + glow */
[class*="image-with-text__media"]:hover img {
  transform: scale(1.05);
}

[class*="image-with-text__media"]:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.15); /* soft glow */
}

/* 🚫 Remove any gradient/overlay */
[class*="image-with-text__media"]::before {
  background: transparent !important;
}

/* 🌫️ Fade-in animation keyframes */
@keyframes fadeZoomIn {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}



/* 5. TYPOGRAPHY SYSTEM */
/* (font weights, letter spacing, line heights) */
/* === Luxury Typography System === */
.multicolumn-card__caption,
.multicolumn__caption,
[class*="caption"] {
  letter-spacing: 0.15em;
  opacity: 0.7;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

p, .rte, .body, .text {
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: #EAEAEA !important;
}


/* 6. ANIMATIONS & MICRO INTERACTIONS */
/* (hover transitions, fade effects) */

.color-scheme-template--20487950958842__collage_PfGC8a {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* 7. RICH TEXT INTRO SECTION (ELOR HERO MESSAGE - GOLD ACCENT STYLE) */
/* (central intro statement with premium gold accent CTA) */

.shopify-section .rich-text,
.shopify-section .rich-text__content {
  background: radial-gradient(circle at 50% 10%, #111 0%, #000 100%) !important;
  color: #EDEDED !important;
  text-align: center !important;
  padding: 160px 5% 140px 5% !important;
}

.shopify-section .rich-text h2,
.shopify-section .rich-text h1 {
  font-size: 46px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 30px !important;
  color: #f5f5f5 !important;
}

.shopify-section .rich-text p {
  max-width: 600px !important;
  margin: 0 auto 30px auto !important;
  font-size: 17px !important;
  opacity: 0.85 !important;
  line-height: 1.8 !important;
}

.shopify-section .rich-text a.button {
  background: #C5A572 !important;
  color: #000000 !important;
  border: 1px solid #C5A572 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 14px 38px !important;
  font-size: 13px !important;
  transition: all 0.3s ease;
}

.shopify-section .rich-text a.button:hover {
  background: transparent !important;
  color: #C5A572 !important;
}
.shopify-section .rich-text,
.shopify-section .rich-text__content {
  background: linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
  color: #EDEDED !important;
  text-align: center !important;
  padding: 100px 5% 90px 5% !important;
}

/* Heading refinement */
.shopify-section .rich-text h2,
.shopify-section .rich-text h1 {
  font-size: 38px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 24px !important;
  color: #f5f5f5 !important;
}

/* Paragraph refinement */
.shopify-section .rich-text p {
  max-width: 600px !important;
  margin: 0 auto 28px auto !important;
  font-size: 16px !important;
  opacity: 0.85 !important;
  line-height: 1.8 !important;
  color: #dcdcdc !important;
}

/* Button styling */
.shopify-section .rich-text a.button {
  background: #C5A572 !important;           /* muted gold tone */
  color: #000000 !important;
  border: 1px solid #C5A572 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 12px 32px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  transi