/* Aurora — layout.css : header, navbar, footer, grids, safe area */

/* =================== HEADER =================== */

.theme-aurora .aurora-header {
  position: sticky;
  top: 0;
  z-index: var(--aurora-z-header);
  overflow: visible;
  background: rgba(250, 250, 247, 0.92);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid transparent;
  transition: box-shadow var(--aurora-dur-base) var(--aurora-ease),
              border-color var(--aurora-dur-base) var(--aurora-ease),
              background var(--aurora-dur-base) var(--aurora-ease),
              transform var(--aurora-dur-base) var(--aurora-ease);
}

/* Scroll progress bar */
.theme-aurora .aurora-header::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--aurora-brand-accent), var(--aurora-brand-primary));
  transform: scaleX(var(--aurora-scroll-progress, 0));
  transform-origin: left;
  transition: transform 80ms linear;
  z-index: 2;
  pointer-events: none;
}

/* Scrolled state: hide topbar, compress navbar, add elevation */
.theme-aurora .aurora-header.is-stuck,
.theme-aurora .aurora-header.is-scrolled,
.theme-aurora.aurora-scrolled .aurora-header {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  border-color: var(--aurora-border);
}
.theme-aurora .aurora-header.is-stuck .aurora-topbar {
  margin-top: -42px;
  opacity: 0;
  pointer-events: none;
  transition: margin var(--aurora-dur-base) var(--aurora-ease),
              opacity calc(var(--aurora-dur-fast) + 50ms) var(--aurora-ease);
}
.theme-aurora .aurora-topbar {
  transition: margin var(--aurora-dur-base) var(--aurora-ease),
              opacity var(--aurora-dur-base) var(--aurora-ease);
}
.theme-aurora .aurora-header.is-stuck .aurora-header__main {
  min-height: calc(var(--aurora-header-height) - 16px);
  padding-block: var(--aurora-space-2);
  transition: min-height var(--aurora-dur-base) var(--aurora-ease),
              padding var(--aurora-dur-base) var(--aurora-ease);
}
.theme-aurora .aurora-header.is-stuck .aurora-brand img.logo-image {
  max-height: 40px;
  transition: max-height var(--aurora-dur-base) var(--aurora-ease);
}
.theme-aurora .aurora-brand img.logo-image {
  transition: max-height var(--aurora-dur-base) var(--aurora-ease);
}
.theme-aurora .aurora-header__main {
  transition: min-height var(--aurora-dur-base) var(--aurora-ease),
              padding var(--aurora-dur-base) var(--aurora-ease);
}

@media (max-width: 768px) {
  .theme-aurora .aurora-header.is-stuck .aurora-topbar {
    margin-top: -36px;
  }
}

.theme-aurora .aurora-topbar {
  background: var(--aurora-brand-primary);
  color: var(--aurora-text-inverse);
  font-size: var(--aurora-fs-xs);
  letter-spacing: 0.04em;
}

.theme-aurora .aurora-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurora-space-4);
  min-height: 36px;
  padding-block: var(--aurora-space-2);
}

.theme-aurora .aurora-topbar a,
.theme-aurora .aurora-topbar .currency-pill {
  color: var(--aurora-text-inverse);
}

.theme-aurora .aurora-topbar .currency-pills {
  display: inline-flex;
  gap: var(--aurora-space-1);
}

.theme-aurora .aurora-topbar .currency-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: var(--aurora-radius-pill);
  font-size: var(--aurora-fs-xs);
  font-weight: var(--aurora-fw-medium);
  text-decoration: none;
  border: 1px solid transparent;
  opacity: 0.7;
  transition: all var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-topbar .currency-pill:hover { opacity: 1; }
.theme-aurora .aurora-topbar .currency-pill.active {
  opacity: 1;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}

.theme-aurora .aurora-topbar .phone-link {
  display: inline-flex;
  align-items: center;
  gap: var(--aurora-space-2);
  text-decoration: none;
  font-weight: var(--aurora-fw-medium);
}

/*
 * Header main row layout
 * DOM order (4 children): menu-toggle | nav-brand | nav-search | nav-actions
 *
 * Desktop (>=1024px):  one row -> [ menu | brand | search (1fr) | actions ]
 * Tablet  (768-1023px): one row -> [ menu | brand | search (1fr) | actions ] (compact)
 * Mobile  (<768px):     two rows -> [ menu | brand | actions ]
 *                                    [ search (full width)        ]
 */
.theme-aurora .aurora-header__main {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  grid-template-areas: "menu brand search actions";
  align-items: center;
  gap: var(--aurora-space-4);
  min-height: var(--aurora-header-height);
  padding-block: var(--aurora-space-3);
  /* Default style.css makes .navbar sticky z-index:200; header is already sticky. */
  position: static;
  z-index: auto;
  overflow: visible;
}

.theme-aurora .aurora-header__main > .menu-toggle  { grid-area: menu; }
.theme-aurora .aurora-header__main > .nav-brand    { grid-area: brand; }
.theme-aurora .aurora-header__main > .nav-search   { grid-area: search; min-width: 0; }
.theme-aurora .aurora-header__main > .nav-actions  { grid-area: actions; justify-self: end; }

/* Hide hamburger on wide screens — categories live in mega menu */
@media (min-width: 1024px) {
  .theme-aurora .aurora-header__main > .menu-toggle { display: none; }
  .theme-aurora .aurora-header__main {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "brand search actions";
    gap: var(--aurora-space-6);
  }
}

