body.information-information-23 header.scroll-fix {
      display: none !important;
    }

    /* Hide the specific Ethos Creations footer */

    body.information-information-23 .ethos-footer {
      display: none !important;
    }

    /* CSS @import as fallback font loader */
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');

    /* ============================================================
       DESIGN TOKENS
    ============================================================ */
    :root {
      --purple-primary: #7B5CA4;
      --purple-deep: #1E1229;
      --purple-pale: #EAE0F7;
      --purple-gray: #C9C2D2;
      --purple-accent: #B58FDE;
      --brown-dark: #3A2A28;
      --cream: #E9DFC9;
      --white: #FFFFFF;

      /* Cormorant Garamond everywhere — matches Cotoris Garamond reference */
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-base: 'Cormorant Garamond', Georgia, serif;
      --max-w: 1280px;
      --section-pad: 80px 40px;
      --card-radius: 4px;
      --transition: 0.3s ease;
    }

    /* ============================================================
       RESET & BASE
    ============================================================ */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-base) !important;
      font-size: 18px !important;
      color: var(--brown-dark) !important;
      background: var(--white) !important;
      overflow-x: hidden !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      font-synthesis: none !important;
      /* prevent browser from faking weights */
      text-rendering: optimizeLegibility !important;
    }

    a {
      color: inherit !important;
      text-decoration: none !important;
      cursor: pointer !important;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    ul {
      list-style: none !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .eth-cfy-heading,
    .eth-bs-heading,
    .eth-sc-heading,
    .eth-lab-excellence-heading,
    .eth-instagram-strip-heading,
    .eth-footer-col-heading {
      font-weight: 600 !important;
    }

    /* ============================================================
       UTILITY
    ============================================================ */
    .eth-container {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 0 40px;
    }

    .eth-reveal {
      opacity: 1;
      transform: none;
      transition: opacity 0.75s ease, transform 0.75s ease;
    }

    .eth-reveal.visible {
      opacity: 1;
      transform: none;
    }

    /* ============================================================
       DIAMOND ICON SVG (inline, reused via CSS background)
    ============================================================ */
    .eth-diamond-icon {
      display: inline-block;
      width: 28px;
      height: 28px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20,2 38,14 20,38 2,14' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpolygon points='20,2 38,14 20,22 2,14' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
    }

    .eth-diamond-icon-dark {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20,2 38,14 20,38 2,14' fill='none' stroke='%237B5CA4' stroke-width='2'/%3E%3Cpolygon points='20,2 38,14 20,22 2,14' fill='none' stroke='%237B5CA4' stroke-width='1.5'/%3E%3C/svg%3E");
    }

    .eth-diamond-icon-cream {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20,2 38,14 20,38 2,14' fill='none' stroke='%233A2A28' stroke-width='2'/%3E%3Cpolygon points='20,2 38,14 20,22 2,14' fill='none' stroke='%233A2A28' stroke-width='1.5'/%3E%3C/svg%3E");
    }

    /* ============================================================
       HEADER
    ============================================================ */
    header {
      position: sticky;
      top: 0;
      z-index: 1000;
      box-shadow: 0 2px 20px rgba(30, 18, 41, 0.18);
    }

    /* Hide default legacy OpenCart top bars & duplicate header elements */
    nav#top,
    .t-bar,
    #pt-menu-3083,
    #pt-menu-8161,
    .scroll-fix>nav#top,
    #form-currency,
    .box-top,
    .header-dropdown,
    #search-by-category {
      display: none !important;
    }

    /* Utility bar */
    .eth-utility-bar {
      background: var(--purple-primary) !important;
      color: var(--white) !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      padding: 8px 0 !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    }

    .eth-utility-bar .eth-container {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
    }

    .eth-utility-bar-contact {
      color: var(--white) !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      transition: color var(--transition) !important;
      text-decoration: none !important;
    }

    .eth-utility-bar-contact:hover {
      color: var(--purple-pale) !important;
    }

    .eth-utility-bar-right {
      display: flex;
      align-items: center;
      gap: 16px;
      position: relative;
    }

    .eth-utility-dropdown-wrap {
      position: relative;
    }

    .eth-utility-dropdown-btn {
      background: transparent;
      border: none;
      color: var(--white);
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0;
      border-radius: 0;
      box-shadow: none;
      outline: none;
      transition: opacity var(--transition);
    }

    .eth-utility-dropdown-btn:hover {
      background: transparent;
      opacity: 0.85;
      color: var(--white);
    }

    .eth-utility-dropdown-menu {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 0;
      background: var(--white);
      color: var(--brown-dark);
      border: 1px solid #EAE0F7;
      border-radius: 4px;
      box-shadow: 0 8px 24px rgba(30, 18, 41, 0.18);
      min-width: 140px;
      display: none;
      flex-direction: column;
      z-index: 1050;
      overflow: hidden;
    }

    /* Invisible hover bridge to prevent menu from hiding during mouse movement */
    .eth-utility-dropdown-wrap::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      height: 12px;
    }

    .eth-utility-dropdown-wrap:hover .eth-utility-dropdown-menu,
    .eth-utility-dropdown-wrap.open .eth-utility-dropdown-menu,
    .eth-utility-dropdown-menu.open {
      display: flex;
    }

    .eth-utility-dropdown-item {
      padding: 10px 16px;
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--brown-dark);
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: background var(--transition), color var(--transition);
      text-decoration: none;
    }

    .eth-utility-dropdown-item:hover {
      background: var(--purple-pale);
      color: var(--purple-deep);
    }

    /* Logo bar */
    .eth-logo-bar {
      background: var(--white) !important;
      padding: 14px 0 !important;
      border-bottom: 1px solid #f0eaf8 !important;
    }

    .eth-logo-bar .eth-container {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
    }

    .eth-logo-bar-left {
      flex: 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
    }

    .eth-logo-bar-right {
      flex: 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
    }

    /* Pill Search Bar */
    .eth-header-search-pill {
      display: flex !important;
      align-items: center !important;
      width: clamp(140px, 22vw, 240px) !important;
      height: 38px !important;
      border: 2px solid var(--purple-primary) !important;
      border-radius: 999px !important;
      padding: 0 14px !important;
      background: var(--white) !important;
      transition: border-color var(--transition), box-shadow var(--transition) !important;
    }

    .eth-header-search-pill:focus-within {
      border-color: var(--purple-accent);
      box-shadow: 0 0 0 3px rgba(123, 82, 165, 0.15);
    }

    .eth-header-search-icon {
      width: 18px;
      height: 18px;
      color: var(--purple-primary);
      flex-shrink: 0;
      margin-right: 8px;
    }

    .eth-header-search-input {
      border: none;
      background: transparent;
      outline: none;
      font-family: var(--font-base);
      font-size: 14px;
      color: var(--brown-dark);
      width: 100%;
      padding: 0;
    }

    .eth-header-search-input::placeholder {
      color: #999999;
      font-size: 13px;
    }

    .eth-header-icon-btn {
      background: none;
      border: none;
      cursor: pointer;
      color: var(--purple-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 6px;
      border-radius: 50%;
      transition: background var(--transition);
    }

    .eth-header-icon-btn:hover {
      background: var(--purple-pale);
    }

    .eth-header-icon-btn svg {
      width: 22px;
      height: 22px;
    }

    /* Logo lockup — icon left, text-stack right */
    .eth-logo-lockup {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
    }

    .eth-logo-icon-wrap {
      flex-shrink: 0;
      width: 48px;
      height: 48px;
    }

    .eth-logo-text-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1;
      gap: 3px;
    }

    .eth-logo-wordmark {
      font-family: var(--font-display);
      font-size: 30px;
      font-weight: 500;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: var(--purple-primary);
      line-height: 1;
    }

    .eth-logo-sub {
      font-family: var(--font-base);
      font-size: 10px;
      letter-spacing: 8px;
      text-transform: uppercase;
      color: var(--purple-gray);
      font-weight: 400;
    }

    .eth-wishlist-wrap {
      position: relative;
    }

    .eth-wishlist-badge {
      position: absolute;
      top: -2px;
      right: -2px;
      background: var(--purple-primary);
      color: var(--white);
      font-size: 8px;
      font-family: var(--font-base);
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }

    /* Nav bar */
    .eth-nav-bar {
      background: var(--purple-primary) !important;
      padding: 0 !important;
    }

    .eth-nav-bar .eth-container {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
    }

    .eth-nav-link {
      color: var(--white) !important;
      font-family: var(--font-base) !important;
      font-size: 17px !important;
      font-weight: 600 !important;
      letter-spacing: 2px !important;
      padding: 14px 28px !important;
      display: inline-block !important;
      position: relative !important;
      transition: color var(--transition) !important;
    }

    .eth-nav-link::after {
      content: '';
      position: absolute;
      bottom: 10px;
      left: 28px;
      right: 28px;
      height: 1px;
      background: var(--purple-accent);
      transform: scaleX(0);
      transition: transform var(--transition);
    }

    .eth-nav-link:hover {
      color: var(--purple-pale);
    }

    .eth-nav-link:hover::after {
      transform: scaleX(1);
    }

    /* Clean triangle dropdown arrow for top menu links */
    .eth-nav-bar .pt-menu.horizontal-menu .ul-top-items .li-top-item > .a-top-link i {
      display: inline-block !important;
      width: 0 !important;
      height: 0 !important;
      border-left: 4px solid transparent !important;
      border-right: 4px solid transparent !important;
      border-top: 5px solid #ffffff !important;
      border-bottom: none !important;
      background: transparent !important;
      margin-left: 6px !important;
      vertical-align: middle !important;
      transition: transform 0.25s ease, opacity 0.2s ease, border-top-color 0.2s ease !important;
      transform-origin: 50% 35% !important;
      opacity: 0.9 !important;
    }

    .eth-nav-bar .pt-menu.horizontal-menu .ul-top-items .li-top-item > .a-top-link i::before {
      content: none !important;
      display: none !important;
    }

    .eth-nav-bar .pt-menu.horizontal-menu .ul-top-items .li-top-item:hover > .a-top-link i {
      transform: rotate(180deg) !important;
      border-top-color: #f7edff !important;
      background: transparent !important;
      opacity: 1 !important;
    }

    /* Mobile hamburger */
    .eth-hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 6px;
      z-index: 1001;
      width: 32px;
      height: 32px;
    }

    .eth-hamburger span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--white);
      border-radius: 2px;
      transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
    }

    .eth-hamburger.active span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
      background: var(--gold);
    }

    .eth-hamburger.active span:nth-child(2) {
      opacity: 0;
    }

    .eth-hamburger.active span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
      background: var(--gold);
    }

    /* ============================================================
       HERO
    ============================================================ */
    .eth-hero {
      position: relative;
      height: min(88vh, 720px);
      overflow: hidden;
    }

    /* Hero video background */
    .eth-hero-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: brightness(0.85);
      z-index: 0;
    }

    .eth-hero-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%;
      display: block;
      filter: brightness(0.82);
    }

    .eth-hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom,
          rgba(30, 18, 41, 0.18) 0%,
          rgba(30, 18, 41, 0.08) 40%,
          rgba(30, 18, 41, 0.38) 100%);
      z-index: 1;
    }

    /* Centered top lockup */
    .eth-hero-top-lockup {
      position: absolute;
      top: 52px;
      left: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      text-align: center;
    }

    .eth-hero-top-lockup .eth-diamond-icon {
      width: 36px;
      height: 36px;
      margin-bottom: 4px;
    }

    /* Hero overlay text */
    .eth-hero-top-wordmark {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 8px;
      text-transform: uppercase;
      color: var(--white);
      text-shadow: 0 1px 8px rgba(30, 18, 41, 0.5);
    }

    .eth-hero-top-tagline {
      font-size: 10px;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.88);
      font-weight: 300;
    }

    /* Bottom-left script */
    .eth-hero-script {
      position: absolute;
      bottom: 48px;
      left: 52px;
      font-family: var(--font-display);
      font-size: clamp(45px, 5.5vw, 80px);
      font-style: italic;
      font-weight: 300;
      color: var(--white);
      text-shadow: 0 2px 18px rgba(30, 18, 41, 0.55);
      line-height: 1.08;
    }

    /* Bottom-right link */
    .eth-hero-video-link {
      position: absolute;
      bottom: 52px;
      right: 52px;
      font-family: var(--font-base);
      font-size: 10px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--white);
      text-decoration: underline;
      text-underline-offset: 4px;
      opacity: 0.88;
      transition: opacity var(--transition);
    }

    .eth-hero-video-link:hover {
      opacity: 1;
      color: var(--purple-pale);
    }

    /* Hero Play/Pause Button */
    .eth-hero-play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: rgba(30, 18, 41, 0.55);
      border: 1px solid rgba(255, 255, 255, 0.4);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 3;
      transition: all 0.3s ease;
      backdrop-filter: blur(4px);
    }

    .eth-hero-play-btn:hover {
      background: rgba(212, 175, 55, 0.8);
      border-color: #D4AF37;
      transform: translate(-50%, -50%) scale(1.1);
    }

    .eth-hero-play-btn svg {
      width: 22px;
      height: 22px;
      margin-left: 2px;
    }

    /* Video scrub timeline bar at bottom */
    .eth-hero-bottom-bar {
      position: absolute;
      bottom: 16px;
      left: 32px;
      right: 32px;
      z-index: 3;
      display: flex;
      align-items: center;
    }

    .eth-hero-progress-track {
      width: 100%;
      height: 4px;
      background: rgba(255, 255, 255, 0.35);
      border-radius: 2px;
      position: relative;
      cursor: pointer;
    }

    .eth-hero-progress-fill {
      height: 100%;
      width: 0%;
      background: #ffffff;
      border-radius: 2px;
      transition: width 0.1s linear;
    }

    .eth-hero-progress-thumb {
      position: absolute;
      top: 50%;
      left: 0%;
      transform: translate(-50%, -50%);
      width: 12px;
      height: 12px;
      background: #ffffff;
      border-radius: 50%;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    }

    /* ============================================================
       CAROUSEL SHARED
    ============================================================ */
    .eth-carousel-section {
      overflow: hidden;
    }

    .eth-carousel-track {
      display: flex;
      gap: 20px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      padding-bottom: 8px;
    }

    .eth-carousel-track::-webkit-scrollbar {
      display: none;
    }

    .eth-carousel-item {
      scroll-snap-align: start;
      flex-shrink: 0;
    }

    /* Progress bar */
    .eth-carousel-progress {
      margin-top: 20px;
      height: 5px;
      background: rgba(255, 255, 255, 0.28);
      border-radius: 0;
      position: relative;
      overflow: hidden;
    }

    .eth-carousel-progress-fill {
      height: 100%;
      background: var(--purple-deep);
      border-radius: 0;
      width: 33%;
      transition: width 0.15s linear;
    }

    /* Best Sellers progress bar: white track with purple fill (matches reference) */
    .eth-best-sellers .eth-carousel-progress {
      background: #FFFFFF;
      height: 15px;
    }

    .eth-best-sellers .eth-carousel-progress-fill {
      background: var(--purple-accent);
    }

    .eth-shop-category .eth-carousel-progress {
      background: #EAE0F7;
      height: 15px;
      margin-top: 28px;
    }

    .eth-shop-category .eth-carousel-progress-fill {
      background: var(--purple-deep);
    }

    /* Drag cursor on carousels */
    .eth-carousel-track {
      cursor: grab;
    }

    .eth-carousel-track.eth-is-dragging {
      cursor: grabbing;
      scroll-snap-type: none;
      user-select: none;
    }

    /* Product card shared */
    .eth-product-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }

    .eth-product-card-img-wrap {
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border-radius: var(--card-radius);
      position: relative;
    }

    .eth-product-card-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.5s ease;
    }

    .eth-product-card:hover .eth-product-card-img-wrap img {
      transform: scale(1.05);
    }

    .eth-product-card-name {
      font-family: var(--font-base);
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 2px;
      text-align: center;
    }

    /* ============================================================
       SECTION A — HERO (already done above)
       SECTION B — CREATED FOR YOU
    ============================================================ */
    .eth-created-for-you {
      background: var(--purple-primary) !important;
      color: var(--white) !important;
      padding: 64px 0 0 !important;
      padding-bottom: 64px !important;
    }

    .eth-cfy-top {
      display: flex !important;
      align-items: flex-start !important;
      justify-content: space-between !important;
      gap: 60px !important;
      margin-bottom: 48px !important;
    }

    /* Left: big heading + Holiday 2026 below */
    .eth-cfy-left {
      flex-shrink: 0 !important;
    }

    .eth-cfy-heading {
      font-family: var(--font-display) !important;
      font-size: clamp(48px, 5.5vw, 77px) !important;
      font-weight: 300 !important;
      font-style: italic !important;
      line-height: 1.08 !important;
      letter-spacing: 0px !important;
    }

    .eth-cfy-sub {
      font-family: var(--font-base);
      font-size: 15px;
      letter-spacing: 5px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.85);
      margin-top: 14px;
      font-weight: 600;
    }

    /* Right: HOLIDAY label + description paragraph */
    .eth-cfy-right {
      max-width: 380px;
      padding-top: 8px;
    }

    .eth-cfy-sub-right {
      font-family: var(--font-base);
      font-size: 14px;
      letter-spacing: 6px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.75);
      margin-bottom: 12px;
      font-weight: 600;
      display: block;
    }

    .eth-cfy-desc {
      font-family: var(--font-base);
      font-size: 16px;
      line-height: 1.9;
      color: rgba(255, 255, 255, 0.9);
      font-weight: 400;
      text-align: justify;
    }

    /* CFY carousel — full width flush, no side padding */
    .eth-cfy .eth-carousel-track-wrap {
      padding: 0 40px;
    }

    .eth-cfy .eth-carousel-item {
      width: calc(25% - 15px);
      min-width: 240px;
    }

    /* CFY cards: taller portrait-ish images */
    .eth-cfy .eth-product-card-img-wrap {
      aspect-ratio: 3 / 4;
    }

    .eth-cfy .eth-product-card-name {
      color: var(--white);
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-top: 8px;
      text-align: center;
    }

    /* Enchanté card inside CFY carousel */
    .eth-cfy .eth-enchante-carousel-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 100%;
    }

    .eth-cfy .eth-enchante-carousel-card-img-wrap {
      width: 100%;
      aspect-ratio: 3 / 4;
      overflow: hidden;
      border-radius: var(--card-radius);
      border: 2px solid rgba(181, 143, 222, 0.6);
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
      transition: transform 0.5s ease, box-shadow var(--transition);
    }

    .eth-cfy .eth-enchante-carousel-card-img-wrap:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    }

    .eth-cfy .eth-enchante-carousel-card-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.5s ease;
    }

    .eth-cfy .eth-enchante-carousel-card-img-wrap:hover img {
      transform: scale(1.05);
    }

    .eth-cfy .eth-enchante-carousel-card-name {
      color: var(--white);
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-top: 8px;
      text-align: center;
    }

    .eth-cfy .eth-carousel-progress {
      background: #EAE0F7;
      height: 15px;
      margin-top: 28px;
      margin-bottom: 0;
      border-radius: 0;
    }

    .eth-cfy .eth-carousel-progress-fill {
      background: var(--purple-deep);
      border-radius: 0;
    }

    /* ============================================================
       SECTION C — BEST SELLERS
    ============================================================ */
    .eth-best-sellers {
      background: url('bestsellerbg.jpg') no-repeat center center / cover !important;
      padding: var(--section-pad) !important;
    }

    .eth-bs-top {
      display: flex !important;
      align-items: flex-start !important;
      justify-content: space-between !important;
      gap: 40px !important;
      margin-bottom: 44px !important;
    }

    .eth-bs-heading {
      font-family: var(--font-display) !important;
      font-size: clamp(45px, 5vw, 67px) !important;
      font-weight: 600 !important;
      color: var(--purple-deep) !important;
      flex-shrink: 0 !important;
      line-height: 1.05 !important;
    }

    /* Enchanté spotlight card — far right of heading row */
    .eth-enchante-card {
      background: var(--white);
      border: 2px solid var(--purple-accent);
      border-radius: var(--card-radius);
      overflow: hidden;
      width: 200px;
      flex-shrink: 0;
      margin-left: auto;
      box-shadow: 0 8px 28px rgba(123, 92, 164, 0.22);
      transition: transform var(--transition), box-shadow var(--transition);
    }

    .eth-enchante-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 18px 44px rgba(123, 92, 164, 0.32);
    }

    .eth-enchante-card-img {
      width: 100%;
      aspect-ratio: 3 / 4;
      object-fit: cover;
    }

    .eth-enchante-card-label {
      padding: 12px 10px;
      text-align: center;
      font-family: var(--font-base);
      font-size: 16px;
      font-style: italic;
      color: var(--purple-primary);
      letter-spacing: 1px;
    }

    /* BS carousel items */
    .eth-bs .eth-carousel-item {
      width: calc(25% - 15px);
      min-width: 200px;
    }

    /* Empty product slot */
    .eth-product-slot {
      width: 100%;
      aspect-ratio: 1 / 1;
      background: var(--white);
      border: 2px solid var(--purple-gray);
      border-radius: var(--card-radius);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .eth-product-slot-inner {
      width: 40%;
      height: 40%;
      opacity: 0.18;
    }

    /* ============================================================
       SECTION D — SHOP BY CATEGORY
    ============================================================ */
    .eth-shop-category {
      background: var(--white) !important;
      padding: var(--section-pad) !important;
    }

    .eth-sc-heading {
      font-family: var(--font-display) !important;
      font-size: clamp(38px, 4vw, 58px) !important;
      font-weight: 600 !important;
      color: var(--purple-deep) !important;
      margin-bottom: 40px !important;
      letter-spacing: 0px !important;
    }

    /* Category tile */
    .eth-category-tile {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      cursor: pointer;
    }

    .eth-category-tile-img-wrap {
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border-radius: var(--card-radius);
    }

    .eth-category-tile-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .eth-category-tile:hover .eth-category-tile-img-wrap img {
      transform: scale(1.06);
    }

    .eth-category-tile-name {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      color: var(--brown-dark);
      text-align: center;
      margin-top: 4px;
    }

    /* SC carousel items — 4 per view on desktop */
    .eth-sc .eth-carousel-item {
      width: calc(25% - 15px);
      min-width: 200px;
    }

    /* ============================================================
       SECTION E — LAB CREATED EXCELLENCE
    ============================================================ */
    .eth-lab-excellence {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: auto !important;
    }

    .eth-lab-excellence-photo {
      position: relative;
      overflow: hidden;
      max-height: 540px;
    }

    .eth-lab-excellence-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center !important;
    }

    .eth-lab-excellence-content {
      background: #E8DAC8 !important;
      padding: 44px 40px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
    }

    .eth-lab-excellence-heading {
      font-family: var(--font-display) !important;
      font-size: clamp(34px, 3.4vw, 48px) !important;
      font-weight: 600 !important;
      color: var(--brown-dark) !important;
      margin-bottom: 16px !important;
      line-height: 1.15 !important;
      text-align: center !important;
    }

    .eth-lab-excellence-icons {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 20px !important;
      margin-bottom: 20px !important;
    }

    .eth-lab-excellence-para {
      font-family: var(--font-base) !important;
      font-size: 17px !important;
      line-height: 1.7 !important;
      color: rgba(58, 42, 40, 0.85) !important;
      margin-bottom: 16px !important;
      font-weight: 600 !important;
      max-width: 560px !important;
      text-align: center !important;
    }

    .eth-lab-excellence-para:last-child {
      margin-bottom: 0 !important;
    }

    /* ============================================================
       SECTION F — INSTAGRAM STRIP
    ============================================================ */
    .eth-instagram-strip {
      background: var(--purple-primary) !important;
      padding: var(--section-pad) !important;
      text-align: center !important;
    }

    .eth-instagram-strip-heading {
      font-family: var(--font-display) !important;
      font-size: clamp(29px, 3vw, 42px) !important;
      color: var(--white) !important;
      font-weight: 600 !important;
      margin-bottom: 36px !important;
      letter-spacing: 1px !important;
    }

    .eth-ig-grid {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 36px;
    }

    .eth-ig-slot {
      width: calc((100% - 72px) / 7);
      min-width: 88px;
      max-width: 140px;
      aspect-ratio: 1 / 1;
      background: rgba(255, 255, 255, 0.14);
      border: 2px solid rgba(255, 255, 255, 0.22);
      border-radius: 2px;
      flex-shrink: 0;
      transition: background var(--transition), border-color var(--transition);
    }

    .eth-ig-slot:hover {
      background: rgba(255, 255, 255, 0.22);
      border-color: rgba(255, 255, 255, 0.45);
    }

    .eth-social-icons-row {
      display: flex;
      justify-content: center;
      gap: 20px;
    }

    .eth-social-icon-btn {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, 0.42);
      background: rgba(255, 255, 255, 0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background var(--transition), border-color var(--transition), transform var(--transition);
    }

    .eth-social-icon-btn:hover {
      background: rgba(255, 255, 255, 0.22);
      border-color: rgba(255, 255, 255, 0.7);
      transform: translateY(-3px);
    }

    .eth-social-icon-btn svg {
      width: 20px;
      height: 20px;
      fill: var(--white);
    }

    /* ============================================================
       SECTION G — FOOTER
    ============================================================ */
    footer#contact,
    footer.eth-site-footer {
      background: #6c4b82 !important;
      border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
      padding: 64px 0 48px !important;
      color: #ffffff !important;
      display: block !important;
    }

    .eth-footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1.2fr 1fr 1fr;
      gap: 48px;
    }

    .eth-footer-logo-col {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* Ghost logo lockup (matching reference image) */
    .eth-footer-ghost-logo {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .eth-footer-ghost-icon {
      flex-shrink: 0;
      width: 80px;
      height: 80px;
      opacity: 0.22;
    }

    .eth-footer-ghost-text {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }

    .eth-footer-ghost-ethos {
      font-family: var(--font-display);
      font-size: clamp(42px, 4vw, 61px);
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.22);
      line-height: 1;
    }

    .eth-footer-ghost-creations {
      font-family: var(--font-base);
      font-size: 12px;
      letter-spacing: 8px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.2);
      line-height: 1;
      margin-top: 3px;
    }

    .eth-footer-ghost-tagline {
      font-family: var(--font-base);
      font-size: 8px;
      letter-spacing: 4px;
      font-style: italic;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.16);
      margin-top: 5px;
    }

    /* Legacy footer wordmark (keep for any other uses) */
    .eth-footer-wordmark {
      font-family: var(--font-display);
      font-size: 21px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--white);
      line-height: 1;
    }

    .eth-footer-wordmark-sub {
      font-family: var(--font-base);
      font-size: 8px;
      letter-spacing: 6px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.55);
      display: block;
      margin-top: 2px;
    }

    .eth-footer-tagline {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6);
      letter-spacing: 1px;
      line-height: 1.6;
      max-width: 220px;
    }

    .eth-footer-col-heading {
      font-family: var(--font-base) !important;
      font-size: 14px !important;
      letter-spacing: 3px !important;
      text-transform: uppercase !important;
      color: var(--white) !important;
      margin-bottom: 20px !important;
      font-weight: 600 !important;
    }

    .eth-footer-col ul {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .eth-footer-col ul li a,
    .eth-footer-contact-link {
      font-family: var(--font-display) !important;
      color: rgba(255, 255, 255, 0.92) !important;
      font-size: 17px !important;
      font-weight: 600 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px !important;
      transition: color var(--transition) !important;
    }

    .eth-footer-col ul li a:hover,
    .eth-footer-contact-link:hover {
      color: var(--white);
      text-decoration-color: var(--purple-accent);
    }

    .eth-footer-contact-item {
      font-family: var(--font-display) !important;
      color: rgba(255, 255, 255, 0.92) !important;
      font-size: 17px !important;
      font-weight: 600 !important;
      margin-bottom: 8px !important;
      line-height: 1.5 !important;
    }

    .eth-footer-contact-item svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      margin-top: 3px;
      fill: var(--purple-accent);
    }

    /* ============================================================
       SECTION H — CERTIFICATION BAR
    ============================================================ */
    .eth-cert-bar {
      background: var(--purple-primary) !important;
      padding: 0 !important;
    }

    .eth-cert-strip {
      background: #F4EFE6 !important;
      padding: 14px 0 !important;
    }

    .eth-cert-badges {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px 20px !important;
      margin-bottom: 0 !important;
    }

    .eth-cert-badge-img {
      height: 36px !important;
      max-height: 40px !important;
      width: auto !important;
      max-width: 120px !important;
      object-fit: contain !important;
      display: block !important;
      mix-blend-mode: multiply !important;
      transition: transform var(--transition), opacity var(--transition) !important;
    }

    .eth-cert-badge-img:hover {
      transform: translateY(-2px) !important;
      opacity: 0.85 !important;
    }

    .eth-cert-copyright-bar {
      background: var(--purple-primary) !important;
      padding: 16px 0 !important;
    }

    .eth-cert-copyright {
      text-align: center !important;
      font-size: 13px !important;
      letter-spacing: 1.5px !important;
      color: var(--white) !important;
      font-weight: 500 !important;
    }

    /* ============================================================
       RESPONSIVE
    ============================================================ */
    @media (max-width: 900px) {
      :root {
        --section-pad: 56px 24px;
      }

      .eth-container {
        padding: 0 24px;
      }

      /* Header */
      .eth-utility-bar {
        display: none;
      }

      .eth-logo-bar .eth-container {
        gap: 12px;
      }

      .eth-nav-bar .eth-container {
        justify-content: flex-end;
        position: relative;
      }

      .eth-nav-links-desktop {
        display: none;
      }

      .eth-hamburger {
        display: flex;
      }

      /* Hero */
      .eth-hero-script {
        font-size: 35px;
        left: 24px;
      }

      .eth-hero-video-link {
        right: 24px;
      }

      .eth-hero-top-lockup {
        top: 28px;
      }

      /* CFY */
      .eth-cfy-top {
        flex-direction: column;
      }

      .eth-cfy-right {
        max-width: 100%;
      }

      .eth-cfy .eth-carousel-item {
        width: calc(50% - 10px);
        min-width: 150px;
      }

      /* BS */
      .eth-bs-top {
        flex-direction: column;
      }

      .eth-enchante-card {
        width: 140px;
      }

      .eth-bs .eth-carousel-item {
        width: calc(50% - 10px);
        min-width: 150px;
      }

      /* SC */
      .eth-sc .eth-carousel-item {
        width: calc(33.333% - 14px);
        min-width: 140px;
      }

      /* Lab */
      .eth-lab-excellence {
        grid-template-columns: 1fr;
      }

      .eth-lab-excellence-photo {
        height: 320px;
      }

      .eth-lab-excellence-content {
        padding: 48px 24px;
      }

      /* Footer */
      .eth-footer-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 580px) {

      .eth-cfy .eth-carousel-item,
      .eth-bs .eth-carousel-item {
        width: calc(70% - 10px);
      }

      .eth-sc .eth-carousel-item {
        width: calc(50% - 10px);
      }

      .eth-hero {
        height: 70vmax;
      }

      .eth-footer-grid {
        grid-template-columns: 1fr;
      }

      .eth-ig-slot {
        min-width: 68px;
      }
    }

    /* Mobile nav drawer */
    .eth-mobile-nav {
      display: none;
      flex-direction: column;
      background: linear-gradient(180deg, #1E1229 0%, #2D1B3E 100%) !important;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 100% !important;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
      border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
      border-bottom: 2px solid var(--gold) !important;
      z-index: 999;
      padding: 8px 0 20px 0 !important;
      animation: ethMobileSlideDown 0.3s ease-out forwards;
    }

    @keyframes ethMobileSlideDown {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .eth-mobile-nav.open {
      display: flex !important;
    }

    .eth-mobile-nav .eth-mobile-nav-link {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      color: #F8F5EE !important;
      font-family: 'Cinzel', serif !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      transition: all 0.3s ease !important;
      text-decoration: none !important;
    }

    .eth-mobile-nav .eth-mobile-nav-link:hover {
      background: rgba(212, 175, 55, 0.1) !important;
      color: #D4AF37 !important;
      padding-left: 32px !important;
    }

    .eth-mobile-nav .eth-mobile-nav-arrow {
      font-size: 18px !important;
      color: rgba(212, 175, 55, 0.6) !important;
      transition: transform 0.3s ease !important;
    }

    .eth-mobile-nav .eth-mobile-nav-link:hover .eth-mobile-nav-arrow {
      color: #D4AF37 !important;
      transform: translateX(4px) !important;
    }

    .eth-mobile-nav-footer {
      padding: 20px 24px 8px 24px !important;
      text-align: center !important;
    }

    .eth-mobile-nav-btn {
      display: inline-block !important;
      width: 100% !important;
      padding: 12px 20px !important;
      background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%) !important;
      color: #1E1229 !important;
      font-family: 'Cinzel', serif !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      border-radius: 2px !important;
      text-decoration: none !important;
      transition: opacity 0.3s ease !important;
    }

    .eth-mobile-nav-btn:hover {
      opacity: 0.9 !important;
      color: #1E1229 !important;
    }

    /* ============================================================
       CONTACT US PAGE STYLES
    ============================================================ */
    #information-contact {
      padding: 40px 15px 60px 15px;
    }
    #information-contact .box {
      text-align: center;
      padding: 30px 20px;
      margin-bottom: 25px;
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 4px 18px rgba(30, 18, 41, 0.06);
      border: 1px solid #f0eaf7;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      min-height: 180px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    #information-contact .box:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 25px rgba(108, 75, 130, 0.15);
      border-color: #dfd1ee;
    }
    #information-contact .box img,
    #information-contact .box image {
      width: 34px !important;
      height: 34px !important;
      max-width: 34px !important;
      max-height: 34px !important;
      object-fit: contain !important;
      display: inline-block !important;
      margin: 0 auto 12px auto !important;
    }
    #information-contact .box p {
      font-family: 'Montserrat', sans-serif !important;
      font-size: 13.5px !important;
      line-height: 1.6 !important;
      color: #55485E !important;
      margin: 0 !important;
      text-align: center;
    }
    #information-contact .box p b {
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-size: 21px !important;
      color: #1E1229 !important;
      font-weight: 700 !important;
      display: block;
      margin-bottom: 6px;
      letter-spacing: 0.5px;
    }
    #information-contact .box a {
      color: #7B5CA4 !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      transition: color 0.2s ease !important;
    }
    #information-contact .box a:hover {
      color: #523773 !important;
      text-decoration: underline !important;
    }
    #information-contact legend {
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-size: 32px !important;
      font-weight: 600 !important;
      color: #1E1229 !important;
      border-bottom: none !important;
      margin-bottom: 30px !important;
    }
    #information-contact .form-control {
      border-radius: 4px !important;
      border: 1px solid #dcd2e6 !important;
      padding: 10px 14px !important;
      font-family: 'Montserrat', sans-serif !important;
      font-size: 14px !important;
      box-shadow: none !important;
    }
    #information-contact .form-control:focus {
      border-color: #7B5CA4 !important;
      box-shadow: 0 0 0 2px rgba(123, 92, 164, 0.15) !important;
    }
    #information-contact .btn-primary {
      background: #7B5CA4 !important;
      border-color: #7B5CA4 !important;
      font-family: 'Montserrat', sans-serif !important;
      font-weight: 600 !important;
      letter-spacing: 1px !important;
      text-transform: uppercase !important;
      padding: 10px 30px !important;
      border-radius: 4px !important;
      transition: background 0.2s ease !important;
    }
    #information-contact .btn-primary:hover {
      background: #5c3f80 !important;
      border-color: #5c3f80 !important;
    }