/** Shopify CDN: Minification failed

Line 787:0 All "@import" rules must come first

**/
/* ============================================================
   AERA — Custom Overrides for Dawn Theme
   Built to Evolve.
   ============================================================ */

/* ── Google Fonts Import ────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* ── CSS Variables ──────────────────────────────────────────── */
:root {
  --aera-black:       #0A0A0A;
  --aera-off-black:   #111111;
  --aera-dark:        #1A1A1A;
  --aera-mid:         #2C2C2C;
  --aera-border:      #2A2A2A;
  --aera-muted:       #6B6B6B;
  --aera-light-grey:  #B0B0B0;
  --aera-off-white:   #F5F5F3;
  --aera-white:       #FFFFFF;
  --aera-accent:      #C8A96E;
  --aera-tracking-widest: 0.22em;
  --aera-tracking-wider:  0.14em;
  --aera-tracking-wide:   0.08em;
}

/* ── Base Reset ─────────────────────────────────────────────── */
body {
  background-color: var(--aera-black) !important;
  color: var(--aera-off-white) !important;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; /* Prevent horizontal scroll/offset on mobile product pages */
}

/* ── Remove announcement bar ────────────────────────────────── */
.shopify-section-group-header-group .announcement-bar,
.announcement-bar,
#shopify-section-announcement-bar { display: none !important; }

/* ════════════════════════════════════════════════════════════
   HEADER — Single clean strip
   Default: solid black (#0A0A0A), white text
   Over hero (.aera-hero-page): transparent, white text
   After scroll: solid black, white text
   No borders, no shadows, no double layers
   ════════════════════════════════════════════════════════════ */

/* Collapse the outer color-scheme-1 wrapper — it adds a dark
   background behind the white header creating the double-bar look */
.section-header .header-wrapper {
  background-color: var(--aera-black) !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: background-color 0.35s ease !important;
}

/* The inner .header is the actual visible strip */
.section-header .header {
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Single strip height — controlled and precise */
.header-wrapper {
  background-color: var(--aera-black) !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: background-color 0.35s ease !important;
}

.header {
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  min-height: 56px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ── Header layout: AERA left, icons right, NO nav links ────── */

/* Hide all nav menu items in the header — icons only */
.header__menu,
.header__menu-item,
.list-menu--inline,
.header nav {
  display: none !important;
}

/* Desktop header layout: hamburger left, logo center, search+cart right */
@media screen and (min-width: 990px) {
  /* Hamburger — visible on desktop */
  header-drawer {
    display: flex !important;
    align-items: center;
    order: -1;
  }
  .header__icon--menu {
    display: flex !important;
  }

  /* Hide the search that sits between hamburger and logo */
  .header > details-modal.header__search {
    display: none !important;
  }

  /* Show the search inside .header__icons (right side), before cart */
  .header__icons > details-modal.header__search {
    display: flex !important;
    order: 1;
  }

  /* Cart comes after search */
  .header__icon--cart {
    order: 2;
    margin-left: 0.75rem !important;
  }
}

/* Keep the hamburger on mobile */
@media screen and (max-width: 989px) {
  .header__menu-toggle {
    display: flex !important;
  }
}

/* ── Mobile header: perfectly center the logo ────────────────
   The header grid is 'left-icons heading icons' with 1fr 2fr 1fr.
   The header-drawer has margin-left: -1.2rem (from header.liquid inline style)
   and header__icons has padding-right: 0.8rem — these are asymmetric.
   Fix: use position absolute on the heading to center it against the
   full header width, and push icons slightly right to compensate. */
@media screen and (max-width: 989px) {
  /* Make the header a positioning context */
  .header {
    position: relative !important;
  }

  /* Absolutely center the logo against the full header width */
  .header__heading,
  .header > .header__heading-link {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    justify-self: unset !important;
  }

  /* Push the icons group slightly right so they don't overlap the logo */
  .header__icons {
    padding-right: 0.4rem !important;
  }
}

/* Logo — replaced with custom AERA image mark */
.header__heading-link {
  display: flex !important;
  align-items: center !important;
}

/* Global logo rule — applies on every page (homepage, collection, product, etc.) */
.header__heading .h2,
.header__heading-link .h2 {
  font-size: 0 !important;
  color: transparent !important;
  display: inline-block !important;
  background-image: url('/cdn/shop/t/9/assets/aera-logo.webp?v=1774877083') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
  width: 72px !important;
  height: 18px !important;
  vertical-align: middle !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Icons right — search and cart only */
.header__icon,
.header__icon svg {
  color: var(--aera-white) !important;
  transition: color 0.35s ease, opacity 0.35s ease !important;
  opacity: 0.75;
}
.header__icon:hover,
.header__icon:hover svg {
  color: var(--aera-white) !important;
  opacity: 1;
}

/* Hide the "Log in" account link from header */
.header__icon--account {
  display: none !important;
}

/* ── Header always solid dark — never transparent ─────────── */
/* The header bar is always opaque: solid #0A0A0A at all times.
   Even over the hero image, the header strip is a visible dark bar.
   Text and icons remain white at all times. */
.aera-hero-page .header-wrapper,
.aera-hero-page .section-header .header-wrapper {
  background-color: var(--aera-black) !important;
  border-bottom: none !important;
}

.aera-hero-page .header__heading-link,
.aera-hero-page .header__heading .h2,
.aera-hero-page .header__icon,
.aera-hero-page .header__icon svg {
  color: var(--aera-white) !important;
}

/* ── Solid state after scroll (class removed = default solid) ── */
/* Default solid state is already set above — no extra rules needed */

/* ── Footer ─────────────────────────────────────────────────── */
.footer {
  background-color: var(--aera-off-black) !important;
  border-top: 1px solid var(--aera-border) !important;
}

.footer__content-top,
.footer__content-bottom {
  background-color: var(--aera-off-black) !important;
}

.footer-block__heading {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--aera-white) !important;
}

.footer-block__list a,
.footer__list a {
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  color: var(--aera-muted) !important;
  transition: color 0.3s ease !important;
}

.footer-block__list a:hover,
.footer__list a:hover {
  color: var(--aera-light-grey) !important;
}

.footer__copyright {
  font-size: 0.6875rem !important;
  letter-spacing: 0.08em !important;
  color: var(--aera-muted) !important;
}

/* ── Buttons ────────────────────────────────────────────────── */
.button,
.btn,
button[type="submit"] {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}

.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--aera-white) !important;
  color: var(--aera-black) !important;
  border: 1px solid var(--aera-white) !important;
}
.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: transparent !important;
  color: var(--aera-white) !important;
}

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