@media (max-width: 767px) {
  .theme-aurora .aurora-header__main {
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "menu  brand   actions"
      "search search search";
    column-gap: var(--aurora-space-3);
    row-gap: var(--aurora-space-2);
    min-height: var(--aurora-header-height-mobile);
    padding-block: var(--aurora-space-2);
  }
  .theme-aurora .aurora-header__main > .nav-brand {
    justify-self: start;
    min-width: 0;
    overflow: hidden;
  }
  .theme-aurora .aurora-header__main > .nav-brand a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
  }
}

.theme-aurora .aurora-brand {
  display: inline-flex;
  align-items: center;
}

.theme-aurora .aurora-brand img.logo-image {
  max-height: 48px;
  width: auto;
}

@media (max-width: 768px) {
  .theme-aurora .aurora-brand img.logo-image { max-height: 36px; }
}

.theme-aurora .aurora-search {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
}

.theme-aurora .aurora-search .search-form {
  display: flex;
  align-items: stretch;
  width: 100%;
  background: var(--aurora-surface-muted);
  border: 1px solid var(--aurora-border);
  border-radius: var(--aurora-radius-pill);
  padding: 4px;
  transition: border-color var(--aurora-dur-fast) var(--aurora-ease),
              box-shadow var(--aurora-dur-fast) var(--aurora-ease);
}

.theme-aurora .aurora-search .search-form:focus-within {
  border-color: var(--aurora-brand-accent);
  box-shadow: var(--aurora-shadow-focus);
}

.theme-aurora .aurora-search .search-input-wrapper {
  flex: 1;
  position: relative;
}

.theme-aurora .aurora-search .search-input {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 8px 16px;
  font-size: var(--aurora-fs-sm);
  outline: none;
  color: var(--aurora-text);
}

.theme-aurora .aurora-search .search-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--aurora-space-2);
  background: var(--aurora-brand-primary);
  color: var(--aurora-text-inverse);
  border: 0;
  border-radius: var(--aurora-radius-pill);
  padding: 8px 18px;
  font-size: var(--aurora-fs-sm);
  font-weight: var(--aurora-fw-semibold);
  cursor: pointer;
  transition: background var(--aurora-dur-fast) var(--aurora-ease);
  white-space: nowrap;
}

.theme-aurora .aurora-search .search-btn:hover {
  background: var(--aurora-brand-primary-hover);
}

.theme-aurora .aurora-search .search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: var(--aurora-surface-elevated);
  border: 1px solid var(--aurora-border);
  border-radius: var(--aurora-radius-md);
  box-shadow: var(--aurora-shadow-3);
  z-index: 50;
}

.theme-aurora .aurora-actions {
  display: flex;
  align-items: center;
  gap: var(--aurora-space-2);
}

.theme-aurora .aurora-actions .account-section,
.theme-aurora .aurora-actions .cart-link {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.theme-aurora .aurora-actions .account-section {
  z-index: 1;
}

.theme-aurora .aurora-actions .account-section:has(.account-dropdown.active) {
  z-index: calc(var(--aurora-z-header) + 10);
}

.theme-aurora .aurora-actions .account-icon,
.theme-aurora .aurora-actions .cart-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--aurora-radius-pill);
  background: var(--aurora-surface-muted);
  color: var(--aurora-brand-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  transition: background var(--aurora-dur-fast) var(--aurora-ease);
}

.theme-aurora .aurora-actions .account-icon:hover,
.theme-aurora .aurora-actions .cart-icon:hover {
  background: var(--aurora-border);
}

.theme-aurora .aurora-actions .cart-link {
  text-decoration: none;
  color: var(--aurora-text);
  font-size: var(--aurora-fs-sm);
  font-weight: var(--aurora-fw-medium);
  gap: var(--aurora-space-2);
  padding-right: var(--aurora-space-2);
}

.theme-aurora .aurora-actions .cart-text {
  display: none;
}

@media (min-width: 1024px) {
  .theme-aurora .aurora-actions .cart-text { display: inline; }
}

.theme-aurora .aurora-actions .cart-count {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--aurora-brand-accent);
  color: var(--aurora-text-inverse);
  font-size: 11px;
  font-weight: var(--aurora-fw-bold);
  border-radius: var(--aurora-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--aurora-surface-elevated);
}

.theme-aurora .aurora-actions .account-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: var(--aurora-surface-elevated);
  border: 1px solid var(--aurora-border);
  border-radius: var(--aurora-radius-md);
  box-shadow: var(--aurora-shadow-3);
  padding: var(--aurora-space-2);
  display: none;
  z-index: calc(var(--aurora-z-header) + 10);
}

.theme-aurora .aurora-actions .account-section:hover .account-dropdown,
.theme-aurora .aurora-actions .account-section.is-open .account-dropdown,
.theme-aurora .aurora-actions .account-dropdown.active {
  display: block;
}

.theme-aurora .aurora-actions .account-dropdown a {
  display: flex;
  align-items: center;
  gap: var(--aurora-space-2);
  padding: var(--aurora-space-2) var(--aurora-space-3);
  font-size: var(--aurora-fs-sm);
  color: var(--aurora-text);
  border-radius: var(--aurora-radius-sm);
  text-decoration: none;
}
.theme-aurora .aurora-actions .account-dropdown a:hover {
  background: var(--aurora-surface-muted);
  color: var(--aurora-brand-primary);
}

/* Global style.css mobile rule sets left:0 on .account-dropdown; icon is on the right,
   so the menu must stay right-aligned to avoid viewport overflow. */
@media (max-width: 768px) {
  .theme-aurora .aurora-actions .account-dropdown,
  .theme-aurora .aurora-actions .account-dropdown.active {
    left: auto;
    right: 0;
    max-width: min(280px, calc(100vw - var(--aurora-space-5) * 2));
  }
}

.theme-aurora .aurora-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: var(--aurora-text);
  font-size: 20px;
}

@media (max-width: 1023px) {
  .theme-aurora .aurora-menu-toggle { display: inline-flex; }
}

/* =================== NAVBAR (categories mega menu) =================== */

/* Default tema CSS'inde `.categories-menu { display: none }` (sadece `.active`
   class'ı ile açılır) kuralı global olarak uygulanıyor. Aurora navbar aynı
   `categories-menu` class'ını taşıdığı için (geriye dönük uyumluluk amacıyla)
   görünmez kalıyor; bu yüzden Aurora teması için varsayılan olarak görünür
   kılıyoruz. Mobilde aşağıdaki media query yine gizliyor. */
.theme-aurora .aurora-navbar,
.theme-aurora .categories-menu.aurora-navbar {
  display: block;
  background: var(--aurora-surface-elevated);
  border-bottom: 1px solid var(--aurora-border);
  position: relative; /* anchor for full-width mega panels */
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  /* Below sticky header (z-index 100) so account dropdown stays clickable. */
  z-index: 1;
}

@media (min-width: 1024px) {
  /* Above page content (hero slider uses z-index 0) so mega panels are not covered. */
  .theme-aurora .aurora-navbar,
  .theme-aurora .categories-menu.aurora-navbar {
    z-index: calc(var(--aurora-z-header) - 1);
  }
}

@media (max-width: 1023px) {
  .theme-aurora .aurora-navbar { display: none; }
}

.theme-aurora .theme-nav-drawer-head,
.theme-aurora .theme-nav-backdrop {
  display: none;
}

.theme-aurora .aurora-navbar .categories-list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--aurora-space-1);
  list-style: none;
  margin: 0;
  padding-block: var(--aurora-space-2);
}

/* IMPORTANT: category-item is NOT a positioning context — the mega panel
   must escape it and span the full navbar width. Stretch items to the full
   navbar height so moving the pointer toward the panel does not leave :hover
   in the padding gap below the link row. */
.theme-aurora .aurora-navbar .category-item {
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.theme-aurora .aurora-navbar .category-main-row {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 100%;
}

.theme-aurora .aurora-navbar .category-link {
  display: inline-flex;
  align-items: center;
  padding: var(--aurora-space-3) var(--aurora-space-4);
  font-family: var(--aurora-font-heading);
  font-size: var(--aurora-fs-sm);
  font-weight: var(--aurora-fw-medium);
  color: var(--aurora-text);
  text-decoration: none;
  border-radius: var(--aurora-radius-pill);
  position: relative;
  transition: background var(--aurora-dur-fast) var(--aurora-ease),
              color var(--aurora-dur-fast) var(--aurora-ease);
}

.theme-aurora .aurora-navbar .category-link::after {
  content: '';
  position: absolute;
  left: 18px; right: 18px; bottom: 4px;
  height: 2px;
  background: var(--aurora-brand-accent);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--aurora-dur-base) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .category-item:hover > .category-main-row .category-link::after,
.theme-aurora .aurora-navbar .category-item.is-open > .category-main-row .category-link::after {
  transform: scaleX(1);
}

.theme-aurora .aurora-navbar .category-link:hover {
  color: var(--aurora-brand-primary);
}

.theme-aurora .aurora-navbar .category-toggle-btn {
  background: transparent;
  border: 0;
  padding: var(--aurora-space-2);
  color: var(--aurora-text-muted);
  cursor: pointer;
  font-size: 12px;
  transition: transform var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .category-item:hover .category-toggle-btn,
.theme-aurora .aurora-navbar .category-item.is-open .category-toggle-btn {
  transform: rotate(180deg);
}

/* Full-width mega panel.
   NOT: Default tema (global style.css) `.mega-menu-panel` üzerinde
   `left: 50%` + `transform: translateX(-50% + var(--mega-panel-shift))` ile
   sub-860px bir paneli ortalıyor. Aurora paneli ise `left: 0; right: 0;
   width: 100%` ile zaten ortalanmış ve geniş; default `transform` override
   edilmediğinde panel kendi genişliğinin yarısı kadar SOLA kayıyor (sub-
   kategori listesi viewport dışına çıkıyor, sadece sağdaki aside CTA görünüyor).
   Bu yüzden `left: 0; right: auto` ve `transform: translateX(...)`'i burada
   açıkça override ediyoruz; `--mega-panel-shift` değişkenini koruyarak JS
   tarafındaki `alignMegaPanel` davranışı çalışmaya devam eder. */
.theme-aurora .aurora-navbar .mega-menu-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateX(var(--mega-panel-shift, 0px));
  margin-top: -8px;
  background: var(--aurora-surface-elevated);
  border: 0;
  border-top: 1px solid var(--aurora-border);
  border-bottom: 1px solid var(--aurora-border);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
  padding: var(--aurora-space-8) var(--aurora-space-5);
  display: none;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: var(--aurora-space-10);
  z-index: 50;
  max-width: var(--aurora-container-wide);
  margin-inline: auto;
  border-radius: 0 0 var(--aurora-radius-lg) var(--aurora-radius-lg);
  animation: aurora-mega-in 180ms var(--aurora-ease);
}

/* Invisible hit-area bridge from nav link row down into the panel (category-item is static). */
@media (min-width: 1024px) {
  .theme-aurora .aurora-navbar .mega-menu-panel::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    height: 20px;
  }
}