/* ── Product Cards ──────────────────────────────────────────── */
.card-wrapper,
.card {
  background-color: var(--aera-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.card__heading,
.card__heading a {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--aera-white) !important;
}

.price,
.price__regular,
.price__sale {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: var(--aera-light-grey) !important;
  letter-spacing: 0.04em !important;
}

.card__media img {
  transition: transform 0.6s ease !important;
}
.card-wrapper:hover .card__media img {
  transform: scale(1.03) !important;
}

/* Remove badges */
.badge,
.card__badge { display: none !important; }

/* ── Section backgrounds ────────────────────────────────────── */
.color-scheme-1,
[data-color-scheme="scheme-1"] {
  background-color: var(--aera-black) !important;
  color: var(--aera-off-white) !important;
}

.color-scheme-2,
[data-color-scheme="scheme-2"] {
  background-color: var(--aera-off-black) !important;
  color: var(--aera-off-white) !important;
}

.color-scheme-3,
[data-color-scheme="scheme-3"] {
  background-color: var(--aera-dark) !important;
  color: var(--aera-off-white) !important;
}

/* ── Headings ───────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--aera-white) !important;
}

/* ── Section titles (collection, featured, etc.) ────────────── */
.title,
.collection__title,
.section-header__title {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--aera-muted) !important;
}

/* ── Rich text / page content ───────────────────────────────── */
.rte p,
.page-width p {
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  color: var(--aera-light-grey) !important;
}

/* ── Forms & Inputs ─────────────────────────────────────────── */
input,
textarea,
select {
  background-color: var(--aera-dark) !important;
  color: var(--aera-off-white) !important;
  border: 1px solid var(--aera-border) !important;
  border-radius: 0 !important;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.875rem !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--aera-muted) !important;
  letter-spacing: 0.04em !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--aera-light-grey) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── Cart drawer ────────────────────────────────────────────── */
cart-drawer,
.cart-drawer {
  background-color: var(--aera-off-black) !important;
  border-left: 1px solid var(--aera-border) !important;
}

.cart-drawer__header {
  border-bottom: 1px solid var(--aera-border) !important;
}

/* ── Dividers ───────────────────────────────────────────────── */
hr,
.section-divider {
  border-color: var(--aera-border) !important;
}

/* ── Seal sections below hero — prevent fixed image bleed ─── */
/*
 * The hero image is position:fixed at z-index:-1.
 * Any section with a transparent or semi-transparent background
 * will show the hero image through it.
 * This rule ensures every .shopify-section that is NOT the hero
 * section has a fully opaque background, sealing the image beneath.
 */
.shopify-section:not(.shopify-section-group-header-group):not(.section-aera-hero) {
  position: relative;
  z-index: 1;
  background-color: var(--aera-black);
}