@keyframes aurora-mega-in {
  from { opacity: 0; transform: translateX(var(--mega-panel-shift, 0px)) translateY(-8px); }
  to   { opacity: 1; transform: translateX(var(--mega-panel-shift, 0px)) translateY(0); }
}

/* Legacy bridge on category-item (position:static) — kept for focus-within; panel::before is primary. */
@media (min-width: 1024px) {
  .theme-aurora .aurora-navbar .category-item.has-submenu:hover::before,
  .theme-aurora .aurora-navbar .category-item.has-submenu:focus-within::before,
  .theme-aurora .aurora-navbar .category-item.has-submenu.submenu-open::before,
  .theme-aurora .aurora-navbar .category-item.has-submenu.mega-hover-active::before {
    content: none;
  }
}

.theme-aurora .aurora-navbar .category-item.has-submenu:hover .mega-menu-panel,
.theme-aurora .aurora-navbar .category-item.has-submenu:focus-within .mega-menu-panel,
.theme-aurora .aurora-navbar .category-item.has-submenu.submenu-open .mega-menu-panel,
.theme-aurora .aurora-navbar .category-item.has-submenu.mega-hover-active .mega-menu-panel,
.theme-aurora .aurora-navbar .category-item.is-open .mega-menu-panel {
  display: grid;
}

.theme-aurora .aurora-navbar .mega-menu-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.theme-aurora .aurora-navbar .mega-menu-parent-link {
  display: inline-flex;
  align-items: center;
  gap: var(--aurora-space-2);
  font-family: var(--aurora-font-heading);
  font-size: var(--aurora-fs-md);
  font-weight: var(--aurora-fw-semibold);
  color: var(--aurora-brand-primary);
  margin-bottom: var(--aurora-space-5);
  padding-bottom: var(--aurora-space-3);
  border-bottom: 1px solid var(--aurora-border);
  text-decoration: none;
  letter-spacing: -0.01em;
}
.theme-aurora .aurora-navbar .mega-menu-parent-link::after {
  content: '→';
  margin-left: 6px;
  color: var(--aurora-brand-accent);
  transition: transform var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .mega-menu-parent-link:hover::after { transform: translateX(4px); }

.theme-aurora .aurora-navbar .mega-subcategory-list {
  list-style: none;
  margin: 0;
  padding: 0;
  /* Default tema (style.css) bu sınıfa `display: grid; grid-template-columns:
     repeat(2, minmax(0, 1fr))` uyguluyor. Aurora'da daha geniş paneli daha iyi
     kullanmak için CSS grid'i `auto-fill + minmax(170px, 1fr)` kalıbıyla
     responsive yapıyoruz: dar masaüstünde ~3 kolon, geniş ekranda 4-5 kolon.
     `column-*` (multicolumn) özelliklerini global `display: grid` ezdiği için
     burada multicolumn yerine grid yaklaşımını tercih ediyoruz. */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: var(--aurora-space-2) var(--aurora-space-6);
}

.theme-aurora .aurora-navbar .mega-subcategory-item {
  margin-bottom: var(--aurora-space-3);
  break-inside: avoid;
}

.theme-aurora .aurora-navbar .mega-subcategory-link {
  display: inline-block;
  font-size: var(--aurora-fs-sm);
  color: var(--aurora-text);
  text-decoration: none;
  padding: 4px 0;
  position: relative;
  transition: color var(--aurora-dur-fast) var(--aurora-ease),
              padding var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .mega-subcategory-link::before {
  content: '';
  position: absolute;
  left: -14px; top: 50%;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--aurora-brand-accent);
  transform: translateY(-50%) scale(0);
  transition: transform var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .mega-subcategory-link:hover {
  color: var(--aurora-brand-primary);
  padding-left: 14px;
}
.theme-aurora .aurora-navbar .mega-subcategory-link:hover::before {
  transform: translateY(-50%) scale(1);
  left: 0;
}

/* Aside CTA card */
.theme-aurora .aurora-navbar .mega-menu-aside {
  background: linear-gradient(135deg, var(--aurora-brand-primary) 0%, #0f1c3a 100%);
  color: var(--aurora-text-inverse);
  border-radius: var(--aurora-radius-md);
  padding: var(--aurora-space-6);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}
.theme-aurora .aurora-navbar .mega-menu-aside::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 10%, rgba(231, 111, 81, 0.35) 0%, transparent 60%);
  pointer-events: none;
}

.theme-aurora .aurora-navbar .mega-menu-aside-title {
  font-family: var(--aurora-font-heading);
  font-size: var(--aurora-fs-lg);
  font-weight: var(--aurora-fw-semibold);
  letter-spacing: -0.01em;
  margin: 0 0 var(--aurora-space-2);
  color: var(--aurora-text-inverse);
  position: relative;
}
.theme-aurora .aurora-navbar .mega-menu-aside-text {
  font-size: var(--aurora-fs-sm);
  color: rgba(250, 250, 247, 0.78);
  margin: 0 0 var(--aurora-space-4);
  line-height: var(--aurora-lh-base);
  position: relative;
}

.theme-aurora .aurora-navbar .mega-menu-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--aurora-space-2);
  padding: 10px 20px;
  background: var(--aurora-brand-accent);
  color: var(--aurora-text-inverse);
  border-radius: var(--aurora-radius-pill);
  font-size: var(--aurora-fs-sm);
  font-weight: var(--aurora-fw-semibold);
  text-decoration: none;
  align-self: flex-start;
  position: relative;
  transition: background var(--aurora-dur-fast) var(--aurora-ease),
              transform var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .mega-menu-cta:hover {
  background: var(--aurora-brand-accent-hover);
  transform: translateX(2px);
}
.theme-aurora .aurora-navbar .mega-menu-cta i {
  transition: transform var(--aurora-dur-fast) var(--aurora-ease);
}
.theme-aurora .aurora-navbar .mega-menu-cta:hover i { transform: translateX(3px); }

/* Mega panel scrim — dim the content underneath when any panel is open */
.theme-aurora .aurora-navbar::after {
  content: '';
  position: fixed;
  inset: var(--aurora-header-height) 0 0 0;
  background: rgba(15, 23, 42, 0.32);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--aurora-dur-base) var(--aurora-ease);
  z-index: 40;
}
.theme-aurora .aurora-navbar:has(.category-item:hover .mega-menu-panel),
.theme-aurora .aurora-navbar:has(.category-item.is-open .mega-menu-panel) {
}
.theme-aurora .aurora-navbar:has(.category-item.has-submenu:hover .mega-menu-panel)::after,
.theme-aurora .aurora-navbar:has(.category-item.has-submenu:focus-within .mega-menu-panel)::after,
.theme-aurora .aurora-navbar:has(.category-item.has-submenu.submenu-open .mega-menu-panel)::after,
.theme-aurora .aurora-navbar:has(.category-item.has-submenu.mega-hover-active .mega-menu-panel)::after,
.theme-aurora .aurora-navbar:has(.category-item.is-open .mega-menu-panel)::after {
  opacity: 1;
}

/* =================== MOBILE NAVBAR DRAWER =================== */
/*
 * Mobilde (<1024px) hamburger butonu .aurora-navbar.categories-menu öğesine
 * `.active` ekliyor (header.js:toggleMenu). Default tema style.css bu öğeyi
 * üstten tüm genişliği kaplayan bir overlay yapıyor; Aurora'da bunun yerine
 * sol kenardan kayan bir drawer + scrim kullanıyoruz.
 *
 * Önemli: header.js `updateCategoriesMenuPosition()` inline `style.top` set
 * ediyor. CSS `!important` inline non-important kuralını yener; bu yüzden
 * drawer pozisyon kuralları !important ile yazıldı.
 */