/* Footer group also needs to be sealed */
.shopify-section-group-footer-group {
  position: relative;
  z-index: 1;
  background-color: var(--aera-off-black);
}

/* ── Remove default Dawn clutter ────────────────────────────── */
.newsletter-section,
.email-signup-banner { display: none !important; }

/* ── Scroll Fade-In ─────────────────────────────────────────── */
/*
 * Elements start invisible and slightly below their natural position.
 * .aera-fade-in triggers the transition to full opacity and position.
 * Transition is slow and restrained — 0.7s ease-out.
 * Only fires once per element (controlled by JS IntersectionObserver).
 */
.aera-fade-init {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.aera-fade-init.aera-fade-in {
  opacity: 1;
  transform: translateY(0);
}

/* ── Scrollbar (Webkit) ─────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--aera-black); }
::-webkit-scrollbar-thumb { background: var(--aera-border); }
::-webkit-scrollbar-thumb:hover { background: var(--aera-muted); }

/* ── Selection ──────────────────────────────────────────────── */
::selection {
  background-color: var(--aera-white);
  color: var(--aera-black);
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .header__heading-link {
    letter-spacing: 0.18em !important;
  }
  /* Keep font-size: 0 on mobile so the plain text stays hidden — all pages */
  .header__heading .h2,
  .header__heading-link .h2 {
    font-size: 0 !important;
    color: transparent !important;
    letter-spacing: 0 !important;
  }
}

/* ── Seal gap between collection intro and product grid ────────────── */
/* A 16px gap appears between these two sections due to theme spacing.
 * Pull the products section up to close it. */
#shopify-section-template--26274759377199__aera_products {
  margin-top: -16px !important;
}

/* Also seal any gap between hero and collection intro */
#shopify-section-template--26274759377199__aera_collection_intro {
  margin-top: -16px !important;
}


/* ══════════════════════════════════════════════════════════════
   AERA — Custom Hamburger Drawer
   ══════════════════════════════════════════════════════════════ */

/* Drawer panel */
.aera-drawer.menu-drawer {
  background-color: #0a0a0a !important;
  border-right: 1px solid #1e1e1e !important;
  width: 280px !important;
  max-width: 85vw !important;
  display: flex;
  flex-direction: column;
}

.aera-drawer .menu-drawer__inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem 1.75rem 2.5rem;
}

.aera-drawer .menu-drawer__navigation-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Main nav list */
.aera-drawer__nav {
  flex: 1;
}

.aera-drawer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aera-drawer__item {
  border-bottom: 1px solid #1e1e1e;
}

.aera-drawer__item:first-child {
  border-top: 1px solid #1e1e1e;
}

/* Top-level links */
.aera-drawer__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.1rem 0;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
  background: none;
  border: none;
  width: 100%;
  transition: color 0.2s ease;
}

.aera-drawer__link:hover {
  color: #a0a0a0;
}

.aera-drawer__link--parent {
  cursor: pointer;
}

/* Caret icon */
.aera-drawer__caret {
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}

.aera-drawer__caret svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5;
}

.aera-drawer__details[open] .aera-drawer__caret {
  transform: rotate(180deg);
}

/* Sub-list */
.aera-drawer__sublist {
  list-style: none;
  margin: 0;
  padding: 0 0 0.75rem 0.75rem;
}

.aera-drawer__subitem {
  padding: 0;
}

.aera-drawer__sublink {
  display: block;
  padding: 0.6rem 0;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0.08em;
  color: #ffffff !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.aera-drawer__sublink:hover {
  color: #a0a0a0 !important;
}

/* Social section */
.aera-drawer__social {
  margin-top: auto;
  padding-top: 2rem;
  border-top: 1px solid #1e1e1e;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.aera-drawer__social-label {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff !important;
}

.aera-drawer__social-link {
  display: flex;
  align-items: center;
  color: #ffffff !important;
  transition: color 0.2s ease;
}

.aera-drawer__social-link:hover {
  color: #a0a0a0 !important;
}

.aera-drawer__tiktok-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* ── Force all drawer text white (override theme color scheme) ── */
.aera-drawer,
.aera-drawer *,
.aera-drawer .menu-drawer__inner-container,
.aera-drawer .menu-drawer__navigation-container {
  color: #ffffff !important;
}

/* ── Fix: drawer nav was hidden by global header nav rule ─────── */
.aera-drawer .menu-drawer__navigation,
.aera-drawer .aera-drawer__nav,
.aera-drawer nav {
  display: block !important;
}

/* ── Cart: Free Shipping Notice ─────────────────────────────── */
.aera-free-shipping-notice {
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--aera-light-grey);
  text-align: center;
  margin: 0 0 1rem 0;
  padding: 0.6rem 0;
  border-top: 1px solid var(--aera-border);
  border-bottom: 1px solid var(--aera-border);
}