@media (max-width: 1023px) {
  .theme-aurora .aurora-navbar.categories-menu {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: min(86vw, 360px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--aurora-surface-elevated);
    box-shadow: 12px 0 32px rgba(15, 23, 42, 0.18);
    border: 0;
    border-right: 1px solid var(--aurora-border);
    border-radius: 0;
    transform: translateX(-100%);
    transition: transform 0.28s var(--aurora-ease),
                visibility 0s linear 0.28s;
    visibility: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 1100;
  }

  .theme-aurora .aurora-navbar.categories-menu.active {
    transform: translateX(0);
    visibility: visible;
    transition: transform 0.28s var(--aurora-ease),
                visibility 0s linear 0s;
  }

  /*
   * Backdrop scrim — header.js creates #theme-nav-backdrop when drawer opens.
   */

  /* Drawer header — başlık + kapatma alanı görünümü için container'ı sıfırla */
  .theme-aurora .aurora-navbar.categories-menu .aurora-container {
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .theme-aurora .aurora-navbar .categories-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
  }

  .theme-aurora .aurora-navbar .category-item {
    width: 100%;
    border-bottom: 1px solid var(--aurora-border);
    position: static;
  }

  .theme-aurora .aurora-navbar .category-item:last-child {
    border-bottom: 0;
  }

  .theme-aurora .aurora-navbar .category-main-row {
    display: flex !important;
    align-items: stretch;
    width: 100%;
    min-height: 52px;
    gap: 0;
  }

  .theme-aurora .aurora-navbar .category-link {
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    padding: 14px var(--aurora-space-5) !important;
    border-radius: 0 !important;
    font-size: var(--aurora-fs-md);
    font-weight: var(--aurora-fw-medium);
    color: var(--aurora-text);
    text-decoration: none;
    min-height: 52px;
    background: transparent;
  }

  .theme-aurora .aurora-navbar .category-link:hover,
  .theme-aurora .aurora-navbar .category-link:focus-visible {
    background: var(--aurora-surface);
    color: var(--aurora-brand-primary);
  }

  /* Mobilde alt çizgi pseudo'sunu gizle (pill-underline desktop için) */
  .theme-aurora .aurora-navbar .category-link::after {
    display: none !important;
  }

  .theme-aurora .aurora-navbar .category-toggle-btn {
    flex: 0 0 56px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 0;
    border-left: 1px solid var(--aurora-border);
    background: transparent;
    color: var(--aurora-text-muted);
    cursor: pointer;
    font-size: 14px;
    transform: none !important;
    padding: 0;
    min-height: 52px;
  }

  .theme-aurora .aurora-navbar .category-toggle-btn i {
    transition: transform 0.2s var(--aurora-ease);
    transform-origin: center;
  }

  /* JS `submenu-open` class'ını togglyor; Aurora desktop ise `is-open`/`:hover`
     üzerinden çalışıyor. Mobilde her iki state'i de destekleyelim. */
  .theme-aurora .aurora-navbar .category-item.submenu-open > .category-main-row .category-toggle-btn,
  .theme-aurora .aurora-navbar .category-item.is-open > .category-main-row .category-toggle-btn {
    color: var(--aurora-brand-primary);
    background: rgba(231, 111, 81, 0.08);
  }

  .theme-aurora .aurora-navbar .category-item.submenu-open > .category-main-row .category-toggle-btn i,
  .theme-aurora .aurora-navbar .category-item.is-open > .category-main-row .category-toggle-btn i {
    transform: rotate(180deg);
  }

  /* Mobilde yalnızca JS `submenu-open` ile açılsın — hover/focus-within devre dışı */
  .theme-aurora .aurora-navbar .category-item.has-submenu:not(.submenu-open) > .mega-menu-panel {
    display: none !important;
  }

  .theme-aurora .aurora-navbar .category-item.has-submenu.submenu-open > .mega-menu-panel {
    display: block !important;
  }

  /* Keep header (hamburger) above drawer + backdrop */
  body.theme-aurora.theme-nav-drawer-open .aurora-header,
  body.theme-aurora.theme-nav-drawer-open .texpop-header {
    z-index: 1102;
  }

  .theme-aurora .theme-nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s var(--aurora-ease);
    z-index: 1099;
  }

  .theme-aurora .theme-nav-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  body.theme-aurora.theme-nav-drawer-open {
    overflow: hidden;
  }

  .theme-aurora .theme-nav-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aurora-space-3);
    padding: var(--aurora-space-4) var(--aurora-space-4) var(--aurora-space-3);
    border-bottom: 1px solid var(--aurora-border);
    background: var(--aurora-surface-elevated);
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .theme-aurora .theme-nav-drawer-title {
    margin: 0;
    font-family: var(--aurora-font-heading);
    font-size: var(--aurora-fs-lg);
    font-weight: var(--aurora-fw-semibold);
    color: var(--aurora-text);
  }

  .theme-aurora .theme-nav-drawer-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: var(--aurora-radius-pill);
    background: transparent;
    color: var(--aurora-text-muted);
    cursor: pointer;
    font-size: 18px;
  }

  .theme-aurora .theme-nav-drawer-close:hover,
  .theme-aurora .theme-nav-drawer-close:focus-visible {
    background: var(--aurora-surface);
    color: var(--aurora-brand-primary);
  }

  .theme-aurora .aurora-navbar.categories-menu.active .categories-list::before {
    content: none;
    display: none;
  }

  /* Mega panel: mobil akordeon — tam genişlik, hizalı padding, dokunmatik satırlar */
  .theme-aurora .aurora-navbar .mega-menu-panel {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--aurora-space-4) var(--aurora-space-5) var(--aurora-space-5) !important;
    background: var(--aurora-surface-muted) !important;
    box-shadow: inset 0 1px 0 var(--aurora-border) !important;
    border: 0 !important;
    border-top: 0 !important;
    border-left: 3px solid var(--aurora-brand-accent) !important;
    border-radius: 0 !important;
    grid-template-columns: 1fr !important;
    gap: var(--aurora-space-3) !important;
    animation: none !important;
    z-index: auto;
  }

  .theme-aurora .aurora-navbar .category-item.submenu-open > .category-main-row .category-link {
    color: var(--aurora-brand-primary);
    font-weight: var(--aurora-fw-semibold);
    background: rgba(231, 111, 81, 0.06);
  }

  .theme-aurora .aurora-navbar .mega-menu-column {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .theme-aurora .aurora-navbar .mega-menu-parent-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--aurora-space-3);
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 var(--aurora-space-3) !important;
    padding: var(--aurora-space-3) var(--aurora-space-4) !important;
    font-family: var(--aurora-font-heading);
    font-size: var(--aurora-fs-sm) !important;
    font-weight: var(--aurora-fw-semibold) !important;
    color: var(--aurora-brand-primary) !important;
    background: var(--aurora-surface-elevated) !important;
    border: 1px solid var(--aurora-border) !important;
    border-bottom: 1px solid var(--aurora-border) !important;
    border-radius: var(--aurora-radius-sm) !important;
    text-decoration: none !important;
    letter-spacing: 0;
  }

  .theme-aurora .aurora-navbar .mega-menu-parent-link::after {
    content: '→';
    margin-left: auto;
    color: var(--aurora-brand-accent);
    transform: none !important;
  }

  .theme-aurora .aurora-navbar .mega-menu-parent-link:hover::after {
    transform: translateX(3px) !important;
  }

  .theme-aurora .aurora-navbar .mega-subcategory-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    grid-template-columns: none !important;
    background: var(--aurora-surface-elevated);
    border: 1px solid var(--aurora-border);
    border-radius: var(--aurora-radius-sm);
    overflow: hidden;
  }

  .theme-aurora .aurora-navbar .mega-subcategory-item {
    margin: 0 !important;
    border-bottom: 1px solid var(--aurora-border);
  }

  .theme-aurora .aurora-navbar .mega-subcategory-item:last-child {
    border-bottom: 0;
  }

  .theme-aurora .aurora-navbar .mega-subcategory-link {
    display: flex !important;
    align-items: center;
    min-height: 48px;
    box-sizing: border-box;
    padding: var(--aurora-space-3) var(--aurora-space-4) !important;
    font-size: var(--aurora-fs-md) !important;
    font-weight: var(--aurora-fw-medium);
    color: var(--aurora-text) !important;
    text-decoration: none !important;
    transition: background var(--aurora-dur-fast) var(--aurora-ease),
                color var(--aurora-dur-fast) var(--aurora-ease);
  }

  .theme-aurora .aurora-navbar .mega-subcategory-link:hover,
  .theme-aurora .aurora-navbar .mega-subcategory-link:focus-visible {
    color: var(--aurora-brand-primary) !important;
    background: rgba(231, 111, 81, 0.07);
    padding-left: var(--aurora-space-4) !important;
  }

  /* Bullet pseudo'sunu mobilde gizle (desktop dekorasyon) */
  .theme-aurora .aurora-navbar .mega-subcategory-link::before {
    display: none !important;
  }

  /* Mobilde aside CTA kartı yer kaplamasın */
  .theme-aurora .aurora-navbar .mega-menu-aside {
    display: none !important;
  }

  /* Drawer üst sahne overlay/scrim'i tetikleyen desktop ::after kuralını mobilde devre dışı bırak */
  .theme-aurora .aurora-navbar::after {
    display: none !important;
  }

  /* Hamburger butonunu drawer açıkken X'e dönüştür (CSS-only) */
  .theme-aurora .aurora-menu-toggle.active i {
    transform: rotate(90deg);
    transition: transform 0.2s var(--aurora-ease);
  }
}

/* =================== FOOTER =================== */

.theme-aurora .aurora-footer {
  background: var(--aurora-brand-primary);
  color: var(--aurora-text-inverse);
  padding-top: var(--aurora-space-16);
  margin-top: var(--aurora-space-16);
}

.theme-aurora .aurora-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--aurora-space-8);
  padding-bottom: var(--aurora-space-12);
}

.theme-aurora .aurora-footer__col h3 {
  color: var(--aurora-text-inverse);
  font-family: var(--aurora-font-body);
  font-size: var(--aurora-fs-xs);
  font-weight: var(--aurora-fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: var(--aurora-space-4);
}

.theme-aurora .aurora-footer__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--aurora-space-2);
}

.theme-aurora .aurora-footer__col a {
  color: rgba(250, 250, 247, 0.78);
  font-size: var(--aurora-fs-sm);
  text-decoration: none;
  transition: color var(--aurora-dur-fast) var(--aurora-ease);
}

.theme-aurora .aurora-footer__col a:hover {
  color: var(--aurora-brand-accent);
}

.theme-aurora .aurora-footer__brand-logo {
  max-height: 56px;
  margin-bottom: var(--aurora-space-4);
  filter: brightness(0) invert(1);
  opacity: 0.96;
}

/* Uploaded light logo for dark surfaces — no color inversion */
.theme-aurora .aurora-footer__brand-logo--native {
  filter: none;
}

/* Legacy alias */
.theme-aurora .aurora-footer__brand-logo--no-filter {
  filter: none;
}

.theme-aurora .aurora-footer__social {
  display: flex;
  gap: var(--aurora-space-2);
  margin-top: var(--aurora-space-3);
}

.theme-aurora .aurora-footer__social a {
  width: 40px;
  height: 40px;
  border-radius: var(--aurora-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  color: var(--aurora-text-inverse);
  font-size: 16px;
  transition: background var(--aurora-dur-fast) var(--aurora-ease),
              transform var(--aurora-dur-fast) var(--aurora-ease);
}

.theme-aurora .aurora-footer__social a:hover {
  background: var(--aurora-brand-accent);
  transform: translateY(-2px);
}

.theme-aurora .aurora-footer__contact {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--aurora-space-3);
}

.theme-aurora .aurora-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: var(--aurora-space-3);
  font-size: var(--aurora-fs-sm);
  color: rgba(250, 250, 247, 0.78);
}

.theme-aurora .aurora-footer__contact-item i {
  color: var(--aurora-brand-accent);
  margin-top: 4px;
}

.theme-aurora .aurora-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-block: var(--aurora-space-5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--aurora-space-3);
  font-size: var(--aurora-fs-xs);
  color: rgba(250, 250, 247, 0.6);
}

.theme-aurora .aurora-footer__bottom a {
  color: rgba(250, 250, 247, 0.6);
}

.theme-aurora .aurora-footer__bottom a:hover { color: var(--aurora-brand-accent); }

/* =================== GENERIC LAYOUT GRIDS =================== */

.theme-aurora .aurora-grid {
  display: grid;
  gap: var(--aurora-grid-gap);
}