.aera-free-shipping-notice--unlocked {
  color: #7dba7d;
}

/* ── Product Page: Desktop Image Arrow Navigation ───────────── */
@media screen and (min-width: 750px) {
  /* ── Product Image Arrow Navigation ── */

  /* The slider-component (slider-mobile-gutter) is the positioning parent.
     It is ~764px wide; the actual image is ~740px wide with ~12px gap each side.
     We position the arrows container to match the image boundaries exactly. */
  .product__media-wrapper .slider-mobile-gutter .slider-buttons {
    display: flex !important;
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    left: 12px !important;
    right: 12px !important;
    height: auto !important;
    transform: none !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    pointer-events: none;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.25s ease;
  }

  /* Show on hover */
  .product__media-wrapper:hover .slider-mobile-gutter .slider-buttons {
    opacity: 1;
  }

  /* Ensure slider-mobile-gutter is the positioning parent for slider-buttons */
  .product__media-wrapper .slider-mobile-gutter {
    position: relative;
  }

  /* Also ensure slider-component has position relative */
  .product__media-wrapper slider-component {
    position: relative;
  }

  /* Arrow button style */
  .product__media-wrapper .slider-button {
    pointer-events: all;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(10, 10, 10, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    color: #ffffff;
    flex-shrink: 0;
  }

  .product__media-wrapper .slider-button:hover {
    background: rgba(10, 10, 10, 0.9);
  }

  /* JS controls visibility via inline style; disabled state is not used */
  .product__media-wrapper .slider-button:disabled {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Caret icon */
  .product__media-wrapper .slider-button .icon-caret {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: #ffffff;
  }

  /* Ensure the media wrapper has position relative */
  .product__media-wrapper {
    position: relative;
  }

  /* Remove the dot counter on desktop — arrows are enough */
  .product__media-wrapper .slider-counter {
    display: none !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   AERA TYPOGRAPHY REFRESH — Cormorant Garamond + Editorial System
   ═══════════════════════════════════════════════════════════════ */

/* Import Cormorant Garamond */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap');

/* ── Section header: small label + full-width hairline rule ─── */
.aera-section-header {
  width: 100%;
  padding: 0;
  margin-bottom: 2rem;
}

.aera-section-label {
  display: block;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(240, 237, 232, 0.45);
  padding: 0 0 0.75rem 0;
  /* Align with page content — match page-width padding */
  padding-left: max(1.5rem, calc((100vw - 1200px) / 2 + 1.5rem));
}

.aera-section-rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(240, 237, 232, 0.12);
  border: none;
  margin: 0;
  padding: 0;
}

/* ── Product page title — Cormorant Garamond ─────────────────── */
.product__title,
.product__title h1,
.product-title,
h1.product__title {
  font-family: 'Cormorant Garamond', 'Cormorant', Georgia, serif !important;
  font-size: clamp(1.6rem, 3.5vw, 2.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  color: var(--aera-white) !important;
}

/* ── Product card title — tighter, more editorial ────────────── */
.card__heading,
.card__heading a,
.card__heading h3 {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(240, 237, 232, 0.75) !important;
}

/* ── Product card price ───────────────────────────────────────── */
.price,
.price__regular,
.price__sale,
.price-item {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  color: rgba(240, 237, 232, 0.5) !important;
}

/* ── Remove generic card hover box-shadow ────────────────────── */
.card-wrapper:hover,
.card:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* ── Product grid — original spacing preserved ──────────────── */

/* ── Quick add button — minimal ──────────────────────────────── */
.quick-add__submit,
.quick-add-modal__toggle {
  font-size: 0.5625rem !important;
  letter-spacing: 0.22em !important;
  border-radius: 0 !important;
}

/* ── Remove any remaining rounded corners globally ───────────── */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* Restore specific exceptions that need rounding */
.shopify-payment-button__button--branded {
  border-radius: 4px !important;
}



/* ── Essentials section rule — ensure full-width visibility ─── */
.aera-section-header {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 2rem !important;
  display: block !important;
}

.aera-section-label {
  display: block !important;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(240, 237, 232, 0.45) !important;
  padding: 0 0 0.75rem 1.5rem !important;
}

.aera-section-rule {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(240, 237, 232, 0.18) !important;
  border: none !important;
  border-top: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ── Cart quantity badge — white circle, black number ───────── */
.cart-count-bubble {
  background-color: #FFFFFF !important;
  color: #0a0a0a !important;
  border: none !important;
  height: 1.4rem !important;
  width: 1.4rem !important;
  border-radius: 100% !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}