.theme-aurora .aurora-grid--products {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

@media (min-width: 768px) {
  .theme-aurora .aurora-grid--products {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

.theme-aurora .aurora-grid--2 { grid-template-columns: repeat(2, 1fr); }
.theme-aurora .aurora-grid--3 { grid-template-columns: repeat(3, 1fr); }
.theme-aurora .aurora-grid--4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 768px) {
  .theme-aurora .aurora-grid--3,
  .theme-aurora .aurora-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .theme-aurora .aurora-grid--3,
  .theme-aurora .aurora-grid--4,
  .theme-aurora .aurora-grid--2 { grid-template-columns: 1fr; }
}

/* Sticky filter sidebar on category pages */
.theme-aurora .aurora-layout--with-sidebar {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--aurora-space-8);
  align-items: flex-start;
}

@media (max-width: 1023px) {
  .theme-aurora .aurora-layout--with-sidebar { grid-template-columns: 1fr; }
}

.theme-aurora .aurora-sidebar {
  position: sticky;
  top: calc(var(--aurora-header-height) + var(--aurora-space-4));
  max-height: calc(100vh - var(--aurora-header-height) - var(--aurora-space-8));
  overflow-y: auto;
}

@media (max-width: 1023px) {
  .theme-aurora .aurora-sidebar { position: static; max-height: none; }
}

/* =================== EDITORIAL FOOTER (4-col + newsletter) =================== */

.theme-aurora .aurora-footer--editorial {
  position: relative;
  background:
    radial-gradient(ellipse at 90% 10%, rgba(231, 111, 81, 0.10) 0%, transparent 60%),
    var(--aurora-text);
  color: var(--aurora-text-inverse);
  margin-top: var(--aurora-space-12);
  padding-bottom: 0;
}

.theme-aurora .aurora-footer__newsletter {
  background: linear-gradient(135deg, rgba(231, 111, 81, 0.18), rgba(244, 162, 97, 0.10));
  border-bottom: 1px solid rgba(250, 250, 247, 0.08);
  padding-block: var(--aurora-space-8);
}
.theme-aurora .aurora-footer__newsletter-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--aurora-space-4);
  align-items: end;
}
@media (min-width: 768px) {
  .theme-aurora .aurora-footer__newsletter-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--aurora-space-8);
  }
}
.theme-aurora .aurora-footer__newsletter-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--aurora-font-body);
  font-size: var(--aurora-fs-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--aurora-brand-accent);
  font-weight: var(--aurora-fw-semibold);
  margin-bottom: var(--aurora-space-2);
}
.theme-aurora .aurora-footer__newsletter-title {
  font-family: var(--aurora-font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: var(--aurora-text-inverse);
  margin: 0;
  font-weight: var(--aurora-fw-medium);
}
.theme-aurora .aurora-footer__newsletter-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--aurora-space-2);
  align-items: center;
  background: rgba(250, 250, 247, 0.08);
  border: 1px solid rgba(250, 250, 247, 0.14);
  border-radius: var(--aurora-radius-pill);
  padding: 6px;
  overflow: hidden;
}
.theme-aurora .aurora-footer__newsletter-form input[type="email"],
.theme-aurora .aurora-footer__newsletter-input {
  display: block;
  width: 100%;
  min-width: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none;
  color: var(--aurora-text-inverse);
  font-family: var(--aurora-font-body);
  font-size: var(--aurora-fs-md);
  padding: 12px 8px 12px 14px;
  border-radius: 0;
}
.theme-aurora .aurora-footer__newsletter-form input[type="email"]::placeholder,
.theme-aurora .aurora-footer__newsletter-input::placeholder {
  color: rgba(250, 250, 247, 0.45);
}
.theme-aurora .aurora-footer__newsletter-form input[type="email"]:focus,
.theme-aurora .aurora-footer__newsletter-input:focus {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.theme-aurora .aurora-footer__newsletter-form .aurora-btn {
  border-radius: var(--aurora-radius-pill);
  flex-shrink: 0;
  white-space: nowrap;
  box-shadow: none;
}
.theme-aurora .aurora-footer__newsletter-form .aurora-btn:hover:not(:disabled) {
  box-shadow: var(--aurora-shadow-1);
}

@media (max-width: 520px) {
  .theme-aurora .aurora-footer__newsletter-form {
    grid-template-columns: 1fr;
    border-radius: var(--aurora-radius-lg);
    padding: var(--aurora-space-3);
    gap: var(--aurora-space-3);
  }

  .theme-aurora .aurora-footer__newsletter-form .aurora-btn {
    width: 100%;
    justify-content: center;
  }
}
.theme-aurora .aurora-footer__newsletter-hint {
  grid-column: 1 / -1;
  margin: 0;
  font-size: var(--aurora-fs-xs);
  color: rgba(250, 250, 247, 0.55);
}
.theme-aurora .aurora-footer__newsletter-hint a {
  color: rgba(250, 250, 247, 0.85);
  text-decoration: underline;
}

/* Override grid: 4 columns where brand spans 2 on large screens */
.theme-aurora .aurora-footer--editorial .aurora-footer__grid {
  grid-template-columns: 1fr;
  padding-block: var(--aurora-space-10);
  gap: var(--aurora-space-8);
}
@media (min-width: 768px) {
  .theme-aurora .aurora-footer--editorial .aurora-footer__grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
  }
  .theme-aurora .aurora-footer--editorial .aurora-footer__col--brand {
    grid-column: span 1;
  }
}
@media (min-width: 1280px) {
  .theme-aurora .aurora-footer--editorial .aurora-footer__grid {
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr;
  }
}

.theme-aurora .aurora-footer__about {
  color: rgba(250, 250, 247, 0.72);
  font-size: var(--aurora-fs-sm);
  line-height: var(--aurora-lh-base);
  margin: var(--aurora-space-3) 0 var(--aurora-space-4);
  max-width: 32ch;
}

.theme-aurora .aurora-footer--editorial .aurora-footer__col h3 {
  font-family: var(--aurora-font-heading);
  font-style: italic;
  font-size: var(--aurora-fs-md);
  letter-spacing: -0.005em;
  margin-bottom: var(--aurora-space-3);
  text-transform: none;
  color: var(--aurora-text-inverse);
  position: relative;
  padding-bottom: 6px;
}
.theme-aurora .aurora-footer--editorial .aurora-footer__col h3::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 28px;
  height: 2px;
  background: var(--aurora-brand-accent);
  border-radius: 2px;
}

.theme-aurora .aurora-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--aurora-space-3);
  padding-block: var(--aurora-space-5);
  border-top: 1px solid rgba(250, 250, 247, 0.08);
}
.theme-aurora .aurora-footer__payments {
  display: flex;
  gap: var(--aurora-space-3);
  align-items: center;
  font-size: 1.5rem;
  color: rgba(250, 250, 247, 0.55);
}
.theme-aurora .aurora-footer__payments i:hover {
  color: var(--aurora-brand-accent);
}