/*
Theme Name: Noctis Aurum Clean
Theme URI: https://noctisaurum.de
Author: Noctis Aurum
Description: Clean luxury front page styling for Noctis Aurum.
Version: 1.0.1
Text Domain: noctis-aurum
*/

:root {
  --na-ivory: #f7efe3;
  --na-cream: #fffaf2;
  --na-stone: #d8d1c4;
  --na-champagne: #e7d3ad;
  --na-gold: #b88734;
  --na-gold-soft: #d4ae62;
  --na-brown: #2a211a;
  --na-taupe: #786957;
  --na-night: #100e0c;
  --na-night-soft: #1f1813;
  --na-line: rgba(184, 135, 52, 0.30);

  --na-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --na-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --na-radius: 30px;
  --na-shadow: 0 26px 80px rgba(42, 33, 26, 0.13);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--na-brown);
  background: var(--na-night);
  font-family: var(--na-sans);
  line-height: 1.7;
}

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

a {
  color: inherit;
}

.na-container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.na-narrow {
  width: min(850px, calc(100% - 40px));
  text-align: center;
}

.na-kicker {
  margin: 0 0 18px;
  color: var(--na-gold);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.na-monogram {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  margin-bottom: 26px;
  border: 1px solid rgba(184, 135, 52, 0.22);
  border-radius: 50%;
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.78);
  font-family: var(--na-serif);
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0 20px 70px rgba(184, 135, 52, 0.18);
}

/* Header */
.na-site-header {
  position: fixed;
  top: 22px;
  left: 50%;
  z-index: 30;
  width: min(1040px, calc(100% - 48px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 13px 18px;
  border: 1px solid rgba(184, 135, 52, 0.26);
  border-radius: 999px;
  background: rgba(244, 238, 226, 0.84);
  box-shadow: 0 18px 58px rgba(16, 14, 12, 0.18);
  backdrop-filter: blur(18px);
  transform: translateX(-50%);
}

.na-site-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--na-gold);
  text-decoration: none;
}

.na-site-brand span {
  font-family: var(--na-serif);
  font-size: 2rem;
  line-height: 1;
}

.na-site-brand small {
  color: var(--na-brown);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.na-menu,
.na-footer-menu {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.na-menu a,
.na-footer-menu a {
  color: var(--na-brown);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

.na-menu a:hover,
.na-footer-menu a:hover {
  color: var(--na-gold);
}

/* Hero */
.na-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  padding: 128px 0 86px;
  background:
    linear-gradient(90deg, rgba(247, 239, 227, 0.96) 0%, rgba(247, 239, 227, 0.80) 43%, rgba(247, 239, 227, 0.44) 100%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
}

.na-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 24% 48%, rgba(255, 250, 242, 0.78), transparent 32%),
    radial-gradient(circle at 82% 28%, rgba(184, 135, 52, 0.16), transparent 34%);
}

.na-hero::after {
  content: "";
  position: absolute;
  inset: 26px;
  border: 1px solid rgba(184, 135, 52, 0.28);
  border-radius: 34px;
  pointer-events: none;
}

.na-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 70px;
  align-items: center;
}

.na-hero__title,
.na-section h2 {
  margin: 0;
  color: var(--na-brown);
  font-family: var(--na-serif);
  font-weight: 500;
  letter-spacing: 0.032em;
  line-height: 0.95;
}

.na-hero__title {
  font-size: clamp(4.4rem, 8vw, 8.1rem);
  text-transform: uppercase;
}

.na-hero__subtitle {
  max-width: 610px;
  margin: 30px 0 0;
  color: var(--na-taupe);
  font-size: clamp(1.05rem, 1.25vw, 1.22rem);
}

.na-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 38px;
}

.na-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 27px;
  border: 1px solid var(--na-gold);
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.na-button:hover {
  transform: translateY(-2px);
}

.na-button--primary {
  color: var(--na-cream);
  background: var(--na-gold);
  box-shadow: 0 18px 40px rgba(184, 135, 52, 0.22);
}

.na-button--ghost {
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.58);
}

.na-hero__visual {
  display: flex;
  justify-content: center;
}

.na-product-card {
  position: relative;
  width: min(430px, 100%);
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px;
  border: 1px solid rgba(184, 135, 52, 0.26);
  border-radius: var(--na-radius);
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.74), rgba(232, 211, 173, 0.35));
  box-shadow: var(--na-shadow);
  backdrop-filter: blur(12px);
}

.na-product-card__glow {
  position: absolute;
  width: 275px;
  height: 275px;
  top: 62px;
  left: 50%;
  border: 1px solid rgba(184, 135, 52, 0.22);
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(212, 174, 98, 0.18), transparent 68%);
}

.na-bottle-placeholder {
  position: relative;
  width: 186px;
  height: 268px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  margin: 78px auto 58px;
  border: 1px solid rgba(184, 135, 52, 0.36);
  border-radius: 15px;
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.78);
  box-shadow: 0 24px 60px rgba(42, 33, 26, 0.12);
}

.na-bottle-placeholder::before {
  content: "";
  position: absolute;
  top: -45px;
  width: 94px;
  height: 43px;
  border: 1px solid rgba(184, 135, 52, 0.42);
  border-radius: 12px 12px 6px 6px;
  background: linear-gradient(180deg, var(--na-gold-soft), var(--na-gold));
}

.na-bottle-placeholder span {
  font-family: var(--na-serif);
  font-size: 3rem;
}

.na-bottle-placeholder small {
  max-width: 122px;
  color: var(--na-taupe);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
}

.na-product-card__caption {
  margin: 0;
  color: var(--na-taupe);
  font-size: 0.77rem;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}

/* Sections */
.na-section {
  padding: 112px 0;
}

.na-section h2 {
  font-size: clamp(2.7rem, 5vw, 5.1rem);
}

.na-section p {
  color: var(--na-taupe);
  font-size: 1.06rem;
}

.na-section--intro {
  background: var(--na-stone);
  border-block: 1px solid rgba(184, 135, 52, 0.18);
}

.na-section--intro h2,
.na-section--intro p {
  color: var(--na-brown);
}

.na-section--collection {
  background:
    radial-gradient(circle at 20% 0%, rgba(184, 135, 52, 0.11), transparent 34%),
    var(--na-night);
}

.na-section--collection h2 {
  color: #f2eadf;
}

.na-section-heading {
  max-width: 760px;
  margin-bottom: 44px;
}

.na-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.na-fragrance-card {
  min-height: 340px;
  padding: 34px;
  border: 1px solid rgba(184, 135, 52, 0.22);
  border-radius: var(--na-radius);
  background: rgba(244, 238, 226, 0.82);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.14);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.na-fragrance-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 250, 242, 0.88);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.25);
}

.na-card-number {
  margin: 0 0 28px;
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 2.35rem;
  line-height: 1;
}

.na-fragrance-card h3 {
  margin: 0 0 16px;
  color: var(--na-brown);
  font-family: var(--na-serif);
  font-size: 2.05rem;
  font-weight: 500;
  line-height: 1.08;
}

.na-fragrance-card p {
  color: #776858;
}

.na-text-link {
  display: inline-flex;
  margin-top: 18px;
  color: var(--na-gold);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

.na-text-link::after {
  content: "→";
  margin-left: 10px;
}

.na-section--atelier {
  background:
    linear-gradient(90deg, rgba(31, 24, 19, 0.98), rgba(42, 33, 26, 0.92)),
    var(--na-night-soft);
  color: var(--na-cream);
}

.na-section--atelier h2,
.na-section--atelier .na-kicker {
  color: var(--na-cream);
}

.na-section--atelier p {
  color: rgba(255, 250, 242, 0.80);
}

.na-split {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.na-section--waitlist {
  padding: 130px 0 150px;
  background:
    linear-gradient(rgba(16, 14, 12, 0.82), rgba(16, 14, 12, 0.88)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover fixed no-repeat;
}

.na-waitlist {
  max-width: 860px;
  padding: 64px;
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 34px;
  background: rgba(244, 238, 226, 0.86);
  text-align: center;
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
}

.na-waitlist p {
  max-width: 620px;
  margin-inline: auto;
}

/* Footer */
.na-site-footer {
  padding: 54px 0;
  border-top: 1px solid rgba(184, 135, 52, 0.22);
  background: var(--na-stone);
}

.na-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}

.na-site-footer strong {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 2rem;
  font-weight: 500;
}

.na-site-footer p {
  margin: 8px 0 0;
  color: var(--na-taupe);
}

@media (max-width: 920px) {
  .na-hero {
    min-height: auto;
    padding: 122px 0 74px;
  }

  .na-hero::after {
    inset: 12px;
    border-radius: 24px;
  }

  .na-hero__grid,
  .na-split {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .na-product-card {
    min-height: 470px;
  }

  .na-card-grid {
    grid-template-columns: 1fr;
  }

  .na-section--waitlist {
    background-attachment: scroll;
  }
}

@media (max-width: 760px) {
  .na-site-header {
    position: absolute;
    top: 12px;
    width: calc(100% - 24px);
    border-radius: 24px;
    align-items: flex-start;
    flex-direction: column;
  }

  .na-menu {
    flex-wrap: wrap;
    gap: 12px 18px;
  }

  .na-footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .na-footer-menu {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .na-container,
  .na-narrow {
    width: min(100% - 28px, 1180px);
  }

  .na-monogram {
    width: 92px;
    height: 92px;
    font-size: 2.5rem;
  }

  .na-hero__title {
    font-size: clamp(3.25rem, 16vw, 4.8rem);
  }

  .na-hero__actions {
    flex-direction: column;
  }

  .na-button {
    width: 100%;
  }

  .na-section {
    padding: 78px 0;
  }

  .na-fragrance-card,
  .na-waitlist {
    padding: 28px;
  }
}
/*
Noctis Aurum Update 02
Paste this at the very bottom of style.css.
It refines the hero proportions, header position, section spacing and card contrast.
*/

/* Global refinements */
.na-section {
  scroll-margin-top: 120px;
}

/* Header: a little slimmer and less intrusive */
.na-site-header {
  top: 18px;
  width: min(980px, calc(100% - 52px));
  padding: 11px 17px;
  background: rgba(248, 242, 231, 0.90);
}

.na-site-brand span {
  font-size: 1.85rem;
}

.na-site-brand small {
  font-size: 0.68rem;
}

/* Hero: prevent the title from colliding with the product card */
.na-hero {
  padding-top: 142px;
  padding-bottom: 98px;
  background:
    linear-gradient(90deg, rgba(247, 239, 227, 0.94) 0%, rgba(247, 239, 227, 0.76) 43%, rgba(247, 239, 227, 0.34) 100%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
}

.na-hero__grid {
  grid-template-columns: minmax(0, 0.98fr) minmax(300px, 0.72fr);
  gap: 54px;
}

.na-hero__content {
  max-width: 690px;
}

.na-hero__title {
  font-size: clamp(3.85rem, 6.65vw, 7.25rem);
  letter-spacing: 0.026em;
}

.na-hero__subtitle {
  max-width: 570px;
}

.na-product-card {
  width: min(380px, 100%);
  min-height: 500px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.80), rgba(232, 211, 173, 0.42));
}

.na-bottle-placeholder {
  width: 174px;
  height: 252px;
}

/* Philosophy: slightly more compact and premium */
.na-section--intro {
  padding-top: 100px;
  padding-bottom: 105px;
  background: #d9d2c5;
}

.na-section--intro h2 {
  max-width: 760px;
  margin-inline: auto;
}

.na-section--intro p {
  max-width: 850px;
  margin-inline: auto;
  color: #2f271f;
}

/* Collection: warmer cards and cleaner contrast */
.na-section--collection {
  padding-top: 118px;
  padding-bottom: 128px;
  background:
    radial-gradient(circle at 22% 0%, rgba(184, 135, 52, 0.16), transparent 34%),
    linear-gradient(180deg, #100e0c 0%, #0d0c0b 100%);
}

.na-section--collection h2 {
  color: #fff7eb;
}

.na-fragrance-card {
  background: #d9d2c5;
  border-color: rgba(184, 135, 52, 0.30);
}

.na-fragrance-card h3 {
  color: #211914;
}

.na-fragrance-card p {
  color: #6d5d4e;
}

/* Atelier: a little less blocky, more atmospheric */
.na-section--atelier {
  padding-top: 125px;
  padding-bottom: 125px;
  background:
    radial-gradient(circle at 88% 50%, rgba(184, 135, 52, 0.10), transparent 34%),
    linear-gradient(90deg, rgba(31, 24, 19, 0.98), rgba(42, 33, 26, 0.94));
}

/* Waitlist: more space so the fixed header doesn't sit over the card too quickly */
.na-section--waitlist {
  padding-top: 175px;
  padding-bottom: 155px;
}

.na-waitlist {
  max-width: 820px;
  background: rgba(244, 238, 226, 0.90);
}

/* Footer: lighter premium base */
.na-site-footer {
  background: #d9d2c5;
}

/* Desktop only: keep hero card from feeling too large */
@media (min-width: 1200px) {
  .na-product-card {
    transform: translateX(18px);
  }
}

/* Tablet */
@media (max-width: 1100px) {
  .na-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.66fr);
    gap: 38px;
  }

  .na-hero__title {
    font-size: clamp(3.6rem, 6.2vw, 6.2rem);
  }

  .na-product-card {
    width: min(340px, 100%);
  }
}

/* Mobile */
@media (max-width: 920px) {
  .na-site-header {
    width: calc(100% - 28px);
  }

  .na-hero {
    padding-top: 120px;
  }

  .na-hero__grid {
    grid-template-columns: 1fr;
  }

  .na-hero__title {
    font-size: clamp(3.25rem, 13vw, 5rem);
  }

  .na-product-card {
    width: min(410px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .na-site-header {
    top: 10px;
    width: calc(100% - 20px);
    padding: 10px 14px;
  }

  .na-hero {
    padding-top: 112px;
  }

  .na-hero__title {
    font-size: clamp(3rem, 14.5vw, 4.4rem);
  }

  .na-section--waitlist {
    padding-top: 120px;
  }
}
/*
Noctis Aurum Update 03
Header navigation + mobile menu.
Paste this at the very bottom of style.css.
*/

/* Header with real navigation */
.na-site-header {
  min-height: 58px;
}

.na-site-nav {
  margin-left: auto;
}

.na-menu {
  gap: 26px;
}

.na-menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  color: rgba(42, 33, 26, 0.82);
  transition: color 180ms ease;
}

.na-menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 0;
  height: 1px;
  background: var(--na-gold);
  transform: translateX(-50%);
  transition: width 180ms ease;
}

.na-menu a:hover,
.na-menu a:focus-visible {
  color: var(--na-gold);
}

.na-menu a:hover::after,
.na-menu a:focus-visible::after {
  width: 100%;
}

.na-menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  border: 1px solid rgba(184, 135, 52, 0.35);
  border-radius: 50%;
  background: rgba(255, 250, 242, 0.62);
  cursor: pointer;
}

.na-menu-toggle span {
  width: 17px;
  height: 1px;
  display: block;
  background: var(--na-brown);
  transform-origin: center;
  transition: transform 180ms ease, opacity 180ms ease;
}

/* Make header feel more like a luxury capsule */
.na-site-header::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  border: 1px solid rgba(255, 250, 242, 0.42);
  pointer-events: none;
}

.na-site-brand {
  position: relative;
  z-index: 2;
}

.na-site-nav,
.na-menu-toggle {
  position: relative;
  z-index: 2;
}

/* Desktop refinement */
@media (min-width: 921px) {
  .na-site-header {
    width: min(1080px, calc(100% - 56px));
  }
}

/* Mobile menu */
@media (max-width: 760px) {
  .na-site-header {
    position: fixed;
    top: 12px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    border-radius: 28px;
  }

  .na-menu-toggle {
    display: inline-flex;
  }

  .na-site-nav {
    grid-column: 1 / -1;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    margin-left: 0;
    opacity: 0;
    transition: max-height 240ms ease, opacity 180ms ease;
  }

  .na-menu {
    display: grid;
    gap: 0;
    padding: 8px 0 6px;
  }

  .na-menu li {
    border-top: 1px solid rgba(184, 135, 52, 0.16);
  }

  .na-menu a {
    width: 100%;
    min-height: 44px;
    justify-content: space-between;
    padding: 0 4px;
  }

  .na-menu a::after {
    display: none;
  }

  body.na-menu-open .na-site-nav {
    max-height: 260px;
    opacity: 1;
  }

  body.na-menu-open .na-menu-toggle span:first-child {
    transform: translateY(4px) rotate(45deg);
  }

  body.na-menu-open .na-menu-toggle span:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }
}
/*
Noctis Aurum Update 04
Hero product display / realistic luxury bottle illustration.
Paste this at the very bottom of style.css.
*/

/* Hide previous placeholder styling if still present */
.na-product-card,
.na-product-card__glow,
.na-bottle-placeholder,
.na-product-card__caption {
  display: none;
}

/* New premium hero display */
.na-luxury-display {
  position: relative;
  width: min(440px, 100%);
  min-height: 560px;
  display: grid;
  place-items: center;
  padding: 38px 34px 34px;
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.76), rgba(230, 208, 168, 0.32)),
    radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.58), transparent 42%);
  box-shadow:
    0 34px 95px rgba(42, 33, 26, 0.18),
    inset 0 1px 0 rgba(255, 250, 242, 0.8);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

.na-luxury-display::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(184, 135, 52, 0.16);
  border-radius: 26px;
  pointer-events: none;
}

.na-luxury-display::after {
  content: "";
  position: absolute;
  left: -12%;
  bottom: -8%;
  width: 124%;
  height: 38%;
  background:
    radial-gradient(ellipse at center, rgba(184, 135, 52, 0.18), transparent 64%);
  filter: blur(6px);
  pointer-events: none;
}

.na-luxury-display__halo {
  position: absolute;
  top: 70px;
  left: 50%;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255, 250, 242, 0.40), transparent 68%);
}

.na-luxury-display__halo::before,
.na-luxury-display__halo::after {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(184, 135, 52, 0.11);
  border-radius: inherit;
}

.na-luxury-display__halo::after {
  inset: 52px;
}

.na-luxury-display__moon {
  position: absolute;
  top: 96px;
  right: 86px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  box-shadow: -13px 0 0 rgba(184, 135, 52, 0.16);
  opacity: 0.75;
}

/* Bottle illustration */
.na-bottle {
  position: relative;
  z-index: 2;
  width: 218px;
  height: 382px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 22px;
}

.na-bottle__cap {
  width: 110px;
  height: 48px;
  border: 1px solid rgba(114, 78, 24, 0.38);
  border-radius: 14px 14px 8px 8px;
  background:
    linear-gradient(90deg, rgba(122, 82, 25, 0.22), transparent 18%, rgba(255, 231, 164, 0.72) 50%, transparent 82%, rgba(122, 82, 25, 0.28)),
    linear-gradient(180deg, #d5ac55 0%, #b88430 100%);
  box-shadow:
    0 12px 28px rgba(184, 135, 52, 0.26),
    inset 0 1px 0 rgba(255, 250, 242, 0.45);
}

.na-bottle__neck {
  width: 58px;
  height: 34px;
  margin-top: -1px;
  border-inline: 1px solid rgba(184, 135, 52, 0.36);
  background:
    linear-gradient(90deg, rgba(122, 82, 25, 0.18), rgba(255, 230, 165, 0.62), rgba(122, 82, 25, 0.18)),
    #c7963c;
}

.na-bottle__glass {
  position: relative;
  width: 202px;
  height: 284px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(184, 135, 52, 0.35);
  border-radius: 18px 18px 24px 24px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.72), rgba(255, 250, 242, 0.18) 18%, rgba(255, 255, 255, 0.56) 50%, rgba(232, 211, 173, 0.18) 78%, rgba(255, 255, 255, 0.68)),
    linear-gradient(180deg, rgba(255, 250, 242, 0.90), rgba(236, 220, 190, 0.74));
  box-shadow:
    0 28px 60px rgba(42, 33, 26, 0.16),
    inset 12px 0 20px rgba(255, 255, 255, 0.45),
    inset -10px 0 20px rgba(184, 135, 52, 0.08);
  overflow: hidden;
}

.na-bottle__glass::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 22px;
  width: 22px;
  height: 232px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0));
  filter: blur(1px);
}

.na-bottle__glass::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 18px;
  width: 26px;
  height: 180px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(184, 135, 52, 0.10), rgba(255, 255, 255, 0.18));
  filter: blur(2px);
}

.na-bottle__label {
  position: relative;
  z-index: 2;
  width: 152px;
  min-height: 196px;
  display: grid;
  place-items: center;
  padding: 22px 16px;
  border: 1px solid rgba(184, 135, 52, 0.34);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.94), rgba(248, 238, 220, 0.90));
  text-align: center;
  box-shadow: 0 10px 26px rgba(42, 33, 26, 0.06);
}

.na-bottle__label::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(184, 135, 52, 0.15);
  border-radius: 7px;
}

.na-bottle__logo {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 2.55rem;
  line-height: 1;
}

.na-bottle__brand {
  color: var(--na-gold);
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.21em;
  text-transform: uppercase;
}

.na-bottle__line {
  width: 46px;
  height: 1px;
  background: rgba(184, 135, 52, 0.45);
}

.na-bottle__name {
  color: #6f6254;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.6;
  text-transform: uppercase;
}

.na-bottle__type {
  color: #8a7b68;
  font-size: 0.46rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.na-bottle__shadow {
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 240px;
  height: 38px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(42, 33, 26, 0.22), transparent 68%);
  filter: blur(3px);
  transform: translateX(-50%);
}

.na-display-copy {
  position: relative;
  z-index: 2;
  align-self: end;
  margin-top: 26px;
  text-align: center;
}

.na-display-copy p {
  margin: 0 0 4px;
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.55rem;
  line-height: 1;
}

.na-display-copy span {
  color: #7d6e5d;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* Better balance with new display */
.na-hero__grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr);
}

.na-hero__title {
  font-size: clamp(3.75rem, 6.2vw, 6.85rem);
}

@media (max-width: 1100px) {
  .na-luxury-display {
    width: min(390px, 100%);
    min-height: 525px;
  }

  .na-bottle {
    transform: scale(0.92);
  }

  .na-hero__title {
    font-size: clamp(3.35rem, 5.8vw, 5.85rem);
  }
}

@media (max-width: 920px) {
  .na-luxury-display {
    width: min(430px, 100%);
    margin-inline: auto;
  }

  .na-bottle {
    transform: scale(0.96);
  }
}

@media (max-width: 560px) {
  .na-luxury-display {
    min-height: 500px;
    padding: 28px 22px;
    border-radius: 28px;
  }

  .na-luxury-display__halo {
    width: 250px;
    height: 250px;
  }

  .na-bottle {
    transform: scale(0.86);
    margin-top: 0;
  }

  .na-display-copy {
    margin-top: 8px;
  }

  .na-display-copy p {
    font-size: 1.35rem;
  }
}
/*
Noctis Aurum Update 05
Signature product-story section + refined section transitions.
Paste this at the very bottom of style.css.
*/

/* Add a smoother transition after the hero */
.na-section--signature {
  position: relative;
  padding: 126px 0;
  background:
    radial-gradient(circle at 82% 20%, rgba(184, 135, 52, 0.12), transparent 32%),
    linear-gradient(180deg, #15110e 0%, #211812 100%);
  color: var(--na-cream);
  overflow: hidden;
}

.na-section--signature::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(16, 14, 12, 0.70), rgba(16, 14, 12, 0.82)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
  opacity: 0.30;
  pointer-events: none;
}

.na-signature {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.72fr);
  gap: 72px;
  align-items: center;
}

.na-signature__content h2 {
  max-width: 720px;
  color: #fff7eb;
  font-size: clamp(3.2rem, 5.6vw, 6rem);
}

.na-signature__content p {
  max-width: 650px;
  margin-top: 28px;
  color: rgba(255, 250, 242, 0.74);
  font-size: 1.08rem;
}

.na-scent-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.na-scent-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 17px;
  border: 1px solid rgba(184, 135, 52, 0.38);
  border-radius: 999px;
  color: #e4c17c;
  background: rgba(255, 250, 242, 0.06);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.na-signature__panel {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(184, 135, 52, 0.28);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(244, 238, 226, 0.92), rgba(216, 209, 196, 0.86));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28);
}

.na-signature__panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(184, 135, 52, 0.18);
  border-radius: 22px;
  pointer-events: none;
}

.na-panel-label {
  margin: 0 0 24px;
  color: var(--na-gold);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.na-notes-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.na-notes-list li {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(184, 135, 52, 0.18);
}

.na-notes-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.na-notes-list span {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.55rem;
  line-height: 1;
}

.na-notes-list strong {
  display: block;
  color: var(--na-brown);
  font-family: var(--na-serif);
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.1;
}

.na-notes-list em {
  display: block;
  margin-top: 8px;
  color: #776858;
  font-size: 0.94rem;
  font-style: normal;
  line-height: 1.65;
}

/* Refine philosophy after the dark signature section */
.na-section--intro {
  border-top: 1px solid rgba(184, 135, 52, 0.28);
}

/* Make collection anchor less jumpy with fixed header */
#collection,
#philosophie,
#atelier,
#waitlist,
#signature {
  scroll-margin-top: 120px;
}

/* Slightly more polish on collection cards */
.na-fragrance-card {
  position: relative;
  overflow: hidden;
}

.na-fragrance-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 250, 242, 0.18), transparent 38%);
  pointer-events: none;
}

.na-fragrance-card > * {
  position: relative;
  z-index: 1;
}

/* Mobile */
@media (max-width: 920px) {
  .na-signature {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .na-signature__panel {
    max-width: 620px;
  }
}

@media (max-width: 560px) {
  .na-section--signature {
    padding: 86px 0;
  }

  .na-signature__content h2 {
    font-size: clamp(2.7rem, 13vw, 4.4rem);
  }

  .na-scent-tags span {
    min-height: 34px;
    padding: 0 13px;
    font-size: 0.66rem;
  }

  .na-signature__panel {
    padding: 26px;
  }

  .na-notes-list li {
    grid-template-columns: 36px 1fr;
    gap: 12px;
  }

  .na-notes-list strong {
    font-size: 1.42rem;
  }
}
/*
Noctis Aurum Update 06
Adds a dedicated WLW section and a duo intro.
Paste this at the very bottom of style.css.
*/

/* Header navigation can now include duo/WLW later if desired */
#duo,
#when-light-whispers {
  scroll-margin-top: 120px;
}

/* Duo intro */
.na-section--duo {
  padding: 106px 0 112px;
  background:
    radial-gradient(circle at 20% 10%, rgba(184, 135, 52, 0.11), transparent 34%),
    linear-gradient(180deg, #d9d2c5 0%, #eee5d6 100%);
  border-top: 1px solid rgba(184, 135, 52, 0.22);
  border-bottom: 1px solid rgba(184, 135, 52, 0.22);
}

.na-duo-intro {
  max-width: 920px;
  text-align: center;
}

.na-duo-intro h2 {
  color: var(--na-brown);
  font-size: clamp(3rem, 5.4vw, 5.9rem);
}

.na-duo-intro p {
  max-width: 760px;
  margin: 28px auto 0;
  color: #5f5145;
  font-size: 1.08rem;
}

/* Make WDS signature feel like the dark half of the duo */
.na-section--signature {
  border-bottom: 1px solid rgba(184, 135, 52, 0.20);
}

/* WLW section */
.na-section--light {
  position: relative;
  padding: 126px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 32%, rgba(255, 250, 242, 0.86), transparent 32%),
    radial-gradient(circle at 28% 80%, rgba(184, 135, 52, 0.12), transparent 38%),
    linear-gradient(135deg, #f8efe2 0%, #e4d8c5 54%, #cfc4b4 100%);
  border-bottom: 1px solid rgba(184, 135, 52, 0.22);
}

.na-section--light::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 250, 242, 0.78), rgba(255, 250, 242, 0.40), rgba(184, 135, 52, 0.08)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
  opacity: 0.22;
  pointer-events: none;
}

.na-section--light::after {
  content: "";
  position: absolute;
  right: 9%;
  top: 15%;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(184, 135, 52, 0.18);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 250, 242, 0.42), transparent 70%);
  pointer-events: none;
}

.na-light {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(340px, 0.72fr) minmax(0, 0.95fr);
  gap: 72px;
  align-items: center;
}

.na-light__content {
  text-align: right;
}

.na-light__content h2 {
  color: var(--na-brown);
  font-size: clamp(3.2rem, 5.8vw, 6.2rem);
}

.na-light__content p {
  max-width: 650px;
  margin: 28px 0 0 auto;
  color: #5f5145;
  font-size: 1.08rem;
}

.na-light__panel {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(184, 135, 52, 0.28);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.88), rgba(244, 238, 226, 0.82));
  box-shadow: 0 34px 90px rgba(42, 33, 26, 0.15);
}

.na-light__panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(184, 135, 52, 0.16);
  border-radius: 22px;
  pointer-events: none;
}

.na-notes-list--light strong {
  color: var(--na-brown);
}

.na-notes-list--light em {
  color: #756655;
}

.na-scent-tags--light {
  justify-content: flex-end;
}

.na-scent-tags--light span {
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.46);
  border-color: rgba(184, 135, 52, 0.34);
}

/* Small refinement: collection now follows both fragrance stories */
.na-section--collection {
  padding-top: 124px;
}

/* Mobile */
@media (max-width: 920px) {
  .na-light {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .na-light__content {
    text-align: left;
    order: -1;
  }

  .na-light__content p {
    margin-left: 0;
    margin-right: 0;
  }

  .na-scent-tags--light {
    justify-content: flex-start;
  }

  .na-light__panel {
    max-width: 620px;
  }

  .na-section--light::after {
    right: -80px;
    top: 80px;
  }
}

@media (max-width: 560px) {
  .na-section--duo,
  .na-section--light {
    padding: 84px 0;
  }

  .na-duo-intro h2,
  .na-light__content h2 {
    font-size: clamp(2.7rem, 13vw, 4.4rem);
  }

  .na-light__panel {
    padding: 26px;
  }
}
/*
Noctis Aurum Update 07
Collection cards + launch conversion section.
Paste this at the very bottom of style.css.
*/

#launch-details {
  scroll-margin-top: 120px;
}

.na-section-heading--center {
  max-width: 860px;
  margin-inline: auto;
  margin-bottom: 56px;
  text-align: center;
}

.na-section-heading--center p:not(.na-kicker) {
  max-width: 720px;
  margin: 22px auto 0;
  color: rgba(255, 250, 242, 0.70);
}

/* Hide old card grid if any previous styles conflict */
.na-card-grid {
  display: none;
}

/* New product cards */
.na-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.na-launch-card {
  position: relative;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  padding: 34px;
  border: 1px solid rgba(184, 135, 52, 0.25);
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.na-launch-card:hover {
  transform: translateY(-5px);
  border-color: rgba(184, 135, 52, 0.42);
  box-shadow: 0 38px 98px rgba(0, 0, 0, 0.30);
}

.na-launch-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 20%, rgba(255, 250, 242, 0.24), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 36%);
}

.na-launch-card::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(184, 135, 52, 0.14);
  border-radius: 24px;
  pointer-events: none;
}

.na-launch-card > * {
  position: relative;
  z-index: 1;
}

.na-launch-card--dark {
  color: var(--na-cream);
  background:
    linear-gradient(180deg, rgba(45, 34, 26, 0.94), rgba(18, 15, 13, 0.96)),
    var(--na-night);
}

.na-launch-card--light {
  color: var(--na-brown);
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.92), rgba(218, 209, 193, 0.92));
}

.na-launch-card--set {
  color: var(--na-brown);
  background:
    linear-gradient(180deg, rgba(232, 213, 177, 0.94), rgba(211, 199, 181, 0.92));
}

.na-launch-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 48px;
}

.na-launch-card__top span {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 2.35rem;
  line-height: 1;
}

.na-launch-card__top em {
  color: inherit;
  opacity: 0.66;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-align: right;
  text-transform: uppercase;
}

.na-launch-card h3 {
  max-width: 330px;
  margin: 0;
  color: inherit;
  font-family: var(--na-serif);
  font-size: clamp(2.15rem, 3vw, 3.05rem);
  font-weight: 500;
  line-height: 1.02;
}

.na-launch-card p {
  margin: 24px 0 0;
  color: inherit;
  opacity: 0.74;
  font-size: 1rem;
}

.na-product-meta {
  display: grid;
  gap: 0;
  margin: auto 0 28px;
  padding: 30px 0 0;
  list-style: none;
}

.na-product-meta li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-top: 1px solid rgba(184, 135, 52, 0.22);
}

.na-product-meta span {
  color: inherit;
  opacity: 0.54;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.na-product-meta strong {
  color: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  text-align: right;
}

.na-launch-card .na-text-link {
  margin-top: 0;
}

/* Launch detail section */
.na-section--launch-details {
  position: relative;
  padding: 118px 0;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 250, 242, 0.22), transparent 32%),
    linear-gradient(135deg, #d9d2c5 0%, #f0e4d1 52%, #cfc4b4 100%);
  overflow: hidden;
}

.na-section--launch-details::before {
  content: "";
  position: absolute;
  right: -100px;
  top: -120px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(184, 135, 52, 0.18);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 250, 242, 0.35), transparent 70%);
  pointer-events: none;
}

.na-launch-details {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
  gap: 70px;
  align-items: center;
}

.na-launch-details__content h2 {
  color: var(--na-brown);
  font-size: clamp(3rem, 5vw, 5.4rem);
}

.na-launch-details__content p {
  max-width: 620px;
  margin-top: 28px;
  color: #5f5145;
}

.na-launch-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.na-launch-stats div {
  min-height: 188px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 26px;
  background: rgba(255, 250, 242, 0.50);
  box-shadow: 0 18px 50px rgba(42, 33, 26, 0.08);
}

.na-launch-stats strong {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: clamp(2.3rem, 4vw, 3.7rem);
  font-weight: 500;
  line-height: 0.95;
}

.na-launch-stats span {
  color: #625448;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Waitlist now follows launch details, so make it more direct */
.na-waitlist .na-kicker {
  color: var(--na-gold);
}

@media (max-width: 1050px) {
  .na-product-grid {
    grid-template-columns: 1fr;
  }

  .na-launch-card {
    min-height: auto;
  }

  .na-product-meta {
    margin-top: 24px;
  }

  .na-launch-details {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media (max-width: 620px) {
  .na-section-heading--center {
    text-align: left;
  }

  .na-section-heading--center p:not(.na-kicker) {
    margin-left: 0;
    margin-right: 0;
  }

  .na-launch-card {
    padding: 28px;
    border-radius: 28px;
  }

  .na-launch-card__top {
    margin-bottom: 34px;
  }

  .na-product-meta li {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .na-product-meta strong {
    text-align: left;
  }

  .na-launch-stats {
    grid-template-columns: 1fr;
  }

  .na-launch-stats div {
    min-height: 150px;
  }
}
/*
Noctis Aurum Update 08
Premium footer.
Paste this at the very bottom of style.css.
*/

#kontakt {
  scroll-margin-top: 120px;
}

/* Replace earlier simple footer */
.na-site-footer {
  position: relative;
  padding: 0;
  color: var(--na-cream);
  border-top: 1px solid rgba(184, 135, 52, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(184, 135, 52, 0.16), transparent 34%),
    linear-gradient(180deg, #15110e 0%, #0f0d0b 100%);
  overflow: hidden;
}

.na-site-footer::before {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -180px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(184, 135, 52, 0.16);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184, 135, 52, 0.10), transparent 70%);
  pointer-events: none;
}

.na-site-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(16, 14, 12, 0.82), rgba(16, 14, 12, 0.92)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
  opacity: 0.18;
  pointer-events: none;
}

.na-footer-main,
.na-footer-bottom {
  position: relative;
  z-index: 1;
}

.na-footer-main {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1fr);
  gap: 78px;
  padding-top: 92px;
  padding-bottom: 70px;
}

.na-footer-brand {
  max-width: 620px;
}

.na-footer-logo {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  margin-bottom: 28px;
  border: 1px solid rgba(184, 135, 52, 0.30);
  border-radius: 50%;
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.06);
  font-family: var(--na-serif);
  font-size: 2.65rem;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.na-footer-kicker {
  margin: 0 0 18px;
  color: var(--na-gold);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.na-footer-brand h2 {
  margin: 0;
  color: #fff7eb;
  font-family: var(--na-serif);
  font-size: clamp(2.7rem, 4.8vw, 5.2rem);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: 0.025em;
}

.na-footer-brand > p:not(.na-footer-kicker) {
  max-width: 560px;
  margin: 28px 0 0;
  color: rgba(255, 250, 242, 0.70);
  font-size: 1.02rem;
}

.na-footer-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  align-self: end;
}

.na-footer-col {
  min-height: 260px;
  padding: 28px;
  border: 1px solid rgba(184, 135, 52, 0.20);
  border-radius: 28px;
  background: rgba(255, 250, 242, 0.055);
  backdrop-filter: blur(10px);
}

.na-footer-col h3 {
  margin: 0 0 24px;
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.7rem;
  font-weight: 500;
}

.na-footer-col ul {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.na-footer-col a {
  color: rgba(255, 250, 242, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease, padding-left 180ms ease;
}

.na-footer-col a:hover,
.na-footer-col a:focus-visible {
  color: var(--na-gold);
  padding-left: 4px;
}

.na-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 26px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(184, 135, 52, 0.18);
}

.na-footer-bottom p {
  margin: 0;
  color: rgba(255, 250, 242, 0.54);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
}

.na-footer-socials {
  display: flex;
  align-items: center;
  gap: 18px;
}

.na-footer-socials a {
  color: rgba(255, 250, 242, 0.64);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

.na-footer-socials a:hover,
.na-footer-socials a:focus-visible {
  color: var(--na-gold);
}

/* Make waitlist transition into footer feel intentional */
.na-section--waitlist {
  border-bottom: 1px solid rgba(184, 135, 52, 0.22);
}

/* Mobile */
@media (max-width: 1050px) {
  .na-footer-main {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .na-footer-columns {
    align-self: auto;
  }
}

@media (max-width: 760px) {
  .na-footer-main {
    padding-top: 76px;
    padding-bottom: 54px;
  }

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

  .na-footer-col {
    min-height: auto;
  }

  .na-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .na-footer-socials {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .na-footer-logo {
    width: 78px;
    height: 78px;
    font-size: 2.25rem;
  }

  .na-footer-brand h2 {
    font-size: clamp(2.35rem, 12vw, 3.9rem);
  }

  .na-footer-col {
    padding: 24px;
  }
}
/*
Noctis Aurum Update 09
Image slots for real luxury photos.
Paste this at the very bottom of style.css.

Upload images here:
assets/wds-mood.jpg
assets/wlw-mood.jpg
assets/discovery-set.jpg
assets/atelier.jpg
*/

/* Shared image frame */
.na-image-frame {
  position: relative;
  min-height: 250px;
  margin: 0;
  border: 1px solid rgba(184, 135, 52, 0.28);
  border-radius: 30px;
  overflow: hidden;
  background-color: rgba(255, 250, 242, 0.10);
  background-position: center;
  background-size: cover;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
  isolation: isolate;
}

.na-image-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 70% 22%, rgba(255, 250, 242, 0.26), transparent 34%),
    linear-gradient(135deg, rgba(184, 135, 52, 0.18), rgba(16, 14, 12, 0.24)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat;
}

.na-image-frame::after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 250, 242, 0.18);
  border-radius: 22px;
  pointer-events: none;
}

.na-image-frame figcaption {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 1;
  max-width: calc(100% - 44px);
  padding: 9px 13px;
  border: 1px solid rgba(184, 135, 52, 0.26);
  border-radius: 999px;
  color: rgba(255, 250, 242, 0.86);
  background: rgba(16, 14, 12, 0.48);
  backdrop-filter: blur(10px);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Specific image slots */
.na-image-frame--wds {
  min-height: 300px;
  margin-bottom: 22px;
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.12), rgba(16, 14, 12, 0.30)),
    url("assets/wds-mood.jpg");
}

.na-image-frame--wlw {
  min-height: 300px;
  margin-bottom: 22px;
  background-image:
    linear-gradient(rgba(255, 250, 242, 0.04), rgba(16, 14, 12, 0.16)),
    url("assets/wlw-mood.jpg");
}

.na-image-frame--set {
  min-height: 320px;
  margin-bottom: 18px;
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.10), rgba(16, 14, 12, 0.24)),
    url("assets/discovery-set.jpg");
}

.na-image-frame--atelier {
  min-height: 270px;
  margin-bottom: 28px;
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.18), rgba(16, 14, 12, 0.32)),
    url("assets/atelier.jpg");
}

/* Side wrappers */
.na-signature__side,
.na-light__side,
.na-launch-visual {
  display: grid;
  gap: 0;
}

.na-signature__side .na-signature__panel,
.na-light__side .na-light__panel {
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.20);
}

/* Make signature/light grids breathe with the new images */
.na-signature,
.na-light {
  grid-template-columns: minmax(0, 0.92fr) minmax(370px, 0.80fr);
}

.na-light {
  grid-template-columns: minmax(370px, 0.80fr) minmax(0, 0.92fr);
}

/* Launch stats now sit under image */
.na-launch-visual .na-launch-stats {
  margin-top: 18px;
}

.na-launch-visual .na-launch-stats div {
  min-height: 150px;
}

/* Atelier image text spacing */
.na-section--atelier .na-image-frame + p {
  margin-top: 0;
}

/* If real images are uploaded, they should feel photographic, not like banners */
.na-image-frame--wds,
.na-image-frame--wlw,
.na-image-frame--set,
.na-image-frame--atelier {
  background-repeat: no-repeat;
}

/* Mobile */
@media (max-width: 1050px) {
  .na-signature,
  .na-light {
    grid-template-columns: 1fr;
  }

  .na-image-frame--wds,
  .na-image-frame--wlw,
  .na-image-frame--set,
  .na-image-frame--atelier {
    min-height: 280px;
  }
}

@media (max-width: 560px) {
  .na-image-frame {
    border-radius: 24px;
  }

  .na-image-frame::after {
    inset: 10px;
    border-radius: 18px;
  }

  .na-image-frame figcaption {
    left: 16px;
    bottom: 16px;
    max-width: calc(100% - 32px);
    white-space: normal;
  }

  .na-image-frame--wds,
  .na-image-frame--wlw,
  .na-image-frame--set,
  .na-image-frame--atelier {
    min-height: 230px;
  }
}
/* FIX: echte Bilddateien in den Image-Slots erzwingen */

.na-image-frame::before {
  display: none !important;
}

.na-image-frame--wds {
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.10), rgba(16, 14, 12, 0.26)),
    url("assets/wds-mood.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

.na-image-frame--wlw {
  background-image:
    linear-gradient(rgba(255, 250, 242, 0.04), rgba(16, 14, 12, 0.10)),
    url("assets/wlw-mood.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

.na-image-frame--set {
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.08), rgba(16, 14, 12, 0.22)),
    url("assets/discovery-set.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

.na-image-frame--atelier {
  background-image:
    linear-gradient(rgba(16, 14, 12, 0.05), rgba(16, 14, 12, 0.18)),
    url("assets/atelier.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}
/*
Noctis Aurum Update 10
Final frontpage polish: anchor spacing, image sizing, note panels and section balance.
Paste this at the very bottom of style.css.
*/

/* Prevent fixed header from covering section headlines after anchor jumps */
#duo,
#signature,
#when-light-whispers,
#philosophie,
#collection,
#launch-details,
#atelier,
#waitlist,
#kontakt {
  scroll-margin-top: 145px !important;
}

/* Header: slightly more premium and less visually heavy */
.na-site-header {
  top: 20px !important;
  min-height: 54px !important;
  box-shadow: 0 18px 54px rgba(16, 14, 12, 0.18) !important;
}

/* Hero: make the current CSS bottle feel less artificial until real hero image is used */
.na-luxury-display {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.70), rgba(230, 208, 168, 0.24)),
    radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.44), transparent 42%) !important;
}

.na-bottle__cap {
  background:
    linear-gradient(90deg, rgba(122, 82, 25, 0.18), transparent 18%, rgba(255, 231, 164, 0.68) 50%, transparent 82%, rgba(122, 82, 25, 0.22)),
    linear-gradient(180deg, #d5ac55 0%, #b88430 100%) !important;
}

/* Image frames: larger and more editorial */
.na-image-frame--wds,
.na-image-frame--wlw {
  min-height: 360px !important;
}

.na-image-frame--set {
  min-height: 380px !important;
}

.na-image-frame--atelier {
  min-height: 320px !important;
  background-position: center 42% !important;
}

/* Avoid tiny compressed image feel on the product-story sections */
.na-signature,
.na-light {
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.82fr) !important;
  gap: 82px !important;
}

.na-signature__side,
.na-light__side {
  align-self: center !important;
}

/* Character panels: fix awkward one-word line breaks */
.na-notes-list li {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.na-notes-list em {
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.58 !important;
}

.na-signature__panel,
.na-light__panel {
  padding: 36px !important;
}

.na-panel-label {
  margin-bottom: 28px !important;
}

/* Collection: ensure top title is not hidden behind header when jumping */
.na-section--collection {
  padding-top: 145px !important;
}

.na-product-grid {
  align-items: stretch !important;
}

.na-launch-card {
  min-height: 560px !important;
}

/* Launch detail section: image should feel intentional, not like a thumbnail */
.na-launch-details {
  grid-template-columns: minmax(0, 0.82fr) minmax(460px, 1fr) !important;
}

.na-launch-visual .na-image-frame--set {
  min-height: 350px !important;
  background-position: center center !important;
}

/* Atelier: make the real workspace image more important */
.na-section--atelier .na-split {
  grid-template-columns: 0.86fr 1.14fr !important;
}

.na-section--atelier .na-image-frame {
  margin-bottom: 32px !important;
}

/* Waitlist: slightly more breathing room */
.na-section--waitlist {
  padding-top: 165px !important;
  padding-bottom: 165px !important;
}

.na-waitlist {
  max-width: 800px !important;
}

/* Footer: reduce too-tall feeling on smaller desktop screens */
.na-footer-main {
  padding-top: 84px !important;
  padding-bottom: 64px !important;
}

.na-footer-brand h2 {
  max-width: 560px !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .na-signature,
  .na-light,
  .na-launch-details,
  .na-section--atelier .na-split {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .na-image-frame--wds,
  .na-image-frame--wlw,
  .na-image-frame--set,
  .na-image-frame--atelier {
    min-height: 340px !important;
  }

  .na-launch-card {
    min-height: auto !important;
  }
}

@media (max-width: 760px) {
  .na-site-header {
    top: 12px !important;
  }

  #duo,
  #signature,
  #when-light-whispers,
  #philosophie,
  #collection,
  #launch-details,
  #atelier,
  #waitlist,
  #kontakt {
    scroll-margin-top: 120px !important;
  }

  .na-image-frame--wds,
  .na-image-frame--wlw,
  .na-image-frame--set,
  .na-image-frame--atelier {
    min-height: 280px !important;
  }

  .na-notes-list li {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .na-signature__panel,
  .na-light__panel {
    padding: 28px !important;
  }
}

@media (max-width: 560px) {
  .na-image-frame--wds,
  .na-image-frame--wlw,
  .na-image-frame--set,
  .na-image-frame--atelier {
    min-height: 240px !important;
  }

  .na-section--collection {
    padding-top: 96px !important;
  }

  .na-section--waitlist {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
}
/*
Noctis Aurum Update 11
Hero focus changed from WDS to Discovery Set.
Paste this at the very bottom of style.css.
*/

/* Discovery Set focused hero */
.na-hero--set {
  background:
    linear-gradient(90deg, rgba(247, 239, 227, 0.94) 0%, rgba(247, 239, 227, 0.72) 42%, rgba(247, 239, 227, 0.28) 100%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-hero--set .na-hero__grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 0.90fr) !important;
  gap: 74px !important;
}

.na-hero--set .na-hero__title {
  max-width: 850px;
  font-size: clamp(3.8rem, 6.4vw, 7.2rem) !important;
  letter-spacing: 0.015em !important;
}

.na-hero--set .na-hero__subtitle {
  max-width: 650px !important;
}

.na-hero__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.na-hero__highlights span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 15px;
  border: 1px solid rgba(184, 135, 52, 0.30);
  border-radius: 999px;
  color: var(--na-gold);
  background: rgba(255, 250, 242, 0.56);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Hide the previous CSS bottle only in the hero if old styles still exist */
.na-hero--set .na-luxury-display {
  display: none !important;
}

/* New hero card using the real discovery set image */
.na-hero-set-card {
  position: relative;
  width: min(520px, 100%);
  padding: 18px;
  border: 1px solid rgba(184, 135, 52, 0.25);
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.72), rgba(232, 211, 173, 0.28));
  box-shadow:
    0 34px 95px rgba(42, 33, 26, 0.18),
    inset 0 1px 0 rgba(255, 250, 242, 0.84);
  backdrop-filter: blur(12px);
}

.na-hero-set-card::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1px solid rgba(184, 135, 52, 0.15);
  border-radius: 28px;
  pointer-events: none;
}

.na-hero-set-image {
  position: relative;
  min-height: 390px;
  margin: 0;
  border: 1px solid rgba(184, 135, 52, 0.22);
  border-radius: 26px;
  overflow: hidden;
  background:
    linear-gradient(rgba(16, 14, 12, 0.06), rgba(16, 14, 12, 0.16)),
    url("assets/discovery-set.jpg") center center / cover no-repeat;
  box-shadow: 0 24px 70px rgba(42, 33, 26, 0.18);
}

.na-hero-set-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 76% 20%, rgba(255, 250, 242, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(255, 250, 242, 0.10), transparent 38%);
  pointer-events: none;
}

.na-hero-set-image span {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 1;
  padding: 9px 14px;
  border: 1px solid rgba(184, 135, 52, 0.30);
  border-radius: 999px;
  color: rgba(255, 250, 242, 0.92);
  background: rgba(16, 14, 12, 0.55);
  backdrop-filter: blur(10px);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.na-hero-set-meta {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
  padding: 22px 10px 4px;
}

.na-hero-set-meta p {
  margin: 0;
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.na-hero-set-meta ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.na-hero-set-meta li {
  display: grid;
  gap: 4px;
  padding: 16px;
  border: 1px solid rgba(184, 135, 52, 0.20);
  border-radius: 18px;
  background: rgba(255, 250, 242, 0.48);
}

.na-hero-set-meta span {
  color: #756655;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.na-hero-set-meta strong {
  color: var(--na-brown);
  font-family: var(--na-serif);
  font-size: 1.75rem;
  font-weight: 500;
}

/* Make the hero buttons work better with longer CTA text */
.na-hero--set .na-button {
  padding-inline: 24px;
}

/* Responsive */
@media (max-width: 1100px) {
  .na-hero--set .na-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }

  .na-hero-set-card {
    margin-inline: auto;
  }

  .na-hero-set-image {
    min-height: 360px;
  }
}

@media (max-width: 560px) {
  .na-hero--set .na-hero__title {
    font-size: clamp(3rem, 13.5vw, 4.55rem) !important;
  }

  .na-hero__highlights span {
    min-height: 32px;
    padding-inline: 12px;
    font-size: 0.62rem;
  }

  .na-hero-set-card {
    padding: 12px;
    border-radius: 28px;
  }

  .na-hero-set-card::before {
    inset: 8px;
    border-radius: 22px;
  }

  .na-hero-set-image {
    min-height: 280px;
    border-radius: 20px;
  }

  .na-hero-set-meta ul {
    grid-template-columns: 1fr;
  }
}
/*
Noctis Aurum Update 12
Hero balance fix: Discovery Set title no longer gets cut off.
Paste this at the very bottom of style.css.
*/

.na-hero--set {
  min-height: 100vh !important;
  padding-top: 150px !important;
  padding-bottom: 105px !important;
  overflow: hidden !important;
}

.na-hero--set .na-hero__grid {
  grid-template-columns: minmax(0, 0.88fr) minmax(440px, 0.82fr) !important;
  gap: 52px !important;
  align-items: center !important;
}

.na-hero--set .na-hero__content {
  max-width: 760px !important;
  min-width: 0 !important;
}

.na-hero--set .na-hero__title {
  max-width: 760px !important;
  font-size: clamp(3.35rem, 4.85vw, 5.9rem) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.008em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.na-hero--set .na-hero__subtitle {
  max-width: 590px !important;
  font-size: clamp(1rem, 1.15vw, 1.16rem) !important;
}

.na-hero-set-card {
  width: min(500px, 100%) !important;
  transform: translateX(0) !important;
}

.na-hero-set-image {
  min-height: 350px !important;
  background-position: center center !important;
}

.na-hero-set-meta p {
  font-size: 1.55rem !important;
}

/* Cleaner hero highlight rhythm */
.na-hero__highlights {
  max-width: 660px !important;
}

/* Large desktop only */
@media (min-width: 1400px) {
  .na-hero--set .na-hero__title {
    font-size: clamp(4.1rem, 4.65vw, 6.2rem) !important;
  }

  .na-hero-set-card {
    width: min(530px, 100%) !important;
  }

  .na-hero-set-image {
    min-height: 380px !important;
  }
}

/* Medium desktop */
@media (max-width: 1250px) {
  .na-hero--set .na-hero__grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(380px, 0.78fr) !important;
    gap: 38px !important;
  }

  .na-hero--set .na-hero__title {
    font-size: clamp(3.1rem, 4.45vw, 5.1rem) !important;
  }

  .na-hero-set-card {
    width: min(440px, 100%) !important;
  }

  .na-hero-set-image {
    min-height: 315px !important;
  }
}

/* Tablet and mobile */
@media (max-width: 1050px) {
  .na-hero--set {
    min-height: auto !important;
    padding-top: 130px !important;
  }

  .na-hero--set .na-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }

  .na-hero--set .na-hero__title {
    max-width: 820px !important;
    font-size: clamp(3rem, 9.2vw, 5.2rem) !important;
  }

  .na-hero-set-card {
    width: min(560px, 100%) !important;
    margin-inline: 0 auto !important;
  }

  .na-hero-set-image {
    min-height: 360px !important;
  }
}

@media (max-width: 560px) {
  .na-hero--set {
    padding-top: 118px !important;
    padding-bottom: 78px !important;
  }

  .na-hero--set .na-hero__title {
    font-size: clamp(2.85rem, 12.4vw, 4.15rem) !important;
  }

  .na-hero-set-image {
    min-height: 260px !important;
  }

  .na-hero-set-meta p {
    font-size: 1.35rem !important;
  }
}
/*
Noctis Aurum Update 13
Footer social/contact link polish.
Paste this at the very bottom of style.css.
*/

.na-footer-socials {
  gap: 16px !important;
}

.na-footer-socials a {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.na-footer-socials a + a::before {
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 16px;
  border-radius: 50%;
  background: rgba(184, 135, 52, 0.70);
}

@media (max-width: 560px) {
  .na-footer-socials {
    display: grid !important;
    gap: 10px !important;
  }

  .na-footer-socials a + a::before {
    display: none;
  }
}
/*
Noctis Aurum Update 14
MailPoet waitlist form styling.
Paste this at the very bottom of style.css.
*/

.na-mailpoet-wrap {
  width: min(620px, 100%);
  margin: 34px auto 0;
}

.na-mailpoet-wrap form {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
}

.na-mailpoet-wrap .mailpoet_paragraph {
  margin: 0 !important;
}

.na-mailpoet-wrap input[type="email"],
.na-mailpoet-wrap input[type="text"],
.na-mailpoet-wrap .mailpoet_text,
.na-mailpoet-wrap .mailpoet_textarea {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  border-radius: 999px !important;
  color: var(--na-brown) !important;
  background: rgba(255, 250, 242, 0.72) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.96rem !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

.na-mailpoet-wrap input[type="email"]::placeholder,
.na-mailpoet-wrap input[type="text"]::placeholder {
  color: rgba(95, 81, 69, 0.62) !important;
}

.na-mailpoet-wrap input[type="email"]:focus,
.na-mailpoet-wrap input[type="text"]:focus {
  border-color: rgba(184, 135, 52, 0.65) !important;
  box-shadow:
    0 0 0 4px rgba(184, 135, 52, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.na-mailpoet-wrap input[type="submit"],
.na-mailpoet-wrap .mailpoet_submit {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 28px !important;
  border: 1px solid rgba(184, 135, 52, 0.35) !important;
  border-radius: 999px !important;
  color: #fffaf2 !important;
  background: linear-gradient(135deg, #c99432, #a97122) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 16px 42px rgba(184, 135, 52, 0.22) !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.na-mailpoet-wrap input[type="submit"]:hover,
.na-mailpoet-wrap .mailpoet_submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 58px rgba(184, 135, 52, 0.30) !important;
}

.na-mailpoet-wrap p,
.na-mailpoet-wrap label,
.na-mailpoet-wrap .mailpoet_form_paragraph,
.na-mailpoet-wrap .mailpoet_message,
.na-mailpoet-wrap .mailpoet_validate_success,
.na-mailpoet-wrap .mailpoet_validate_error {
  color: rgba(95, 81, 69, 0.82) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.86rem !important;
  line-height: 1.65 !important;
}

.na-mailpoet-wrap a {
  color: var(--na-gold) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.na-mailpoet-wrap a:hover {
  text-decoration: underline !important;
}

.na-mailpoet-wrap .mailpoet_validate_success {
  padding: 18px 20px !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  border-radius: 20px !important;
  background: rgba(255, 250, 242, 0.68) !important;
}

.na-mailpoet-wrap .mailpoet_validate_error {
  padding: 14px 18px !important;
  border: 1px solid rgba(150, 55, 42, 0.28) !important;
  border-radius: 18px !important;
  background: rgba(150, 55, 42, 0.07) !important;
}

@media (max-width: 560px) {
  .na-mailpoet-wrap {
    margin-top: 28px;
  }

  .na-mailpoet-wrap input[type="email"],
  .na-mailpoet-wrap input[type="text"] {
    border-radius: 22px !important;
  }

  .na-mailpoet-wrap input[type="submit"],
  .na-mailpoet-wrap .mailpoet_submit {
    width: 100% !important;
  }
}
/*
Noctis Aurum Update 14B
MailPoet waitlist form styling only.
Hero remains Discovery Set focused.
Paste this at the very bottom of style.css.
*/

.na-mailpoet-wrap {
  width: min(620px, 100%);
  margin: 34px auto 0;
}

.na-mailpoet-wrap form {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
}

.na-mailpoet-wrap .mailpoet_paragraph {
  margin: 0 !important;
}

.na-mailpoet-wrap input[type="email"],
.na-mailpoet-wrap input[type="text"],
.na-mailpoet-wrap .mailpoet_text,
.na-mailpoet-wrap .mailpoet_textarea {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  border-radius: 999px !important;
  color: var(--na-brown) !important;
  background: rgba(255, 250, 242, 0.72) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.96rem !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

.na-mailpoet-wrap input[type="email"]::placeholder,
.na-mailpoet-wrap input[type="text"]::placeholder {
  color: rgba(95, 81, 69, 0.62) !important;
}

.na-mailpoet-wrap input[type="email"]:focus,
.na-mailpoet-wrap input[type="text"]:focus {
  border-color: rgba(184, 135, 52, 0.65) !important;
  box-shadow:
    0 0 0 4px rgba(184, 135, 52, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.na-mailpoet-wrap input[type="submit"],
.na-mailpoet-wrap .mailpoet_submit {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 28px !important;
  border: 1px solid rgba(184, 135, 52, 0.35) !important;
  border-radius: 999px !important;
  color: #fffaf2 !important;
  background: linear-gradient(135deg, #c99432, #a97122) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 16px 42px rgba(184, 135, 52, 0.22) !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.na-mailpoet-wrap input[type="submit"]:hover,
.na-mailpoet-wrap .mailpoet_submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 58px rgba(184, 135, 52, 0.30) !important;
}

.na-mailpoet-wrap p,
.na-mailpoet-wrap label,
.na-mailpoet-wrap .mailpoet_form_paragraph,
.na-mailpoet-wrap .mailpoet_message,
.na-mailpoet-wrap .mailpoet_validate_success,
.na-mailpoet-wrap .mailpoet_validate_error {
  color: rgba(95, 81, 69, 0.82) !important;
  font-family: var(--na-sans) !important;
  font-size: 0.86rem !important;
  line-height: 1.65 !important;
}

.na-mailpoet-wrap a {
  color: var(--na-gold) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.na-mailpoet-wrap a:hover {
  text-decoration: underline !important;
}

.na-mailpoet-wrap .mailpoet_validate_success {
  padding: 18px 20px !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  border-radius: 20px !important;
  background: rgba(255, 250, 242, 0.68) !important;
}

.na-mailpoet-wrap .mailpoet_validate_error {
  padding: 14px 18px !important;
  border: 1px solid rgba(150, 55, 42, 0.28) !important;
  border-radius: 18px !important;
  background: rgba(150, 55, 42, 0.07) !important;
}

@media (max-width: 560px) {
  .na-mailpoet-wrap {
    margin-top: 28px;
  }

  .na-mailpoet-wrap input[type="email"],
  .na-mailpoet-wrap input[type="text"] {
    border-radius: 22px !important;
  }

  .na-mailpoet-wrap input[type="submit"],
  .na-mailpoet-wrap .mailpoet_submit {
    width: 100% !important;
  }
}
/*
Noctis Aurum Update 15
Luxury frontpage polish: more visible backgrounds, softer editorial sections, luxury footer.
Paste this at the very bottom of style.css.
*/

/* Global atmosphere: less flat, more editorial */
body {
  background:
    radial-gradient(circle at 18% 6%, rgba(184, 135, 52, 0.12), transparent 28%),
    radial-gradient(circle at 90% 34%, rgba(255, 250, 242, 0.08), transparent 30%),
    #100e0c !important;
}

/* Header: lighter, more jewel-like */
.na-site-header {
  border: 1px solid rgba(184, 135, 52, 0.25) !important;
  background:
    linear-gradient(90deg, rgba(255, 250, 242, 0.92), rgba(244, 235, 220, 0.84)) !important;
  box-shadow:
    0 22px 70px rgba(16, 14, 12, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

/* Hero: background image more present, less sterile */
.na-hero--set {
  background:
    linear-gradient(90deg, rgba(247, 239, 227, 0.74) 0%, rgba(247, 239, 227, 0.56) 39%, rgba(247, 239, 227, 0.20) 100%),
    radial-gradient(circle at 18% 24%, rgba(255, 250, 242, 0.48), transparent 28%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-hero--set::before {
  content: "";
  position: absolute;
  inset: 42px 18px 30px;
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 34px;
  pointer-events: none;
}

.na-hero--set::after {
  content: "";
  position: absolute;
  right: 5vw;
  top: 16%;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(184, 135, 52, 0.16);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 250, 242, 0.18), transparent 70%);
  pointer-events: none;
}

.na-hero__content,
.na-hero__visual {
  position: relative;
  z-index: 1;
}

.na-hero--set .na-hero__title {
  text-shadow: 0 18px 46px rgba(42, 33, 26, 0.10);
}

.na-hero-set-card {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.80), rgba(210, 181, 129, 0.34)) !important;
  border-color: rgba(184, 135, 52, 0.34) !important;
}

/* New strip after hero */
.na-section--luxury-strip {
  position: relative;
  padding: 38px 0 !important;
  background:
    linear-gradient(90deg, rgba(19, 15, 12, 0.98), rgba(44, 31, 22, 0.92)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center 64% / cover no-repeat !important;
  border-top: 1px solid rgba(184, 135, 52, 0.16);
  border-bottom: 1px solid rgba(184, 135, 52, 0.16);
}

.na-luxury-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.na-luxury-strip article {
  position: relative;
  min-height: 142px;
  padding: 28px 30px;
  border: 1px solid rgba(184, 135, 52, 0.22);
  border-radius: 26px;
  background: rgba(255, 250, 242, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 250, 242, 0.08);
  backdrop-filter: blur(10px);
}

.na-luxury-strip article::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(184, 135, 52, 0.09);
  border-radius: 18px;
  pointer-events: none;
}

.na-luxury-strip span {
  display: block;
  margin-bottom: 12px;
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.25rem;
}

.na-luxury-strip strong {
  display: block;
  color: #fffaf2;
  font-family: var(--na-serif);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 500;
  line-height: 1.05;
}

.na-luxury-strip p {
  margin: 12px 0 0;
  color: rgba(255, 250, 242, 0.70);
  line-height: 1.65;
}

/* Section atmosphere: more background visibility and luxury transitions */
.na-section--duo,
.na-section--intro {
  background:
    linear-gradient(180deg, rgba(247, 239, 227, 0.90), rgba(224, 214, 197, 0.78)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-section--signature,
.na-section--collection,
.na-section--atelier {
  background:
    radial-gradient(circle at 18% 20%, rgba(184, 135, 52, 0.10), transparent 34%),
    linear-gradient(90deg, rgba(16, 14, 12, 0.86), rgba(35, 26, 20, 0.74)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-section--light,
.na-section--launch-details {
  background:
    linear-gradient(90deg, rgba(247, 239, 227, 0.82), rgba(247, 239, 227, 0.64)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Make image cards feel like campaign assets, not placeholders */
.na-image-frame {
  border: 1px solid rgba(184, 135, 52, 0.25) !important;
  box-shadow:
    0 30px 90px rgba(16, 14, 12, 0.20),
    inset 0 1px 0 rgba(255, 250, 242, 0.16) !important;
}

.na-image-frame figcaption {
  left: 22px !important;
  bottom: 20px !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  background: rgba(16, 14, 12, 0.62) !important;
  backdrop-filter: blur(12px);
}

/* WDS/WLW character panels: less technical, more editorial */
.na-signature__panel,
.na-light__panel {
  border-color: rgba(184, 135, 52, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.82), rgba(232, 221, 205, 0.68)) !important;
  box-shadow: 0 28px 90px rgba(16, 14, 12, 0.16) !important;
}

.na-notes-list li {
  grid-template-columns: 42px minmax(150px, 0.7fr) minmax(220px, 1.25fr) !important;
  align-items: start !important;
}

.na-notes-list em {
  max-width: none !important;
  line-height: 1.7 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Tags a bit more premium */
.na-scent-tags span,
.na-hero__highlights span {
  background: rgba(255, 250, 242, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* Collection cards: softer, less raw */
.na-launch-card {
  border-color: rgba(184, 135, 52, 0.24) !important;
  box-shadow:
    0 30px 90px rgba(16, 14, 12, 0.18),
    inset 0 1px 0 rgba(255, 250, 242, 0.12) !important;
}

.na-launch-card--set {
  background:
    linear-gradient(180deg, rgba(226, 202, 160, 0.88), rgba(206, 185, 150, 0.82)) !important;
}

.na-product-meta li {
  border-top-color: rgba(184, 135, 52, 0.20) !important;
}

/* Launch stats */
.na-launch-stats > div {
  border-color: rgba(184, 135, 52, 0.22) !important;
  background: rgba(255, 250, 242, 0.64) !important;
  box-shadow: 0 20px 60px rgba(42, 33, 26, 0.10);
}

/* Waitlist: more like a luxury invitation */
.na-section--waitlist {
  background:
    linear-gradient(rgba(16, 14, 12, 0.54), rgba(16, 14, 12, 0.68)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-waitlist {
  position: relative;
  border: 1px solid rgba(184, 135, 52, 0.30);
  border-radius: 38px;
  background: rgba(255, 250, 242, 0.80);
  box-shadow:
    0 36px 100px rgba(16, 14, 12, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.na-waitlist::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(184, 135, 52, 0.13);
  border-radius: 28px;
  pointer-events: none;
}

.na-waitlist > * {
  position: relative;
  z-index: 1;
}

/* MailPoet in waitlist */
.na-mailpoet-wrap {
  width: min(620px, 100%);
  margin: 36px auto 0 !important;
}

/* Footer: full luxury treatment */
.na-site-footer--luxury {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 74%, rgba(184, 135, 52, 0.16), transparent 28%),
    linear-gradient(90deg, rgba(16, 14, 12, 0.92), rgba(30, 22, 17, 0.90)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
  border-top: 1px solid rgba(184, 135, 52, 0.22);
}

.na-footer-glow {
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(184, 135, 52, 0.20);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184, 135, 52, 0.12), transparent 68%);
  pointer-events: none;
}

.na-footer-main--luxury {
  position: relative;
  z-index: 1;
  align-items: center !important;
  gap: 86px !important;
}

.na-footer-brand--luxury {
  max-width: 650px !important;
}

.na-footer-brand--luxury .na-footer-logo {
  background: rgba(255, 250, 242, 0.06) !important;
  border-color: rgba(184, 135, 52, 0.30) !important;
  box-shadow: 0 22px 68px rgba(16, 14, 12, 0.22);
}

.na-footer-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.na-footer-mini span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid rgba(184, 135, 52, 0.25);
  border-radius: 999px;
  color: rgba(255, 250, 242, 0.78);
  background: rgba(255, 250, 242, 0.045);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.na-footer-columns--luxury {
  gap: 20px !important;
}

.na-footer-columns--luxury .na-footer-col {
  min-width: 0;
  border: 1px solid rgba(184, 135, 52, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.055), rgba(255, 250, 242, 0.025)) !important;
  box-shadow:
    0 24px 80px rgba(16, 14, 12, 0.18),
    inset 0 1px 0 rgba(255, 250, 242, 0.08);
  backdrop-filter: blur(10px);
}

.na-footer-columns--luxury .na-footer-col h3 {
  color: var(--na-gold) !important;
  font-family: var(--na-serif) !important;
  font-size: 1.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

.na-footer-columns--luxury .na-footer-col a {
  color: rgba(255, 250, 242, 0.76) !important;
  transition: color 180ms ease, transform 180ms ease;
}

.na-footer-columns--luxury .na-footer-col a:hover {
  color: #fffaf2 !important;
  transform: translateX(3px);
}

.na-footer-bottom--luxury {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(184, 135, 52, 0.18) !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .na-luxury-strip {
    grid-template-columns: 1fr;
  }

  .na-notes-list li {
    grid-template-columns: 40px 1fr !important;
  }

  .na-notes-list em {
    grid-column: 2 !important;
  }

  .na-footer-main--luxury {
    gap: 52px !important;
  }
}

@media (max-width: 760px) {
  .na-hero--set::before {
    inset: 18px 10px 18px;
    border-radius: 24px;
  }

  .na-section--luxury-strip {
    padding: 24px 0 !important;
  }

  .na-luxury-strip article {
    min-height: auto;
    padding: 24px;
  }

  .na-footer-columns--luxury {
    grid-template-columns: 1fr !important;
  }

  .na-footer-mini {
    display: grid;
  }
}
/*
Noctis Aurum Update 16
Luxury spacing / sticky header / section rhythm fixes.
Paste this at the very bottom of style.css.
*/

/* Anchor offset: prevents sticky header from covering section headlines */
html {
  scroll-padding-top: 128px !important;
}

section[id],
footer[id] {
  scroll-margin-top: 128px !important;
}

/* Header should feel present, but not sit on top of every section title */
.na-site-header {
  top: 28px !important;
  z-index: 900 !important;
}

/* Desktop: give each major section enough breathing room below sticky header */
.na-section {
  position: relative;
}

.na-section--intro,
.na-section--duo,
.na-section--collection,
.na-section--signature,
.na-section--light,
.na-section--atelier,
.na-section--launch-details,
.na-section--waitlist {
  padding-top: clamp(118px, 8vw, 158px) !important;
  padding-bottom: clamp(104px, 8vw, 150px) !important;
}

/* Hero should keep its campaign feel and not collide with the header */
.na-hero--set {
  padding-top: clamp(170px, 11vw, 215px) !important;
  padding-bottom: clamp(92px, 7vw, 130px) !important;
}

/* Luxury strip should not feel like a hard technical divider */
.na-section--luxury-strip {
  padding: 52px 0 !important;
}

/* Collection headline was getting hidden under the sticky nav on anchor jump */
.na-section--collection .na-section-heading,
.na-section--duo .na-section-heading,
.na-section--intro .na-section-heading {
  position: relative;
  z-index: 2;
  margin-bottom: clamp(48px, 5vw, 74px) !important;
}

/* Collection cards: keep them visible and not too close to the headline */
.na-collection-grid,
.na-launch-grid,
.na-signature,
.na-light {
  position: relative;
  z-index: 1;
}

/* Slightly more editorial headline rhythm */
.na-section-heading h2 {
  text-wrap: balance;
}

.na-section-heading p {
  max-width: 760px !important;
  margin-inline: auto !important;
}

/* WDS/WLW sections: image and character card should look like one luxury composition */
.na-signature,
.na-light {
  gap: clamp(48px, 6vw, 82px) !important;
  align-items: center !important;
}

.na-signature__visual,
.na-light__visual {
  display: grid;
  gap: 24px !important;
}

/* Character tables: keep text elegant, avoid stacked technical look */
.na-notes-list li {
  grid-template-columns: 44px minmax(140px, 0.56fr) minmax(260px, 1.2fr) !important;
  gap: 24px !important;
  padding-block: 24px !important;
}

.na-notes-list strong {
  line-height: 1.16 !important;
}

.na-notes-list em {
  line-height: 1.68 !important;
}

/* The cards in the Collection section should remain fully visible after anchor jumps */
#collection {
  overflow: clip !important;
}

/* Softer transition between light and dark blocks */
.na-section--intro::after,
.na-section--duo::after,
.na-section--launch-details::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 74px;
  background: linear-gradient(180deg, transparent, rgba(16, 14, 12, 0.10));
  pointer-events: none;
}

/* Footer: give it a little more lower breathing room and fix browser-bottom crunch */
.na-site-footer--luxury {
  padding-bottom: 34px !important;
}

.na-footer-bottom--luxury {
  margin-top: 54px !important;
}

/* Hide recaptcha badge overlap if it visually crowds the luxury layout? 
   Keep it visible enough for compliance, but less intrusive. */
.grecaptcha-badge {
  opacity: 0.72 !important;
  transform: scale(0.88) !important;
  transform-origin: right bottom !important;
}

/* Tablet */
@media (max-width: 1100px) {
  html {
    scroll-padding-top: 112px !important;
  }

  section[id],
  footer[id] {
    scroll-margin-top: 112px !important;
  }

  .na-section--intro,
  .na-section--duo,
  .na-section--collection,
  .na-section--signature,
  .na-section--light,
  .na-section--atelier,
  .na-section--launch-details,
  .na-section--waitlist {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .na-signature,
  .na-light {
    gap: 44px !important;
  }
}

/* Mobile */
@media (max-width: 760px) {
  html {
    scroll-padding-top: 96px !important;
  }

  section[id],
  footer[id] {
    scroll-margin-top: 96px !important;
  }

  .na-site-header {
    top: 16px !important;
  }

  .na-hero--set {
    padding-top: 138px !important;
    padding-bottom: 82px !important;
  }

  .na-section--intro,
  .na-section--duo,
  .na-section--collection,
  .na-section--signature,
  .na-section--light,
  .na-section--atelier,
  .na-section--launch-details,
  .na-section--waitlist {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
  }

  .na-section--luxury-strip {
    padding: 30px 0 !important;
  }

  .na-notes-list li {
    grid-template-columns: 40px 1fr !important;
    gap: 10px 18px !important;
  }

  .na-notes-list em {
    grid-column: 2 !important;
  }

  .na-footer-bottom--luxury {
    margin-top: 38px !important;
  }
}
/*
Noctis Aurum Update 17
WDS/WLW note image tiles.
Paste this at the very bottom of style.css.
Image filenames expected in /assets/:
wds-kopfnote.jpg
wds-herznote.jpg
wds-basisnote.jpg
wlw-kopfnote.jpg
wlw-herznote.jpg
wlw-basisnote.jpg
*/

.na-notes-gallery {
  position: relative;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(184, 135, 52, 0.24);
  border-radius: 32px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.80), rgba(232, 221, 205, 0.62));
  box-shadow:
    0 28px 90px rgba(16, 14, 12, 0.16),
    inset 0 1px 0 rgba(255, 250, 242, 0.78);
  overflow: hidden;
}

.na-notes-gallery::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(184, 135, 52, 0.12);
  border-radius: 23px;
  pointer-events: none;
}

.na-notes-gallery > * {
  position: relative;
  z-index: 1;
}

.na-note-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 22px;
}

.na-note-card {
  position: relative;
  min-height: 156px;
  margin: 0;
  border: 1px solid rgba(184, 135, 52, 0.20);
  border-radius: 24px;
  background: rgba(16, 14, 12, 0.08);
  box-shadow:
    0 18px 48px rgba(16, 14, 12, 0.12),
    inset 0 1px 0 rgba(255, 250, 242, 0.18);
  overflow: hidden;
}

.na-note-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 700ms ease, filter 700ms ease;
}

.na-note-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(16, 14, 12, 0.68), rgba(16, 14, 12, 0.20) 58%, rgba(16, 14, 12, 0.05)),
    linear-gradient(180deg, transparent, rgba(16, 14, 12, 0.22));
  pointer-events: none;
}

.na-notes-gallery--wlw .na-note-card::after {
  background:
    linear-gradient(90deg, rgba(255, 250, 242, 0.72), rgba(255, 250, 242, 0.26) 58%, rgba(255, 250, 242, 0.06)),
    linear-gradient(180deg, transparent, rgba(184, 135, 52, 0.10));
}

.na-note-card figcaption {
  position: relative;
  z-index: 1;
  min-height: 156px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 26px 28px;
}

.na-note-card figcaption span {
  color: var(--na-gold);
  font-family: var(--na-serif);
  font-size: 1.15rem;
  line-height: 1;
}

.na-note-card figcaption strong {
  color: #fffaf2;
  font-family: var(--na-serif);
  font-size: clamp(1.55rem, 2.4vw, 2.25rem);
  font-weight: 500;
  line-height: 1;
}

.na-note-card figcaption em {
  max-width: 260px;
  color: rgba(255, 250, 242, 0.78);
  font-family: var(--na-sans);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.13em;
  line-height: 1.5;
  text-transform: uppercase;
}

.na-notes-gallery--wlw .na-note-card figcaption strong {
  color: var(--na-brown);
}

.na-notes-gallery--wlw .na-note-card figcaption em {
  color: rgba(95, 81, 69, 0.78);
}

.na-note-card:hover img {
  transform: scale(1.055);
  filter: saturate(1.04) contrast(1.03);
}

/* Make the note gallery sit well below the existing mood image */
.na-signature__side .na-notes-gallery,
.na-light__side .na-notes-gallery {
  margin-top: 24px;
}

/* Optional: if the old character panels are still cached somewhere, hide their table look less aggressively */
.na-signature__panel,
.na-light__panel {
  display: none;
}

@media (min-width: 1180px) {
  .na-note-card {
    min-height: 164px;
  }

  .na-note-card figcaption {
    min-height: 164px;
  }
}

@media (max-width: 760px) {
  .na-notes-gallery {
    padding: 18px;
    border-radius: 26px;
  }

  .na-notes-gallery::before {
    inset: 9px;
    border-radius: 18px;
  }

  .na-note-grid {
    gap: 12px;
  }

  .na-note-card,
  .na-note-card figcaption {
    min-height: 136px;
  }

  .na-note-card figcaption {
    padding: 22px;
  }
}
/*
Noctis Aurum Discovery Set - Update 3 Polish
Paste this at the very bottom of style.css.
Fixes sticky header anchor overlap, hero spacing, duo card readability and edition cards.
*/

/* Better anchor jumps on Discovery page */
html {
  scroll-padding-top: 132px !important;
}

.na-discovery-page section[id] {
  scroll-margin-top: 132px !important;
}

/* Remove the heavy empty black band above the Discovery shortcode content as much as possible */
body:has(.na-discovery-page) .site-main,
body:has(.na-discovery-page) .content-area,
body:has(.na-discovery-page) .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Hero: less oversized, more premium campaign layout */
.na-discovery-hero {
  min-height: auto !important;
  padding-top: clamp(135px, 9vw, 175px) !important;
  padding-bottom: clamp(74px, 6vw, 108px) !important;
}

.na-discovery-hero::before {
  inset: 28px 18px 28px !important;
}

.na-discovery-title {
  max-width: 660px !important;
  font-size: clamp(3.6rem, 6.4vw, 7rem) !important;
  line-height: 0.94 !important;
}

.na-discovery-lead {
  max-width: 610px !important;
}

.na-discovery-product {
  align-self: center !important;
}

/* Give sections better breathing room below the sticky nav */
.na-discovery-section {
  padding-top: clamp(126px, 9vw, 168px) !important;
  padding-bottom: clamp(98px, 8vw, 140px) !important;
}

.na-discovery-section--dark,
.na-discovery-section--light {
  overflow: hidden;
}

/* Duo section: stop cards from feeling cropped under the nav */
#duft-duo {
  padding-top: clamp(145px, 10vw, 190px) !important;
}

.na-discovery-heading {
  margin-bottom: clamp(44px, 5vw, 70px) !important;
}

.na-discovery-heading h2 {
  max-width: 920px !important;
  margin-inline: auto !important;
  font-size: clamp(3.2rem, 5.4vw, 6.2rem) !important;
  line-height: 1.02 !important;
}

/* Duo cards: text smaller, less overlap, more image visible */
.na-discovery-scent-card {
  min-height: 520px !important;
  align-content: end !important;
  padding: clamp(26px, 3vw, 38px) !important;
}

.na-discovery-scent-card::before {
  background:
    linear-gradient(180deg, rgba(16, 14, 12, 0.05) 0%, rgba(16, 14, 12, 0.18) 42%, rgba(16, 14, 12, 0.82) 100%) !important;
}

.na-discovery-scent-card h3 {
  max-width: 390px !important;
  font-size: clamp(2.35rem, 3.8vw, 4.15rem) !important;
  line-height: 0.98 !important;
}

.na-discovery-scent-card p {
  max-width: 440px !important;
  font-size: 0.98rem !important;
  line-height: 1.62 !important;
}

.na-discovery-scent-card__tags {
  margin-top: 20px !important;
}

/* Edition details: white heading was too low-contrast on ivory */
.na-discovery-section--light .na-discovery-heading h2 {
  color: var(--na-brown) !important;
  text-shadow: none !important;
}

.na-discovery-section--light .na-discovery-heading p {
  color: #66584b !important;
  opacity: 1 !important;
}

/* Detail cards: improve alignment and text rhythm */
.na-discovery-facts {
  align-items: stretch !important;
}

.na-discovery-fact {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 210px !important;
  padding: 30px 26px !important;
}

.na-discovery-fact span {
  display: block !important;
  margin-bottom: 18px !important;
  font-size: clamp(2.5rem, 3vw, 3.3rem) !important;
}

.na-discovery-fact strong {
  margin-top: 0 !important;
  font-size: clamp(1.45rem, 2vw, 1.9rem) !important;
}

.na-discovery-fact p {
  margin-top: 14px !important;
  font-size: 0.95rem !important;
}

/* Final waitlist: headline should not sit under header when jumping */
#warteliste {
  padding-top: clamp(150px, 10vw, 190px) !important;
}

.na-discovery-waitlist h2 {
  font-size: clamp(3rem, 5.2vw, 5.7rem) !important;
}

/* Footer on discovery page should not feel accidentally attached */
body:has(.na-discovery-page) .na-site-footer {
  margin-top: 0 !important;
}

/* Desktop width: make Discovery page use the same elegant max width as frontpage */
@media (min-width: 1180px) {
  .na-discovery-container {
    width: min(1160px, calc(100% - 72px)) !important;
  }
}

/* Tablet */
@media (max-width: 1050px) {
  .na-discovery-hero__grid {
    gap: 42px !important;
  }

  .na-discovery-title {
    font-size: clamp(3.4rem, 10vw, 6.2rem) !important;
  }

  .na-discovery-duo,
  .na-discovery-facts {
    grid-template-columns: 1fr 1fr !important;
  }

  .na-discovery-scent-card {
    min-height: 480px !important;
  }
}

/* Mobile */
@media (max-width: 700px) {
  html {
    scroll-padding-top: 104px !important;
  }

  .na-discovery-page section[id] {
    scroll-margin-top: 104px !important;
  }

  .na-discovery-hero {
    padding-top: 128px !important;
    padding-bottom: 74px !important;
  }

  .na-discovery-hero::before {
    inset: 16px 10px !important;
    border-radius: 24px !important;
  }

  .na-discovery-title {
    max-width: 100% !important;
    font-size: clamp(3.2rem, 15vw, 4.9rem) !important;
  }

  .na-discovery-section,
  #duft-duo,
  #warteliste {
    padding-top: 92px !important;
    padding-bottom: 82px !important;
  }

  .na-discovery-heading h2 {
    font-size: clamp(3rem, 13vw, 4.7rem) !important;
  }

  .na-discovery-duo,
  .na-discovery-facts {
    grid-template-columns: 1fr !important;
  }

  .na-discovery-scent-card {
    min-height: 430px !important;
  }

  .na-discovery-scent-card h3 {
    font-size: clamp(2.5rem, 12vw, 4rem) !important;
  }

  .na-discovery-fact {
    min-height: auto !important;
  }

  .na-discovery-waitlist h2 {
    font-size: clamp(2.8rem, 12vw, 4.6rem) !important;
  }
}
/*
Noctis Aurum Discovery Set
Edition Details Kacheln mittig ausrichten
*/

.na-discovery-fact {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 34px 26px !important;
}

.na-discovery-fact span {
  margin: 0 0 14px !important;
  text-align: center !important;
}

.na-discovery-fact strong {
  margin: 0 !important;
  text-align: center !important;
}

.na-discovery-fact p {
  max-width: 220px !important;
  margin: 14px auto 0 !important;
  text-align: center !important;
}
/*
Noctis Aurum Discovery Set
Dunkle Preis-/Inhalt-Kacheln mittig ausrichten
*/

.na-discovery-edition-list div {
  min-height: 142px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 28px 24px !important;
}

.na-discovery-edition-list span {
  margin: 0 0 14px !important;
  text-align: center !important;
}

.na-discovery-edition-list strong {
  margin: 0 !important;
  text-align: center !important;
}
/*
Noctis Aurum Discovery Set
Background sichtbarer / luxuriöser machen
*/

.na-discovery-hero {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.64) 0%,
      rgba(247, 239, 227, 0.44) 42%,
      rgba(247, 239, 227, 0.18) 100%
    ),
    radial-gradient(circle at 22% 24%, rgba(255, 250, 242, 0.28), transparent 34%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-discovery-section--light {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.68) 0%,
      rgba(247, 239, 227, 0.48) 52%,
      rgba(247, 239, 227, 0.28) 100%
    ),
    radial-gradient(circle at 18% 28%, rgba(255, 250, 242, 0.26), transparent 34%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-discovery-section--dark {
  background:
    radial-gradient(circle at 18% 18%, rgba(184, 135, 52, 0.14), transparent 34%),
    radial-gradient(circle at 88% 68%, rgba(184, 135, 52, 0.10), transparent 30%),
    linear-gradient(
      90deg,
      rgba(16, 14, 12, 0.76) 0%,
      rgba(35, 26, 20, 0.66) 54%,
      rgba(16, 14, 12, 0.78) 100%
    ),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Mehr Tiefe in den hellen Bereichen */
.na-discovery-section--light::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(184, 135, 52, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.06), rgba(42, 33, 26, 0.08));
  pointer-events: none;
}

.na-discovery-section--light > .na-discovery-container {
  position: relative;
  z-index: 1;
}

/* Dunkle Bereiche mehr Atelier/Luxury statt flacher Schwarzblock */
.na-discovery-section--dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.035), transparent 24%, rgba(184, 135, 52, 0.045)),
    radial-gradient(circle at 12% 80%, rgba(255, 250, 242, 0.06), transparent 28%);
  pointer-events: none;
}

.na-discovery-section--dark > .na-discovery-container {
  position: relative;
  z-index: 1;
}

/* Hero bekommt mehr Glas/Licht-Tiefe */
.na-discovery-hero::before {
  border-color: rgba(184, 135, 52, 0.30) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 242, 0.10), transparent 42%),
    radial-gradient(circle at 78% 18%, rgba(184, 135, 52, 0.10), transparent 34%);
}

.na-discovery-hero::after {
  opacity: 0.9 !important;
}

/* Kacheln sollen auf dem sichtbaren Background schweben */
.na-discovery-product,
.na-discovery-fact,
.na-discovery-waitlist {
  background: rgba(255, 250, 242, 0.68) !important;
  backdrop-filter: blur(12px);
}

.na-discovery-edition-list div {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.075), rgba(255, 250, 242, 0.035)) !important;
  backdrop-filter: blur(10px);
}

/* Preisboxen im Hero etwas transparenter */
.na-discovery-price-grid div {
  background: rgba(255, 250, 242, 0.50) !important;
  backdrop-filter: blur(8px);
}
/*
Noctis Aurum
Astra Darkmode / Theme Background komplett transparent machen
*/

html.astra-dark-mode-enable,
html.ast-dark-mode-enable,
html {
  background: transparent !important;
}

body.astra-dark-mode-enable,
body.ast-dark-mode-enable,
body {
  background: transparent !important;
}

/* Alle Astra-Hintergrundflächen entfernen */
.site,
.site-content,
.content-area,
.ast-container,
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.entry-content,
.wp-site-blocks,
.site-main,
#primary,
main#main,
article.page,
article.post,
.hentry {
  background: transparent !important;
  box-shadow: none !important;
}

/* Astra-Abstände/Blockflächen entfernen */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.site-main,
#primary,
main#main,
.entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Seitentitel/Entry Header auf Shortcode-Seiten entfernen */
body:has(.na-discovery-page) .entry-header,
body:has(.na-discovery-page) .entry-title,
body:has(.na-discovery-page) .page-title {
  display: none !important;
}

/* Falls Astra eine leere schwarze Fläche vor dem Inhalt erzeugt */
body:has(.na-discovery-page) .site-content,
body:has(.na-discovery-page) .content-area,
body:has(.na-discovery-page) .ast-container,
body:has(.na-discovery-page) .ast-article-single,
body:has(.na-discovery-page) .entry-content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Discovery-Seite soll direkt selbst den Hintergrund übernehmen */
.na-discovery-page {
  margin-top: 0 !important;
}
/*
Noctis Aurum WDS Page
Polish Fix: Kontrast, Anchor-Abstand, Luxury Background
*/

/* Sticky Header verdeckt Sprungmarken nicht mehr */
html {
  scroll-padding-top: 135px !important;
}

.na-wds-page section[id] {
  scroll-margin-top: 135px !important;
}

/* Helle WDS-Sections: Headlines wieder dunkel/lesbar */
.na-wds-section--light .na-wds-heading h2,
.na-wds-section--light .na-wds-cta h2 {
  color: #2a211a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.na-wds-section--light .na-wds-heading p,
.na-wds-section--light .na-wds-cta p {
  color: #66584b !important;
  opacity: 1 !important;
}

/* Die helle Sektion etwas wärmer/luxuriöser und weniger grell */
.na-wds-section--light {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.72) 0%,
      rgba(247, 239, 227, 0.54) 48%,
      rgba(247, 239, 227, 0.34) 100%
    ),
    radial-gradient(circle at 18% 24%, rgba(255, 250, 242, 0.26), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(184, 135, 52, 0.10), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Duftportrait dunkler, edler, weniger grauer Block */
#duftportrait {
  background:
    radial-gradient(circle at 18% 20%, rgba(184, 135, 52, 0.16), transparent 34%),
    radial-gradient(circle at 86% 70%, rgba(184, 135, 52, 0.10), transparent 32%),
    linear-gradient(
      90deg,
      rgba(16, 14, 12, 0.76) 0%,
      rgba(42, 33, 26, 0.58) 52%,
      rgba(16, 14, 12, 0.80) 100%
    ),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Duftportrait: Headline etwas kleiner, damit sie nicht unter Header rutscht */
.na-wds-story h2 {
  font-size: clamp(3.2rem, 5.1vw, 6.2rem) !important;
  line-height: 0.98 !important;
}

/* Duftpyramide: weniger riesiger Abstand und bessere Kartenposition */
#duftpyramide {
  padding-top: clamp(118px, 8vw, 150px) !important;
  padding-bottom: clamp(90px, 7vw, 125px) !important;
}

#duftpyramide .na-wds-heading {
  margin-bottom: clamp(38px, 4vw, 58px) !important;
}

#duftpyramide .na-wds-heading h2 {
  font-size: clamp(3rem, 5.2vw, 5.8rem) !important;
}

/* Die 3 Duftpyramiden-Kacheln minimal edler */
.na-wds-note-card {
  min-height: 390px !important;
  box-shadow:
    0 28px 90px rgba(16, 14, 12, 0.20),
    inset 0 1px 0 rgba(255, 250, 242, 0.14) !important;
}

.na-wds-note-card::after {
  background:
    linear-gradient(180deg, rgba(16, 14, 12, 0.00) 0%, rgba(16, 14, 12, 0.22) 42%, rgba(16, 14, 12, 0.82) 100%),
    radial-gradient(circle at 16% 18%, rgba(184, 135, 52, 0.14), transparent 34%) !important;
}

/* Charaktersektion: nicht so ausgewaschen */
#charakter {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.70) 0%,
      rgba(247, 239, 227, 0.52) 48%,
      rgba(247, 239, 227, 0.32) 100%
    ),
    radial-gradient(circle at 82% 18%, rgba(184, 135, 52, 0.12), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Charakter-Kacheln mittig und hochwertiger */
.na-wds-fact {
  background: rgba(255, 250, 242, 0.70) !important;
  backdrop-filter: blur(12px);
}

.na-wds-fact span,
.na-wds-fact strong,
.na-wds-fact p {
  text-align: center !important;
}

/* CTA Boxen nicht zu grau */
.na-wds-cta {
  background: rgba(255, 250, 242, 0.74) !important;
  backdrop-filter: blur(12px);
}

/* Mobile Fix */
@media (max-width: 700px) {
  html {
    scroll-padding-top: 105px !important;
  }

  .na-wds-page section[id] {
    scroll-margin-top: 105px !important;
  }

  .na-wds-story h2,
  #duftpyramide .na-wds-heading h2 {
    font-size: clamp(2.8rem, 12vw, 4.5rem) !important;
  }

  .na-wds-note-card {
    min-height: 320px !important;
  }
}/*
Noctis Aurum WDS Page
Polish Fix: Kontrast, Anchor-Abstand, Luxury Background
*/

/* Sticky Header verdeckt Sprungmarken nicht mehr */
html {
  scroll-padding-top: 135px !important;
}

.na-wds-page section[id] {
  scroll-margin-top: 135px !important;
}

/* Helle WDS-Sections: Headlines wieder dunkel/lesbar */
.na-wds-section--light .na-wds-heading h2,
.na-wds-section--light .na-wds-cta h2 {
  color: #2a211a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.na-wds-section--light .na-wds-heading p,
.na-wds-section--light .na-wds-cta p {
  color: #66584b !important;
  opacity: 1 !important;
}

/* Die helle Sektion etwas wärmer/luxuriöser und weniger grell */
.na-wds-section--light {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.72) 0%,
      rgba(247, 239, 227, 0.54) 48%,
      rgba(247, 239, 227, 0.34) 100%
    ),
    radial-gradient(circle at 18% 24%, rgba(255, 250, 242, 0.26), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(184, 135, 52, 0.10), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Duftportrait dunkler, edler, weniger grauer Block */
#duftportrait {
  background:
    radial-gradient(circle at 18% 20%, rgba(184, 135, 52, 0.16), transparent 34%),
    radial-gradient(circle at 86% 70%, rgba(184, 135, 52, 0.10), transparent 32%),
    linear-gradient(
      90deg,
      rgba(16, 14, 12, 0.76) 0%,
      rgba(42, 33, 26, 0.58) 52%,
      rgba(16, 14, 12, 0.80) 100%
    ),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Duftportrait: Headline etwas kleiner, damit sie nicht unter Header rutscht */
.na-wds-story h2 {
  font-size: clamp(3.2rem, 5.1vw, 6.2rem) !important;
  line-height: 0.98 !important;
}

/* Duftpyramide: weniger riesiger Abstand und bessere Kartenposition */
#duftpyramide {
  padding-top: clamp(118px, 8vw, 150px) !important;
  padding-bottom: clamp(90px, 7vw, 125px) !important;
}

#duftpyramide .na-wds-heading {
  margin-bottom: clamp(38px, 4vw, 58px) !important;
}

#duftpyramide .na-wds-heading h2 {
  font-size: clamp(3rem, 5.2vw, 5.8rem) !important;
}

/* Die 3 Duftpyramiden-Kacheln minimal edler */
.na-wds-note-card {
  min-height: 390px !important;
  box-shadow:
    0 28px 90px rgba(16, 14, 12, 0.20),
    inset 0 1px 0 rgba(255, 250, 242, 0.14) !important;
}

.na-wds-note-card::after {
  background:
    linear-gradient(180deg, rgba(16, 14, 12, 0.00) 0%, rgba(16, 14, 12, 0.22) 42%, rgba(16, 14, 12, 0.82) 100%),
    radial-gradient(circle at 16% 18%, rgba(184, 135, 52, 0.14), transparent 34%) !important;
}

/* Charaktersektion: nicht so ausgewaschen */
#charakter {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.70) 0%,
      rgba(247, 239, 227, 0.52) 48%,
      rgba(247, 239, 227, 0.32) 100%
    ),
    radial-gradient(circle at 82% 18%, rgba(184, 135, 52, 0.12), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Charakter-Kacheln mittig und hochwertiger */
.na-wds-fact {
  background: rgba(255, 250, 242, 0.70) !important;
  backdrop-filter: blur(12px);
}

.na-wds-fact span,
.na-wds-fact strong,
.na-wds-fact p {
  text-align: center !important;
}

/* CTA Boxen nicht zu grau */
.na-wds-cta {
  background: rgba(255, 250, 242, 0.74) !important;
  backdrop-filter: blur(12px);
}

/* Mobile Fix */
@media (max-width: 700px) {
  html {
    scroll-padding-top: 105px !important;
  }

  .na-wds-page section[id] {
    scroll-margin-top: 105px !important;
  }

  .na-wds-story h2,
  #duftpyramide .na-wds-heading h2 {
    font-size: clamp(2.8rem, 12vw, 4.5rem) !important;
  }

  .na-wds-note-card {
    min-height: 320px !important;
  }
}
/*
Noctis Aurum WDS
Final Polish: Header-Abstand, Duftportrait, Charakter-Kacheln
*/

/* Header etwas kompakter beim Scrollen */
.na-site-header {
  top: 18px !important;
}

/* Sprungmarken sauber unter Header setzen */
html {
  scroll-padding-top: 155px !important;
}

.na-wds-page section[id] {
  scroll-margin-top: 155px !important;
}

/* Duftportrait: mehr Luft nach oben und Headline weniger riesig */
#duftportrait {
  padding-top: clamp(145px, 10vw, 185px) !important;
}

#duftportrait .na-wds-story {
  align-items: center !important;
}

#duftportrait .na-wds-story h2 {
  font-size: clamp(3.2rem, 4.8vw, 5.8rem) !important;
  line-height: 1.02 !important;
  max-width: 720px !important;
}

/* Duftportrait-Bild etwas eleganter eingebunden */
#duftportrait .na-wds-story-card {
  min-height: 390px !important;
  border-radius: 30px !important;
  box-shadow:
    0 30px 90px rgba(16, 14, 12, 0.34),
    inset 0 1px 0 rgba(255, 250, 242, 0.14) !important;
}

/* Charakterbereich: Kacheln klarer, luxuriöser */
#charakter .na-wds-fact {
  min-height: 210px !important;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.76), rgba(232, 220, 204, 0.62)) !important;
  border: 1px solid rgba(184, 135, 52, 0.30) !important;
  box-shadow:
    0 26px 80px rgba(42, 33, 26, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

#charakter .na-wds-fact span {
  margin-bottom: 8px !important;
  color: #b88734 !important;
}

#charakter .na-wds-fact strong {
  color: #2a211a !important;
}

#charakter .na-wds-fact p {
  color: #746656 !important;
}

/* Duftpyramide etwas weniger hell/weiß, mehr Stofflichkeit */
#duftpyramide {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.68) 0%,
      rgba(247, 239, 227, 0.48) 48%,
      rgba(247, 239, 227, 0.30) 100%
    ),
    radial-gradient(circle at 18% 24%, rgba(255, 250, 242, 0.20), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(184, 135, 52, 0.12), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

/* Mobile */
@media (max-width: 700px) {
  .na-site-header {
    top: 12px !important;
  }

  html {
    scroll-padding-top: 120px !important;
  }

  .na-wds-page section[id] {
    scroll-margin-top: 120px !important;
  }

  #duftportrait {
    padding-top: 110px !important;
  }
}
/*
WLW Feinschliff: Duftportrait heller, lesbarer, luxuriöser
*/

#duftportrait.na-wlw-section--light,
.na-wlw-page #duftportrait {
  background:
    linear-gradient(
      90deg,
      rgba(247, 239, 227, 0.72) 0%,
      rgba(247, 239, 227, 0.54) 48%,
      rgba(247, 239, 227, 0.34) 100%
    ),
    radial-gradient(circle at 18% 24%, rgba(255, 250, 242, 0.32), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(184, 135, 52, 0.10), transparent 30%),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

#duftportrait .na-wlw-story h2 {
  color: #2a211a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#duftportrait .na-wlw-story p {
  color: #66584b !important;
  opacity: 1 !important;
}

#duftportrait .na-wlw-kicker {
  color: #b88734 !important;
  opacity: 1 !important;
}

#duftportrait .na-wlw-story-card {
  background: rgba(255, 250, 242, 0.42) !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  box-shadow:
    0 30px 90px rgba(42, 33, 26, 0.14),
    inset 0 1px 0 rgba(255, 250, 242, 0.72) !important;
}

#duftportrait .na-wlw-story-card img {
  filter: brightness(1.04) contrast(1.02) saturate(1.04);
}

/* WLW Duftpyramide etwas mehr Luft nach unten */
#duftpyramide .na-wlw-note-grid {
  margin-top: 8px !important;
}

/* WLW Charakterkacheln etwas lesbarer */
#charakter .na-wlw-fact {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.78), rgba(232, 220, 204, 0.64)) !important;
}

#charakter .na-wlw-fact p {
  color: #66584b !important;
}
/* Noctis Aurum – WooCommerce Checkout Luxury Styling */

body.woocommerce-checkout,
body.woocommerce-cart {
  background:
    radial-gradient(circle at 20% 15%, rgba(184, 135, 52, 0.10), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(255, 246, 228, 0.10), transparent 30%),
    linear-gradient(135deg, #120d09 0%, #221913 45%, #0c0907 100%) !important;
  color: #f6efe3;
}

body.woocommerce-checkout #content,
body.woocommerce-cart #content,
body.woocommerce-checkout .site-content,
body.woocommerce-cart .site-content {
  background: transparent !important;
}

.woocommerce-checkout .entry-content,
.woocommerce-cart .entry-content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 28px 120px;
}

.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3 {
  font-family: "Times New Roman", Georgia, serif;
  color: #fff8ec;
  letter-spacing: 0.02em;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background: rgba(10, 8, 6, 0.86) !important;
  border-top: 2px solid #c8952d !important;
  color: #fff8ec !important;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  color: #d6a23a !important;
  font-weight: 700;
}

.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-checkout-review-order {
  background: rgba(255, 250, 240, 0.92);
  color: #241b15;
  border: 1px solid rgba(184, 135, 52, 0.32);
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 28px 90px rgba(0,0,0,.22);
}

.woocommerce-checkout-review-order {
  background: rgba(255, 250, 240, 0.96);
}

.woocommerce table.shop_table {
  border: 0 !important;
  border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: rgba(184, 135, 52, 0.24) !important;
  color: #241b15;
}

.woocommerce form .form-row label {
  color: #6d5d4e;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
  background: #0e0b08 !important;
  color: #fff8ec !important;
  border: 1px solid rgba(214, 162, 58, 0.38) !important;
  border-radius: 14px !important;
  min-height: 48px;
  padding: 12px 16px;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: rgba(255, 248, 236, 0.45);
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #payment #place_order {
  background: linear-gradient(135deg, #d5a23a 0%, #b87918 100%) !important;
  color: #fff8ec !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 15px 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 18px 44px rgba(184, 121, 24, 0.28);
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.woocommerce #payment {
  background: transparent !important;
}

.woocommerce #payment ul.payment_methods {
  border-bottom: 1px solid rgba(184, 135, 52, 0.24) !important;
}

.woocommerce #payment div.payment_box {
  background: rgba(14, 11, 8, 0.06) !important;
  color: #241b15 !important;
  border-radius: 18px;
}

.woocommerce #payment div.payment_box::before {
  border-bottom-color: rgba(14, 11, 8, 0.06) !important;
}

.woocommerce .quantity .qty {
  background: #0e0b08 !important;
  color: #fff8ec !important;
  border-radius: 10px;
  border: 1px solid rgba(214, 162, 58, 0.38);
}

@media (max-width: 768px) {
  .woocommerce-checkout .entry-content,
  .woocommerce-cart .entry-content {
    padding: 48px 18px 90px;
  }

  .woocommerce form.checkout,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order {
    padding: 22px;
    border-radius: 22px;
  }
}/* Noctis Aurum – WooCommerce Checkout Luxury Styling */

body.woocommerce-checkout,
body.woocommerce-cart {
  background:
    radial-gradient(circle at 20% 15%, rgba(184, 135, 52, 0.10), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(255, 246, 228, 0.10), transparent 30%),
    linear-gradient(135deg, #120d09 0%, #221913 45%, #0c0907 100%) !important;
  color: #f6efe3;
}

body.woocommerce-checkout #content,
body.woocommerce-cart #content,
body.woocommerce-checkout .site-content,
body.woocommerce-cart .site-content {
  background: transparent !important;
}

.woocommerce-checkout .entry-content,
.woocommerce-cart .entry-content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 28px 120px;
}

.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3 {
  font-family: "Times New Roman", Georgia, serif;
  color: #fff8ec;
  letter-spacing: 0.02em;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background: rgba(10, 8, 6, 0.86) !important;
  border-top: 2px solid #c8952d !important;
  color: #fff8ec !important;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  color: #d6a23a !important;
  font-weight: 700;
}

.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-checkout-review-order {
  background: rgba(255, 250, 240, 0.92);
  color: #241b15;
  border: 1px solid rgba(184, 135, 52, 0.32);
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 28px 90px rgba(0,0,0,.22);
}

.woocommerce-checkout-review-order {
  background: rgba(255, 250, 240, 0.96);
}

.woocommerce table.shop_table {
  border: 0 !important;
  border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: rgba(184, 135, 52, 0.24) !important;
  color: #241b15;
}

.woocommerce form .form-row label {
  color: #6d5d4e;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
  background: #0e0b08 !important;
  color: #fff8ec !important;
  border: 1px solid rgba(214, 162, 58, 0.38) !important;
  border-radius: 14px !important;
  min-height: 48px;
  padding: 12px 16px;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: rgba(255, 248, 236, 0.45);
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #payment #place_order {
  background: linear-gradient(135deg, #d5a23a 0%, #b87918 100%) !important;
  color: #fff8ec !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 15px 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 18px 44px rgba(184, 121, 24, 0.28);
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.woocommerce #payment {
  background: transparent !important;
}

.woocommerce #payment ul.payment_methods {
  border-bottom: 1px solid rgba(184, 135, 52, 0.24) !important;
}

.woocommerce #payment div.payment_box {
  background: rgba(14, 11, 8, 0.06) !important;
  color: #241b15 !important;
  border-radius: 18px;
}

.woocommerce #payment div.payment_box::before {
  border-bottom-color: rgba(14, 11, 8, 0.06) !important;
}

.woocommerce .quantity .qty {
  background: #0e0b08 !important;
  color: #fff8ec !important;
  border-radius: 10px;
  border: 1px solid rgba(214, 162, 58, 0.38);
}

@media (max-width: 768px) {
  .woocommerce-checkout .entry-content,
  .woocommerce-cart .entry-content {
    padding: 48px 18px 90px;
  }

  .woocommerce form.checkout,
  .woocommerce-cart-form,
  .cart-collaterals,
  .woocommerce-checkout-review-order {
    padding: 22px;
    border-radius: 22px;
  }
}
.na-cart-page .na-cart-hero h1,
.na-cart-page .na-cart-card h2,
.na-cart-page .na-cart-summary h2 {
  color: #241b15 !important;
  opacity: 1 !important;
}

.na-cart-page .na-cart-hero h1 {
  color: #fff8ec !important;
  text-shadow: 0 18px 60px rgba(0,0,0,.24);
}
.na-cart-page {
  padding-top: 48px !important;
}

.na-cart-page .na-cart-hero {
  margin-top: 32px !important;
}
.na-cart-page .na-cart-hero h1 {
  color: #2a2119 !important;
  opacity: 1 !important;
}
/* Noctis Aurum – Cart Feinschliff: Background + Lesbarkeit */

body.woocommerce-cart,
body.woocommerce-cart.ast-separate-container {
  background:
    radial-gradient(circle at 18% 12%, rgba(214, 162, 58, 0.12), transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(255, 245, 220, 0.10), transparent 34%),
    linear-gradient(rgba(20, 15, 11, 0.38), rgba(20, 15, 11, 0.54)),
    url("/wp-content/uploads/2026/04/noctis-background.png") center / cover fixed !important;
  background-color: #18120d !important;
}

/* Falls dein Background anders heißt, nur die URL oben ersetzen.
   Alternativ diesen Block aktiv lassen: er funktioniert auch ohne Bild als Luxury-Verlauf. */

body.woocommerce-cart .site-content,
body.woocommerce-cart #content,
body.woocommerce-cart .ast-container,
body.woocommerce-cart .entry-content,
body.woocommerce-cart main {
  background: transparent !important;
}

/* Hauptfläche transparenter, damit Background sichtbarer wird */
.na-cart-page {
  background:
    linear-gradient(rgba(20, 15, 11, 0.18), rgba(20, 15, 11, 0.28)) !important;
}

/* Große Schrift im Hero lesbarer machen */
.na-cart-hero h1,
.na-cart-page .na-cart-hero h1 {
  color: #2a2119 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Die fast unsichtbaren weißen Card-Titel lesbar machen */
.na-cart-card h2,
.na-cart-summary h2,
.na-cart-page h2 {
  color: #2a2119 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Falls "Deine Edition" und "Dein Set" bewusst sehr dezent bleiben sollen */
.na-cart-card h2,
.na-cart-summary h2 {
  color: rgba(42, 33, 25, 0.72) !important;
}

/* Produktname und Texte klarer */
.na-cart-page,
.na-cart-page p,
.na-cart-page span,
.na-cart-page div,
.na-cart-page label {
  color: #2a2119;
}

.na-cart-page .na-cart-kicker,
.na-cart-page .na-cart-label,
.na-cart-page .na-cart-meta,
.na-cart-page .na-cart-feature strong {
  color: #c58b22 !important;
}

/* Dunkle Feature-Kacheln unten lesbar halten */
.na-cart-feature,
.na-cart-feature p,
.na-cart-feature div {
  color: #f7efe2 !important;
}

.na-cart-feature strong,
.na-cart-feature h3 {
  color: #d7a23a !important;
}

/* Cart-Karten etwas luxuriöser, weniger steril */
.na-cart-shell,
.na-cart-card,
.na-cart-summary,
.na-cart-hero {
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.26) !important;
}

/* Helle Karten minimal transparenter, damit sie nicht so flach wirken */
.na-cart-card,
.na-cart-summary {
  background:
    linear-gradient(145deg, rgba(255, 250, 238, 0.94), rgba(235, 224, 207, 0.86)) !important;
  backdrop-filter: blur(10px);
}

/* Hero Card ebenfalls edler */
.na-cart-hero {
  background:
    linear-gradient(145deg, rgba(239, 229, 211, 0.88), rgba(211, 199, 181, 0.78)) !important;
  border: 1px solid rgba(198, 139, 34, 0.26) !important;
}

/* "Option" bei Versand weniger dominant machen */
.na-cart-summary .shipping,
.na-cart-summary .woocommerce-shipping-methods,
.na-cart-summary .woocommerce-shipping-destination {
  color: #2a2119 !important;
}

.na-cart-summary td,
.na-cart-summary th {
  color: #2a2119 !important;
}

/* Mobile: Kontrast sicher halten */
@media (max-width: 768px) {
  body.woocommerce-cart,
  body.woocommerce-cart.ast-separate-container {
    background-attachment: scroll !important;
  }

  .na-cart-hero h1,
  .na-cart-card h2,
  .na-cart-summary h2 {
    color: #2a2119 !important;
  }
}
/* Noctis Aurum – Cart Responsive Feinschliff */

/* Desktop: Summary rechts sauber halten */
.na-cart-summary {
  overflow: hidden !important;
}

.na-cart-summary .cart_totals,
.na-cart-summary table,
.na-cart-summary tbody,
.na-cart-summary tr,
.na-cart-summary td,
.na-cart-summary th {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.na-cart-summary td,
.na-cart-summary th {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Versand "Option" nicht rauslaufen lassen */
.na-cart-summary .woocommerce-shipping-totals td,
.na-cart-summary .woocommerce-shipping-totals th {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

.na-cart-summary .woocommerce-shipping-totals td::before,
.na-cart-summary .woocommerce-shipping-totals th::before {
  display: none !important;
}

/* Falls WooCommerce ein einzelnes großes "Option" ausgibt */
.na-cart-summary .shipping td,
.na-cart-summary .shipping th {
  font-size: 18px !important;
  line-height: 1.45 !important;
}

/* Desktop: Gesamtpreis nicht zu riesig gedrängt */
.na-cart-summary .order-total,
.na-cart-summary .cart-subtotal {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
}

/* Header auf Cart-Seite nicht aus dem Viewport drücken */
body.woocommerce-cart .na-site-header,
body.woocommerce-cart #site-header,
body.woocommerce-cart header {
  max-width: min(1120px, calc(100vw - 32px)) !important;
}

/* Mobile Cart */
@media (max-width: 768px) {

  body.woocommerce-cart {
    overflow-x: hidden !important;
  }

  body.woocommerce-cart .entry-title {
    font-size: 24px !important;
    margin-left: 18px !important;
    margin-bottom: 20px !important;
  }

  .na-cart-page {
    padding: 34px 14px 70px !important;
  }

  .na-cart-hero {
    width: 100% !important;
    margin: 34px auto 36px !important;
    padding: 34px 22px !important;
    border-radius: 30px !important;
  }

  .na-cart-hero h1 {
    font-size: clamp(48px, 15vw, 66px) !important;
    line-height: .92 !important;
    color: #fff8ec !important;
  }

  .na-cart-hero p {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .na-cart-grid,
  .na-cart-main,
  .na-cart-layout {
    display: block !important;
    width: 100% !important;
  }

  .na-cart-shell,
  .na-cart-card,
  .na-cart-summary {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .na-cart-shell {
    padding: 20px !important;
    border-radius: 30px !important;
  }

  .na-cart-card,
  .na-cart-summary {
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  .na-cart-card h2,
  .na-cart-summary h2 {
    font-size: 38px !important;
    line-height: .95 !important;
  }

  /* Aktualisieren-Button darf nicht rausstehen */
  .na-cart-card .button,
  .na-cart-card button,
  .na-cart-card input[type="submit"],
  .na-cart-update,
  button[name="update_cart"] {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 26px !important;
    transform: none !important;
    border-radius: 999px !important;
    text-align: center !important;
  }

  /* Produktkarte mobil sauber stapeln */
  .na-cart-item,
  .na-cart-product,
  .na-cart-line {
    display: block !important;
    width: 100% !important;
  }

  .na-cart-item img,
  .na-cart-product img,
  .woocommerce-cart-form img {
    width: 100% !important;
    max-width: 230px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 22px !important;
    border-radius: 18px !important;
  }

  .na-cart-product-title,
  .na-cart-item-title,
  .product-name {
    font-size: 30px !important;
    line-height: 1.02 !important;
    text-align: left !important;
  }

  .na-cart-details,
  .na-cart-item-meta {
    display: block !important;
  }

  .na-cart-detail,
  .na-cart-price,
  .na-cart-quantity,
  .na-cart-subtotal {
    width: 100% !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(198, 139, 34, 0.18) !important;
  }

  .na-cart-summary {
    margin-top: 28px !important;
  }

  .na-cart-summary .cart-subtotal,
  .na-cart-summary .order-total {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .na-cart-summary .amount {
    font-size: 34px !important;
    letter-spacing: .14em !important;
  }

  .na-cart-summary .button,
  .na-cart-summary a.button,
  .na-cart-summary button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-top: 12px !important;
  }

  .na-cart-features,
  .na-cart-feature-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 14px !important;
  }

  .na-cart-feature {
    width: 100% !important;
    border-radius: 24px !important;
    padding: 24px !important;
  }
}

/* Sehr kleine Geräte */
@media (max-width: 430px) {
  .na-cart-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .na-cart-shell {
    padding: 16px !important;
  }

  .na-cart-card,
  .na-cart-summary {
    padding: 22px 18px !important;
  }

  .na-cart-hero h1 {
    font-size: 52px !important;
  }

  .na-cart-card h2,
  .na-cart-summary h2 {
    font-size: 34px !important;
  }
}
/* Noctis Aurum – Cart Mobile Overflow Final Fix */

/* Generell horizontales Überlaufen killen */
body.woocommerce-cart,
body.woocommerce-cart html,
body.woocommerce-cart .site,
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart .site-content,
body.woocommerce-cart .ast-container,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .na-cart-page {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* Mobile: Cart Container sauber in Viewport */
@media (max-width: 768px) {
  .na-cart-page {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .na-cart-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .na-cart-card,
  .na-cart-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Summary Inhalt darf nicht rechts raus */
  .na-cart-summary * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .na-cart-summary {
    padding: 26px 22px !important;
  }

  .na-cart-summary table,
  .na-cart-summary tbody,
  .na-cart-summary tr,
  .na-cart-summary th,
  .na-cart-summary td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .na-cart-summary tr {
    padding: 22px 0 !important;
    border-bottom: 1px solid rgba(198, 139, 34, 0.18) !important;
  }

  .na-cart-summary th {
    margin-bottom: 10px !important;
  }

  .na-cart-summary td {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .na-cart-summary .amount,
  .na-cart-summary .woocommerce-Price-amount {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
    font-size: 32px !important;
    letter-spacing: .12em !important;
    line-height: 1.1 !important;
  }

  /* Zwischensumme/Gesamt schöner */
  .na-cart-summary .cart-subtotal td,
  .na-cart-summary .order-total td {
    text-align: left !important;
  }

  /* "Option" aus WooCommerce entschärfen */
  .na-cart-summary .shipping td,
  .na-cart-summary .shipping th,
  .na-cart-summary .woocommerce-shipping-totals td,
  .na-cart-summary .woocommerce-shipping-totals th {
    font-size: 16px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .na-cart-summary .shipping td > p,
  .na-cart-summary .shipping td > span,
  .na-cart-summary .shipping td > strong {
    display: block !important;
    width: 100% !important;
  }

  /* Buttons in Summary volle Breite */
  .na-cart-summary .button,
  .na-cart-summary a.button,
  .na-cart-summary button {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    white-space: normal !important;
  }

  /* Aktualisieren-Button komplett sichtbar */
  .na-cart-card button[name="update_cart"],
  .na-cart-card .actions button,
  .woocommerce-cart-form button[name="update_cart"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    margin: 0 0 24px 0 !important;
    padding: 16px 20px !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Card-Titel nicht von Button überdecken lassen */
  .na-cart-card h2 {
    padding-right: 0 !important;
    margin-bottom: 24px !important;
  }

  /* Header Mobile: nicht breiter als Screen */
  body.woocommerce-cart .na-site-header,
  body.woocommerce-cart #site-header,
  body.woocommerce-cart header {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    left: 14px !important;
    right: 14px !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}

/* iPhone 14 Pro Max / schmale Geräte */
@media (max-width: 430px) {
  .na-cart-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .na-cart-shell {
    padding: 14px !important;
  }

  .na-cart-card,
  .na-cart-summary {
    padding: 24px 18px !important;
  }

  .na-cart-summary h2,
  .na-cart-card h2 {
    font-size: 34px !important;
  }

  .na-cart-summary .amount,
  .na-cart-summary .woocommerce-Price-amount {
    font-size: 28px !important;
    letter-spacing: .10em !important;
  }

  .na-cart-product-title,
  .na-cart-item-title,
  .product-name {
    font-size: 28px !important;
    line-height: 1.05 !important;
  }
}
/* Noctis Aurum – Footer Mobile kompakter */
@media (max-width: 768px) {
  .na-site-footer,
  .na-footer-luxury,
  footer {
    min-height: auto !important;
  }

  .na-footer-grid,
  .na-footer-columns {
    gap: 22px !important;
  }

  .na-footer-card,
  footer .na-footer-card {
    min-height: auto !important;
    padding: 26px 24px !important;
  }
}
/* Noctis Aurum – Cart Layout Hard Fix Desktop + Mobile */

/* Gesamte Cart-Seite nie breiter als Viewport */
body.woocommerce-cart,
body.woocommerce-cart #page,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart .ast-container,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .na-woo-page,
body.woocommerce-cart .na-cart-page {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Desktop: Hauptbereich begrenzen und zentrieren */
body.woocommerce-cart .na-woo-page,
body.woocommerce-cart .na-cart-page {
  width: min(1220px, calc(100vw - 48px)) !important;
  max-width: min(1220px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hero nicht über die Seite hinaus */
body.woocommerce-cart .na-woo-hero,
body.woocommerce-cart .na-cart-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Die große weiße Warenkorbfläche sauber begrenzen */
body.woocommerce-cart .na-woo-grid,
body.woocommerce-cart .na-cart-grid,
body.woocommerce-cart .na-cart-shell,
body.woocommerce-cart .na-woo-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Desktop Grid: linke und rechte Spalte kontrollieren */
@media (min-width: 769px) {
  body.woocommerce-cart .na-woo-grid,
  body.woocommerce-cart .na-cart-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.woocommerce-cart .na-woo-card-inner,
  body.woocommerce-cart .na-cart-card,
  body.woocommerce-cart .na-cart-summary,
  body.woocommerce-cart aside.na-woo-card {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* Produktkarte innen darf nicht überlaufen */
body.woocommerce-cart .na-cart-items-list,
body.woocommerce-cart .na-cart-item,
body.woocommerce-cart .na-cart-product,
body.woocommerce-cart .na-cart-line {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Summary: alle Preise und Versand sauber brechen */
body.woocommerce-cart .na-cart-summary,
body.woocommerce-cart aside.na-woo-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.woocommerce-cart .na-cart-summary *,
body.woocommerce-cart aside.na-woo-card * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body.woocommerce-cart .na-cart-summary .amount,
body.woocommerce-cart aside.na-woo-card .amount,
body.woocommerce-cart .woocommerce-Price-amount {
  white-space: nowrap !important;
}

/* Dieses "Option" nicht rechts rausknallen lassen */
body.woocommerce-cart .shipping,
body.woocommerce-cart .woocommerce-shipping-totals {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

body.woocommerce-cart .shipping th,
body.woocommerce-cart .shipping td,
body.woocommerce-cart .woocommerce-shipping-totals th,
body.woocommerce-cart .woocommerce-shipping-totals td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Falls "Option" als Betrag/Label rechts sitzt: kleiner und links */
body.woocommerce-cart .shipping td,
body.woocommerce-cart .woocommerce-shipping-totals td {
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Mobile brutal sauber stapeln */
@media (max-width: 768px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.woocommerce-cart .na-woo-grid,
  body.woocommerce-cart .na-cart-grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.woocommerce-cart .na-woo-card,
  body.woocommerce-cart .na-woo-card-inner,
  body.woocommerce-cart .na-cart-card,
  body.woocommerce-cart .na-cart-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    overflow: hidden !important;
  }

  /* Produktbild und Titel mobil ruhiger */
  body.woocommerce-cart .na-cart-item {
    display: block !important;
  }

  body.woocommerce-cart .na-cart-item img,
  body.woocommerce-cart .woocommerce-cart-form img {
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    margin: 0 auto 22px !important;
    display: block !important;
  }

  body.woocommerce-cart .na-cart-product-title,
  body.woocommerce-cart .product-name,
  body.woocommerce-cart .na-cart-item-title {
    font-size: 30px !important;
    line-height: 1.05 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Aktualisieren Button darf nicht aus der Card laufen */
  body.woocommerce-cart button[name="update_cart"],
  body.woocommerce-cart .na-cart-card button,
  body.woocommerce-cart .na-woo-card button {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 24px !important;
    transform: none !important;
    white-space: normal !important;
  }

  /* Summary mobil: Preiszeilen vertikal */
  body.woocommerce-cart .na-cart-summary .cart-subtotal,
  body.woocommerce-cart .na-cart-summary .order-total,
  body.woocommerce-cart aside.na-woo-card .cart-subtotal,
  body.woocommerce-cart aside.na-woo-card .order-total {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .na-cart-summary .amount,
  body.woocommerce-cart aside.na-woo-card .amount,
  body.woocommerce-cart .woocommerce-Price-amount {
    display: block !important;
    width: 100% !important;
    font-size: 30px !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* Gutscheinzeile mobil */
  body.woocommerce-cart .na-coupon-box,
  body.woocommerce-cart .coupon {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .na-coupon-box input,
  body.woocommerce-cart .coupon input,
  body.woocommerce-cart .na-coupon-box button,
  body.woocommerce-cart .coupon button {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
  }
}

/* Sehr schmale Screens */
@media (max-width: 430px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.woocommerce-cart .na-woo-card,
  body.woocommerce-cart .na-woo-card-inner,
  body.woocommerce-cart .na-cart-card,
  body.woocommerce-cart .na-cart-summary {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.woocommerce-cart .na-cart-summary .amount,
  body.woocommerce-cart aside.na-woo-card .amount,
  body.woocommerce-cart .woocommerce-Price-amount {
    font-size: 27px !important;
    letter-spacing: .06em !important;
  }
}
/*
Noctis Aurum Update 20
Final WooCommerce Checkout Repair
Cart bleibt unangetastet. Checkout bekommt eine eigene stabile Struktur.
*/

body.woocommerce-checkout {
  --na-check-bg: url("/wp-content/themes/noctis-aurum/assets/noctis-background.png");
  --na-check-night: #100d0a;
  --na-check-ink: #241b15;
  --na-check-muted: #6f6254;
  --na-check-cream: #fff8ec;
  --na-check-ivory: #f5ead9;
  --na-check-gold: #c88d21;
  --na-check-line: rgba(184, 135, 52, .24);
  background:
    linear-gradient(90deg, rgba(16, 14, 12, .52), rgba(16, 14, 12, .42)),
    var(--na-check-bg) center center / cover fixed no-repeat !important;
  color: var(--na-check-ink) !important;
}

body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout #content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .ast-container,
body.woocommerce-checkout .ast-article-single,
body.woocommerce-checkout article,
body.woocommerce-checkout main {
  background: transparent !important;
}

body.woocommerce-checkout .entry-title {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto 24px !important;
  padding-top: 118px !important;
  color: #fff8ec !important;
  font-family: var(--na-serif, Georgia, serif) !important;
  font-size: clamp(28px, 2.7vw, 42px) !important;
  font-weight: 500 !important;
}

.na-checkout-shell,
.na-checkout-shell * {
  box-sizing: border-box;
}

.na-checkout-shell {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(118px, 9vw, 158px) 0 clamp(86px, 9vw, 138px);
  color: var(--na-check-ink);
}

body.woocommerce-checkout .entry-title + .na-checkout-shell,
body.woocommerce-checkout .entry-content > .na-checkout-shell:first-child {
  padding-top: clamp(96px, 7vw, 128px);
}

.na-checkout-notices {
  margin: 0 0 28px;
}

.woocommerce .na-checkout-shell .woocommerce-message,
.woocommerce .na-checkout-shell .woocommerce-info,
.woocommerce .na-checkout-shell .woocommerce-error,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 18px 24px !important;
  border: 1px solid rgba(200, 144, 44, .42) !important;
  border-top: 2px solid var(--na-check-gold) !important;
  border-radius: 20px !important;
  background: rgba(12, 9, 7, .92) !important;
  color: var(--na-check-cream) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.24) !important;
}

.woocommerce .na-checkout-shell .woocommerce-message::before,
.woocommerce .na-checkout-shell .woocommerce-info::before,
.woocommerce .na-checkout-shell .woocommerce-error::before,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
  color: var(--na-check-gold) !important;
}

.woocommerce .na-checkout-shell .woocommerce-message a,
.woocommerce .na-checkout-shell .woocommerce-info a,
.woocommerce .na-checkout-shell .woocommerce-error a,
.woocommerce-checkout .woocommerce-form-login-toggle a,
.woocommerce-checkout .woocommerce-form-coupon-toggle a {
  color: #d9ad55 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.na-checkout-hero {
  position: relative;
  margin: 0 0 clamp(34px, 5vw, 62px);
  padding: clamp(44px, 6vw, 76px) clamp(22px, 5vw, 78px);
  overflow: hidden;
  border: 1px solid rgba(255, 250, 242, .26);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .86), rgba(228, 214, 192, .72)),
    radial-gradient(circle at 76% 18%, rgba(255,255,255,.34), transparent 34%);
  box-shadow: 0 34px 95px rgba(0,0,0,.25);
  text-align: center;
}

.na-checkout-hero::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(184, 135, 52, .22);
  border-radius: 24px;
  pointer-events: none;
}

.na-checkout-kicker,
.na-checkout-eyebrow {
  position: relative;
  margin: 0 0 14px;
  color: var(--na-check-gold);
  font-family: var(--na-sans, Arial, sans-serif);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .32em;
  text-transform: uppercase;
}

.na-checkout-title {
  position: relative;
  margin: 0;
  color: #fff8ec;
  font-family: var(--na-serif, Georgia, serif);
  font-size: clamp(50px, 7vw, 108px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: .01em;
  text-shadow: 0 18px 48px rgba(42, 33, 26, .16);
}

.na-checkout-hero .na-checkout-title {
  color: #fff8ec !important;
}

.na-checkout-subtitle {
  position: relative;
  max-width: 700px;
  margin: 24px auto 0;
  color: #3d3026;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.75;
}

.na-checkout-form {
  margin: 0 !important;
}

.na-checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(430px, .74fr);
  gap: clamp(24px, 3vw, 42px);
  align-items: start;
}

.na-checkout-card,
.na-checkout-review-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 250, 242, .32);
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255, 250, 242, .96), rgba(236, 225, 207, .90));
  box-shadow: 0 34px 95px rgba(0,0,0,.23);
  color: var(--na-check-ink);
}

.na-checkout-card::before,
.na-checkout-review-card::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(184, 135, 52, .16);
  border-radius: 24px;
  pointer-events: none;
}

.na-checkout-card-inner {
  position: relative;
  z-index: 1;
  padding: clamp(28px, 3.2vw, 46px);
}

.na-checkout-card h2,
.na-checkout-card h3,
.na-checkout-review-card h2,
.na-checkout-review-card h3,
.na-checkout-card-title {
  margin: 0 0 28px !important;
  color: var(--na-check-ink) !important;
  font-family: var(--na-serif, Georgia, serif) !important;
  font-size: clamp(36px, 4.2vw, 58px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
}

.na-checkout-card-subtitle {
  margin: -10px 0 28px;
  color: var(--na-check-muted);
  font-size: 16px;
  line-height: 1.7;
}

.na-checkout-fields .woocommerce-billing-fields__field-wrapper,
.na-checkout-fields .woocommerce-shipping-fields__field-wrapper,
.na-checkout-fields .woocommerce-additional-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

.na-checkout-fields .form-row,
.woocommerce .na-checkout-shell .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.na-checkout-fields .form-row-wide,
.na-checkout-fields #billing_country_field,
.na-checkout-fields #billing_address_1_field,
.na-checkout-fields #billing_address_2_field,
.na-checkout-fields #billing_phone_field,
.na-checkout-fields #billing_email_field,
.na-checkout-fields #order_comments_field,
.na-checkout-fields .woocommerce-additional-fields__field-wrapper .form-row {
  grid-column: 1 / -1 !important;
}

.woocommerce .na-checkout-shell label,
.woocommerce .na-checkout-shell legend {
  display: block;
  margin: 0 0 8px;
  color: #6b5c4d !important;
  font-family: var(--na-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 1.25;
}

.woocommerce .na-checkout-shell abbr.required {
  color: #b26a36 !important;
  text-decoration: none !important;
}

.woocommerce .na-checkout-shell input.input-text,
.woocommerce .na-checkout-shell textarea,
.woocommerce .na-checkout-shell select,
.woocommerce .na-checkout-shell .select2-container .select2-selection--single {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid rgba(216, 173, 85, .46) !important;
  border-radius: 999px !important;
  background: rgba(15, 10, 7, .96) !important;
  color: #fff8ec !important;
  font-family: var(--na-sans, Arial, sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  padding: 13px 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  outline: none !important;
}

.woocommerce .na-checkout-shell textarea {
  min-height: 120px !important;
  border-radius: 22px !important;
  resize: vertical;
}

.woocommerce .na-checkout-shell input.input-text::placeholder,
.woocommerce .na-checkout-shell textarea::placeholder {
  color: rgba(255, 248, 236, .54) !important;
}

.woocommerce .na-checkout-shell input.input-text:focus,
.woocommerce .na-checkout-shell textarea:focus,
.woocommerce .na-checkout-shell select:focus,
.woocommerce .na-checkout-shell .select2-container--open .select2-selection--single {
  border-color: rgba(200, 144, 44, .78) !important;
  box-shadow: 0 0 0 4px rgba(200, 144, 44, .12) !important;
}

.woocommerce .na-checkout-shell .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff8ec !important;
  line-height: 26px !important;
  padding-left: 0 !important;
}

.woocommerce .na-checkout-shell .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
  right: 12px !important;
}

.na-checkout-review-card {
  position: sticky;
  top: 112px;
}

.na-order-summary {
  display: grid;
  gap: 0;
  margin-top: 18px;
}

.na-order-line,
.na-order-total-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
  padding: 18px 0;
  border-top: 1px solid var(--na-check-line);
}

.na-order-line:first-child {
  border-top: 0;
}

.na-order-product-name,
.na-order-label {
  color: var(--na-check-ink);
  font-weight: 800;
  line-height: 1.45;
}

.na-order-product-name strong,
.na-order-product-name .product-quantity {
  color: var(--na-check-muted);
  font-weight: 800;
}

.na-order-price,
.na-order-value,
.na-order-total-value {
  color: var(--na-check-ink);
  font-family: var(--na-serif, Georgia, serif);
  font-size: 26px;
  line-height: 1;
  white-space: nowrap;
}

.na-order-total-line {
  margin-top: 12px;
  padding-top: 26px;
}

.na-order-total-line .na-order-label {
  align-self: center;
  color: #7a6a5a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.na-order-total-value {
  color: var(--na-check-gold);
  font-size: clamp(34px, 3.4vw, 50px);
  letter-spacing: .12em;
}

.na-order-shipping {
  padding: 18px 0;
  border-top: 1px solid var(--na-check-line);
}

.na-order-shipping-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-bottom: 12px;
}

.na-order-shipping-title span:first-child {
  color: #7a6a5a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.na-order-shipping-title span:last-child {
  color: var(--na-check-ink);
  font-family: var(--na-serif, Georgia, serif);
  font-size: 26px;
  line-height: 1;
  white-space: nowrap;
}

.na-order-shipping ul,
.na-order-shipping li {
  max-width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.na-order-shipping label,
.na-order-shipping p,
.na-order-shipping .woocommerce-shipping-destination,
.na-order-shipping .woocommerce-shipping-methods {
  color: var(--na-check-ink) !important;
  font-family: var(--na-sans, Arial, sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.na-order-shipping .woocommerce-shipping-methods label {
  display: inline !important;
  font-weight: 800 !important;
}

.na-order-coupon,
.na-order-fee,
.na-order-tax {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 14px 0;
  border-top: 1px solid var(--na-check-line);
}

.na-order-coupon .na-order-value,
.na-order-fee .na-order-value,
.na-order-tax .na-order-value {
  font-family: var(--na-sans, Arial, sans-serif);
  font-size: 16px;
  font-weight: 800;
}

.woocommerce .na-checkout-shell #payment {
  margin-top: 26px !important;
  padding-top: 22px !important;
  border-top: 1px solid var(--na-check-line) !important;
  background: transparent !important;
}

.woocommerce .na-checkout-shell #payment ul.payment_methods {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 20px !important;
  border: 0 !important;
}

.woocommerce .na-checkout-shell #payment ul.payment_methods li {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(184, 135, 52, .20) !important;
  border-radius: 20px !important;
  background: rgba(255, 250, 242, .46) !important;
  color: var(--na-check-ink) !important;
  line-height: 1.55 !important;
  overflow: visible !important;
}

.woocommerce .na-checkout-shell #payment ul.payment_methods li label {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--na-check-ink) !important;
  font-family: var(--na-sans, Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  word-break: normal !important;
}

.woocommerce .na-checkout-shell #payment ul.payment_methods li img {
  max-height: 26px !important;
  width: auto !important;
  margin: 0 4px !important;
  float: none !important;
}

.woocommerce .na-checkout-shell #payment div.payment_box {
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 16px !important;
  border-radius: 16px !important;
  background: rgba(18, 13, 9, .06) !important;
  color: var(--na-check-ink) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.woocommerce .na-checkout-shell #payment div.payment_box::before {
  border-bottom-color: rgba(18, 13, 9, .06) !important;
}

.woocommerce .na-checkout-shell #payment div.form-row,
.woocommerce .na-checkout-shell #payment .form-row {
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce .na-checkout-shell .woocommerce-terms-and-conditions-wrapper,
.woocommerce .na-checkout-shell .woocommerce-privacy-policy-text,
.woocommerce .na-checkout-shell .woocommerce-terms-and-conditions-checkbox-text {
  color: var(--na-check-muted) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.woocommerce .na-checkout-shell .woocommerce-terms-and-conditions-wrapper a,
.woocommerce .na-checkout-shell .woocommerce-privacy-policy-text a {
  color: var(--na-check-gold) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.woocommerce .na-checkout-shell #place_order,
.woocommerce .na-checkout-shell button.button,
.woocommerce .na-checkout-shell .button,
.woocommerce .na-checkout-shell a.button,
.woocommerce .na-checkout-shell input.button {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d8a33a, #bd7d16) !important;
  color: #fff8ec !important;
  font-family: var(--na-sans, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 44px rgba(184, 121, 24, .28) !important;
  cursor: pointer !important;
}

.woocommerce .na-checkout-shell #place_order {
  width: 100% !important;
  margin-top: 20px !important;
  padding: 16px 22px !important;
  white-space: normal !important;
}

.na-checkout-assurance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.na-checkout-assurance-card {
  padding: 24px 26px;
  border: 1px solid rgba(184, 135, 52, .26);
  border-radius: 22px;
  background: rgba(16, 13, 10, .80);
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
  color: var(--na-check-cream);
}

.na-checkout-assurance-card strong {
  display: block;
  margin-bottom: 8px;
  color: #d9ad55;
  font-size: 18px;
  line-height: 1.2;
}

.na-checkout-assurance-card span {
  display: block;
  color: rgba(255, 248, 236, .76);
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .na-checkout-layout {
    grid-template-columns: 1fr;
  }

  .na-checkout-review-card {
    position: relative;
    top: auto;
  }

  .na-checkout-assurance {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.woocommerce-checkout {
    background-attachment: scroll !important;
  }

  body.woocommerce-checkout .entry-title {
    width: min(100% - 28px, 1240px);
    padding-top: 112px !important;
    margin-bottom: 16px !important;
  }

  .na-checkout-shell {
    width: min(100% - 28px, 1240px);
    padding-top: 112px;
  }

  body.woocommerce-checkout .entry-title + .na-checkout-shell,
  body.woocommerce-checkout .entry-content > .na-checkout-shell:first-child {
    padding-top: 78px;
  }

  .na-checkout-hero {
    padding: 40px 22px;
    border-radius: 28px;
  }

  .na-checkout-hero::before {
    inset: 10px;
    border-radius: 20px;
  }

  .na-checkout-title {
    max-width: 100%;
    font-size: clamp(42px, 14vw, 62px);
    line-height: .96;
    overflow-wrap: normal;
    word-break: normal;
  }

  .na-checkout-card-inner {
    padding: 26px 22px;
  }

  .na-checkout-fields .woocommerce-billing-fields__field-wrapper,
  .na-checkout-fields .woocommerce-shipping-fields__field-wrapper,
  .na-checkout-fields .woocommerce-additional-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }

  .na-order-line,
  .na-order-total-line,
  .na-order-shipping-title,
  .na-order-coupon,
  .na-order-fee,
  .na-order-tax {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .na-order-price,
  .na-order-value,
  .na-order-total-value,
  .na-order-shipping-title span:last-child {
    white-space: normal;
    text-align: left;
  }

  .woocommerce .na-checkout-shell #payment ul.payment_methods li {
    padding: 15px !important;
  }
}

@media (max-width: 430px) {
  .na-checkout-shell {
    width: min(100% - 20px, 1240px);
  }

  .na-checkout-title {
    font-size: clamp(38px, 13vw, 54px);
  }

  .na-checkout-card,
  .na-checkout-review-card {
    border-radius: 28px;
  }

  .na-checkout-card::before,
  .na-checkout-review-card::before {
    inset: 10px;
    border-radius: 20px;
  }
}

/*
Noctis Aurum Update 21
Checkout Desktop Width Repair
Fixes the desktop checkout being squeezed by Astra/WooCommerce wrappers and gives the order/payment column enough room.
*/

body.woocommerce-checkout,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content {
  overflow-x: hidden !important;
}

body.woocommerce-checkout .ast-container,
body.woocommerce-checkout .site-content .ast-container,
body.woocommerce-checkout #primary,
body.woocommerce-checkout #main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .entry-content > .woocommerce,
body.woocommerce-checkout .entry-content > .na-checkout-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  display: block !important;
}

body.woocommerce-checkout .entry-title {
  width: min(1320px, calc(100vw - 120px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce-form-login,
body.woocommerce-checkout .checkout_coupon {
  width: min(1320px, calc(100vw - 120px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.na-checkout-shell {
  width: min(1320px, calc(100vw - 120px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.na-checkout-layout {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: minmax(620px, 1.08fr) minmax(500px, .82fr) !important;
  gap: clamp(34px, 3.6vw, 58px) !important;
  align-items: start !important;
}

.na-checkout-card,
.na-checkout-review-card,
.na-checkout-card-inner,
.na-checkout-order-review,
.na-order-summary {
  min-width: 0 !important;
  max-width: 100% !important;
}

.na-checkout-review-card {
  width: 100% !important;
  overflow: hidden !important;
}

.na-checkout-review-card .na-checkout-card-inner {
  padding: clamp(32px, 3vw, 48px) !important;
}

.na-checkout-review-card .na-checkout-card-title {
  font-size: clamp(42px, 3.4vw, 60px) !important;
  line-height: .98 !important;
}

.na-order-line,
.na-order-total-line,
.na-order-shipping-title,
.na-order-coupon,
.na-order-fee,
.na-order-tax {
  grid-template-columns: minmax(0, 1fr) minmax(110px, auto) !important;
  gap: 18px !important;
  width: 100% !important;
}

.na-order-price,
.na-order-value,
.na-order-total-value,
.na-order-shipping-title span:last-child {
  min-width: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.na-order-total-value {
  font-size: clamp(36px, 3vw, 48px) !important;
  letter-spacing: .08em !important;
}

.woocommerce .na-checkout-shell #payment,
.woocommerce .na-checkout-shell #payment * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce .na-checkout-shell #payment ul.payment_methods li {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce .na-checkout-shell #payment div.payment_box {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.woocommerce .na-checkout-shell #payment .mollie-components,
.woocommerce .na-checkout-shell #payment .mollie-component,
.woocommerce .na-checkout-shell #payment .mollie-component iframe,
.woocommerce .na-checkout-shell #payment iframe,
.woocommerce .na-checkout-shell #payment input,
.woocommerce .na-checkout-shell #payment select {
  max-width: 100% !important;
}

/* Keep the desktop hero elegant but not too wide */
.na-checkout-hero {
  width: 100% !important;
}

@media (min-width: 1280px) {
  .na-checkout-shell {
    width: min(1320px, calc(100vw - 160px)) !important;
  }

  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.woocommerce-checkout .woocommerce-form-login,
  body.woocommerce-checkout .checkout_coupon {
    width: min(1320px, calc(100vw - 160px)) !important;
  }
}

@media (max-width: 1180px) {
  .na-checkout-shell,
  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.woocommerce-checkout .woocommerce-form-login,
  body.woocommerce-checkout .checkout_coupon {
    width: min(100% - 44px, 980px) !important;
  }

  .na-checkout-layout {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .na-checkout-review-card {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  .na-checkout-shell,
  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.woocommerce-checkout .woocommerce-form-login,
  body.woocommerce-checkout .checkout_coupon {
    width: min(100% - 28px, 520px) !important;
  }

  .na-checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .na-checkout-review-card .na-checkout-card-inner {
    padding: 26px 22px !important;
  }

  .na-order-line,
  .na-order-total-line,
  .na-order-shipping-title,
  .na-order-coupon,
  .na-order-fee,
  .na-order-tax {
    grid-template-columns: 1fr !important;
  }

  .na-order-price,
  .na-order-value,
  .na-order-total-value,
  .na-order-shipping-title span:last-child {
    text-align: left !important;
    white-space: normal !important;
  }
}

/*
Noctis Aurum Update 22
Checkout Order Review Table Hard Repair
Fixes WooCommerce fallback table/desktop float rules that can squeeze the order review into a narrow column.
*/

body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.checkout.woocommerce-checkout,
body.woocommerce-checkout .na-checkout-form {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  float: none !important;
  clear: both !important;
}

body.woocommerce-checkout form.checkout #customer_details,
body.woocommerce-checkout form.checkout #order_review,
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout .na-checkout-fields,
body.woocommerce-checkout .na-checkout-order-review {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  position: relative !important;
}

body.woocommerce-checkout .na-checkout-review-card,
body.woocommerce-checkout .na-checkout-review-card .na-checkout-card-inner,
body.woocommerce-checkout .na-checkout-review-card #order_review,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order {
  overflow: visible !important;
}

body.woocommerce-checkout .na-checkout-review-card .shop_table,
body.woocommerce-checkout .na-checkout-review-card table.shop_table,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 20px 0 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  background: transparent !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table thead {
  display: none !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tbody,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tfoot,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tr,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table td {
  border: 0 !important;
  background: transparent !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tr.cart_item,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tfoot tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 18px !important;
  align-items: start !important;
  width: 100% !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(184, 135, 52, .20) !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tr.cart_item:first-child {
  border-top: 0 !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table td {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  color: #2a2119 !important;
  font-family: var(--na-sans, Arial, sans-serif) !important;
  line-height: 1.45 !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table th {
  font-weight: 900 !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table td:last-child,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .amount {
  text-align: right !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  color: #2a2119 !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .shipping th,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .order-total th {
  color: #7a6a5a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .order-total .amount {
  color: #c88f2a !important;
  font-family: var(--na-serif, Georgia, serif) !important;
  font-size: clamp(32px, 3vw, 46px) !important;
  letter-spacing: .08em !important;
}

body.woocommerce-checkout .na-checkout-review-card #payment,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-payment {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 24px !important;
  padding-top: 22px !important;
  float: none !important;
  clear: both !important;
  border-top: 1px solid rgba(184, 135, 52, .20) !important;
}

@media (min-width: 1181px) {
  body.woocommerce-checkout .na-checkout-layout {
    grid-template-columns: minmax(640px, 1fr) minmax(560px, 620px) !important;
  }

  body.woocommerce-checkout .na-checkout-review-card {
    min-width: 560px !important;
  }
}

@media (max-width: 760px) {
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tbody,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tfoot,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tr,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table th,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tr.cart_item,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table tfoot tr {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .product-total,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table td:last-child,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order-table .amount {
    text-align: left !important;
  }
}
/* =========================================================
   Noctis Aurum Update 23
   Checkout Final Spacing Fix
   ========================================================= */

/* Checkout auf Desktop etwas weiter unter die fixe Navigation setzen */
body.woocommerce-checkout .na-checkout-shell {
  padding-top: clamp(110px, 8vw, 150px) !important;
}

/* Hero/Card nicht mehr unter die Navigation rutschen lassen */
body.woocommerce-checkout .na-checkout-hero {
  margin-top: 0 !important;
}

/* Rechte Bestellbox: mehr Innenabstand und saubere Zeilen */
body.woocommerce-checkout .na-checkout-review-card .na-checkout-card-inner,
body.woocommerce-checkout .na-checkout-review-card #order_review,
body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order {
  padding-left: 34px !important;
  padding-right: 34px !important;
  box-sizing: border-box !important;
}

/* Bestellübersicht-Tabelle sauber innerhalb der Karte halten */
body.woocommerce-checkout .na-checkout-review-card table,
body.woocommerce-checkout .na-checkout-review-card .shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

/* Produktname und Summen nicht an den Rand kleben lassen */
body.woocommerce-checkout .na-checkout-review-card th,
body.woocommerce-checkout .na-checkout-review-card td {
  padding: 18px 0 !important;
  vertical-align: top !important;
}

/* Preis-Spalte elegant rechts halten */
body.woocommerce-checkout .na-checkout-review-card td:last-child,
body.woocommerce-checkout .na-checkout-review-card th:last-child {
  text-align: right !important;
  padding-left: 24px !important;
  white-space: nowrap !important;
}

/* Mobile: nicht zu viel Abstand oben */
@media (max-width: 768px) {
  body.woocommerce-checkout .na-checkout-shell {
    padding-top: 96px !important;
  }

  body.woocommerce-checkout .na-checkout-review-card .na-checkout-card-inner,
  body.woocommerce-checkout .na-checkout-review-card #order_review,
  body.woocommerce-checkout .na-checkout-review-card .woocommerce-checkout-review-order {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.woocommerce-checkout .na-checkout-review-card td:last-child,
  body.woocommerce-checkout .na-checkout-review-card th:last-child {
    padding-left: 12px !important;
  }
}
/* =========================================================
   Noctis Aurum Update 24
   Checkout Notices + Order Review Final Alignment
   ========================================================= */

/* Login- und Gutschein-Ausklappbereich lesbarer machen */
body.woocommerce-checkout .woocommerce-form-login,
body.woocommerce-checkout .checkout_coupon {
  background: rgba(255, 250, 242, 0.78) !important;
  border: 1px solid rgba(184, 135, 52, 0.28) !important;
  border-radius: 28px !important;
  padding: 28px !important;
  color: #2a2119 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(14px) !important;
}

body.woocommerce-checkout .woocommerce-form-login p,
body.woocommerce-checkout .checkout_coupon p,
body.woocommerce-checkout .woocommerce-form-login label,
body.woocommerce-checkout .checkout_coupon label {
  color: #2a2119 !important;
  opacity: 1 !important;
}

body.woocommerce-checkout .woocommerce-form-login input.input-text,
body.woocommerce-checkout .checkout_coupon input.input-text {
  background: #100b07 !important;
  color: #fff8ec !important;
  border: 1px solid rgba(184, 135, 52, 0.45) !important;
  border-radius: 999px !important;
}

body.woocommerce-checkout .woocommerce-form-login input.input-text::placeholder,
body.woocommerce-checkout .checkout_coupon input.input-text::placeholder {
  color: rgba(255, 248, 236, 0.58) !important;
}

/* Login/Gutschein Hinweisleisten optisch sauber halten */
body.woocommerce-checkout .woocommerce-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.45 !important;
}

body.woocommerce-checkout .woocommerce-info::before {
  position: static !important;
  margin: 0 !important;
}

/* Rechte Bestellübersicht: Innenabstand reparieren */
body.woocommerce-checkout .na-checkout-review-card .na-checkout-card-inner {
  padding-left: clamp(34px, 3vw, 52px) !important;
  padding-right: clamp(34px, 3vw, 52px) !important;
  overflow: hidden !important;
}

/* Order-Review darf nicht über seine Karte hinausragen */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Tabelle final kontrollieren */
body.woocommerce-checkout #order_review table.shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* Linke Textspalte */
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 18px 0 !important;
  vertical-align: top !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Erste Spalte bekommt genug Raum */
body.woocommerce-checkout #order_review table.shop_table th:first-child,
body.woocommerce-checkout #order_review table.shop_table td:first-child {
  width: 64% !important;
  padding-right: 20px !important;
}

/* Preis-Spalte rechts sauber und nicht überlaufend */
body.woocommerce-checkout #order_review table.shop_table th:last-child,
body.woocommerce-checkout #order_review table.shop_table td:last-child {
  width: 36% !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-left: 16px !important;
}

/* Versandtext nicht links aus der Karte rausziehen */
body.woocommerce-checkout #order_review .woocommerce-shipping-methods,
body.woocommerce-checkout #order_review .woocommerce-shipping-totals,
body.woocommerce-checkout #order_review .shipping {
  max-width: 100% !important;
  overflow: hidden !important;
}

body.woocommerce-checkout #order_review .woocommerce-shipping-methods label,
body.woocommerce-checkout #order_review .shipping label {
  display: block !important;
  max-width: 100% !important;
  line-height: 1.45 !important;
  white-space: normal !important;
}

/* Gesamtsumme etwas eleganter */
body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout #order_review .order-total th {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* Payment-Box unter der Tabelle sauber in der Karte */
body.woocommerce-checkout #payment {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Mobile bleibt kompakt und sicher */
@media (max-width: 768px) {
  body.woocommerce-checkout .woocommerce-form-login,
  body.woocommerce-checkout .checkout_coupon {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body.woocommerce-checkout .na-checkout-review-card .na-checkout-card-inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.woocommerce-checkout #order_review table.shop_table {
    table-layout: auto !important;
  }

  body.woocommerce-checkout #order_review table.shop_table th:first-child,
  body.woocommerce-checkout #order_review table.shop_table td:first-child,
  body.woocommerce-checkout #order_review table.shop_table th:last-child,
  body.woocommerce-checkout #order_review table.shop_table td:last-child {
    width: auto !important;
  }
}
/* =========================================================
   Noctis Aurum Update 25
   Cart Width + Card Overflow Repair
   ========================================================= */

/* Cart-Seite niemals horizontal überlaufen lassen */
body.woocommerce-cart,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-area,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce {
  overflow-x: hidden !important;
}

/* Haupt-Cart-Container sauber begrenzen und mittig halten */
body.woocommerce-cart .na-woo-page,
body.woocommerce-cart .na-cart-page,
body.woocommerce-cart .na-cart-shell {
  width: min(100%, 1180px) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Cart-Grid darf nicht breiter als der Container werden */
body.woocommerce-cart .na-woo-grid,
body.woocommerce-cart .na-cart-grid,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Warenkorb-Layout: linke und rechte Spalte kontrollieren */
body.woocommerce-cart .na-woo-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(340px, 0.85fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

/* Karten dürfen nicht ausbrechen */
body.woocommerce-cart .na-woo-card,
body.woocommerce-cart .na-cart-card,
body.woocommerce-cart .na-woo-card-inner,
body.woocommerce-cart .na-cart-card-inner,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-collaterals {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Rechte Übersicht bekommt keine Überbreite */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
  width: 100% !important;
  float: none !important;
}

/* Preise rechts nicht aus der Box drücken */
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals .shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.woocommerce-cart .cart_totals th {
  width: 48% !important;
}

body.woocommerce-cart .cart_totals td {
  width: 52% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Trust-Cards unten sauber innerhalb der Breite halten */
body.woocommerce-cart .na-trust,
body.woocommerce-cart .na-cart-trust,
body.woocommerce-cart .na-trust-grid {
  width: min(100%, 1180px) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.woocommerce-cart .na-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.woocommerce-cart .na-trust-card,
body.woocommerce-cart .na-cart-trust-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

/* Desktop etwas schmaler, damit rechts nichts mehr abgeschnitten wird */
@media (min-width: 1025px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell,
  body.woocommerce-cart .na-trust,
  body.woocommerce-cart .na-cart-trust,
  body.woocommerce-cart .na-trust-grid {
    max-width: min(1120px, calc(100vw - 96px)) !important;
  }
}

/* Tablet: zweispaltig/gestapelt sauber */
@media (max-width: 1024px) {
  body.woocommerce-cart .na-woo-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.woocommerce-cart .na-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: alles volle Breite, keine abgeschnittenen Karten */
@media (max-width: 768px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell,
  body.woocommerce-cart .na-trust,
  body.woocommerce-cart .na-cart-trust,
  body.woocommerce-cart .na-trust-grid {
    max-width: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
  }

  body.woocommerce-cart .na-trust-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.woocommerce-cart .cart_totals td {
    white-space: normal !important;
  }
}/* =========================================================
   Noctis Aurum Update 25
   Cart Width + Card Overflow Repair
   ========================================================= */

/* Cart-Seite niemals horizontal überlaufen lassen */
body.woocommerce-cart,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-area,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce {
  overflow-x: hidden !important;
}

/* Haupt-Cart-Container sauber begrenzen und mittig halten */
body.woocommerce-cart .na-woo-page,
body.woocommerce-cart .na-cart-page,
body.woocommerce-cart .na-cart-shell {
  width: min(100%, 1180px) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Cart-Grid darf nicht breiter als der Container werden */
body.woocommerce-cart .na-woo-grid,
body.woocommerce-cart .na-cart-grid,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Warenkorb-Layout: linke und rechte Spalte kontrollieren */
body.woocommerce-cart .na-woo-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(340px, 0.85fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

/* Karten dürfen nicht ausbrechen */
body.woocommerce-cart .na-woo-card,
body.woocommerce-cart .na-cart-card,
body.woocommerce-cart .na-woo-card-inner,
body.woocommerce-cart .na-cart-card-inner,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-collaterals {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Rechte Übersicht bekommt keine Überbreite */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
  width: 100% !important;
  float: none !important;
}

/* Preise rechts nicht aus der Box drücken */
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals .shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.woocommerce-cart .cart_totals th {
  width: 48% !important;
}

body.woocommerce-cart .cart_totals td {
  width: 52% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Trust-Cards unten sauber innerhalb der Breite halten */
body.woocommerce-cart .na-trust,
body.woocommerce-cart .na-cart-trust,
body.woocommerce-cart .na-trust-grid {
  width: min(100%, 1180px) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.woocommerce-cart .na-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.woocommerce-cart .na-trust-card,
body.woocommerce-cart .na-cart-trust-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

/* Desktop etwas schmaler, damit rechts nichts mehr abgeschnitten wird */
@media (min-width: 1025px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell,
  body.woocommerce-cart .na-trust,
  body.woocommerce-cart .na-cart-trust,
  body.woocommerce-cart .na-trust-grid {
    max-width: min(1120px, calc(100vw - 96px)) !important;
  }
}

/* Tablet: zweispaltig/gestapelt sauber */
@media (max-width: 1024px) {
  body.woocommerce-cart .na-woo-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.woocommerce-cart .na-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: alles volle Breite, keine abgeschnittenen Karten */
@media (max-width: 768px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell,
  body.woocommerce-cart .na-trust,
  body.woocommerce-cart .na-cart-trust,
  body.woocommerce-cart .na-trust-grid {
    max-width: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
  }

  body.woocommerce-cart .na-trust-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.woocommerce-cart .cart_totals td {
    white-space: normal !important;
  }
}
/* =========================================================
   Noctis Aurum Update 26
   Cart Mobile Overflow Final Repair
   ========================================================= */

@media (max-width: 768px) {

  /* Cart-Seite komplett gegen Rechts-Overflow absichern */
  body.woocommerce-cart,
  body.woocommerce-cart html,
  body.woocommerce-cart .site,
  body.woocommerce-cart .site-content,
  body.woocommerce-cart .content-area,
  body.woocommerce-cart .entry-content,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell,
  body.woocommerce-cart .na-woo-grid,
  body.woocommerce-cart .na-cart-grid,
  body.woocommerce-cart .na-woo-card,
  body.woocommerce-cart .na-cart-card,
  body.woocommerce-cart .na-woo-card-inner,
  body.woocommerce-cart .na-cart-card-inner,
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Hauptbereich auf echte Mobile-Breite setzen */
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero-Karte darf nicht mehr rechts auslaufen */
  body.woocommerce-cart .na-woo-hero,
  body.woocommerce-cart .na-cart-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 42px 22px !important;
    border-radius: 34px !important;
    overflow: hidden !important;
  }

  body.woocommerce-cart .na-woo-hero h1,
  body.woocommerce-cart .na-cart-hero h1 {
    font-size: clamp(48px, 17vw, 72px) !important;
    line-height: 0.92 !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
  }

  body.woocommerce-cart .na-woo-hero p,
  body.woocommerce-cart .na-cart-hero p {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  /* Warenkorb-Karte auf Mobile sauber einspaltig */
  body.woocommerce-cart .na-woo-grid,
  body.woocommerce-cart .na-cart-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: 100% !important;
  }

  body.woocommerce-cart .na-woo-card,
  body.woocommerce-cart .na-cart-card,
  body.woocommerce-cart .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 32px !important;
  }

  body.woocommerce-cart .na-woo-card-inner,
  body.woocommerce-cart .na-cart-card-inner,
  body.woocommerce-cart .cart_totals {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* Produktkarte innen nicht breiter als Card */
  body.woocommerce-cart .na-cart-item,
  body.woocommerce-cart .cart_item,
  body.woocommerce-cart .shop_table,
  body.woocommerce-cart table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Produktbild und Text untereinander, falls nötig */
  body.woocommerce-cart .na-cart-item,
  body.woocommerce-cart .cart_item {
    display: block !important;
  }

  body.woocommerce-cart .product-thumbnail,
  body.woocommerce-cart .product-name,
  body.woocommerce-cart .product-price,
  body.woocommerce-cart .product-quantity,
  body.woocommerce-cart .product-subtotal {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left !important;
  }

  /* Zusammenfassung auf Mobile nicht abschneiden */
  body.woocommerce-cart .cart_totals table,
  body.woocommerce-cart .cart_totals .shop_table,
  body.woocommerce-cart .cart_totals tbody,
  body.woocommerce-cart .cart_totals tr,
  body.woocommerce-cart .cart_totals th,
  body.woocommerce-cart .cart_totals td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.woocommerce-cart .cart_totals td {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  /* Buttons volle Breite */
  body.woocommerce-cart .wc-proceed-to-checkout a,
  body.woocommerce-cart .na-cart-actions a,
  body.woocommerce-cart .button,
  body.woocommerce-cart button {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* Trust-Cards unten sauber einspaltig */
  body.woocommerce-cart .na-trust,
  body.woocommerce-cart .na-cart-trust,
  body.woocommerce-cart .na-trust-grid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart .na-trust-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.woocommerce-cart .na-trust-card,
  body.woocommerce-cart .na-cart-trust-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }
}

/* Ultra-small Geräte zusätzlich absichern */
@media (max-width: 430px) {
  body.woocommerce-cart .na-woo-page,
  body.woocommerce-cart .na-cart-page,
  body.woocommerce-cart .na-cart-shell {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.woocommerce-cart .na-woo-hero,
  body.woocommerce-cart .na-cart-hero {
    padding: 38px 18px !important;
  }

  body.woocommerce-cart .na-woo-hero h1,
  body.woocommerce-cart .na-cart-hero h1 {
    font-size: clamp(44px, 16vw, 64px) !important;
  }
}
/* =========================================================
   Noctis Aurum Update 27
   Thank You / Bestellbestätigung Lesbarkeit
   ========================================================= */

body.woocommerce-order-received {
  overflow-x: hidden !important;
}

/* Hauptkarte heller und hochwertiger */
body.woocommerce-order-received .na-thankyou-card {
  background:
    linear-gradient(
      135deg,
      rgba(255, 250, 242, 0.88),
      rgba(229, 220, 205, 0.82)
    ) !important;
  border: 1px solid rgba(184, 135, 52, 0.34) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* dunklen Schleier innerhalb der Card entfernen/abschwächen */
body.woocommerce-order-received .na-thankyou-card::before,
body.woocommerce-order-received .na-thankyou-card::after {
  opacity: 0.18 !important;
}

/* Alle Texte auf der Danke-Seite lesbar machen */
body.woocommerce-order-received .na-thankyou-card,
body.woocommerce-order-received .na-thankyou-card p,
body.woocommerce-order-received .na-thankyou-card li,
body.woocommerce-order-received .na-thankyou-card span,
body.woocommerce-order-received .na-thankyou-card strong,
body.woocommerce-order-received .na-thankyou-card div {
  color: #2a2119 !important;
}

/* Headline weiterhin edel, aber sichtbar */
body.woocommerce-order-received .na-thankyou-card h1,
body.woocommerce-order-received .na-thankyou-card h2,
body.woocommerce-order-received .na-thankyou-card h3 {
  color: #2a2119 !important;
  text-shadow: none !important;
}

/* Eyebrow/Pill oben */
body.woocommerce-order-received .na-thankyou-card .na-eyebrow,
body.woocommerce-order-received .na-thankyou-card .na-thankyou-eyebrow {
  color: #c4891f !important;
  background: rgba(196, 137, 31, 0.10) !important;
  border-color: rgba(196, 137, 31, 0.25) !important;
}

/* Bestell-Info Boxen */
body.woocommerce-order-received .na-thankyou-grid > *,
body.woocommerce-order-received .na-thankyou-meta > *,
body.woocommerce-order-received .na-thankyou-box,
body.woocommerce-order-received .woocommerce-order-overview li {
  background: rgba(255, 248, 236, 0.66) !important;
  border: 1px solid rgba(184, 135, 52, 0.22) !important;
  color: #2a2119 !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08) !important;
}

/* Labels in den Boxen */
body.woocommerce-order-received .na-thankyou-card .label,
body.woocommerce-order-received .na-thankyou-card .na-label,
body.woocommerce-order-received .woocommerce-order-overview li strong {
  color: #2a2119 !important;
}

/* Ablauf-Schritte heller */
body.woocommerce-order-received .na-thankyou-timeline,
body.woocommerce-order-received .na-thankyou-step,
body.woocommerce-order-received .na-timeline-item {
  background: rgba(255, 248, 236, 0.58) !important;
  border: 1px solid rgba(184, 135, 52, 0.20) !important;
  color: #2a2119 !important;
}

/* Goldene Punkte sichtbar halten */
body.woocommerce-order-received .na-thankyou-step::before,
body.woocommerce-order-received .na-timeline-item::before {
  background: #d39a25 !important;
  box-shadow: 0 0 0 6px rgba(211, 154, 37, 0.18) !important;
}

/* Buttons unten */
body.woocommerce-order-received .na-thankyou-actions a,
body.woocommerce-order-received .na-thankyou-card .button {
  background: linear-gradient(135deg, #d9a12a, #b87513) !important;
  color: #fff8ec !important;
  border: 1px solid rgba(255, 248, 236, 0.22) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 40px rgba(184, 118, 19, 0.28) !important;
  text-shadow: none !important;
}

body.woocommerce-order-received .na-thankyou-actions a:hover,
body.woocommerce-order-received .na-thankyou-card .button:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

/* WooCommerce Tabellen/Details auf Danke-Seite */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received table.shop_table {
  background: rgba(255, 248, 236, 0.72) !important;
  border: 1px solid rgba(184, 135, 52, 0.22) !important;
  border-radius: 26px !important;
  color: #2a2119 !important;
  overflow: hidden !important;
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  color: #2a2119 !important;
  border-color: rgba(184, 135, 52, 0.18) !important;
}

/* Mobile Danke-Seite */
@media (max-width: 768px) {
  body.woocommerce-order-received .na-thankyou-card {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 34px 22px !important;
    border-radius: 32px !important;
  }

  body.woocommerce-order-received .na-thankyou-card h1 {
    font-size: clamp(44px, 14vw, 64px) !important;
    line-height: 0.95 !important;
  }

  body.woocommerce-order-received .na-thankyou-grid,
  body.woocommerce-order-received .na-thankyou-meta {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.woocommerce-order-received .na-thankyou-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.woocommerce-order-received .na-thankyou-actions a,
  body.woocommerce-order-received .na-thankyou-card .button {
    width: 100% !important;
    text-align: center !important;
  }
}
/* =========================================================
   Noctis Aurum Update 28
   Thank You Luxury Finish
   ========================================================= */

body.woocommerce-order-received .na-thankyou-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.56), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(214, 160, 61, 0.14), transparent 32%),
    linear-gradient(
      135deg,
      rgba(245, 237, 223, 0.92),
      rgba(220, 209, 192, 0.88) 46%,
      rgba(197, 184, 163, 0.88)
    ) !important;
  border: 1px solid rgba(214, 160, 61, 0.42) !important;
  border-radius: 34px !important;
  box-shadow:
    0 45px 130px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 0 0 1px rgba(255, 248, 236, 0.24) !important;
}

/* dezenter innerer Rahmen */
body.woocommerce-order-received .na-thankyou-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  border: 1px solid rgba(184, 135, 52, 0.24) !important;
  border-radius: 26px !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Top Badge edler */
body.woocommerce-order-received .na-thankyou-card .na-eyebrow,
body.woocommerce-order-received .na-thankyou-card .na-thankyou-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: rgba(42, 33, 25, 0.16) !important;
  border: 1px solid rgba(184, 135, 52, 0.30) !important;
  color: #6f542d !important;
  letter-spacing: 0.14em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Headline ruhiger, luxuriöser */
body.woocommerce-order-received .na-thankyou-card h1 {
  color: #211812 !important;
  font-size: clamp(54px, 5.8vw, 86px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em !important;
  margin-top: 18px !important;
  margin-bottom: 16px !important;
}

body.woocommerce-order-received .na-thankyou-card > p,
body.woocommerce-order-received .na-thankyou-card .na-thankyou-subtitle {
  color: rgba(42, 33, 25, 0.76) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Bestell-Info Boxen hochwertiger */
body.woocommerce-order-received .na-thankyou-grid > *,
body.woocommerce-order-received .na-thankyou-meta > *,
body.woocommerce-order-received .woocommerce-order-overview li {
  background:
    linear-gradient(
      135deg,
      rgba(255, 249, 238, 0.72),
      rgba(243, 233, 216, 0.62)
    ) !important;
  border: 1px solid rgba(184, 135, 52, 0.24) !important;
  border-radius: 16px !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

/* Labels eleganter */
body.woocommerce-order-received .na-thankyou-card .na-label,
body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received .na-thankyou-grid strong {
  color: #7b5a2c !important;
  letter-spacing: 0.16em !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Werte etwas edler */
body.woocommerce-order-received .na-thankyou-grid span,
body.woocommerce-order-received .na-thankyou-grid div,
body.woocommerce-order-received .woocommerce-order-overview li {
  color: #2a2119 !important;
}

/* Timeline weg vom grauen Dashboard-Look */
body.woocommerce-order-received .na-thankyou-step,
body.woocommerce-order-received .na-timeline-item {
  background:
    linear-gradient(
      135deg,
      rgba(42, 33, 25, 0.88),
      rgba(28, 20, 15, 0.84)
    ) !important;
  border: 1px solid rgba(214, 160, 61, 0.28) !important;
  border-radius: 18px !important;
  color: rgba(255, 248, 236, 0.82) !important;
  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-order-received .na-thankyou-step *,
body.woocommerce-order-received .na-timeline-item * {
  color: rgba(255, 248, 236, 0.82) !important;
}

body.woocommerce-order-received .na-thankyou-step strong,
body.woocommerce-order-received .na-timeline-item strong,
body.woocommerce-order-received .na-thankyou-step h3,
body.woocommerce-order-received .na-timeline-item h3 {
  color: #f4d18b !important;
}

/* Goldpunkte dezenter/luxuriöser */
body.woocommerce-order-received .na-thankyou-step::before,
body.woocommerce-order-received .na-timeline-item::before {
  background: #d9a12a !important;
  box-shadow:
    0 0 0 5px rgba(217, 161, 42, 0.14),
    0 0 18px rgba(217, 161, 42, 0.36) !important;
}

/* Trennlinie vor Timeline edler */
body.woocommerce-order-received .na-thankyou-timeline {
  border-top: 1px solid rgba(184, 135, 52, 0.28) !important;
  padding-top: 18px !important;
  margin-top: 20px !important;
}

/* Buttons luxuriöser */
body.woocommerce-order-received .na-thankyou-actions a,
body.woocommerce-order-received .na-thankyou-card .button {
  min-height: 48px !important;
  padding: 15px 28px !important;
  background:
    linear-gradient(135deg, #e0ad3d, #c38216 52%, #a9690e) !important;
  color: #fff8ec !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 248, 236, 0.28) !important;
  box-shadow:
    0 20px 44px rgba(184, 118, 19, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  letter-spacing: 0.09em !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Footer-Hinweis unten dezenter */
body.woocommerce-order-received .na-thankyou-micro,
body.woocommerce-order-received .na-thankyou-card small {
  color: rgba(42, 33, 25, 0.62) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

/* Mobile bleibt edel, aber nicht gequetscht */
@media (max-width: 768px) {
  body.woocommerce-order-received .na-thankyou-card {
    border-radius: 32px !important;
    padding: 38px 22px !important;
  }

  body.woocommerce-order-received .na-thankyou-card::after {
    inset: 12px !important;
    border-radius: 24px !important;
  }

  body.woocommerce-order-received .na-thankyou-card h1 {
    font-size: clamp(46px, 14vw, 64px) !important;
    text-align: left !important;
  }

  body.woocommerce-order-received .na-thankyou-card > p,
  body.woocommerce-order-received .na-thankyou-card .na-thankyou-subtitle {
    font-size: 15px !important;
  }
}
/* =========================================================
   Noctis Aurum Update 29
   Thank You Final Luxury Polish
   ========================================================= */

/* Timeline-Blöcke edler, weniger grau */
body.woocommerce-order-received .na-thankyou-step,
body.woocommerce-order-received .na-timeline-item {
  background:
    linear-gradient(
      135deg,
      rgba(36, 27, 20, 0.92),
      rgba(23, 17, 13, 0.88)
    ) !important;
  border: 1px solid rgba(212, 160, 61, 0.28) !important;
  color: rgba(255, 248, 236, 0.82) !important;
  border-radius: 18px !important;
}

body.woocommerce-order-received .na-thankyou-step *,
body.woocommerce-order-received .na-timeline-item * {
  color: rgba(255, 248, 236, 0.82) !important;
}

body.woocommerce-order-received .na-thankyou-step strong,
body.woocommerce-order-received .na-timeline-item strong,
body.woocommerce-order-received .na-thankyou-step h3,
body.woocommerce-order-received .na-timeline-item h3 {
  color: #f3ce82 !important;
}

/* Hauptkarte etwas cremiger und weniger grau */
body.woocommerce-order-received .na-thankyou-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.62), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(214,160,61,0.16), transparent 34%),
    linear-gradient(
      135deg,
      rgba(246, 238, 224, 0.94),
      rgba(226, 214, 194, 0.90) 48%,
      rgba(203, 188, 164, 0.90)
    ) !important;
}

/* Unterer Hinweis dezenter */
body.woocommerce-order-received .na-thankyou-micro,
body.woocommerce-order-received .na-thankyou-card small,
body.woocommerce-order-received .na-thankyou-card > p:last-child {
  color: rgba(42, 33, 25, 0.56) !important;
  font-size: 12px !important;
}

/* Buttons etwas flacher, eleganter */
body.woocommerce-order-received .na-thankyou-actions a,
body.woocommerce-order-received .na-thankyou-card .button {
  min-width: 180px !important;
  background: linear-gradient(135deg, #dca238, #bd790f) !important;
  box-shadow: 0 16px 36px rgba(163, 98, 13, 0.25) !important;
}
/* =========================================================
   Noctis Aurum Update 30
   Thank You Micro Text Polish
   ========================================================= */

body.woocommerce-order-received .na-thankyou-micro {
  margin-top: 16px !important;
  color: rgba(42, 33, 25, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  max-width: 760px !important;
}

body.woocommerce-order-received .na-thankyou-micro strong {
  color: #2a2119 !important;
  font-weight: 800 !important;
}

body.woocommerce-order-received .na-thankyou-micro br {
  display: block !important;
  content: "" !important;
  margin-bottom: 3px !important;
}
/* Thank You Social Hinweis etwas sichtbarer */
body.woocommerce-order-received .na-thankyou-micro {
  opacity: 1 !important;
  color: rgba(42, 33, 25, 0.68) !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
}

body.woocommerce-order-received .na-thankyou-micro strong {
  color: #1f1711 !important;
  font-weight: 900 !important;
}
/* =========================================================
   Noctis Aurum Update 31
   Thank You Micro Text Final
   ========================================================= */

body.woocommerce-order-received .na-thankyou-micro {
  margin-top: 18px !important;
  padding: 14px 18px !important;
  max-width: 100% !important;
  background: rgba(255, 248, 236, 0.32) !important;
  border: 1px solid rgba(184, 135, 52, 0.16) !important;
  border-radius: 16px !important;
  color: rgba(42, 33, 25, 0.78) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
}

body.woocommerce-order-received .na-thankyou-micro strong {
  color: #1f1711 !important;
  font-weight: 900 !important;
}

body.woocommerce-order-received .na-thankyou-micro br {
  display: block !important;
  margin-bottom: 4px !important;
}

/* Auf Mobile nicht zu viel Platz verschwenden */
@media (max-width: 768px) {
  body.woocommerce-order-received .na-thankyou-micro {
    font-size: 12.5px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Luxury Polish
   Paste at the very bottom of style.css
   ========================================================= */

.na-site-footer--atelier {
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 248, 236, 0.075), transparent 28%),
    radial-gradient(circle at 88% 70%, rgba(200, 141, 33, 0.14), transparent 30%),
    linear-gradient(90deg, rgba(10, 8, 7, 0.94), rgba(34, 25, 19, 0.90)),
    url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center center / cover no-repeat !important;
}

.na-site-footer--atelier::before {
  opacity: 0.75 !important;
}

.na-footer-orbit {
  position: absolute;
  right: clamp(22px, 7vw, 140px);
  bottom: clamp(30px, 7vw, 120px);
  width: clamp(180px, 22vw, 390px);
  height: clamp(180px, 22vw, 390px);
  border: 1px solid rgba(200, 141, 33, 0.12);
  border-radius: 999px;
  box-shadow: inset 0 0 70px rgba(200, 141, 33, 0.055);
  pointer-events: none;
  z-index: 0;
}

.na-footer-main--atelier {
  grid-template-columns: minmax(360px, 0.95fr) minmax(520px, 1fr) !important;
  align-items: end !important;
  min-height: 72vh;
  padding-top: clamp(110px, 12vw, 180px) !important;
  padding-bottom: clamp(74px, 8vw, 118px) !important;
}

.na-footer-brand--atelier .na-footer-logo {
  margin-bottom: 34px !important;
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 248, 236, 0.10), transparent 48%),
    rgba(255, 250, 242, 0.045) !important;
}

.na-footer-brand--atelier h2 {
  max-width: 720px;
  text-wrap: balance;
}

.na-footer-brand--atelier > p:not(.na-footer-kicker) {
  color: rgba(255, 250, 242, 0.74) !important;
  line-height: 1.75 !important;
}

.na-footer-signature {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.na-footer-signature span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 15px;
  border: 1px solid rgba(200, 141, 33, 0.28);
  border-radius: 999px;
  color: rgba(255, 250, 242, 0.82);
  background: rgba(255, 250, 242, 0.035);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.na-footer-social-card {
  width: min(100%, 430px);
  margin-top: 34px;
  padding: 18px 20px;
  border: 1px solid rgba(200, 141, 33, 0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 250, 242, 0.075), rgba(255, 250, 242, 0.025));
  box-shadow: inset 0 1px 0 rgba(255, 250, 242, 0.08);
}

.na-footer-social-card p {
  margin: 0 0 7px !important;
  color: rgba(255, 250, 242, 0.62) !important;
  font-size: 0.88rem !important;
}

.na-footer-social-card a {
  color: #d7a43a !important;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.na-footer-columns--atelier {
  align-items: stretch !important;
}

.na-footer-columns--atelier .na-footer-col {
  position: relative;
  min-height: 310px !important;
  padding: 32px 30px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(255, 248, 236, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.06), rgba(255, 250, 242, 0.022)) !important;
}

.na-footer-col-kicker {
  display: block;
  margin-bottom: 18px;
  color: rgba(200, 141, 33, 0.72);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.22em;
}

.na-footer-columns--atelier .na-footer-col h3 {
  margin-bottom: 30px !important;
  color: #c88d21 !important;
}

.na-footer-columns--atelier .na-footer-col li + li {
  margin-top: 3px;
}

.na-footer-columns--atelier .na-footer-col a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.na-footer-columns--atelier .na-footer-col a::before {
  content: "";
  width: 0;
  height: 1px;
  background: rgba(200, 141, 33, 0.9);
  transition: width 180ms ease;
}

.na-footer-columns--atelier .na-footer-col a:hover::before,
.na-footer-columns--atelier .na-footer-col a:focus-visible::before {
  width: 18px;
}

.na-footer-bottom--atelier {
  padding-top: 30px !important;
  padding-bottom: 38px !important;
}

.na-footer-bottom--atelier p {
  color: rgba(255, 250, 242, 0.58) !important;
}

@media (max-width: 1100px) {
  .na-footer-main--atelier {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  .na-footer-columns--atelier {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .na-footer-main--atelier {
    padding-top: 90px !important;
  }

  .na-footer-columns--atelier {
    grid-template-columns: 1fr !important;
  }

  .na-footer-columns--atelier .na-footer-col {
    min-height: auto !important;
  }
}

@media (max-width: 560px) {
  .na-footer-main--atelier {
    padding-top: 76px !important;
    padding-bottom: 56px !important;
  }

  .na-footer-brand--atelier h2 {
    font-size: clamp(2.25rem, 11vw, 3.55rem) !important;
  }

  .na-footer-signature {
    display: grid;
  }

  .na-footer-social-card {
    padding: 16px;
    border-radius: 20px;
  }
}
/* =========================================================
   Noctis Aurum Luxury Header Patch
   Paste at the very bottom of style.css
   ========================================================= */

.na-site-header,
.na-site-header--luxury {
  position: fixed !important;
  top: 28px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  width: min(1120px, calc(100vw - 72px)) !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(201, 154, 79, 0.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(135deg, rgba(255, 250, 242, 0.94), rgba(238, 226, 207, 0.86)) !important;
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -1px 0 rgba(132, 91, 37, 0.08) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
  box-sizing: border-box !important;
}

.admin-bar .na-site-header,
.admin-bar .na-site-header--luxury {
  top: 60px !important;
}

.na-site-header::before,
.na-site-header--luxury::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  pointer-events: none !important;
}

.na-site-header::after,
.na-site-header--luxury::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: -10px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.16), transparent 72%) !important;
  pointer-events: none !important;
  filter: blur(8px) !important;
}

.na-site-brand {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: max-content !important;
  text-decoration: none !important;
  color: #2a2119 !important;
}

.na-site-brand__mark,
.na-site-brand > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c88d21 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  font-weight: 400 !important;
  min-width: 42px !important;
}

.na-site-brand__text,
.na-site-brand small,
.na-site-brand > small {
  display: inline-block !important;
  color: #2a2119 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.na-site-nav {
  position: relative !important;
  z-index: 2 !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

.na-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(18px, 2.2vw, 34px) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.na-menu a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  color: rgba(42, 33, 25, 0.76) !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 180ms ease, transform 180ms ease !important;
}

.na-menu a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 2px !important;
  width: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c88d21, transparent) !important;
  transform: translateX(-50%) !important;
  transition: width 180ms ease !important;
}

.na-menu a:hover,
.na-menu a:focus-visible,
.na-menu .current-menu-item > a {
  color: #9e6814 !important;
  transform: translateY(-1px) !important;
}

.na-menu a:hover::after,
.na-menu a:focus-visible::after,
.na-menu .current-menu-item > a::after {
  width: 100% !important;
}

.na-menu-toggle {
  position: relative !important;
  z-index: 3 !important;
  display: none !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 1px solid rgba(200, 141, 33, 0.36) !important;
  border-radius: 999px !important;
  background: rgba(255, 248, 236, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
  cursor: pointer !important;
}

.na-menu-toggle span {
  width: 18px !important;
  height: 1px !important;
  display: block !important;
  background: #2a2119 !important;
  transform-origin: center !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

@media (max-width: 920px) {
  .na-site-header,
  .na-site-header--luxury {
    top: 14px !important;
    width: calc(100vw - 28px) !important;
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px 14px !important;
    padding: 9px 12px 9px 16px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .admin-bar .na-site-header,
  .admin-bar .na-site-header--luxury {
    top: 60px !important;
  }

  .na-site-brand {
    gap: 10px !important;
  }

  .na-site-brand__mark,
  .na-site-brand > span:first-child {
    font-size: 27px !important;
    min-width: auto !important;
  }

  .na-site-brand__text,
  .na-site-brand small,
  .na-site-brand > small {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }

  .na-menu-toggle {
    display: inline-flex !important;
  }

  .na-site-nav {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin-left: 0 !important;
    opacity: 0 !important;
    transition: max-height 240ms ease, opacity 180ms ease, padding 180ms ease !important;
  }

  .na-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 4px 0 6px !important;
  }

  .na-menu li {
    border-top: 1px solid rgba(184, 135, 52, 0.16) !important;
  }

  .na-menu a {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: space-between !important;
    padding: 0 2px !important;
    font-size: 11px !important;
  }

  .na-menu a::after {
    display: none !important;
  }

  body.na-menu-open .na-site-header,
  body.na-menu-open .na-site-header--luxury {
    border-radius: 30px !important;
  }

  body.na-menu-open .na-site-nav {
    max-height: 280px !important;
    opacity: 1 !important;
    padding-top: 4px !important;
  }

  body.na-menu-open .na-menu-toggle span:first-child {
    transform: translateY(4px) rotate(45deg) !important;
  }

  body.na-menu-open .na-menu-toggle span:last-child {
    transform: translateY(-4px) rotate(-45deg) !important;
  }
}

@media (max-width: 430px) {
  .na-site-header,
  .na-site-header--luxury {
    width: calc(100vw - 22px) !important;
    left: 11px !important;
    right: 11px !important;
    transform: none !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
  }

  .na-site-brand__text,
  .na-site-brand small,
  .na-site-brand > small {
    letter-spacing: 0.16em !important;
  }
}
/* =========================================================
   Noctis Aurum Header Mobile Menu Fix
   ========================================================= */

@media (max-width: 768px) {
  .na-mobile-menu,
  .na-header-mobile-menu,
  .na-nav-mobile {
    display: none;
  }

  body.na-menu-open .na-mobile-menu,
  body.na-menu-open .na-header-mobile-menu,
  body.na-menu-open .na-nav-mobile {
    display: flex !important;
    flex-direction: column;
    gap: 14px;
  }

  .na-menu-toggle,
  .na-mobile-toggle,
  .na-nav-toggle {
    cursor: pointer;
    pointer-events: auto;
  }
}
/* =========================================================
   Noctis Aurum Header Mobile Menu Final Fix
   ========================================================= */

@media (max-width: 920px) {
  .na-site-header {
    overflow: visible !important;
  }

  .na-site-nav {
    display: none !important;
  }

  body.na-menu-open .na-site-nav {
    display: flex !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: calc(100% + 12px) !important;
    z-index: 99999 !important;

    flex-direction: column !important;
    gap: 6px !important;

    padding: 18px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(200, 141, 33, 0.28) !important;
    background: rgba(255, 248, 236, 0.96) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
    backdrop-filter: blur(14px) !important;
  }

  body.na-menu-open .na-site-nav a {
    display: block !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    color: #2a2119 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  body.na-menu-open .na-site-nav a:hover {
    background: rgba(200, 141, 33, 0.12) !important;
  }

  .na-menu-toggle {
    display: inline-flex !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  body.na-menu-open .na-menu-toggle span:nth-child(1) {
    transform: translateY(5px) rotate(45deg) !important;
  }

  body.na-menu-open .na-menu-toggle span:nth-child(2) {
    transform: translateY(-5px) rotate(-45deg) !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Refinement – quieter luxury footer
   ========================================================= */

.na-footer,
.noctis-footer,
.site-footer {
  min-height: auto !important;
}

/* Footer insgesamt kleiner und ruhiger */
.na-luxury-footer,
.noctis-luxury-footer,
.na-footer-luxury {
  padding: clamp(70px, 8vw, 120px) 24px 34px !important;
  min-height: auto !important;
  border-top: 1px solid rgba(200, 141, 33, 0.22) !important;
}

/* Innerer Footer nicht so riesig */
.na-footer-inner,
.na-luxury-footer-inner,
.noctis-footer-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.15fr) minmax(420px, 0.85fr) !important;
  gap: clamp(42px, 6vw, 90px) !important;
  align-items: end !important;
}

/* Logo/Brand kleiner */
.na-footer-logo,
.noctis-footer-logo {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 22px !important;
}

.na-footer-kicker,
.noctis-footer-kicker {
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  color: rgba(255, 248, 236, 0.48) !important;
  margin-bottom: 12px !important;
}

/* Headline deutlich kleiner als Hero */
.na-footer h2,
.na-footer-title,
.noctis-footer-title {
  font-size: clamp(42px, 5vw, 76px) !important;
  line-height: 0.98 !important;
  max-width: 620px !important;
  margin: 0 0 20px !important;
  color: #fff8ec !important;
}

/* Footer-Text ruhiger */
.na-footer p,
.noctis-footer p,
.na-footer-copy {
  max-width: 520px !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: rgba(255, 248, 236, 0.68) !important;
}

/* Pills dezenter */
.na-footer-pills,
.noctis-footer-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.na-footer-pills span,
.noctis-footer-pills span {
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 141, 33, 0.26) !important;
  background: rgba(255, 248, 236, 0.035) !important;
  color: rgba(255, 248, 236, 0.74) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Link-Cards kleiner, editorialer, weniger blockig */
.na-footer-links,
.na-footer-card-grid,
.noctis-footer-links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.na-footer-card,
.noctis-footer-card {
  min-height: 230px !important;
  padding: 28px 24px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(200, 141, 33, 0.24) !important;
  background:
    linear-gradient(145deg, rgba(255, 248, 236, 0.07), rgba(255, 248, 236, 0.025)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
}

/* Card-Überschriften kleiner und näher an restlicher Website */
.na-footer-card h3,
.noctis-footer-card h3 {
  margin: 0 0 24px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  color: #c88d21 !important;
  letter-spacing: 0 !important;
}

/* Links weniger klobig */
.na-footer-card a,
.noctis-footer-card a {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 13px !important;
  color: rgba(255, 248, 236, 0.78) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.na-footer-card a:hover,
.noctis-footer-card a:hover {
  color: #e0ad48 !important;
}

/* Untere rechtliche Zeile */
.na-footer-bottom,
.noctis-footer-bottom {
  max-width: 1120px !important;
  margin: 48px auto 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(200, 141, 33, 0.16) !important;
  color: rgba(255, 248, 236, 0.42) !important;
  font-size: 11px !important;
}

/* Mobile: Footer nicht endlos riesig */
@media (max-width: 920px) {
  .na-luxury-footer,
  .noctis-luxury-footer,
  .na-footer-luxury {
    padding: 64px 18px 30px !important;
  }

  .na-footer-inner,
  .na-luxury-footer-inner,
  .noctis-footer-inner {
    display: block !important;
  }

  .na-footer h2,
  .na-footer-title,
  .noctis-footer-title {
    font-size: clamp(38px, 12vw, 56px) !important;
    max-width: 360px !important;
  }

  .na-footer-links,
  .na-footer-card-grid,
  .noctis-footer-links {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 36px !important;
  }

  .na-footer-card,
  .noctis-footer-card {
    min-height: auto !important;
    padding: 24px 24px 18px !important;
    border-radius: 24px !important;
  }

  .na-footer-card h3,
  .noctis-footer-card h3 {
    font-size: 24px !important;
    margin-bottom: 18px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Final Size Fix
   macht den Footer wieder normal lesbar und entfernt die riesige Leerfläche
   ========================================================= */

.na-site-footer,
footer.na-site-footer,
.na-site-footer-luxury,
.na-site-footer-atelier {
  min-height: auto !important;
  height: auto !important;
  padding: 96px 0 34px !important;
  display: block !important;
  overflow: hidden !important;
}

/* Hintergrund bleibt edel, aber keine riesige Bühne */
.na-site-footer::before,
.na-site-footer::after,
.na-footer-orbit,
.na-footer-glow {
  pointer-events: none !important;
}

/* Hauptcontainer normal breit und sichtbar */
.na-footer-main,
.na-footer-main-luxury,
.na-container.na-footer-main,
.na-site-footer .na-container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) minmax(520px, 0.95fr) !important;
  gap: 56px !important;
  align-items: end !important;

  transform: none !important;
  scale: 1 !important;
}

/* Linke Markenfläche */
.na-footer-brand,
.na-footer-copy,
.na-footer-intro {
  max-width: 560px !important;
  transform: none !important;
}

.na-footer-logo {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 24px !important;
}

.na-footer-kicker {
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  margin-bottom: 14px !important;
  color: rgba(255, 248, 236, 0.55) !important;
}

.na-site-footer h2,
.na-footer-title {
  font-size: clamp(48px, 5.2vw, 82px) !important;
  line-height: 0.98 !important;
  max-width: 640px !important;
  margin: 0 0 22px !important;
  color: #fff8ec !important;
  transform: none !important;
}

.na-site-footer p,
.na-footer-text {
  font-size: 16px !important;
  line-height: 1.75 !important;
  max-width: 540px !important;
  color: rgba(255, 248, 236, 0.72) !important;
}

/* Pills unten links */
.na-footer-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 26px !important;
}

.na-footer-pills span {
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  letter-spacing: 0.13em !important;
}

/* Rechte Cards normal groß, aber nicht wuchtig */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  transform: none !important;
  scale: 1 !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 280px !important;
  padding: 32px 26px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(200, 141, 33, 0.30) !important;
  background:
    linear-gradient(145deg, rgba(255, 248, 236, 0.08), rgba(255, 248, 236, 0.025)) !important;
  box-shadow: none !important;
  transform: none !important;
}

.na-footer-card .na-card-number,
.na-footer-card-number {
  font-size: 12px !important;
  color: #c88d21 !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 28px !important;
}

.na-footer-card h3,
.na-footer-card-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  color: #c88d21 !important;
  margin: 0 0 28px !important;
  letter-spacing: 0 !important;
}

.na-footer-card a,
.na-footer-link-card a {
  display: block !important;
  margin: 0 0 14px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: rgba(255, 248, 236, 0.76) !important;
  text-decoration: none !important;
}

.na-footer-card a:hover {
  color: #e0ad48 !important;
}

/* Newsletter/CTA falls vorhanden */
.na-footer-newsletter,
.na-footer-social {
  margin-top: 28px !important;
  max-width: 420px !important;
  transform: none !important;
}

/* Bottom-Zeile normal unter dem Footer */
.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin: 54px auto 0 !important;
  padding-top: 18px !important;

  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  align-items: center !important;

  border-top: 1px solid rgba(200, 141, 33, 0.18) !important;
  color: rgba(255, 248, 236, 0.45) !important;
  font-size: 11px !important;

  transform: none !important;
  scale: 1 !important;
}

/* Ganz wichtig: keine alte Mini-Skalierung */
.na-site-footer * {
  zoom: normal !important;
}

/* Tablet */
@media (max-width: 1100px) {
  .na-footer-main,
  .na-footer-main-luxury,
  .na-container.na-footer-main,
  .na-site-footer .na-container {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    align-items: start !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .na-site-footer,
  footer.na-site-footer,
  .na-site-footer-luxury,
  .na-site-footer-atelier {
    padding: 72px 0 28px !important;
  }

  .na-footer-main,
  .na-footer-main-luxury,
  .na-container.na-footer-main,
  .na-site-footer .na-container {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
  }

  .na-footer-logo {
    width: 62px !important;
    height: 62px !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(42px, 12vw, 56px) !important;
    max-width: 360px !important;
  }

  .na-site-footer p,
  .na-footer-text {
    font-size: 15px !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 34px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
    padding: 26px 24px 22px !important;
    border-radius: 24px !important;
  }

  .na-footer-card h3,
  .na-footer-card-title {
    font-size: 25px !important;
    margin-bottom: 18px !important;
  }

  .na-footer-bottom,
  .na-footer-bottom-luxury {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
    margin-top: 36px !important;
    font-size: 10px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Compact Luxury Fix
   Footer kleiner, ruhiger, nicht mehr wie Hero-Sektion
   ========================================================= */

footer.na-site-footer,
.na-site-footer,
.na-site-footer-luxury,
.na-site-footer-atelier {
  min-height: auto !important;
  height: auto !important;
  padding: 52px 0 26px !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Hauptcontainer kompakter */
.na-site-footer .na-container,
.na-footer-main,
.na-footer-main-luxury,
.na-container.na-footer-main {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: minmax(320px, 0.85fr) minmax(460px, 1fr) !important;
  gap: 42px !important;
  align-items: center !important;

  transform: none !important;
  scale: 1 !important;
}

/* Logo kleiner */
.na-footer-logo {
  width: 54px !important;
  height: 54px !important;
  margin-bottom: 16px !important;
}

/* Kicker kleiner */
.na-footer-kicker,
.na-footer-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  margin-bottom: 10px !important;
}

/* Headline deutlich kleiner */
.na-site-footer h2,
.na-footer-title {
  font-size: clamp(34px, 3.4vw, 54px) !important;
  line-height: 1.03 !important;
  max-width: 520px !important;
  margin: 0 0 16px !important;
}

/* Text kleiner */
.na-site-footer p,
.na-footer-text {
  font-size: 14px !important;
  line-height: 1.65 !important;
  max-width: 500px !important;
  margin-bottom: 0 !important;
}

/* Pills kleiner */
.na-footer-pills {
  gap: 8px !important;
  margin-top: 18px !important;
}

.na-footer-pills span {
  padding: 7px 12px !important;
  font-size: 9px !important;
}

/* Social-Kästchen kleiner */
.na-footer-social,
.na-footer-newsletter {
  margin-top: 18px !important;
  max-width: 360px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
}

.na-footer-social p,
.na-footer-newsletter p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.na-footer-social strong,
.na-footer-newsletter strong {
  font-size: 15px !important;
}

/* Cards kompakter */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 220px !important;
  padding: 24px 22px !important;
  border-radius: 24px !important;
}

/* Nummern kleiner */
.na-footer-card .na-card-number,
.na-footer-card-number {
  font-size: 10px !important;
  margin-bottom: 18px !important;
}

/* Card-Titel kleiner */
.na-footer-card h3,
.na-footer-card-title {
  font-size: 23px !important;
  line-height: 1.05 !important;
  margin: 0 0 20px !important;
}

/* Links kompakter */
.na-footer-card a,
.na-footer-link-card a {
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 11px !important;
}

/* Footer Bottom näher ran */
.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(1120px, calc(100% - 48px)) !important;
  margin: 30px auto 0 !important;
  padding-top: 14px !important;
  font-size: 10px !important;
}

/* Mobile kompakt */
@media (max-width: 760px) {
  footer.na-site-footer,
  .na-site-footer,
  .na-site-footer-luxury,
  .na-site-footer-atelier {
    padding: 48px 0 24px !important;
  }

  .na-site-footer .na-container,
  .na-footer-main,
  .na-footer-main-luxury,
  .na-container.na-footer-main {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
  }

  .na-footer-logo {
    width: 50px !important;
    height: 50px !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(34px, 10vw, 46px) !important;
    max-width: 340px !important;
  }

  .na-site-footer p,
  .na-footer-text {
    font-size: 14px !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
    padding: 22px 22px 18px !important;
  }

  .na-footer-card h3,
  .na-footer-card-title {
    font-size: 23px !important;
    margin-bottom: 16px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Ultra Compact Final
   Footer wirkt wie Abschluss, nicht wie zweite Hero-Sektion
   ========================================================= */

footer.na-site-footer,
.na-site-footer,
.na-site-footer-luxury,
.na-site-footer-atelier {
  min-height: unset !important;
  height: auto !important;
  padding: 42px 0 22px !important;
  display: block !important;
}

/* große leere Fläche oben im Footer entfernen */
.na-site-footer::before,
.na-site-footer-luxury::before,
.na-site-footer-atelier::before {
  min-height: 0 !important;
  height: auto !important;
}

/* Footer Inhalt weiter nach oben und kompakter */
.na-footer-main,
.na-footer-main-luxury,
.na-site-footer .na-container,
.na-container.na-footer-main {
  width: min(1060px, calc(100% - 56px)) !important;
  max-width: 1060px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 0.9fr 1fr !important;
  gap: 36px !important;
  align-items: center !important;
}

/* Logo noch dezenter */
.na-footer-logo {
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 12px !important;
}

/* Kicker dezenter */
.na-footer-kicker,
.na-footer-eyebrow {
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  margin-bottom: 8px !important;
}

/* Headline deutlich kleiner */
.na-site-footer h2,
.na-footer-title {
  font-size: clamp(30px, 2.8vw, 44px) !important;
  line-height: 1.05 !important;
  max-width: 480px !important;
  margin: 0 0 12px !important;
}

/* Text kompakter */
.na-site-footer p,
.na-footer-text {
  font-size: 13px !important;
  line-height: 1.55 !important;
  max-width: 460px !important;
}

/* Pills kleiner */
.na-footer-pills {
  margin-top: 14px !important;
  gap: 7px !important;
}

.na-footer-pills span {
  padding: 6px 10px !important;
  font-size: 8.5px !important;
  letter-spacing: 0.12em !important;
}

/* Instagram/TikTok Box kleiner */
.na-footer-social,
.na-footer-newsletter {
  margin-top: 14px !important;
  max-width: 330px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
}

.na-footer-social p,
.na-footer-newsletter p {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.na-footer-social strong,
.na-footer-newsletter strong {
  font-size: 14px !important;
}

/* Cards kompakter */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 180px !important;
  padding: 20px 18px !important;
  border-radius: 22px !important;
}

/* Card Nummern */
.na-footer-card .na-card-number,
.na-footer-card-number {
  font-size: 9px !important;
  margin-bottom: 14px !important;
}

/* Card Titel kleiner */
.na-footer-card h3,
.na-footer-card-title {
  font-size: 20px !important;
  line-height: 1.05 !important;
  margin: 0 0 16px !important;
}

/* Links kleiner und enger */
.na-footer-card a,
.na-footer-link-card a {
  font-size: 9.5px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.115em !important;
  margin-bottom: 9px !important;
}

/* untere Zeile näher ran */
.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(1060px, calc(100% - 56px)) !important;
  max-width: 1060px !important;
  margin: 22px auto 0 !important;
  padding-top: 12px !important;
  font-size: 9.5px !important;
}

/* Falls irgendwo alte große Abstände hängen */
.na-site-footer section,
.na-site-footer .section,
.na-site-footer .na-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* Mobile weiterhin lesbar */
@media (max-width: 760px) {
  footer.na-site-footer,
  .na-site-footer,
  .na-site-footer-luxury,
  .na-site-footer-atelier {
    padding: 42px 0 22px !important;
  }

  .na-footer-main,
  .na-footer-main-luxury,
  .na-site-footer .na-container,
  .na-container.na-footer-main {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(32px, 9vw, 42px) !important;
    max-width: 340px !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
    padding: 18px 20px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Proportion Fix
   weniger Hero, mehr eleganter Abschluss
   ========================================================= */

footer.na-site-footer,
.na-site-footer,
.na-site-footer-luxury,
.na-site-footer-atelier {
  padding: 92px 0 28px !important;
  min-height: auto !important;
}

/* Footer-Inhalt etwas weiter nach unten, aber insgesamt kompakter */
.na-footer-main,
.na-footer-main-luxury,
.na-site-footer .na-container,
.na-container.na-footer-main {
  width: min(980px, calc(100% - 56px)) !important;
  max-width: 980px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 0.92fr 0.95fr !important;
  gap: 34px !important;
  align-items: end !important;
}

/* Linke Seite kompakter */
.na-footer-logo {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 12px !important;
}

.na-footer-kicker,
.na-footer-eyebrow {
  font-size: 8.8px !important;
  letter-spacing: 0.22em !important;
  margin-bottom: 8px !important;
}

.na-site-footer h2,
.na-footer-title {
  font-size: clamp(28px, 2.5vw, 42px) !important;
  line-height: 1.08 !important;
  max-width: 430px !important;
  margin-bottom: 14px !important;
}

.na-site-footer p,
.na-footer-text {
  max-width: 430px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

/* Pills schmaler */
.na-footer-pills {
  margin-top: 16px !important;
  gap: 7px !important;
}

.na-footer-pills span {
  padding: 6px 11px !important;
  font-size: 8.5px !important;
  letter-spacing: 0.115em !important;
}

/* Social Box schmaler und niedriger */
.na-footer-social,
.na-footer-newsletter {
  max-width: 300px !important;
  margin-top: 16px !important;
  padding: 12px 15px !important;
  border-radius: 16px !important;
}

.na-footer-social p,
.na-footer-newsletter p {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}

.na-footer-social strong,
.na-footer-newsletter strong {
  font-size: 13.5px !important;
}

/* Cards kleiner und etwas niedriger */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 168px !important;
  padding: 18px 17px !important;
  border-radius: 20px !important;
}

/* Card Nummern */
.na-footer-card .na-card-number,
.na-footer-card-number {
  font-size: 8.5px !important;
  margin-bottom: 13px !important;
}

/* Card Headlines kleiner */
.na-footer-card h3,
.na-footer-card-title {
  font-size: 18.5px !important;
  line-height: 1.06 !important;
  margin-bottom: 15px !important;
}

/* Card Links kompakter */
.na-footer-card a,
.na-footer-link-card a {
  font-size: 8.8px !important;
  line-height: 1.28 !important;
  letter-spacing: 0.11em !important;
  margin-bottom: 8px !important;
}

/* Footer Bottom näher */
.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(980px, calc(100% - 56px)) !important;
  max-width: 980px !important;
  margin: 24px auto 0 !important;
  padding-top: 12px !important;
  font-size: 9px !important;
}

/* Desktop etwas niedriger wirken lassen */
@media (min-width: 921px) {
  footer.na-site-footer,
  .na-site-footer,
  .na-site-footer-luxury,
  .na-site-footer-atelier {
    padding-top: 86px !important;
    padding-bottom: 26px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: 160px !important;
  }
}

/* Mobile sauber halten */
@media (max-width: 760px) {
  footer.na-site-footer,
  .na-site-footer,
  .na-site-footer-luxury,
  .na-site-footer-atelier {
    padding: 56px 0 24px !important;
  }

  .na-footer-main,
  .na-footer-main-luxury,
  .na-site-footer .na-container,
  .na-container.na-footer-main {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(31px, 8.8vw, 40px) !important;
    max-width: 340px !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
    padding: 18px 20px !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Height Final Fix
   entfernt das riesige Innen-Padding der Footer-Main-Section
   ========================================================= */

footer.na-site-footer,
.na-site-footer,
.na-site-footer-luxury,
.na-site-footer-atelier {
  min-height: auto !important;
  height: auto !important;
  padding: 0 !important;
}

/* DAS ist der Hauptfix: altes riesiges Padding killen */
.na-footer-main,
.na-footer-main-luxury,
.na-footer-main--atelier,
.na-container.na-footer-main,
.na-site-footer .na-footer-main,
.na-site-footer .na-container.na-footer-main {
  padding-top: 54px !important;
  padding-bottom: 38px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  width: min(980px, calc(100% - 56px)) !important;
  max-width: 980px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 0.9fr 1fr !important;
  gap: 34px !important;
  align-items: center !important;
}

/* Footer Textseite kompakt */
.na-footer-brand,
.na-footer-brand--luxury,
.na-footer-copy,
.na-footer-intro {
  max-width: 430px !important;
}

.na-footer-logo {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 10px !important;
}

.na-footer-kicker,
.na-footer-eyebrow {
  font-size: 8.5px !important;
  letter-spacing: 0.22em !important;
  margin-bottom: 8px !important;
}

.na-site-footer h2,
.na-footer-title {
  font-size: clamp(27px, 2.35vw, 39px) !important;
  line-height: 1.08 !important;
  max-width: 420px !important;
  margin: 0 0 12px !important;
}

.na-site-footer p,
.na-footer-text {
  font-size: 12px !important;
  line-height: 1.55 !important;
  max-width: 420px !important;
}

/* Pills */
.na-footer-pills {
  margin-top: 14px !important;
  gap: 7px !important;
}

.na-footer-pills span {
  padding: 6px 10px !important;
  font-size: 8px !important;
}

/* Social Box */
.na-footer-social,
.na-footer-newsletter {
  max-width: 300px !important;
  margin-top: 14px !important;
  padding: 12px 15px !important;
  border-radius: 16px !important;
}

/* Cards flacher */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 150px !important;
  padding: 17px 16px !important;
  border-radius: 20px !important;
}

.na-footer-card .na-card-number,
.na-footer-card-number {
  font-size: 8px !important;
  margin-bottom: 12px !important;
}

.na-footer-card h3,
.na-footer-card-title {
  font-size: 18px !important;
  margin-bottom: 14px !important;
}

.na-footer-card a,
.na-footer-link-card a {
  font-size: 8.5px !important;
  line-height: 1.28 !important;
  margin-bottom: 7px !important;
}

/* Untere Leiste näher ran */
.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(980px, calc(100% - 56px)) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 12px 0 18px !important;
  font-size: 9px !important;
}

/* Mobile sauber */
@media (max-width: 760px) {
  .na-footer-main,
  .na-footer-main-luxury,
  .na-footer-main--atelier,
  .na-container.na-footer-main,
  .na-site-footer .na-footer-main,
  .na-site-footer .na-container.na-footer-main {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
    padding-top: 42px !important;
    padding-bottom: 28px !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(31px, 8.6vw, 40px) !important;
  }

  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
  }

  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
  }

  .na-footer-bottom,
  .na-footer-bottom-luxury {
    width: min(100% - 32px, 430px) !important;
  }
}
/* =========================================================
   Noctis Aurum Footer Final Fine Tune
   kompakter, weiter oben, Cards eleganter
   ========================================================= */

.na-footer-main,
.na-footer-main-luxury,
.na-footer-main--atelier,
.na-container.na-footer-main,
.na-site-footer .na-footer-main,
.na-site-footer .na-container.na-footer-main {
  padding-top: 34px !important;
  padding-bottom: 24px !important;
  width: min(920px, calc(100% - 56px)) !important;
  max-width: 920px !important;
  gap: 28px !important;
  align-items: center !important;
}

/* Linke Textseite etwas schmaler und edler */
.na-footer-brand,
.na-footer-brand--luxury,
.na-footer-copy,
.na-footer-intro {
  max-width: 390px !important;
}

.na-site-footer h2,
.na-footer-title {
  font-size: clamp(25px, 2.15vw, 35px) !important;
  line-height: 1.08 !important;
  max-width: 390px !important;
  margin-bottom: 10px !important;
}

.na-site-footer p,
.na-footer-text {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  max-width: 390px !important;
}

/* Logo und Abstand reduzieren */
.na-footer-logo {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 8px !important;
}

.na-footer-kicker,
.na-footer-eyebrow {
  font-size: 8px !important;
  margin-bottom: 7px !important;
}

/* Pills kompakter */
.na-footer-pills {
  margin-top: 12px !important;
}

.na-footer-pills span {
  padding: 5px 9px !important;
  font-size: 7.8px !important;
}

/* Social Box kleiner */
.na-footer-social,
.na-footer-newsletter {
  max-width: 280px !important;
  margin-top: 12px !important;
  padding: 10px 14px !important;
}

/* Cards final kleiner */
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  gap: 10px !important;
}

.na-footer-card,
.na-footer-link-card {
  min-height: 132px !important;
  padding: 15px 15px !important;
  border-radius: 18px !important;
}

.na-footer-card h3,
.na-footer-card-title {
  font-size: 16.5px !important;
  margin-bottom: 12px !important;
}

.na-footer-card a,
.na-footer-link-card a {
  font-size: 8px !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
}

.na-footer-bottom,
.na-footer-bottom-luxury {
  width: min(920px, calc(100% - 56px)) !important;
  max-width: 920px !important;
  padding: 10px 0 14px !important;
}
/* =========================================================
   Noctis Aurum Header/Footer Logo + Footer Fine Fix
   ========================================================= */

/* echtes Logo für Header und Footer */
.na-site-brand,
.na-footer-logo {
  background-image: url("https://noctisaurum.de/wp-content/uploads/2026/04/cropped-noctis-aurum-google-logo-transparent-512.png") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* alten NA-Text ausblenden, falls noch im Logo-Element vorhanden */
.na-site-brand span,
.na-footer-logo span,
.na-site-brand::before,
.na-footer-logo::before {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Header Logo sauberer */
.na-site-brand {
  width: 112px !important;
  height: 34px !important;
  display: block !important;
}

/* Footer Logo nicht als kaputter Kreis/Text */
.na-footer-logo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 141, 33, 0.38) !important;
  background-color: rgba(255, 248, 236, 0.06) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 16px !important;
}

/* Footer insgesamt ruhiger und kompakter */
.na-footer-main,
.na-footer-main-luxury,
.na-footer-main--atelier,
.na-container.na-footer-main,
.na-site-footer .na-footer-main,
.na-site-footer .na-container.na-footer-main {
  width: min(1040px, calc(100% - 64px)) !important;
  max-width: 1040px !important;
  padding-top: 42px !important;
  padding-bottom: 30px !important;
  gap: 46px !important;
  align-items: center !important;
}

/* linke Footer-Seite etwas edler proportionieren */
.na-footer-brand,
.na-footer-brand--luxury {
  max-width: 430px !important;
}

.na-footer-kicker {
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
  margin-bottom: 9px !important;
}

.na-site-footer h2,
.na-footer-title {
  font-size: clamp(28px, 2.25vw, 39px) !important;
  line-height: 1.12 !important;
  max-width: 430px !important;
  margin-bottom: 16px !important;
}

.na-site-footer p,
.na-footer-text {
  font-size: 12px !important;
  line-height: 1.62 !important;
  max-width: 430px !important;
}

/* Cards weniger hoch und weniger massiv */
.na-footer-columns,
.na-footer-columns--luxury,
.na-footer-columns--atelier,
.na-footer-links,
.na-footer-grid,
.na-footer-card-grid {
  gap: 14px !important;
  align-items: stretch !important;
}

.na-footer-col,
.na-footer-card,
.na-footer-link-card {
  min-height: 252px !important;
  padding: 24px 22px !important;
  border-radius: 22px !important;
}

/* Card-Schriften ruhiger */
.na-footer-col-kicker,
.na-footer-card-number,
.na-card-number {
  font-size: 8px !important;
  letter-spacing: 0.16em !important;
  margin-bottom: 22px !important;
}

.na-footer-col h3,
.na-footer-card h3,
.na-footer-card-title {
  font-size: 21px !important;
  line-height: 1.05 !important;
  margin-bottom: 28px !important;
}

.na-footer-col a,
.na-footer-card a,
.na-footer-link-card a {
  font-size: 9px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.11em !important;
  margin-bottom: 10px !important;
}

/* Social Box unten links etwas eleganter */
.na-footer-social-card,
.na-footer-social,
.na-footer-newsletter {
  max-width: 360px !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
}

.na-footer-social-card p,
.na-footer-social p {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}

.na-footer-social-card strong,
.na-footer-social strong {
  font-size: 15px !important;
}

/* Bottom-Leiste: Copyright soll nicht hässlich umbrechen */
.na-footer-bottom,
.na-footer-bottom-luxury,
.na-footer-bottom--atelier {
  width: min(1040px, calc(100% - 64px)) !important;
  max-width: 1040px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 13px 0 16px !important;
  margin: 0 auto !important;
  font-size: 9.5px !important;
}

.na-footer-bottom p,
.na-footer-bottom span,
.na-footer-bottom .na-footer-copyright,
.na-footer-copy {
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

.na-footer-bottom nav,
.na-footer-bottom .na-footer-social-links {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  white-space: nowrap !important;
}

/* Mobile Logo + Footer sauber */
@media (max-width: 760px) {
  .na-site-brand {
    width: 118px !important;
    height: 34px !important;
  }

  .na-footer-main,
  .na-footer-main-luxury,
  .na-footer-main--atelier,
  .na-container.na-footer-main,
  .na-site-footer .na-footer-main,
  .na-site-footer .na-container.na-footer-main {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
    padding-top: 38px !important;
    padding-bottom: 28px !important;
  }

  .na-footer-logo {
    width: 48px !important;
    height: 48px !important;
  }

  .na-site-footer h2,
  .na-footer-title {
    font-size: clamp(30px, 8.5vw, 39px) !important;
  }

  .na-footer-columns,
  .na-footer-columns--luxury,
  .na-footer-columns--atelier,
  .na-footer-links,
  .na-footer-grid,
  .na-footer-card-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .na-footer-col,
  .na-footer-card,
  .na-footer-link-card {
    min-height: auto !important;
    padding: 20px 22px !important;
  }

  .na-footer-bottom,
  .na-footer-bottom-luxury,
  .na-footer-bottom--atelier {
    width: min(100% - 32px, 430px) !important;
    display: block !important;
    text-align: left !important;
  }

  .na-footer-bottom p,
  .na-footer-bottom span,
  .na-footer-bottom .na-footer-copyright,
  .na-footer-copy {
    white-space: normal !important;
  }

  .na-footer-bottom nav,
  .na-footer-bottom .na-footer-social-links {
    margin-top: 10px !important;
    flex-wrap: wrap !important;
  }
}
/* =========================================================
   Logo Fix: Header + Footer echtes Logo sichtbar skalieren
   ========================================================= */

/* Header-Logo größer anzeigen */
.na-site-brand {
  width: 170px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background-image: url("https://noctisaurum.de/wp-content/uploads/2026/04/cropped-noctis-aurum-google-logo-transparent-512.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 145px auto !important;
}

/* Footer-Logo als sauberes rundes Brand-Signet */
.na-footer-logo {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 141, 33, 0.38) !important;
  background-image: url("https://noctisaurum.de/wp-content/uploads/2026/04/cropped-noctis-aurum-google-logo-transparent-512.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 48px auto !important;
  background-color: rgba(255, 248, 236, 0.045) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
  margin-bottom: 16px !important;
}

/* alten Text/Span komplett weg */
.na-site-brand span,
.na-footer-logo span,
.na-site-brand::before,
.na-footer-logo::before,
.na-site-brand::after,
.na-footer-logo::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Falls Browser alte background-size Regeln bevorzugt */
.na-header-brand--luxury,
.na-footer-brand--luxury .na-footer-logo {
  background-size: 145px auto !important;
}

/* Mobile */
@media (max-width: 760px) {
  .na-site-brand {
    width: 155px !important;
    height: 40px !important;
    background-size: 132px auto !important;
  }

  .na-footer-logo {
    width: 54px !important;
    height: 54px !important;
    background-size: 45px auto !important;
  }
}
/* =========================================================
   Footer Logo sichtbar + Footer Cards lesbarer
   ========================================================= */

/* Footer-Logo wirklich als Bild erzwingen */
.na-site-footer .na-footer-logo,
.na-site-footer .na-footer-brand--atelier .na-footer-logo,
.na-site-footer .na-footer-brand--luxury .na-footer-logo,
footer#kontakt .na-footer-logo {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  border-radius: 999px !important;

  background-image: url("https://noctisaurum.de/wp-content/uploads/2026/04/cropped-noctis-aurum-google-logo-transparent-512.png") !important;
  background-color: rgba(255, 248, 236, 0.055) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 52px auto !important;

  border: 1px solid rgba(200, 141, 33, 0.42) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.28) !important;
  margin: 0 0 18px 0 !important;
  overflow: hidden !important;
}

/* alte NA-Schrift im Footer-Kreis ausblenden */
.na-site-footer .na-footer-logo span,
.na-site-footer .na-footer-logo::before,
.na-site-footer .na-footer-logo::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Header-Logo etwas edler/proportionierter */
.na-site-header .na-site-brand,
header#site-header .na-site-brand {
  width: 150px !important;
  height: 42px !important;
  background-image: url("https://noctisaurum.de/wp-content/uploads/2026/04/cropped-noctis-aurum-google-logo-transparent-512.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 120px auto !important;
}

.na-site-header .na-site-brand span,
.na-site-header .na-site-brand::before,
.na-site-header .na-site-brand::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Footer-Cards: Text schöner führen */
.na-site-footer .na-footer-col,
.na-site-footer .na-footer-card,
.na-site-footer .na-footer-link-card {
  width: 100% !important;
  max-width: 168px !important;
  min-height: 275px !important;
  padding: 28px 24px 26px !important;
  border-radius: 26px !important;
}

/* Card-Zahlen */
.na-site-footer .na-footer-col-kicker,
.na-site-footer .na-footer-card-number,
.na-site-footer .na-card-number {
  display: block !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  color: rgba(200, 141, 33, 0.9) !important;
  margin-bottom: 26px !important;
}

/* Card-Titel */
.na-site-footer .na-footer-col h3,
.na-site-footer .na-footer-card h3,
.na-site-footer .na-footer-card-title {
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 30px 0 !important;
  color: #c88d21 !important;
}

/* Linkliste in Cards */
.na-site-footer .na-footer-col ul,
.na-site-footer .na-footer-card ul,
.na-site-footer .na-footer-link-card ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Links besser lesbar und weniger abgehackt */
.na-site-footer .na-footer-col li,
.na-site-footer .na-footer-card li,
.na-site-footer .na-footer-link-card li {
  margin: 0 !important;
  padding: 0 !important;
}

.na-site-footer .na-footer-col a,
.na-site-footer .na-footer-card a,
.na-site-footer .na-footer-link-card a {
  display: block !important;
  max-width: 118px !important;
  font-size: 10px !important;
  line-height: 1.32 !important;
  letter-spacing: 0.09em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: rgba(255, 248, 236, 0.78) !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.na-site-footer .na-footer-col a:hover,
.na-site-footer .na-footer-card a:hover,
.na-site-footer .na-footer-link-card a:hover {
  color: #c88d21 !important;
}

/* Drei Cards harmonischer nebeneinander */
.na-site-footer .na-footer-columns,
.na-site-footer .na-footer-columns--luxury,
.na-site-footer .na-footer-columns--atelier {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 168px)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* Footer links/rechts etwas besser ausbalancieren */
.na-site-footer .na-footer-main,
.na-site-footer .na-container.na-footer-main {
  grid-template-columns: minmax(360px, 430px) auto !important;
  column-gap: 70px !important;
}

/* Social Box etwas ruhiger */
.na-site-footer .na-footer-social-card {
  max-width: 360px !important;
  padding: 16px 20px !important;
  border-radius: 20px !important;
}

.na-site-footer .na-footer-social-card p {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.na-site-footer .na-footer-social-card strong,
.na-site-footer .na-footer-social-card a {
  font-size: 16px !important;
  color: #c88d21 !important;
}

/* Mobile: Logo + Cards sauber stapeln */
@media (max-width: 760px) {
  .na-site-header .na-site-brand,
  header#site-header .na-site-brand {
    width: 138px !important;
    height: 40px !important;
    background-size: 112px auto !important;
  }

  .na-site-footer .na-footer-logo {
    width: 54px !important;
    height: 54px !important;
    background-size: 49px auto !important;
  }

  .na-site-footer .na-footer-main,
  .na-site-footer .na-container.na-footer-main {
    display: block !important;
  }

  .na-site-footer .na-footer-columns,
  .na-site-footer .na-footer-columns--luxury,
  .na-site-footer .na-footer-columns--atelier {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .na-site-footer .na-footer-col,
  .na-site-footer .na-footer-card,
  .na-site-footer .na-footer-link-card {
    max-width: none !important;
    min-height: auto !important;
    padding: 22px 24px !important;
  }

  .na-site-footer .na-footer-col a,
  .na-site-footer .na-footer-card a,
  .na-site-footer .na-footer-link-card a {
    max-width: none !important;
    font-size: 10.5px !important;
  }
}
/* =========================================================
   Front Page Luxury Logo + Button Flow
   ========================================================= */

.na-monogram--logo {
  width: 78px !important;
  height: 78px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 248, 236, 0.82) !important;
  border: 1px solid rgba(200, 141, 33, 0.38) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}

.na-monogram--logo img {
  width: 62px !important;
  height: 62px !important;
  object-fit: contain !important;
  display: block !important;
}

.na-section-actions,
.na-card-actions,
.na-hero-set-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 24px !important;
}

.na-section-actions--center {
  justify-content: center !important;
}

.na-card-actions {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(200, 141, 33, 0.18) !important;
}

.na-hero-set-actions {
  margin-top: 20px !important;
}

@media (max-width: 760px) {
  .na-monogram--logo {
    width: 68px !important;
    height: 68px !important;
  }

  .na-monogram--logo img {
    width: 54px !important;
    height: 54px !important;
  }

  .na-section-actions,
  .na-card-actions,
  .na-hero-set-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .na-section-actions .na-button,
  .na-hero-set-actions .na-button,
  .na-card-actions .na-text-link {
    width: 100% !important;
    text-align: center !important;
  }
}
/* =========================================================
   Noctis Aurum Frontpage Final Fixes
   Hero, spacing, anchors, MailPoet waitlist
   ========================================================= */

html {
  scroll-padding-top: 120px !important;
}

.na-frontpage-luxury .na-container {
  width: min(1180px, calc(100% - 44px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hero: verhindert, dass Titel in die Produktkarte läuft */
.na-frontpage-luxury .na-hero__grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.78fr) !important;
  gap: clamp(38px, 5vw, 76px) !important;
  align-items: center !important;
}

.na-frontpage-luxury .na-hero__content {
  max-width: 640px !important;
}

.na-frontpage-luxury .na-hero__title {
  font-size: clamp(4.3rem, 6.2vw, 7.25rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.035em !important;
  max-width: 620px !important;
}

.na-frontpage-luxury .na-hero__subtitle {
  max-width: 560px !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

.na-frontpage-luxury .na-hero__visual {
  min-width: 0 !important;
}

.na-frontpage-luxury .na-hero-set-card {
  width: min(100%, 420px) !important;
  margin-left: auto !important;
}

/* Allgemeines Section-Spacing kompakter/luxuriöser */
.na-frontpage-luxury .na-section {
  padding-top: clamp(92px, 9vw, 148px) !important;
  padding-bottom: clamp(92px, 9vw, 148px) !important;
}

.na-frontpage-luxury .na-section--duo,
.na-frontpage-luxury .na-section--intro {
  min-height: auto !important;
  padding-top: clamp(96px, 8vw, 130px) !important;
  padding-bottom: clamp(96px, 8vw, 130px) !important;
}

.na-frontpage-luxury .na-section--signature,
.na-frontpage-luxury .na-section--light,
.na-frontpage-luxury .na-section--launch-details,
.na-frontpage-luxury .na-section--atelier {
  min-height: auto !important;
}

/* Collection Cards: etwas mehr Balance */
.na-frontpage-luxury .na-product-grid {
  align-items: stretch !important;
}

.na-frontpage-luxury .na-launch-card {
  min-height: 520px !important;
}

.na-frontpage-luxury .na-launch-card h3 {
  line-height: 1.03 !important;
}

.na-frontpage-luxury .na-launch-card p {
  line-height: 1.75 !important;
}

/* Launch Section: nicht zu riesig auseinanderziehen */
.na-frontpage-luxury .na-launch-details {
  gap: clamp(42px, 6vw, 84px) !important;
  align-items: center !important;
}

.na-frontpage-luxury .na-launch-details__content h2 {
  max-width: 520px !important;
}

.na-frontpage-luxury .na-launch-details__content p {
  max-width: 520px !important;
}

/* Waitlist mit MailPoet wieder sauber */
.na-frontpage-luxury .na-waitlist {
  max-width: 720px !important;
  padding: clamp(42px, 5vw, 70px) clamp(26px, 5vw, 72px) !important;
}

.na-mailpoet-wrap--front {
  width: min(620px, 100%) !important;
  margin: 34px auto 0 !important;
}

.na-mailpoet-wrap--front form {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.na-mailpoet-wrap--front .mailpoet_paragraph {
  margin: 0 !important;
}

.na-mailpoet-wrap--front input[type="email"],
.na-mailpoet-wrap--front input[type="text"],
.na-mailpoet-wrap--front .mailpoet_text {
  min-width: min(360px, 100%) !important;
  height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 141, 33, 0.26) !important;
  background: rgba(255, 250, 242, 0.92) !important;
  color: #2a2119 !important;
  padding: 0 20px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.na-mailpoet-wrap--front input[type="submit"],
.na-mailpoet-wrap--front .mailpoet_submit {
  height: 48px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #d8a13a, #bd7c0f) !important;
  color: #fff8ec !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  padding: 0 26px !important;
  cursor: pointer !important;
  box-shadow: 0 18px 45px rgba(190, 124, 15, .24) !important;
}

.na-waitlist-fallback {
  margin-top: 18px !important;
}

/* Mobile */
@media (max-width: 920px) {
  html {
    scroll-padding-top: 96px !important;
  }

  .na-frontpage-luxury .na-hero__grid,
  .na-frontpage-luxury .na-launch-details {
    grid-template-columns: 1fr !important;
  }

  .na-frontpage-luxury .na-hero__content {
    max-width: 100% !important;
  }

  .na-frontpage-luxury .na-hero__title {
    font-size: clamp(3.25rem, 15vw, 5.5rem) !important;
    max-width: 100% !important;
  }

  .na-frontpage-luxury .na-hero-set-card {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .na-frontpage-luxury .na-launch-card {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  .na-frontpage-luxury .na-container {
    width: min(100% - 28px, 430px) !important;
  }

  .na-frontpage-luxury .na-section {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }

  .na-frontpage-luxury .na-hero__title {
    font-size: clamp(3rem, 14vw, 4.6rem) !important;
    line-height: .96 !important;
  }

  .na-mailpoet-wrap--front form {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .na-mailpoet-wrap--front input[type="email"],
  .na-mailpoet-wrap--front input[type="text"],
  .na-mailpoet-wrap--front .mailpoet_text,
  .na-mailpoet-wrap--front input[type="submit"],
  .na-mailpoet-wrap--front .mailpoet_submit {
    width: 100% !important;
  }
}
.na-button--ghost {
    color: var(--na-gold);
    background: rgb(0 0 0 / 58%);
}
.na-scent-tags span, .na-hero__highlights span {
    background: rgb(255 250 242 / 49%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.na-mailpoet-wrap--front input[type="email"], .na-mailpoet-wrap--front input[type="text"], .na-mailpoet-wrap--front .mailpoet_text {
    min-width: min(360px, 100%) !important;
    height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(200, 141, 33, 0.26) !important;
    background: rgb(255 255 255 / 92%) !important;
    color: #000000 !important;
    padding: 0 20px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}
.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus {
    border: 1px solid var(--ast-global-color-0)!important;
    background-color: #ecdfc6 !important;
}
/* =========================================================
   NOCTIS AURUM - ABOUT PAGE
   ========================================================= */

.na-about-page {
	--na-about-ink: #241b15;
	--na-about-muted: #6f6254;
	--na-about-cream: #fff8ec;
	--na-about-cream-soft: rgba(255, 248, 236, .88);
	--na-about-gold: #c88d21;
	--na-about-line: rgba(200, 141, 33, .26);
	--na-about-dark: #100d0a;
	--na-about-card: rgba(255, 248, 236, .76);

	background:
		linear-gradient(rgba(8, 6, 4, .42), rgba(8, 6, 4, .52)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover fixed;
	color: var(--na-about-ink);
	overflow: hidden;
}

.na-about-page * {
	box-sizing: border-box;
}

.na-about-hero,
.na-about-section,
.na-about-quote,
.na-about-final {
	position: relative;
	padding: clamp(90px, 9vw, 150px) clamp(22px, 5vw, 80px);
}

.na-about-hero {
	padding-top: clamp(150px, 13vw, 210px);
	min-height: 86vh;
	display: flex;
	align-items: center;
}

.na-about-hero__inner,
.na-about-two,
.na-about-grid,
.na-about-quote__inner,
.na-about-final__card {
	width: min(1180px, 100%);
	margin: 0 auto;
}

.na-about-hero__inner,
.na-about-two {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(300px, .78fr);
	gap: clamp(34px, 6vw, 86px);
	align-items: center;
}

.na-about-two--reverse {
	grid-template-columns: minmax(300px, .78fr) minmax(0, 1fr);
}

.na-eyebrow {
	margin: 0 0 18px;
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .34em;
	text-transform: uppercase;
	color: var(--na-about-gold);
}

.na-about-mark {
	width: 76px;
	height: 76px;
	display: grid;
	place-items: center;
	margin-bottom: 24px;
	border-radius: 999px;
	background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.92), rgba(255,248,236,.68));
	border: 1px solid var(--na-about-line);
	box-shadow: 0 20px 60px rgba(16, 13, 10, .18);
}

.na-about-mark img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.na-about-hero h1,
.na-about-copy h2,
.na-about-statement h2,
.na-about-quote h2,
.na-about-final h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	line-height: .95;
	letter-spacing: -.035em;
	color: #fff8ec;
	text-wrap: balance;
}

.na-about-hero h1 {
	max-width: 720px;
	font-size: clamp(58px, 8.4vw, 128px);
}

.na-about-lead {
	max-width: 650px;
	margin: 28px 0 0;
	color: rgba(255, 248, 236, .82);
	font-size: clamp(17px, 1.25vw, 21px);
	line-height: 1.75;
}

.na-about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.na-about-actions--center {
	justify-content: center;
}

.na-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 28px;
	border-radius: 999px;
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.na-btn:hover {
	transform: translateY(-2px);
}

.na-btn--gold {
	background: linear-gradient(135deg, #e2ad3d, #c38310);
	color: #fff8ec !important;
	box-shadow: 0 18px 46px rgba(200, 141, 33, .24);
}

.na-btn--ghost {
	background: rgba(255, 248, 236, .08);
	color: #fff8ec !important;
	border: 1px solid rgba(255, 248, 236, .34);
}

.na-about-portrait {
	justify-self: end;
	width: min(420px, 100%);
}

.na-about-portrait__frame {
	aspect-ratio: 4 / 5;
	border-radius: 34px;
	padding: 14px;
	background: linear-gradient(135deg, rgba(255,248,236,.9), rgba(212,190,153,.72));
	border: 1px solid var(--na-about-line);
	box-shadow: 0 32px 90px rgba(0,0,0,.38);
	overflow: hidden;
}

.na-about-portrait__frame img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 24px;
	background: rgba(255, 248, 236, .55);
	padding: 46px;
}

.na-about-portrait p {
	margin: 14px 0 0;
	color: rgba(255,248,236,.62);
	font-size: 13px;
	text-align: center;
}

.na-about-section--light {
	background:
		linear-gradient(90deg, rgba(255,248,236,.88), rgba(255,248,236,.73)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover;
}

.na-about-section--dark {
	background:
		linear-gradient(90deg, rgba(8,6,4,.88), rgba(36,27,21,.76)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover;
	border-top: 1px solid var(--na-about-line);
	border-bottom: 1px solid var(--na-about-line);
}

.na-about-section--image {
	background:
		linear-gradient(90deg, rgba(255,248,236,.83), rgba(255,248,236,.58)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover;
}

.na-about-copy {
	max-width: 660px;
}

.na-about-copy h2,
.na-about-statement h2,
.na-about-final h2 {
	color: var(--na-about-ink);
	font-size: clamp(44px, 5.8vw, 82px);
}

.na-about-section--dark .na-about-statement h2 {
	color: #fff8ec;
}

.na-about-copy p,
.na-about-statement p,
.na-about-final p {
	color: var(--na-about-muted);
	font-size: clamp(16px, 1.05vw, 18px);
	line-height: 1.78;
}

.na-about-section--dark .na-about-statement p {
	color: rgba(255,248,236,.72);
}

.na-about-card,
.na-about-mini-card,
.na-about-image-card,
.na-about-final__card {
	background: var(--na-about-cream-soft);
	border: 1px solid var(--na-about-line);
	border-radius: 34px;
	box-shadow: 0 30px 80px rgba(20, 14, 8, .18);
}

.na-about-card {
	padding: clamp(28px, 4vw, 48px);
}

.na-about-card span,
.na-about-mini-card span {
	display: block;
	margin-bottom: 24px;
	color: var(--na-about-gold);
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .22em;
}

.na-about-card h3,
.na-about-mini-card h3 {
	margin: 0 0 18px;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: clamp(32px, 3vw, 48px);
	color: var(--na-about-ink);
}

.na-about-card p,
.na-about-mini-card p {
	margin: 0;
	color: var(--na-about-muted);
	line-height: 1.7;
}

.na-about-grid {
	display: grid;
	grid-template-columns: 1.3fr repeat(3, 1fr);
	gap: 18px;
	align-items: stretch;
}

.na-about-statement {
	padding-right: clamp(10px, 3vw, 48px);
	align-self: center;
}

.na-about-mini-card {
	padding: 30px;
	background: linear-gradient(180deg, rgba(255,248,236,.12), rgba(255,248,236,.04));
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.na-about-mini-card h3 {
	color: #d89b25;
	font-size: clamp(28px, 2.6vw, 40px);
}

.na-about-mini-card p {
	color: rgba(255,248,236,.72);
}

.na-about-image-card {
	padding: 12px;
	overflow: hidden;
}

.na-about-image-card img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	border-radius: 24px;
	display: block;
}

.na-about-quote {
	background:
		linear-gradient(rgba(10,8,6,.76), rgba(10,8,6,.78)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover;
	text-align: center;
	border-top: 1px solid var(--na-about-line);
	border-bottom: 1px solid var(--na-about-line);
}

.na-about-quote__inner {
	max-width: 980px;
}

.na-about-quote h2 {
	font-size: clamp(42px, 5.8vw, 90px);
	color: #fff8ec;
}

.na-about-final {
	background:
		linear-gradient(90deg, rgba(255,248,236,.84), rgba(255,248,236,.68)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center bottom / cover;
	text-align: center;
}

.na-about-final__card {
	max-width: 780px;
	padding: clamp(38px, 6vw, 68px);
}

.na-about-final p {
	max-width: 620px;
	margin: 20px auto 0;
}

/* Mobile */
@media (max-width: 920px) {
	.na-about-hero,
	.na-about-section,
	.na-about-quote,
	.na-about-final {
		padding: 82px 22px;
	}

	.na-about-hero {
		padding-top: 130px;
		min-height: auto;
	}

	.na-about-hero__inner,
	.na-about-two,
	.na-about-two--reverse,
	.na-about-grid {
		grid-template-columns: 1fr;
	}

	.na-about-portrait {
		justify-self: stretch;
	}

	.na-about-hero h1 {
		font-size: clamp(50px, 14vw, 72px);
	}

	.na-about-copy h2,
	.na-about-statement h2,
	.na-about-final h2,
	.na-about-quote h2 {
		font-size: clamp(38px, 11vw, 58px);
	}

	.na-about-grid {
		gap: 14px;
	}

	.na-about-mini-card {
		padding: 26px;
	}

	.na-about-actions {
		flex-direction: column;
	}

	.na-btn {
		width: 100%;
	}

	.na-about-image-card img {
		min-height: 320px;
	}
}

@media (max-width: 520px) {
	.na-about-hero,
	.na-about-section,
	.na-about-quote,
	.na-about-final {
		padding-left: 18px;
		padding-right: 18px;
	}

	.na-about-hero {
		padding-top: 120px;
	}

	.na-about-mark {
		width: 64px;
		height: 64px;
	}

	.na-about-mark img {
		width: 42px;
		height: 42px;
	}

	.na-about-portrait__frame {
		border-radius: 28px;
	}

	.na-about-card,
	.na-about-mini-card,
	.na-about-final__card {
		border-radius: 28px;
	}

	.na-about-portrait__frame img {
		padding: 32px;
	}
}
/* =========================================================
   NOCTIS AURUM - ABOUT PAGE LUXURY VISUAL FIX
   bitte GANZ UNTEN in die style.css
   ========================================================= */

body.page-template-page-ueber-noctis-aurum,
body.page-template-page-ueber-noctis-aurum .site,
body.page-template-page-ueber-noctis-aurum #page,
body.page-template-page-ueber-noctis-aurum #content,
body.page-template-page-ueber-noctis-aurum .site-content,
body.page-template-page-ueber-noctis-aurum .content-area,
body.page-template-page-ueber-noctis-aurum #primary,
body.page-template-page-ueber-noctis-aurum .entry-content {
	background: #100d0a !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-page {
	background:
		radial-gradient(circle at 78% 18%, rgba(200, 141, 33, .16), transparent 34%),
		linear-gradient(180deg, rgba(8, 6, 4, .78), rgba(8, 6, 4, .9)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover fixed !important;
	color: #fff8ec !important;
}

/* Header auf About-Seite weniger störend */
body.page-template-page-ueber-noctis-aurum .na-site-header {
	top: 34px !important;
}

/* HERO: wieder dunkel, lesbar, passend zu Noctis */
body.page-template-page-ueber-noctis-aurum .na-about-hero {
	min-height: 92vh !important;
	padding-top: clamp(170px, 13vw, 220px) !important;
	padding-bottom: clamp(90px, 8vw, 130px) !important;
	background:
		linear-gradient(90deg, rgba(10, 8, 6, .9) 0%, rgba(16, 13, 10, .76) 48%, rgba(16, 13, 10, .52) 100%),
		radial-gradient(circle at 78% 35%, rgba(200, 141, 33, .18), transparent 34%),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover !important;
	border-bottom: 1px solid rgba(200, 141, 33, .24);
}

body.page-template-page-ueber-noctis-aurum .na-about-hero__inner {
	align-items: center !important;
	gap: clamp(48px, 7vw, 100px) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-hero h1 {
	color: #fff8ec !important;
	opacity: 1 !important;
	text-shadow: 0 18px 70px rgba(0, 0, 0, .42);
	font-size: clamp(62px, 7.8vw, 118px) !important;
	line-height: .92 !important;
	max-width: 720px !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-lead {
	color: rgba(255, 248, 236, .78) !important;
	max-width: 620px !important;
	font-size: clamp(16px, 1.05vw, 19px) !important;
	line-height: 1.75 !important;
}

body.page-template-page-ueber-noctis-aurum .na-eyebrow {
	color: #c88d21 !important;
	text-shadow: none !important;
}

/* Portrait-Karte edler, weniger brutal hell */
body.page-template-page-ueber-noctis-aurum .na-about-portrait__frame {
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .92), rgba(216, 194, 154, .76)) !important;
	border: 1px solid rgba(200, 141, 33, .32) !important;
	box-shadow:
		0 36px 110px rgba(0, 0, 0, .42),
		inset 0 1px 0 rgba(255, 255, 255, .46) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-portrait__frame img {
	background: rgba(255, 248, 236, .34) !important;
	object-fit: cover !important;
	padding: 0 !important;
}

/* Helle Sektionen: cremig statt weiß */
body.page-template-page-ueber-noctis-aurum .na-about-section--light,
body.page-template-page-ueber-noctis-aurum .na-about-section--image,
body.page-template-page-ueber-noctis-aurum .na-about-final {
	background:
		linear-gradient(90deg, rgba(255, 248, 236, .86), rgba(239, 224, 195, .78)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
	color: #241b15 !important;
	border-top: 1px solid rgba(200, 141, 33, .18);
	border-bottom: 1px solid rgba(200, 141, 33, .18);
}

/* Dunkle Sektion edler */
body.page-template-page-ueber-noctis-aurum .na-about-section--dark {
	background:
		linear-gradient(90deg, rgba(9, 7, 5, .92), rgba(36, 27, 21, .78)),
		radial-gradient(circle at 78% 50%, rgba(200, 141, 33, .14), transparent 38%),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
}

/* Sektionen etwas kompakter und ruhiger */
body.page-template-page-ueber-noctis-aurum .na-about-section,
body.page-template-page-ueber-noctis-aurum .na-about-quote,
body.page-template-page-ueber-noctis-aurum .na-about-final {
	padding-top: clamp(92px, 8vw, 132px) !important;
	padding-bottom: clamp(92px, 8vw, 132px) !important;
}

/* Typo besser an Frontpage angleichen */
body.page-template-page-ueber-noctis-aurum .na-about-copy h2,
body.page-template-page-ueber-noctis-aurum .na-about-statement h2,
body.page-template-page-ueber-noctis-aurum .na-about-final h2 {
	font-size: clamp(46px, 5vw, 78px) !important;
	line-height: .96 !important;
	letter-spacing: -.035em !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-copy p,
body.page-template-page-ueber-noctis-aurum .na-about-statement p,
body.page-template-page-ueber-noctis-aurum .na-about-final p {
	font-size: clamp(15px, .98vw, 17px) !important;
	line-height: 1.78 !important;
	color: rgba(36, 27, 21, .68) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-section--dark .na-about-statement p,
body.page-template-page-ueber-noctis-aurum .na-about-section--dark .na-about-mini-card p {
	color: rgba(255, 248, 236, .72) !important;
}

/* Cards mehr Noctis, weniger Baukasten */
body.page-template-page-ueber-noctis-aurum .na-about-card,
body.page-template-page-ueber-noctis-aurum .na-about-final__card {
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .88), rgba(232, 211, 176, .74)) !important;
	border: 1px solid rgba(200, 141, 33, .28) !important;
	box-shadow:
		0 32px 90px rgba(36, 27, 21, .18),
		inset 0 1px 0 rgba(255, 255, 255, .44) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-mini-card {
	background:
		linear-gradient(180deg, rgba(255, 248, 236, .13), rgba(255, 248, 236, .045)) !important;
	border: 1px solid rgba(200, 141, 33, .24) !important;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, .24),
		inset 0 1px 0 rgba(255, 255, 255, .08) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-mini-card h3 {
	color: #c88d21 !important;
	font-size: clamp(30px, 2.5vw, 42px) !important;
	line-height: 1.06 !important;
}

/* Atelier Bild-Karte luxuriöser */
body.page-template-page-ueber-noctis-aurum .na-about-image-card {
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .92), rgba(216, 194, 154, .78)) !important;
	border: 1px solid rgba(200, 141, 33, .32) !important;
	box-shadow: 0 34px 96px rgba(36, 27, 21, .2) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-image-card img {
	border-radius: 24px !important;
	filter: saturate(1.03) contrast(1.02);
}

/* Manifest weniger riesig, edler */
body.page-template-page-ueber-noctis-aurum .na-about-quote {
	min-height: auto !important;
	background:
		linear-gradient(90deg, rgba(9, 7, 5, .9), rgba(30, 23, 17, .72)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-quote__inner {
	max-width: 980px !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-quote h2 {
	font-size: clamp(46px, 5.8vw, 92px) !important;
	line-height: .96 !important;
	color: #fff8ec !important;
	text-shadow: 0 18px 70px rgba(0, 0, 0, .36);
}

/* Final CTA weniger weiß, mehr Noctis */
body.page-template-page-ueber-noctis-aurum .na-about-final__card {
	max-width: 780px !important;
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .9), rgba(224, 203, 168, .78)) !important;
}

/* Button-Kontrast fix */
body.page-template-page-ueber-noctis-aurum .na-btn--ghost {
	color: #241b15 !important;
	border-color: rgba(200, 141, 33, .42) !important;
	background: rgba(255, 248, 236, .34) !important;
}

body.page-template-page-ueber-noctis-aurum .na-about-hero .na-btn--ghost,
body.page-template-page-ueber-noctis-aurum .na-about-section--dark .na-btn--ghost,
body.page-template-page-ueber-noctis-aurum .na-about-quote .na-btn--ghost {
	color: #fff8ec !important;
	background: rgba(255, 248, 236, .08) !important;
	border-color: rgba(255, 248, 236, .3) !important;
}

/* Mobile */
@media (max-width: 920px) {
	body.page-template-page-ueber-noctis-aurum .na-about-hero {
		min-height: auto !important;
		padding-top: 128px !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-hero__inner {
		gap: 38px !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-hero h1 {
		font-size: clamp(48px, 13vw, 68px) !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-section,
	body.page-template-page-ueber-noctis-aurum .na-about-quote,
	body.page-template-page-ueber-noctis-aurum .na-about-final {
		padding-top: 78px !important;
		padding-bottom: 78px !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-grid {
		grid-template-columns: 1fr !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-mini-card {
		min-height: auto !important;
	}
}

@media (max-width: 520px) {
	body.page-template-page-ueber-noctis-aurum .na-about-hero h1 {
		font-size: clamp(44px, 14vw, 60px) !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-copy h2,
	body.page-template-page-ueber-noctis-aurum .na-about-statement h2,
	body.page-template-page-ueber-noctis-aurum .na-about-final h2,
	body.page-template-page-ueber-noctis-aurum .na-about-quote h2 {
		font-size: clamp(36px, 11vw, 52px) !important;
	}

	body.page-template-page-ueber-noctis-aurum .na-about-portrait__frame {
		aspect-ratio: 4 / 5 !important;
	}
}
/* =========================================================
   ÜBER NOCTIS AURUM - FINAL VISUAL FIX
   greift auf main.na-about-page
   ========================================================= */

main.na-about-page {
	--na-about-ink: #241b15;
	--na-about-muted: #6f6254;
	--na-about-cream: #fff8ec;
	--na-about-gold: #c88d21;
	--na-about-dark: #100d0a;

	background:
		linear-gradient(180deg, rgba(16, 13, 10, .88), rgba(16, 13, 10, .94)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover fixed !important;
	color: var(--na-about-cream) !important;
	overflow: hidden !important;
}

/* HERO oben: aktuell viel zu weiß -> Noctis dunkel/luxury */
main.na-about-page .na-about-hero {
	min-height: 92vh !important;
	padding: clamp(165px, 13vw, 220px) clamp(22px, 5vw, 80px) clamp(90px, 8vw, 130px) !important;
	background:
		linear-gradient(90deg, rgba(10, 8, 6, .92) 0%, rgba(16, 13, 10, .8) 48%, rgba(24, 18, 13, .62) 100%),
		radial-gradient(circle at 82% 36%, rgba(200, 141, 33, .16), transparent 34%),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover !important;
	border-bottom: 1px solid rgba(200, 141, 33, .22) !important;
}

main.na-about-page .na-about-hero__inner {
	width: min(1180px, 100%) !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr) !important;
	align-items: center !important;
	gap: clamp(46px, 7vw, 100px) !important;
}

/* Text wieder sichtbar */
main.na-about-page .na-about-hero h1 {
	color: #fff8ec !important;
	opacity: 1 !important;
	font-size: clamp(60px, 7.6vw, 116px) !important;
	line-height: .92 !important;
	letter-spacing: -.045em !important;
	text-shadow: 0 18px 70px rgba(0, 0, 0, .48) !important;
	max-width: 720px !important;
}

main.na-about-page .na-about-hero p,
main.na-about-page .na-about-lead {
	color: rgba(255, 248, 236, .78) !important;
	opacity: 1 !important;
	font-size: clamp(16px, 1.05vw, 19px) !important;
	line-height: 1.72 !important;
	max-width: 640px !important;
}

main.na-about-page .na-eyebrow {
	color: #c88d21 !important;
	opacity: 1 !important;
	letter-spacing: .32em !important;
	text-shadow: none !important;
}

/* Kleines rundes Logo im Hero */
main.na-about-page .na-about-mark,
main.na-about-page .na-about-hero .na-mark {
	background: rgba(255, 248, 236, .94) !important;
	border: 1px solid rgba(200, 141, 33, .3) !important;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .24) !important;
}

/* Portrait Card */
main.na-about-page .na-about-portrait__frame {
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .92), rgba(222, 199, 160, .78)) !important;
	border: 1px solid rgba(200, 141, 33, .34) !important;
	box-shadow:
		0 38px 110px rgba(0, 0, 0, .46),
		inset 0 1px 0 rgba(255, 255, 255, .45) !important;
	border-radius: 34px !important;
	padding: clamp(22px, 3vw, 46px) !important;
}

main.na-about-page .na-about-portrait__frame img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	object-fit: cover !important;
	border-radius: 22px !important;
	padding: 0 !important;
	background: transparent !important;
}

/* Helle Sektionen: nicht weiß, sondern warmes Creme */
main.na-about-page .na-about-section--light,
main.na-about-page .na-about-section--image,
main.na-about-page .na-about-final {
	background:
		linear-gradient(90deg, rgba(255, 248, 236, .88), rgba(238, 221, 190, .78)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
	color: #241b15 !important;
}

/* Dunkle Sektionen */
main.na-about-page .na-about-section--dark,
main.na-about-page .na-about-quote {
	background:
		linear-gradient(90deg, rgba(9, 7, 5, .93), rgba(28, 21, 15, .78)),
		radial-gradient(circle at 78% 45%, rgba(200, 141, 33, .14), transparent 36%),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
	color: #fff8ec !important;
}

/* Section-Abstände ruhiger */
main.na-about-page .na-about-section,
main.na-about-page .na-about-quote,
main.na-about-page .na-about-final {
	padding-top: clamp(92px, 8vw, 132px) !important;
	padding-bottom: clamp(92px, 8vw, 132px) !important;
}

/* Typografie allgemein */
main.na-about-page h2 {
	letter-spacing: -.035em !important;
}

main.na-about-page .na-about-copy h2,
main.na-about-page .na-about-statement h2,
main.na-about-page .na-about-final h2 {
	font-size: clamp(46px, 5vw, 78px) !important;
	line-height: .96 !important;
	color: inherit !important;
}

main.na-about-page .na-about-copy p,
main.na-about-page .na-about-statement p,
main.na-about-page .na-about-final p {
	font-size: clamp(15px, .98vw, 17px) !important;
	line-height: 1.78 !important;
	color: rgba(36, 27, 21, .68) !important;
}

main.na-about-page .na-about-section--dark p,
main.na-about-page .na-about-quote p {
	color: rgba(255, 248, 236, .72) !important;
}

/* Cards */
main.na-about-page .na-about-card,
main.na-about-page .na-about-final__card {
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .9), rgba(230, 208, 174, .76)) !important;
	border: 1px solid rgba(200, 141, 33, .3) !important;
	box-shadow:
		0 30px 90px rgba(36, 27, 21, .18),
		inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

main.na-about-page .na-about-mini-card {
	background:
		linear-gradient(180deg, rgba(255, 248, 236, .13), rgba(255, 248, 236, .045)) !important;
	border: 1px solid rgba(200, 141, 33, .24) !important;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, .22),
		inset 0 1px 0 rgba(255, 255, 255, .08) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
}

main.na-about-page .na-about-mini-card h3 {
	color: #c88d21 !important;
	font-size: clamp(30px, 2.5vw, 42px) !important;
	line-height: 1.06 !important;
}

/* Manifest */
main.na-about-page .na-about-quote h2 {
	font-size: clamp(46px, 5.8vw, 92px) !important;
	line-height: .96 !important;
	color: #fff8ec !important;
	text-shadow: 0 18px 70px rgba(0, 0, 0, .36) !important;
}

/* Final CTA */
main.na-about-page .na-about-final__card {
	max-width: 780px !important;
	margin-inline: auto !important;
}

/* Buttons sichtbar */
main.na-about-page .na-btn {
	opacity: 1 !important;
	visibility: visible !important;
}

main.na-about-page .na-btn--ghost {
	color: #241b15 !important;
	border-color: rgba(200, 141, 33, .42) !important;
	background: rgba(255, 248, 236, .34) !important;
}

main.na-about-page .na-about-hero .na-btn--ghost,
main.na-about-page .na-about-section--dark .na-btn--ghost,
main.na-about-page .na-about-quote .na-btn--ghost {
	color: #fff8ec !important;
	background: rgba(255, 248, 236, .08) !important;
	border-color: rgba(255, 248, 236, .3) !important;
}

/* Header auf About nicht zu weit oben */
body:has(main.na-about-page) .na-site-header {
	top: 34px !important;
}

/* Mobile */
@media (max-width: 920px) {
	main.na-about-page .na-about-hero {
		min-height: auto !important;
		padding-top: 130px !important;
	}

	main.na-about-page .na-about-hero__inner {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}

	main.na-about-page .na-about-hero h1 {
		font-size: clamp(48px, 13vw, 68px) !important;
	}

	main.na-about-page .na-about-section,
	main.na-about-page .na-about-quote,
	main.na-about-page .na-about-final {
		padding-top: 78px !important;
		padding-bottom: 78px !important;
	}
}

@media (max-width: 520px) {
	main.na-about-page .na-about-hero h1 {
		font-size: clamp(42px, 13vw, 58px) !important;
	}

	main.na-about-page .na-about-copy h2,
	main.na-about-page .na-about-statement h2,
	main.na-about-page .na-about-final h2,
	main.na-about-page .na-about-quote h2 {
		font-size: clamp(36px, 11vw, 52px) !important;
	}

	main.na-about-page .na-about-portrait__frame {
		padding: 20px !important;
	}
}
/* =========================================================
   ABOUT PAGE - FINAL POLISH
   ========================================================= */

main.na-about-page .na-about-hero {
	min-height: 86vh !important;
	padding-top: clamp(135px, 10vw, 175px) !important;
	padding-bottom: clamp(70px, 7vw, 110px) !important;
}

main.na-about-page .na-about-hero__inner {
	align-items: center !important;
}

main.na-about-page .na-about-hero h1 {
	font-size: clamp(58px, 6.7vw, 104px) !important;
	max-width: 690px !important;
}

main.na-about-page .na-about-hero p,
main.na-about-page .na-about-lead {
	max-width: 650px !important;
	margin-top: 26px !important;
}

main.na-about-page .na-about-actions {
	margin-top: 34px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

main.na-about-page .na-about-portrait__frame {
	max-width: 430px !important;
	margin-left: auto !important;
	transform: translateY(10px) !important;
}

main.na-about-page .na-about-portrait__frame img {
	aspect-ratio: 4 / 5 !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* Sektionen etwas ruhiger und weniger hoch */
main.na-about-page .na-about-section,
main.na-about-page .na-about-quote,
main.na-about-page .na-about-final {
	padding-top: clamp(82px, 7vw, 118px) !important;
	padding-bottom: clamp(82px, 7vw, 118px) !important;
}

/* Helle Abschnitte etwas edler, weniger grell */
main.na-about-page .na-about-section--light,
main.na-about-page .na-about-section--image,
main.na-about-page .na-about-final {
	background:
		linear-gradient(90deg, rgba(255, 248, 236, .82), rgba(233, 213, 178, .72)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover !important;
}

/* Dark cards harmonischer */
main.na-about-page .na-about-mini-card {
	min-height: 330px !important;
	padding: clamp(28px, 3vw, 46px) !important;
}

main.na-about-page .na-about-mini-card p {
	color: rgba(255, 248, 236, .72) !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
}

/* Manifest nicht ganz so brutal riesig */
main.na-about-page .na-about-quote h2 {
	font-size: clamp(48px, 5.1vw, 82px) !important;
	max-width: 1050px !important;
	margin-inline: auto !important;
}

/* Mobile: Hero kompakter */
@media (max-width: 920px) {
	main.na-about-page .na-about-hero {
		min-height: auto !important;
		padding-top: 122px !important;
		padding-bottom: 72px !important;
	}

	main.na-about-page .na-about-hero__inner {
		gap: 34px !important;
	}

	main.na-about-page .na-about-hero h1 {
		font-size: clamp(44px, 12vw, 64px) !important;
	}

	main.na-about-page .na-about-portrait__frame {
		max-width: 360px !important;
		margin-inline: auto !important;
		transform: none !important;
	}

	main.na-about-page .na-about-actions {
		justify-content: flex-start !important;
	}
}

@media (max-width: 520px) {
	main.na-about-page .na-about-hero {
		padding-inline: 18px !important;
	}

	main.na-about-page .na-about-hero h1 {
		font-size: clamp(39px, 12vw, 54px) !important;
	}

	main.na-about-page .na-about-hero p {
		font-size: 15px !important;
	}

	main.na-about-page .na-about-actions .na-btn {
		width: 100% !important;
		justify-content: center !important;
	}

	main.na-about-page .na-about-mini-card {
		min-height: auto !important;
	}
}
/* NOCTIS AURUM — Legal Pages refinement */

body:has(.na-legal-page) {
	background: #100d0a !important;
}

.na-legal-page {
	min-height: 100vh !important;
	padding-top: clamp(104px, 8vw, 138px) !important;
	padding-bottom: clamp(64px, 7vw, 104px) !important;
	background:
		linear-gradient(90deg, rgba(255,248,236,.88), rgba(236,217,186,.76)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center / cover fixed !important;
}

.na-legal-wrap {
	width: min(1040px, calc(100vw - 44px)) !important;
}

.na-legal-hero {
	min-height: auto !important;
	margin-bottom: clamp(28px, 4vw, 52px) !important;
	padding: clamp(40px, 6vw, 72px) 0 clamp(24px, 4vw, 42px) !important;
	align-items: center !important;
}

.na-legal-hero > div:first-child {
	max-width: 760px !important;
}

.na-legal-page h1 {
	font-size: clamp(54px, 6.4vw, 92px) !important;
	line-height: .92 !important;
	letter-spacing: -0.045em !important;
}

.na-legal-lead {
	margin-top: 22px !important;
	max-width: 680px !important;
	font-size: clamp(16px, 1.05vw, 18px) !important;
	line-height: 1.75 !important;
	color: rgba(36, 27, 21, .68) !important;
}

.na-legal-mark {
	width: 68px !important;
	height: 68px !important;
	margin-bottom: 24px !important;
	background: rgba(255, 248, 236, .72) !important;
}

.na-legal-mark img {
	width: 46px !important;
	height: 46px !important;
}

.na-legal-meta {
	align-self: center !important;
	background: rgba(255, 248, 236, .48) !important;
	backdrop-filter: blur(18px) !important;
	-webkit-backdrop-filter: blur(18px) !important;
}

.na-legal-card {
	border-radius: 34px !important;
	padding: clamp(34px, 5vw, 62px) !important;
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .94), rgba(230, 210, 176, .72)) !important;
	box-shadow:
		0 34px 90px rgba(36, 27, 21, .14),
		inset 0 1px 0 rgba(255,255,255,.56) !important;
}

.na-legal-card h2 {
	font-size: clamp(36px, 4.2vw, 62px) !important;
}

.na-legal-card h3 {
	color: #8d631e !important;
}

.na-contact-card {
	padding: clamp(34px, 5vw, 64px) !important;
}

.na-contact-split {
	display: grid !important;
	grid-template-columns: minmax(0, .82fr) minmax(320px, 1fr) !important;
	gap: clamp(28px, 5vw, 68px) !important;
	align-items: start !important;
}

.na-contact-intro h2 {
	margin-bottom: 20px !important;
}

.na-contact-details {
	margin-top: 28px !important;
	display: grid !important;
	gap: 12px !important;
}

.na-contact-details p {
	margin: 0 !important;
	padding: 18px 20px !important;
	border-radius: 22px !important;
	border: 1px solid rgba(200, 141, 33, .20) !important;
	background: rgba(255, 248, 236, .44) !important;
}

.na-contact-details strong {
	display: block !important;
	margin-bottom: 5px !important;
	color: #8d631e !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
}

.na-contact-form-panel {
	padding: clamp(26px, 4vw, 42px) !important;
	border-radius: 30px !important;
	border: 1px solid rgba(200, 141, 33, .24) !important;
	background:
		linear-gradient(145deg, rgba(255, 248, 236, .86), rgba(235, 216, 183, .66)) !important;
	box-shadow:
		0 26px 70px rgba(36, 27, 21, .12),
		inset 0 1px 0 rgba(255,255,255,.52) !important;
}

.na-contact-form-panel h3 {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	font-size: clamp(30px, 3vw, 42px) !important;
	color: #241b15 !important;
}

.na-contact-form-note {
	margin-bottom: 26px !important;
	color: rgba(36, 27, 21, .64) !important;
}

/* Contact Form 7 styling */

.na-contact-form-panel .wpcf7 {
	color: #241b15 !important;
}

.na-contact-form-panel .wpcf7 form {
	display: grid !important;
	gap: 16px !important;
}

.na-contact-form-panel .wpcf7 p {
	margin: 0 0 14px !important;
}

.na-contact-form-panel .wpcf7 label {
	display: block !important;
	color: rgba(36, 27, 21, .72) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.na-contact-form-panel .wpcf7 input[type="text"],
.na-contact-form-panel .wpcf7 input[type="email"],
.na-contact-form-panel .wpcf7 input[type="tel"],
.na-contact-form-panel .wpcf7 textarea,
.na-contact-form-panel .wpcf7 select {
	width: 100% !important;
	margin-top: 8px !important;
	border: 1px solid rgba(200, 141, 33, .24) !important;
	border-radius: 18px !important;
	background: rgba(255, 248, 236, .78) !important;
	color: #241b15 !important;
	padding: 15px 17px !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.na-contact-form-panel .wpcf7 textarea {
	min-height: 150px !important;
	resize: vertical !important;
}

.na-contact-form-panel .wpcf7 input:focus,
.na-contact-form-panel .wpcf7 textarea:focus,
.na-contact-form-panel .wpcf7 select:focus {
	outline: none !important;
	border-color: rgba(200, 141, 33, .62) !important;
	box-shadow:
		0 0 0 4px rgba(200, 141, 33, .12),
		inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.na-contact-form-panel .wpcf7-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0 30px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #dca238, #bd790f) !important;
	color: #fff8ec !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: 0 18px 45px rgba(190, 124, 15, .22) !important;
}

.na-contact-form-panel .wpcf7-not-valid-tip {
	margin-top: 6px !important;
	color: #9f2d1c !important;
	font-size: 13px !important;
}

.na-contact-form-panel .wpcf7-response-output {
	margin: 18px 0 0 !important;
	padding: 14px 16px !important;
	border-radius: 18px !important;
	border-color: rgba(200, 141, 33, .32) !important;
	color: #241b15 !important;
	background: rgba(255,248,236,.72) !important;
}

/* Mobile */

@media (max-width: 820px) {
	.na-legal-page {
		padding: 108px 18px 68px !important;
	}

	.na-legal-hero {
		grid-template-columns: 1fr !important;
		padding-top: 28px !important;
	}

	.na-legal-page h1 {
		font-size: clamp(46px, 16vw, 70px) !important;
	}

	.na-legal-meta {
		max-width: 100% !important;
	}

	.na-contact-split {
		grid-template-columns: 1fr !important;
	}

	.na-contact-form-panel {
		border-radius: 26px !important;
	}
}
/* =========================================================
   NOCTIS AURUM — Legal Pages Final Layout Fix
   Widerruf / Datenschutz / Impressum / Versand / Kontakt
========================================================= */

/* WordPress / Astra Seitentitel ausblenden */
body:has(.na-legal-page) .entry-title,
body:has(.na-legal-page) .ast-single-post .entry-title,
body:has(.na-legal-page) header.entry-header,
body:has(.na-legal-page) .page-title {
	display: none !important;
}

/* Schwarze Ränder / boxed Astra-Fläche entfernen */
body:has(.na-legal-page),
body:has(.na-legal-page) .site,
body:has(.na-legal-page) .site-content,
body:has(.na-legal-page) .content-area,
body:has(.na-legal-page) .ast-container,
body:has(.na-legal-page) .entry-content,
body:has(.na-legal-page) article,
body:has(.na-legal-page) .ast-separate-container,
body:has(.na-legal-page) .ast-article-single {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

/* Seite selbst */
.na-legal-page {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100vh !important;
	padding: clamp(118px, 9vw, 150px) 0 clamp(70px, 7vw, 110px) !important;
	background:
		linear-gradient(90deg, rgba(255,248,236,.80), rgba(232,210,176,.72)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover fixed !important;
	color: #241b15 !important;
	overflow-x: hidden !important;
}

/* Hauptcontainer etwas breiter und sauber zentriert */
.na-legal-wrap {
	width: min(1120px, calc(100vw - 56px)) !important;
	margin: 0 auto !important;
}

/* Hero kleiner, weniger leer */
.na-legal-hero {
	min-height: auto !important;
	padding: clamp(46px, 5vw, 76px) clamp(10px, 2vw, 22px) clamp(42px, 4vw, 62px) !important;
	margin-bottom: clamp(26px, 4vw, 46px) !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 260px !important;
	gap: clamp(28px, 4vw, 60px) !important;
	align-items: end !important;
	border-bottom: 1px solid rgba(200,141,33,.22) !important;
}

.na-legal-hero > div:first-child {
	max-width: 760px !important;
}

.na-legal-mark {
	width: 62px !important;
	height: 62px !important;
	margin-bottom: 22px !important;
}

.na-legal-mark img {
	width: 42px !important;
	height: 42px !important;
	object-fit: contain !important;
}

.na-legal-kicker {
	margin-bottom: 16px !important;
	color: #c88d21 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .32em !important;
	text-transform: uppercase !important;
}

.na-legal-page h1 {
	max-width: 780px !important;
	font-size: clamp(58px, 6vw, 92px) !important;
	line-height: .92 !important;
	letter-spacing: -0.055em !important;
	color: #241b15 !important;
}

.na-legal-lead {
	margin-top: 24px !important;
	max-width: 670px !important;
	font-size: clamp(17px, 1.05vw, 20px) !important;
	line-height: 1.65 !important;
	color: rgba(36,27,21,.66) !important;
}

/* Stand-Karte eleganter */
.na-legal-meta {
	width: 100% !important;
	align-self: end !important;
	padding: 24px 24px !important;
	border-radius: 26px !important;
	border: 1px solid rgba(200,141,33,.24) !important;
	background:
		linear-gradient(145deg, rgba(255,248,236,.74), rgba(238,220,188,.56)) !important;
	box-shadow:
		0 24px 70px rgba(36,27,21,.10),
		inset 0 1px 0 rgba(255,255,255,.55) !important;
	backdrop-filter: blur(14px) !important;
	-webkit-backdrop-filter: blur(14px) !important;
}

.na-legal-meta strong,
.na-legal-meta b {
	color: #c88d21 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
}

.na-legal-meta p {
	color: rgba(36,27,21,.64) !important;
	line-height: 1.55 !important;
}

/* Content-Karten */
.na-legal-card {
	border-radius: 34px !important;
	padding: clamp(42px, 5vw, 72px) !important;
	background:
		linear-gradient(145deg, rgba(255,248,236,.94), rgba(232,211,177,.72)) !important;
	border: 1px solid rgba(200,141,33,.26) !important;
	box-shadow:
		0 36px 96px rgba(36,27,21,.14),
		inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.na-legal-card + .na-legal-card {
	margin-top: 28px !important;
}

.na-legal-card h2 {
	font-size: clamp(44px, 4.4vw, 68px) !important;
	line-height: 1 !important;
	letter-spacing: -0.045em !important;
	color: #241b15 !important;
}

.na-legal-card h3 {
	margin-top: 34px !important;
	margin-bottom: 14px !important;
	font-size: clamp(26px, 2.4vw, 38px) !important;
	line-height: 1.1 !important;
	color: #8d631e !important;
}

.na-legal-card p,
.na-legal-card li {
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: rgba(36,27,21,.68) !important;
}

.na-legal-card a {
	color: #9b6819 !important;
	font-weight: 800 !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
}

/* Kontaktseite */
.na-contact-card {
	padding: clamp(42px, 5vw, 68px) !important;
}

.na-contact-split {
	display: grid !important;
	grid-template-columns: .88fr 1.12fr !important;
	gap: clamp(34px, 5vw, 72px) !important;
	align-items: start !important;
}

.na-contact-intro h2 {
	font-size: clamp(46px, 4.8vw, 70px) !important;
	line-height: 1 !important;
	margin-bottom: 22px !important;
}

.na-contact-form-panel {
	border-radius: 30px !important;
	padding: clamp(30px, 4vw, 46px) !important;
	background:
		linear-gradient(145deg, rgba(255,248,236,.88), rgba(235,216,184,.68)) !important;
	border: 1px solid rgba(200,141,33,.25) !important;
	box-shadow:
		0 28px 72px rgba(36,27,21,.12),
		inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.na-contact-form-panel h3 {
	font-size: clamp(34px, 3.2vw, 48px) !important;
	line-height: 1.05 !important;
	color: #241b15 !important;
	margin-bottom: 8px !important;
}

.na-contact-form-note {
	color: rgba(36,27,21,.62) !important;
	margin-bottom: 28px !important;
}

/* Contact Form 7 Inputs */
.na-contact-form-panel .wpcf7 label {
	display: block !important;
	margin-bottom: 14px !important;
	color: rgba(36,27,21,.72) !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
}

.na-contact-form-panel .wpcf7 input[type="text"],
.na-contact-form-panel .wpcf7 input[type="email"],
.na-contact-form-panel .wpcf7 input[type="tel"],
.na-contact-form-panel .wpcf7 textarea,
.na-contact-form-panel .wpcf7 select {
	width: 100% !important;
	margin-top: 8px !important;
	padding: 15px 17px !important;
	border-radius: 18px !important;
	border: 1px solid rgba(200,141,33,.26) !important;
	background: rgba(255,248,236,.82) !important;
	color: #241b15 !important;
	font-size: 15px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.na-contact-form-panel .wpcf7 textarea {
	min-height: 150px !important;
	resize: vertical !important;
}

.na-contact-form-panel .wpcf7-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0 32px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #dca238, #bd790f) !important;
	color: #fff8ec !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: 0 18px 42px rgba(190,124,15,.24) !important;
}

/* Mobile */
@media (max-width: 860px) {
	.na-legal-page {
		padding: 110px 0 64px !important;
		background-attachment: scroll !important;
	}

	.na-legal-wrap {
		width: min(100%, calc(100vw - 28px)) !important;
	}

	.na-legal-hero {
		grid-template-columns: 1fr !important;
		gap: 26px !important;
		padding: 34px 0 36px !important;
	}

	.na-legal-page h1 {
		font-size: clamp(48px, 15vw, 72px) !important;
	}

	.na-legal-lead {
		font-size: 16px !important;
	}

	.na-legal-meta {
		max-width: 100% !important;
	}

	.na-legal-card {
		padding: 32px 24px !important;
		border-radius: 28px !important;
	}

	.na-contact-split {
		grid-template-columns: 1fr !important;
	}

	.na-contact-form-panel {
		padding: 28px 22px !important;
	}
}
/* =========================================================
   NOCTIS AURUM — Kontaktseite Final Polish
========================================================= */

/* 404-Fix: Hintergrund immer mit absolutem Pfad laden */
.na-legal-page,
.na-about-page,
.na-site-footer--luxury,
.na-site-footer--atelier {
	background-image:
		linear-gradient(90deg, rgba(255,248,236,.80), rgba(232,210,176,.72)),
		url("/wp-content/themes/noctis-aurum/assets/noctis-background.png") !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

/* Kontakt-Card soll nicht mehr links leer nach unten gezogen werden */
.na-contact-card {
	align-items: start !important;
	overflow: visible !important;
}

.na-contact-split {
	align-items: start !important;
}

.na-contact-intro,
.na-contact-form-panel {
	align-self: start !important;
}

/* Linke Kontaktseite kompakter und luxuriöser */
.na-contact-intro {
	position: sticky !important;
	top: 120px !important;
}

.na-contact-intro h2 {
	margin-bottom: 22px !important;
}

.na-contact-intro p {
	max-width: 440px !important;
	line-height: 1.72 !important;
}

.na-contact-info-card {
	max-width: 430px !important;
	margin-top: 30px !important;
	padding: 24px 26px !important;
	border-radius: 22px !important;
	background: rgba(255,248,236,.46) !important;
	border: 1px solid rgba(200,141,33,.20) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.na-contact-actions {
	margin-top: 26px !important;
	display: flex !important;
	gap: 14px !important;
	flex-wrap: wrap !important;
}

/* Formular-Panel etwas leichter, weniger riesig */
.na-contact-form-panel {
	max-width: 560px !important;
	margin-left: auto !important;
	padding: clamp(34px, 4vw, 54px) !important;
	border-radius: 34px !important;
}

/* Contact Form 7: Abstand sauberer */
.na-contact-form-panel .wpcf7 p {
	margin: 0 0 22px !important;
}

.na-contact-form-panel .wpcf7 label {
	margin-bottom: 10px !important;
}

/* Inputs etwas edler */
.na-contact-form-panel .wpcf7 input[type="text"],
.na-contact-form-panel .wpcf7 input[type="email"],
.na-contact-form-panel .wpcf7 input[type="tel"],
.na-contact-form-panel .wpcf7 textarea,
.na-contact-form-panel .wpcf7 select {
	background: rgba(255,248,236,.72) !important;
	border: 1px solid rgba(200,141,33,.24) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.62),
		0 10px 28px rgba(36,27,21,.035) !important;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.na-contact-form-panel .wpcf7 input[type="text"]:focus,
.na-contact-form-panel .wpcf7 input[type="email"]:focus,
.na-contact-form-panel .wpcf7 input[type="tel"]:focus,
.na-contact-form-panel .wpcf7 textarea:focus,
.na-contact-form-panel .wpcf7 select:focus {
	outline: none !important;
	background: rgba(255,248,236,.94) !important;
	border-color: rgba(200,141,33,.55) !important;
	box-shadow:
		0 0 0 4px rgba(200,141,33,.10),
		inset 0 1px 0 rgba(255,255,255,.7) !important;
}

/* Datei-Upload endlich passend machen */
.na-contact-form-panel input[type="file"],
.na-contact-form-panel .wpcf7 input[type="file"] {
	width: 100% !important;
	padding: 13px !important;
	border-radius: 18px !important;
	border: 1px solid rgba(200,141,33,.26) !important;
	background: rgba(255,248,236,.72) !important;
	color: rgba(36,27,21,.68) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		0 12px 30px rgba(36,27,21,.04) !important;
}

.na-contact-form-panel input[type="file"]::file-selector-button {
	margin-right: 14px !important;
	padding: 10px 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #dca238, #bd790f) !important;
	color: #fff8ec !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .11em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

/* Checkbox / Zustimmung eleganter */
.na-contact-form-panel .wpcf7-list-item {
	margin: 0 !important;
}

.na-contact-form-panel input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin-right: 10px !important;
	accent-color: #c88d21 !important;
}

.na-contact-form-panel .wpcf7-list-item-label {
	font-size: 11px !important;
	line-height: 1.65 !important;
	font-weight: 900 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: rgba(36,27,21,.66) !important;
}

/* Datenschutz / reCAPTCHA Text dezenter */
.na-contact-form-panel .na-cf7-legal,
.na-contact-form-panel .wpcf7 .wpcf7-acceptance + br + a,
.na-contact-form-panel .wpcf7 p:has(a[href*="datenschutz"]) {
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: rgba(36,27,21,.58) !important;
}

.na-contact-form-panel a {
	color: #9b6819 !important;
	font-weight: 800 !important;
	text-underline-offset: 3px !important;
}

/* Senden-Button */
.na-contact-form-panel .wpcf7-submit {
	margin-top: 8px !important;
	min-width: 230px !important;
}

/* Spinner nicht hässlich platzieren */
.na-contact-form-panel .wpcf7-spinner {
	margin-left: 14px !important;
}

/* Wenn Contact Form 7 Fehlermeldungen zeigt */
.na-contact-form-panel .wpcf7-not-valid-tip {
	margin-top: 7px !important;
	font-size: 12px !important;
	color: #9d3c20 !important;
}

.na-contact-form-panel .wpcf7-response-output {
	margin: 24px 0 0 !important;
	padding: 16px 18px !important;
	border-radius: 18px !important;
	border-color: rgba(200,141,33,.34) !important;
	background: rgba(255,248,236,.72) !important;
	color: rgba(36,27,21,.72) !important;
}

/* Legal-Hero allgemein etwas weniger leer */
.na-legal-hero {
	min-height: 430px !important;
	padding-top: clamp(64px, 7vw, 96px) !important;
	padding-bottom: clamp(52px, 6vw, 78px) !important;
}

/* Kontakt-Hero nochmal kompakter */
body:has(.na-contact-card) .na-legal-hero {
	min-height: 380px !important;
}

/* Mobile Kontakt */
@media (max-width: 860px) {
	.na-contact-intro {
		position: static !important;
		top: auto !important;
	}

	.na-contact-card {
		padding: 28px 20px !important;
	}

	.na-contact-form-panel {
		max-width: 100% !important;
		margin-left: 0 !important;
		padding: 28px 20px !important;
	}

	.na-contact-actions {
		flex-direction: column !important;
	}

	.na-contact-actions .na-btn {
		width: 100% !important;
		justify-content: center !important;
	}

	body:has(.na-contact-card) .na-legal-hero,
	.na-legal-hero {
		min-height: auto !important;
	}
}
.na-site-footer--luxury,
.na-site-footer--atelier {
	background-image:
		linear-gradient(90deg, rgba(6, 4, 3, .88), rgba(20, 13, 8, .82), rgba(60, 38, 18, .72)),
		url("https://noctisaurum.de/wp-content/themes/noctis-aurum/assets/noctis-background.png") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	color: #fff8ec !important;
}

.na-site-footer--luxury::before,
.na-site-footer--atelier::before {
	background:
		radial-gradient(circle at 78% 62%, rgba(200, 141, 33, .18), transparent 34%),
		linear-gradient(180deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, .44)) !important;
	opacity: 1 !important;
}

.na-site-footer--luxury .na-footer-main,
.na-site-footer--atelier .na-footer-main {
	color: #fff8ec !important;
}

.na-site-footer--luxury .na-footer-col,
.na-site-footer--atelier .na-footer-col {
	background:
		linear-gradient(180deg, rgba(42, 33, 25, .82), rgba(24, 18, 14, .86)) !important;
	border-color: rgba(200, 141, 33, .34) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 248, 236, .05) !important;
}

.na-site-footer--luxury .na-footer-col h3,
.na-site-footer--atelier .na-footer-col h3 {
	color: #c88d21 !important;
}

.na-site-footer--luxury .na-footer-col a,
.na-site-footer--atelier .na-footer-col a,
.na-site-footer--luxury .na-footer-bottom,
.na-site-footer--atelier .na-footer-bottom,
.na-site-footer--luxury .na-footer-brand p,
.na-site-footer--atelier .na-footer-brand p {
	color: rgba(255, 248, 236, .82) !important;
}

.na-site-footer--luxury .na-footer-col a:hover,
.na-site-footer--atelier .na-footer-col a:hover,
.na-site-footer--luxury .na-footer-social a:hover,
.na-site-footer--atelier .na-footer-social a:hover {
	color: #e0a21a !important;
}
/* =========================================================
   NOCTIS AURUM — LEGAL / CONTACT LUXURY POLISH
   widerruf, datenschutz, impressum, versand, kontakt
========================================================= */

.na-legal-page {
  --na-cream: #fff8ec;
  --na-paper: rgba(255, 248, 236, .84);
  --na-paper-strong: rgba(255, 248, 236, .94);
  --na-line: rgba(200, 141, 33, .22);
  --na-line-strong: rgba(200, 141, 33, .38);
  --na-gold: #c88d21;
  --na-gold-dark: #9f6f16;
  --na-ink: #241b15;
  --na-muted: #6f6254;

  background:
    linear-gradient(90deg, rgba(255,248,236,.88), rgba(235,216,184,.75)),
    url("https://noctisaurum.de/wp-content/themes/noctis-aurum/assets/noctis-background.png") center top / cover no-repeat !important;
  color: var(--na-ink) !important;
}

/* Gesamtbreite etwas edler und luftiger */
.na-legal-wrap {
  width: min(1120px, calc(100% - 42px)) !important;
  margin: 0 auto !important;
  padding-top: clamp(86px, 8vw, 128px) !important;
}

/* Hero oben nicht mehr so flach/blockig */
.na-legal-hero {
  position: relative !important;
  min-height: clamp(340px, 38vw, 470px) !important;
  padding: clamp(46px, 6vw, 78px) !important;
  border: 1px solid rgba(200, 141, 33, .16) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 78% 38%, rgba(200,141,33,.12), transparent 34%),
    linear-gradient(135deg, rgba(255,248,236,.96), rgba(242,226,196,.74)) !important;
  box-shadow:
    0 34px 90px rgba(36, 27, 21, .10),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  overflow: hidden !important;
}

.na-legal-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border: 1px solid rgba(200, 141, 33, .12) !important;
  pointer-events: none !important;
}

.na-legal-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -120px !important;
  bottom: -140px !important;
  width: 380px !important;
  height: 380px !important;
  border: 1px solid rgba(200, 141, 33, .14) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

/* kleines NA-Siegel dezenter */
.na-legal-mark,
.na-contact-mark {
  width: 58px !important;
  height: 58px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.95), rgba(255,248,236,.66)) !important;
  border: 1px solid rgba(200,141,33,.30) !important;
  box-shadow: 0 18px 46px rgba(36,27,21,.10) !important;
}

.na-legal-mark img,
.na-contact-mark img {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
}

/* Headline edler, nicht ganz so wuchtig */
.na-legal-hero h1 {
  font-size: clamp(58px, 7vw, 112px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
  max-width: 720px !important;
  margin-top: clamp(34px, 4vw, 54px) !important;
  margin-bottom: 22px !important;
  color: #241b15 !important;
}

.na-legal-hero p {
  max-width: 620px !important;
  font-size: clamp(17px, 1.3vw, 21px) !important;
  line-height: 1.65 !important;
  color: rgba(36,27,21,.68) !important;
}

.na-legal-eyebrow,
.na-contact-eyebrow {
  color: var(--na-gold) !important;
  letter-spacing: .34em !important;
  font-weight: 800 !important;
}

/* Stand-Box mehr Boutique, weniger Info-Kachel */
.na-legal-status {
  background:
    linear-gradient(145deg, rgba(255,248,236,.88), rgba(239,218,184,.62)) !important;
  border: 1px solid rgba(200,141,33,.26) !important;
  border-radius: 24px !important;
  box-shadow:
    0 24px 60px rgba(36,27,21,.10),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
  padding: 25px 28px !important;
}

.na-legal-status strong,
.na-legal-status b {
  color: var(--na-gold-dark) !important;
  letter-spacing: .24em !important;
}

/* Hauptkarten unten: weniger klobig, mehr Papier/Manufaktur */
.na-legal-card,
.na-contact-card {
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(200,141,33,.12), transparent 35%),
    linear-gradient(145deg, rgba(255,248,236,.94), rgba(240,221,190,.76)) !important;
  border: 1px solid rgba(200,141,33,.25) !important;
  box-shadow:
    0 34px 90px rgba(36,27,21,.12),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  overflow: hidden !important;
}

/* Legal-Content schöner lesbar */
.na-legal-card {
  padding: clamp(46px, 6vw, 76px) !important;
}

.na-legal-card h2 {
  font-size: clamp(44px, 5vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  margin-bottom: 34px !important;
}

.na-legal-card h3 {
  color: var(--na-gold-dark) !important;
  font-size: clamp(25px, 2.4vw, 38px) !important;
  margin-top: 34px !important;
  margin-bottom: 14px !important;
}

.na-legal-card p,
.na-legal-card li {
  color: rgba(36,27,21,.70) !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
}

.na-legal-card a {
  color: var(--na-gold-dark) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
}

/* Kontaktbereich eleganter */
.na-contact-card {
  padding: clamp(42px, 5.4vw, 72px) !important;
  margin-top: clamp(42px, 5vw, 70px) !important;
}

.na-contact-split {
  display: grid !important;
  grid-template-columns: minmax(280px, .88fr) minmax(360px, 1.05fr) !important;
  gap: clamp(42px, 6vw, 80px) !important;
  align-items: start !important;
}

/* Linke Kontaktseite bekommt mehr Gewicht */
.na-contact-intro {
  position: sticky !important;
  top: 120px !important;
}

.na-contact-intro h2 {
  font-size: clamp(54px, 5.8vw, 86px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  margin-bottom: 26px !important;
}

.na-contact-intro p {
  color: rgba(36,27,21,.67) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  max-width: 470px !important;
}

/* Kontaktinfo-Boxen schöner */
.na-contact-info,
.na-contact-detail,
.na-contact-box {
  border-radius: 22px !important;
  border: 1px solid rgba(200,141,33,.22) !important;
  background: rgba(255,248,236,.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.na-contact-info a,
.na-contact-detail a {
  color: var(--na-gold-dark) !important;
  font-weight: 800 !important;
}

/* Formularpanel wertiger */
.na-contact-form-panel {
  border-radius: 32px !important;
  padding: clamp(34px, 4vw, 54px) !important;
  background:
    linear-gradient(145deg, rgba(255,248,236,.92), rgba(239,218,184,.68)) !important;
  border: 1px solid rgba(200,141,33,.28) !important;
  box-shadow:
    0 28px 72px rgba(36,27,21,.13),
    inset 0 1px 0 rgba(255,255,255,.74) !important;
}

.na-contact-form-panel h3 {
  font-size: clamp(42px, 4.2vw, 64px) !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
  margin-bottom: 12px !important;
}

.na-contact-form-note {
  color: rgba(36,27,21,.62) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin-bottom: 38px !important;
}

/* Contact Form 7 Inputs */
.na-contact-form-panel .wpcf7 label,
.na-contact-form-panel label {
  display: block !important;
  margin-bottom: 10px !important;
  color: rgba(36,27,21,.62) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.na-contact-form-panel .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="file"]),
.na-contact-form-panel .wpcf7 textarea,
.na-contact-form-panel .wpcf7 select {
  width: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(200,141,33,.24) !important;
  background: rgba(255,248,236,.68) !important;
  color: #241b15 !important;
  padding: 18px 21px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 14px 32px rgba(36,27,21,.045) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.na-contact-form-panel .wpcf7 input:focus,
.na-contact-form-panel .wpcf7 textarea:focus {
  border-color: rgba(200,141,33,.58) !important;
  background: rgba(255,248,236,.92) !important;
  box-shadow:
    0 0 0 4px rgba(200,141,33,.10),
    0 18px 40px rgba(36,27,21,.08) !important;
}

.na-contact-form-panel .wpcf7 textarea {
  min-height: 190px !important;
  resize: vertical !important;
}

/* Datei-Upload schöner */
.na-contact-form-panel input[type="file"] {
  width: 100% !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(200,141,33,.25) !important;
  background: rgba(255,248,236,.68) !important;
  color: rgba(36,27,21,.72) !important;
}

.na-contact-form-panel input[type="file"]::file-selector-button {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #e0a21a, #c88d21) !important;
  color: #fff8ec !important;
  padding: 12px 20px !important;
  margin-right: 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* Checkbox eleganter */
.na-contact-form-panel input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #c88d21 !important;
  margin-right: 10px !important;
  transform: translateY(3px) !important;
}

/* Submit Button */
.na-contact-form-panel .wpcf7-submit,
.na-contact-form-panel input[type="submit"],
.na-btn-gold {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #e0a21a, #c88d21 58%, #9f6f16) !important;
  color: #fff8ec !important;
  padding: 16px 30px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 22px 46px rgba(200,141,33,.26) !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.na-contact-form-panel .wpcf7-submit:hover,
.na-contact-form-panel input[type="submit"]:hover,
.na-btn-gold:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 28px 58px rgba(200,141,33,.32) !important;
}

/* Google reCAPTCHA Text weniger dominant */
.na-contact-form-panel .wpcf7 .wpcf7-response-output,
.na-contact-form-panel .wpcf7-not-valid-tip {
  border-radius: 14px !important;
  font-size: 13px !important;
}

.na-contact-form-panel p {
  color: rgba(36,27,21,.62) !important;
}

/* Header auf diesen Seiten etwas besser einpassen */
.na-legal-page .na-site-header,
.na-legal-page .na-site-header--luxury {
  margin-top: 24px !important;
  margin-bottom: 36px !important;
}

/* Mobile */
@media (max-width: 920px) {
  .na-legal-wrap {
    width: min(100% - 24px, 760px) !important;
    padding-top: 74px !important;
  }

  .na-legal-hero {
    min-height: auto !important;
    padding: 38px 28px !important;
  }

  .na-legal-hero h1 {
    font-size: clamp(52px, 16vw, 76px) !important;
  }

  .na-legal-status {
    position: relative !important;
    margin-top: 28px !important;
    width: 100% !important;
  }

  .na-contact-split {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .na-contact-intro {
    position: relative !important;
    top: auto !important;
  }

  .na-contact-card {
    padding: 32px 24px !important;
  }

  .na-contact-form-panel {
    padding: 30px 22px !important;
  }
}
/* =========================================================
   AGB HERO FIX — title wider, centered luxury layout
========================================================= */

.na-agb-page .na-legal-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: clamp(420px, 48vw, 560px) !important;
  padding: clamp(64px, 7vw, 96px) clamp(48px, 8vw, 110px) !important;
  background:
    radial-gradient(circle at 72% 36%, rgba(200, 141, 33, .14), transparent 34%),
    linear-gradient(135deg, rgba(255,248,236,.96), rgba(242,226,196,.78)) !important;
}

.na-agb-page .na-legal-hero > * {
  max-width: 760px !important;
}

.na-agb-page .na-legal-hero h1 {
  max-width: 760px !important;
  width: 100% !important;
  font-size: clamp(58px, 6.6vw, 104px) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.na-agb-page .na-legal-hero p,
.na-agb-page .na-legal-hero .na-legal-subtitle {
  max-width: 620px !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.na-agb-page .na-legal-status {
  position: absolute !important;
  right: clamp(42px, 7vw, 96px) !important;
  bottom: clamp(42px, 5vw, 74px) !important;
  max-width: 260px !important;
}

/* Falls die AGB-Seite irgendwo einen inneren Container im Hero nutzt */
.na-agb-page .na-legal-hero .na-legal-hero-inner,
.na-agb-page .na-legal-hero .na-legal-hero-content,
.na-agb-page .na-legal-hero .na-legal-head {
  max-width: 760px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Mobile sauber */
@media (max-width: 920px) {
  .na-agb-page .na-legal-hero {
    min-height: auto !important;
    padding: 42px 28px !important;
  }

  .na-agb-page .na-legal-hero h1 {
    font-size: clamp(48px, 14vw, 72px) !important;
    line-height: .92 !important;
  }

  .na-agb-page .na-legal-status {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    max-width: 100% !important;
    margin-top: 28px !important;
  }
}
/* =========================================================
   AGB HERO — kompakter, mehr Noctis-Luxury
========================================================= */

.na-agb-page .na-legal-hero {
  max-width: 1180px !important;
  width: calc(100% - 48px) !important;
  margin: clamp(52px, 6vw, 82px) auto clamp(38px, 5vw, 64px) !important;

  min-height: clamp(440px, 42vw, 560px) !important;
  padding: clamp(58px, 7vw, 92px) clamp(48px, 7vw, 92px) !important;

  border-radius: 0 !important;
  border: 1px solid rgba(200, 141, 33, .18) !important;

  background:
    radial-gradient(circle at 76% 38%, rgba(200, 141, 33, .16), transparent 30%),
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.72), transparent 34%),
    linear-gradient(135deg, rgba(255,248,236,.94), rgba(239,222,190,.82)) !important;

  box-shadow:
    0 34px 90px rgba(36, 27, 21, .10),
    inset 0 1px 0 rgba(255,255,255,.7) !important;

  overflow: hidden !important;
}

.na-agb-page .na-legal-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border: 1px solid rgba(200, 141, 33, .10) !important;
  pointer-events: none !important;
}

.na-agb-page .na-legal-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -80px !important;
  bottom: -110px !important;
  width: 280px !important;
  height: 280px !important;
  border: 1px solid rgba(200, 141, 33, .18) !important;
  border-radius: 999px !important;
  opacity: .75 !important;
  pointer-events: none !important;
}

.na-agb-page .na-legal-hero > * {
  position: relative !important;
  z-index: 2 !important;
}

.na-agb-page .na-legal-hero .eyebrow,
.na-agb-page .na-legal-hero .na-eyebrow,
.na-agb-page .na-legal-hero p:first-child {
  font-size: 14px !important;
  letter-spacing: .42em !important;
  text-transform: uppercase !important;
  color: rgba(36, 27, 21, .62) !important;
  font-weight: 800 !important;
  margin-bottom: 34px !important;
}

.na-agb-page .na-legal-hero h1 {
  max-width: 760px !important;
  font-size: clamp(68px, 6.2vw, 104px) !important;
  line-height: .88 !important;
  letter-spacing: -.06em !important;
  color: #241b15 !important;
  margin-bottom: 30px !important;
}

.na-agb-page .na-legal-hero .na-legal-subtitle,
.na-agb-page .na-legal-hero p:not(:first-child) {
  max-width: 560px !important;
  font-size: clamp(17px, 1.25vw, 21px) !important;
  line-height: 1.55 !important;
  color: rgba(36, 27, 21, .62) !important;
}

/* Auf Legal-Seiten den Header optisch näher an den Content ziehen */
.na-agb-page .na-site-header {
  margin-bottom: clamp(26px, 4vw, 48px) !important;
}

/* Mobile */
@media (max-width: 768px) {
  .na-agb-page .na-legal-hero {
    width: calc(100% - 28px) !important;
    margin-top: 34px !important;
    padding: 46px 28px !important;
    min-height: auto !important;
  }

  .na-agb-page .na-legal-hero::before {
    inset: 12px !important;
  }

  .na-agb-page .na-legal-hero h1 {
    font-size: clamp(46px, 14vw, 66px) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
  }

  .na-agb-page .na-legal-hero .eyebrow,
  .na-agb-page .na-legal-hero .na-eyebrow,
  .na-agb-page .na-legal-hero p:first-child {
    font-size: 11px !important;
    letter-spacing: .32em !important;
    margin-bottom: 24px !important;
  }
}
/* =========================================================
   AGB MOBILE FIX — Headline sauber umbrechen
========================================================= */

@media (max-width: 768px) {
  .na-agb-page .na-legal-hero {
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
    margin: 28px auto 34px !important;
    padding: 44px 24px 42px !important;
    overflow: hidden !important;
  }

  .na-agb-page .na-legal-hero h1 {
    max-width: 100% !important;
    width: 100% !important;

    font-size: clamp(42px, 12vw, 54px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  .na-agb-page .na-legal-hero .na-legal-subtitle,
  .na-agb-page .na-legal-hero p:not(:first-child) {
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .na-agb-page .na-legal-hero .eyebrow,
  .na-agb-page .na-legal-hero .na-eyebrow,
  .na-agb-page .na-legal-hero p:first-child {
    font-size: 11px !important;
    letter-spacing: .34em !important;
    margin-bottom: 26px !important;
  }
}

/* Extra kleine Geräte */
@media (max-width: 420px) {
  .na-agb-page .na-legal-hero {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .na-agb-page .na-legal-hero h1 {
    font-size: clamp(38px, 11.2vw, 48px) !important;
    letter-spacing: -.05em !important;
  }
}
/* =========================================================
   NOCTIS AURUM — WooCommerce My Account Luxury Fix
   ========================================================= */

.woocommerce-account .site-main,
.woocommerce-account main#main {
  background:
    radial-gradient(circle at 74% 20%, rgba(200, 141, 33, .10), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(255, 248, 236, .72), transparent 42%),
    #fffaf1 !important;
  min-height: 100vh;
}

/* Gesamtbreite Account */
.woocommerce-account .woocommerce {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 88px 24px 120px !important;
}

/* Abstand unter festem Header */
.woocommerce-account .na-site-header {
  z-index: 9999 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  margin: 0 auto 30px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(200, 141, 33, .28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 244, .96), rgba(244, 232, 211, .72)) !important;
  box-shadow: 0 22px 70px rgba(36, 27, 21, .09) !important;
  overflow: visible !important;
}

/* Nav Liste */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Nav Buttons */
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(122, 92, 61, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 248, 236, .56) !important;
  color: #5f5245 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: all .22s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: #fff8ec !important;
  border-color: rgba(200, 141, 33, .48) !important;
  color: #241b15 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 12px 34px rgba(36,27,21,.08) !important;
}

/* Content */
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
}

/* Hero / große Boxen */
.na-account-hero,
.na-account-panel,
.na-account-card,
.woocommerce-account form,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account address {
  border-radius: 30px !important;
  border: 1px solid rgba(200, 141, 33, .26) !important;
  background:
    radial-gradient(circle at 76% 20%, rgba(200, 141, 33, .12), transparent 34%),
    linear-gradient(145deg, rgba(255, 250, 241, .94), rgba(246, 231, 205, .54)) !important;
  box-shadow: 0 26px 80px rgba(36, 27, 21, .08) !important;
}

/* Hero etwas edler */
.na-account-hero {
  padding: clamp(44px, 7vw, 78px) !important;
  margin-bottom: 28px !important;
}

.na-account-hero h1,
.woocommerce-account h1,
.woocommerce-account h2 {
  color: #241b15 !important;
  letter-spacing: -.045em !important;
}

/* Dashboard Cards: kein hässlicher Wortbruch */
.na-account-card h2,
.na-account-card h3,
.woocommerce-account h2,
.woocommerce-account h3 {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.na-account-card {
  min-width: 0 !important;
}

.na-account-card h3 {
  font-size: clamp(34px, 3.2vw, 54px) !important;
  line-height: .96 !important;
}

/* Cards Grid etwas luftiger */
.na-account-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.na-account-grid > * {
  min-width: 0 !important;
}

/* Formulare */
.woocommerce-account form {
  padding: clamp(28px, 4vw, 52px) !important;
  margin-top: 26px !important;
}

.woocommerce-account form .form-row {
  margin-bottom: 18px !important;
}

.woocommerce-account label {
  color: #6b5f52 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

/* Inputs weniger hart als tiefschwarz */
.woocommerce-account input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select,
.woocommerce-account textarea {
  width: 100% !important;
  border: 1px solid rgba(200, 141, 33, .28) !important;
  border-radius: 16px !important;
  background: #17110d !important;
  color: #fff8ec !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 30px rgba(36,27,21,.08) !important;
}

.woocommerce-account input.input-text::placeholder,
.woocommerce-account textarea::placeholder {
  color: rgba(255, 248, 236, .48) !important;
}

.woocommerce-account textarea {
  min-height: 150px !important;
  padding-top: 16px !important;
}

/* Woo Buttons */
.woocommerce-account button.button,
.woocommerce-account a.button,
.woocommerce-account .button {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a19, #bd7d09) !important;
  color: #fff8ec !important;
  padding: 14px 24px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 34px rgba(200,141,33,.22) !important;
}

.woocommerce-account button.button:hover,
.woocommerce-account a.button:hover,
.woocommerce-account .button:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

/* Login-Seite richtig einfangen */
.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 1040px !important;
  padding-top: 110px !important;
}

.woocommerce-account:not(.logged-in) .woocommerce > h2,
.woocommerce-account:not(.logged-in) .woocommerce > p:first-of-type {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.woocommerce-account:not(.logged-in) form.login,
.woocommerce-account:not(.logged-in) form.register {
  max-width: 760px !important;
  margin: 28px auto 70px !important;
}

/* Login Texte schöner */
.woocommerce-account:not(.logged-in) .woocommerce > p {
  color: #6b5f52 !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}

/* Tabellen */
.woocommerce-account table.shop_table {
  border: 1px solid rgba(200, 141, 33, .24) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: rgba(255, 250, 241, .86) !important;
}

.woocommerce-account table.shop_table th {
  color: #5f5245 !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.woocommerce-account table.shop_table td {
  color: #6b5f52 !important;
}

/* Adressen */
.woocommerce-account address {
  padding: 28px !important;
  color: #6b5f52 !important;
  font-style: normal !important;
  line-height: 1.75 !important;
}

/* Header darf nicht über Konto-Inhalt liegen */
.woocommerce-account .na-account-wrap,
.woocommerce-account .woocommerce {
  position: relative !important;
  z-index: 1 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    padding: 74px 14px 90px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    border-radius: 24px !important;
    padding: 12px !important;
    margin-bottom: 22px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
  }

  .na-account-hero {
    padding: 36px 24px !important;
    border-radius: 26px !important;
  }

  .na-account-hero h1 {
    font-size: clamp(46px, 15vw, 74px) !important;
    line-height: .9 !important;
  }

  .na-account-grid {
    grid-template-columns: 1fr !important;
  }

  .na-account-card h3 {
    font-size: 42px !important;
  }

  .woocommerce-account form {
    padding: 24px !important;
    border-radius: 24px !important;
  }

  .woocommerce-account:not(.logged-in) .woocommerce {
    padding-top: 84px !important;
  }
}

@media (max-width: 480px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a {
    justify-content: center !important;
  }
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Account Polish Patch
   Fix: native titles, mobile headline breaks, spacing, login
   ========================================================= */

/* 1) Native WordPress/Astra Seitentitel ausblenden */
.woocommerce-account .entry-header,
.woocommerce-account .entry-title,
.woocommerce-account .ast-single-post .entry-title,
.woocommerce-account h1.entry-title,
.woocommerce-account .page-title,
.woocommerce-account header.entry-header {
  display: none !important;
}

/* Falls Astra irgendwo noch Titel als erstes h1 außerhalb Account ausgibt */
.woocommerce-account article > h1:first-child,
.woocommerce-account .site-main > h1:first-child,
.woocommerce-account #primary > h1:first-child {
  display: none !important;
}

/* 2) Account-Container sauber unter Header setzen */
.woocommerce-account .woocommerce {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 150px 24px 120px !important;
}

/* Eingeloggt etwas kompakter */
.woocommerce-account.logged-in .woocommerce {
  padding-top: 132px !important;
}

/* 3) Header darf optisch schweben, aber nicht Content abschneiden */
.woocommerce-account .na-site-header {
  position: relative !important;
  z-index: 20 !important;
  margin-bottom: -96px !important;
}

/* 4) Woo Account Navigation luxury-feiner */
.woocommerce-account .woocommerce-MyAccount-navigation {
  max-width: 1020px !important;
  margin: 0 auto 28px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(200, 141, 33, .32) !important;
  background:
    linear-gradient(135deg, rgba(255,250,241,.92), rgba(247,235,214,.68)) !important;
  box-shadow:
    0 22px 70px rgba(36,27,21,.08),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  min-height: 38px !important;
  padding: 0 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(122,92,61,.16) !important;
  background: rgba(255,250,241,.44) !important;
  color: #5f5245 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  color: #241b15 !important;
  border-color: rgba(200,141,33,.55) !important;
  background: rgba(255,248,236,.92) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.78),
    0 12px 28px rgba(36,27,21,.07) !important;
}

/* 5) Hero Headlines: keine hässlichen Wortbrüche */
.na-account-hero h1,
.na-account-card h2,
.na-account-card h3,
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3 {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-wrap: balance;
}

/* Account Hero Desktop */
.na-account-hero {
  max-width: 1020px !important;
  margin: 0 auto 28px !important;
  padding: clamp(54px, 6vw, 78px) clamp(42px, 6vw, 72px) !important;
  border-radius: 30px !important;
}

.na-account-hero h1 {
  max-width: 850px !important;
  font-size: clamp(64px, 5.2vw, 94px) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
}

/* Content Panel */
.na-account-panel,
.woocommerce-account form,
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-Message,
.woocommerce-account .woocommerce-info {
  max-width: 1020px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 6) Dashboard Cards gleichmäßiger */
.na-account-grid {
  max-width: 1020px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.na-account-card {
  min-width: 0 !important;
  padding: 34px 32px !important;
}

.na-account-card h3 {
  font-size: clamp(38px, 3vw, 52px) !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
  max-width: 100% !important;
}

/* 7) Forms weiterhin edel, aber nicht zu hart */
.woocommerce-account input.input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select,
.woocommerce-account textarea {
  background: #120d09 !important;
  color: #fff8ec !important;
  border: 1px solid rgba(200,141,33,.30) !important;
  border-radius: 14px !important;
}

.woocommerce-account input.input-text:focus,
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus,
.woocommerce-account input[type="tel"]:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  outline: none !important;
  border-color: rgba(217,154,25,.72) !important;
  box-shadow:
    0 0 0 3px rgba(217,154,25,.12),
    0 16px 36px rgba(36,27,21,.10) !important;
}

/* 8) Login / Register Seite stärker ins Design ziehen */
.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 1040px !important;
  padding-top: 150px !important;
}

.woocommerce-account:not(.logged-in) .woocommerce > p:first-of-type {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  color: #6f6255 !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

.woocommerce-account:not(.logged-in) form.login,
.woocommerce-account:not(.logged-in) form.register {
  max-width: 760px !important;
  margin: 0 auto 70px !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(200,141,33,.28) !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(200,141,33,.12), transparent 36%),
    linear-gradient(145deg, rgba(255,250,241,.94), rgba(246,231,205,.52)) !important;
  box-shadow: 0 26px 80px rgba(36,27,21,.08) !important;
}

/* 9) WooCommerce Notices schöner */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
  border-radius: 20px !important;
  border: 1px solid rgba(200,141,33,.25) !important;
  background: rgba(255,250,241,.82) !important;
  color: #6b5f52 !important;
  padding: 18px 22px !important;
  box-shadow: 0 18px 50px rgba(36,27,21,.06) !important;
}

/* 10) Mobile */
@media (max-width: 768px) {
  .woocommerce-account .na-site-header {
    margin-bottom: -70px !important;
  }

  .woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: none !important;
    padding: 112px 18px 90px !important;
  }

  .woocommerce-account.logged-in .woocommerce {
    padding-top: 110px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 100% !important;
    border-radius: 24px !important;
    padding: 12px !important;
    margin-bottom: 22px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a {
    width: 100% !important;
    min-height: 42px !important;
    font-size: 10px !important;
    letter-spacing: .13em !important;
  }

  .na-account-hero {
    max-width: 100% !important;
    padding: 38px 24px !important;
    border-radius: 26px !important;
    margin-bottom: 22px !important;
  }

  .na-account-hero h1 {
    font-size: clamp(44px, 13.5vw, 62px) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
    max-width: 100% !important;
  }

  .na-account-hero p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .na-account-grid {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .na-account-card {
    padding: 30px 26px !important;
    border-radius: 26px !important;
  }

  .na-account-card h3 {
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: .95 !important;
  }

  .woocommerce-account form {
    padding: 26px 22px !important;
    border-radius: 24px !important;
  }

  .woocommerce-account:not(.logged-in) .woocommerce {
    padding-top: 112px !important;
  }

  .woocommerce-account:not(.logged-in) form.login,
  .woocommerce-account:not(.logged-in) form.register {
    max-width: 100% !important;
    margin-bottom: 34px !important;
  }
}

/* Sehr kleine Mobile Screens */
@media (max-width: 420px) {
  .woocommerce-account .woocommerce {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .na-account-hero {
    padding: 34px 22px !important;
  }

  .na-account-hero h1 {
    font-size: clamp(42px, 12.5vw, 54px) !important;
  }

  .na-account-card h3 {
    font-size: 40px !important;
  }
}
.na-site-footer .na-footer-brand h2 {
    -webkit-text-fill-color: #c99432 !important;
    background: none !important;
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Account Background Fix
   entfernt helle Astra/Page-Container-Flächen
   ========================================================= */

/* Seite selbst bekommt den Noctis-Background */
body.woocommerce-account,
body.woocommerce-lost-password,
body.woocommerce-reset-password,
body.page-id-980 {
  background:
    linear-gradient(rgba(255, 248, 236, .58), rgba(255, 248, 236, .58)),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed no-repeat !important;
}

/* Astra/WordPress Wrapper transparent machen */
body.woocommerce-account #page,
body.woocommerce-account #content,
body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account article,
body.woocommerce-account .ast-article-single,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.page-id-980 #page,
body.page-id-980 #content,
body.page-id-980 .site-content,
body.page-id-980 .ast-container,
body.page-id-980 .content-area,
body.page-id-980 .site-main,
body.page-id-980 article,
body.page-id-980 .ast-article-single,
body.page-id-980 .entry-content,
body.page-id-980 .woocommerce {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Der Account-Bereich bekommt wieder leichte Luxury-Fläche statt hartem Weiß */
.na-account-page,
.na-auth-page,
.na-account-shell,
.na-auth-shell {
  background:
    radial-gradient(circle at 78% 14%, rgba(217, 154, 25, .10), transparent 34%),
    radial-gradient(circle at 18% 88%, rgba(255, 255, 255, .55), transparent 38%),
    rgba(255, 248, 236, .46) !important;
  backdrop-filter: blur(2px);
}

/* Weißfläche oben reduzieren, falls der Account-Wrapper zu viel Abstand erzeugt */
body.woocommerce-account .entry-content,
body.page-id-980 .entry-content {
  padding-top: 0 !important;
}

/* Falls noch ein heller Block im Artikel bleibt */
body.woocommerce-account .ast-separate-container .ast-article-single,
body.page-id-980 .ast-separate-container .ast-article-single {
  background: transparent !important;
  padding: 0 !important;
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Notices / Fehlerbox Luxury Fix
   ========================================================= */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  max-width: min(980px, calc(100vw - 48px)) !important;
  margin: clamp(28px, 5vw, 72px) auto clamp(22px, 4vw, 48px) !important;
  padding: 22px 28px 22px 76px !important;
  border: 1px solid rgba(200, 141, 33, .32) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(217, 154, 25, .10), transparent 34%),
    linear-gradient(135deg, rgba(255, 248, 236, .96), rgba(245, 231, 207, .82)) !important;
  color: rgba(36, 27, 21, .78) !important;
  box-shadow:
    0 22px 70px rgba(36, 27, 21, .08),
    inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  list-style: none !important;
  position: relative !important;
}

/* Standard WooCommerce Icon sauber ersetzen */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  content: "!" !important;
  position: absolute !important;
  left: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg, #d99a19, #b97a13) !important;
  color: #fff8ec !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(217, 154, 25, .24) !important;
}

/* Fehler darf rot andeuten, aber nicht WooCommerce-billig wirken */
.woocommerce-error::before {
  background: linear-gradient(145deg, #b74a3f, #d99a19) !important;
}

/* Links in Notices */
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
  color: #b57a12 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(181, 122, 18, .35) !important;
}

.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
  color: #8f5d0d !important;
  border-bottom-color: rgba(143, 93, 13, .7) !important;
}

/* Listenpunkte/Standard-Abstände entfernen */
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Mobile */
@media (max-width: 640px) {
  .woocommerce-error,
  .woocommerce-info,
  .woocommerce-message {
    max-width: calc(100vw - 32px) !important;
    margin: 24px auto 28px !important;
    padding: 20px 20px 20px 62px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
  }

  .woocommerce-error::before,
  .woocommerce-info::before,
  .woocommerce-message::before {
    left: 20px !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 13px !important;
  }
}
/* Account Hero nach WooCommerce-Hinweisen etwas näher rücken */
.woocommerce-error + .na-auth-page,
.woocommerce-error + .na-account-page,
.woocommerce-error ~ .na-auth-page,
.woocommerce-error ~ .na-account-page {
  margin-top: clamp(22px, 4vw, 46px) !important;
}
/* =========================================================
   NOCTIS AURUM — My Account Background sichtbarer machen
   ========================================================= */

body.woocommerce-account,
body.woocommerce-lost-password,
body.woocommerce-reset-password {
  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 236, .38),
      rgba(255, 248, 236, .18) 42%,
      rgba(36, 27, 21, .10) 100%
    ),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
}

/* Astra/WooCommerce weiße Flächen entfernen */
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account #primary,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .entry-content,
body.woocommerce-lost-password .site,
body.woocommerce-lost-password .site-content,
body.woocommerce-lost-password .ast-container,
body.woocommerce-lost-password #primary,
body.woocommerce-lost-password main,
body.woocommerce-lost-password article,
body.woocommerce-lost-password .entry-content,
body.woocommerce-reset-password .site,
body.woocommerce-reset-password .site-content,
body.woocommerce-reset-password .ast-container,
body.woocommerce-reset-password #primary,
body.woocommerce-reset-password main,
body.woocommerce-reset-password article,
body.woocommerce-reset-password .entry-content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Der zentrale Bereich bekommt nur noch eine leichte Glas-Schicht statt weiß */
body.woocommerce-account .site-main,
body.woocommerce-lost-password .site-main,
body.woocommerce-reset-password .site-main {
  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 236, .50),
      rgba(255, 248, 236, .34) 48%,
      rgba(255, 248, 236, .10) 100%
    ) !important;
  backdrop-filter: blur(1px);
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Error Icon dezenter
   ========================================================= */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding-left: 34px !important;
}

/* Icon komplett entschärfen */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  left: 18px !important;
  top: 31px !important;
  transform: none !important;
  border-radius: 999px !important;
  background: #d99a19 !important;
  box-shadow: 0 0 0 5px rgba(217, 154, 25, .12) !important;
}

/* Text nicht vom Icon überlagern lassen */
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  padding-left: 0 !important;
}
.woocommerce-account:not(.logged-in) form.login, .woocommerce-account:not(.logged-in) form.register {
    max-width: 760px !important;
    margin: 0 auto 70px !important;
    padding: clamp(28px, 4vw, 46px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(200, 141, 33, .28) !important;
    background: radial-gradient(circle at 78% 20%, rgba(200, 141, 33, .12), transparent 36%), linear-gradient(145deg, rgb(255 250 241 / 16%), rgba(246, 231, 205, .52)) !important;
    box-shadow: 0 26px 80px rgba(36, 27, 21, .08) !important;
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Account Background Luxury
   ========================================================= */

body.woocommerce-account,
body.woocommerce-lost-password,
body.woocommerce-reset-password {
  background:
    linear-gradient(
      90deg,
      rgba(18, 13, 9, .50) 0%,
      rgba(255, 248, 236, .36) 24%,
      rgba(255, 248, 236, .42) 52%,
      rgba(32, 24, 18, .18) 100%
    ),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
}

/* Astra/Content-Flächen nicht weiß lassen, sondern bewusst in den Background einblenden */
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account #primary,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.woocommerce-lost-password .site,
body.woocommerce-lost-password .site-content,
body.woocommerce-lost-password .ast-container,
body.woocommerce-lost-password #primary,
body.woocommerce-lost-password main,
body.woocommerce-lost-password article,
body.woocommerce-lost-password .entry-content,
body.woocommerce-lost-password .woocommerce,
body.woocommerce-reset-password .site,
body.woocommerce-reset-password .site-content,
body.woocommerce-reset-password .ast-container,
body.woocommerce-reset-password #primary,
body.woocommerce-reset-password main,
body.woocommerce-reset-password article,
body.woocommerce-reset-password .entry-content,
body.woocommerce-reset-password .woocommerce {
  background:
    linear-gradient(
      90deg,
      rgba(255, 248, 236, .58) 0%,
      rgba(255, 248, 236, .42) 42%,
      rgba(255, 248, 236, .16) 100%
    ) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Der eigentliche Content bekommt keine harte weiße Wand mehr */
body.woocommerce-account .ast-article-single,
body.woocommerce-account .entry-content,
body.woocommerce-lost-password .ast-article-single,
body.woocommerce-lost-password .entry-content,
body.woocommerce-reset-password .ast-article-single,
body.woocommerce-reset-password .entry-content {
  background: transparent !important;
}

/* Mehr Raum oben/unten, aber nicht diese leere weiße Fläche */
body.woocommerce-account #content,
body.woocommerce-lost-password #content,
body.woocommerce-reset-password #content {
  background: transparent !important;
}
/* Account Hero etwas wärmer und weniger weiß */
.na-account-hero,
.na-myaccount-hero,
.woocommerce-account .na-account-hero {
  background:
    radial-gradient(circle at 72% 24%, rgba(214, 151, 31, .16), transparent 34%),
    linear-gradient(
      145deg,
      rgba(255, 250, 241, .78),
      rgba(246, 232, 205, .58)
    ) !important;
  border-color: rgba(200, 141, 33, .26) !important;
  box-shadow:
    0 24px 80px rgba(36, 27, 21, .10),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}
/* Woo Error Icon sauber als kleiner Goldpunkt */
.woocommerce-error::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  left: 18px !important;
  top: 30px !important;
  border-radius: 999px !important;
  background: #d99a19 !important;
  box-shadow: 0 0 0 5px rgba(217, 154, 25, .13) !important;
}

.woocommerce-error {
  padding-left: 40px !important;
}
/* =========================================================
   NOCTIS AURUM — My Account Hintergrund überall sichtbar
   ========================================================= */

body.woocommerce-account,
body.woocommerce-lost-password,
body.woocommerce-reset-password {
  background:
    linear-gradient(
      90deg,
      rgba(18, 13, 9, .48) 0%,
      rgba(255, 248, 236, .48) 28%,
      rgba(255, 248, 236, .34) 58%,
      rgba(18, 13, 9, .28) 100%
    ),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
}

/* Alle Astra/Woo-Wrapper transparent machen */
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .content-area,
body.woocommerce-account #primary,
body.woocommerce-account #main,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.woocommerce-account .ast-article-single,
body.woocommerce-account .post,
body.woocommerce-account .page,
body.woocommerce-account .hentry,

body.woocommerce-lost-password .site,
body.woocommerce-lost-password .site-content,
body.woocommerce-lost-password .ast-container,
body.woocommerce-lost-password .content-area,
body.woocommerce-lost-password #primary,
body.woocommerce-lost-password #main,
body.woocommerce-lost-password main,
body.woocommerce-lost-password article,
body.woocommerce-lost-password .entry-content,
body.woocommerce-lost-password .woocommerce,
body.woocommerce-lost-password .ast-article-single,
body.woocommerce-lost-password .post,
body.woocommerce-lost-password .page,
body.woocommerce-lost-password .hentry,

body.woocommerce-reset-password .site,
body.woocommerce-reset-password .site-content,
body.woocommerce-reset-password .ast-container,
body.woocommerce-reset-password .content-area,
body.woocommerce-reset-password #primary,
body.woocommerce-reset-password #main,
body.woocommerce-reset-password main,
body.woocommerce-reset-password article,
body.woocommerce-reset-password .entry-content,
body.woocommerce-reset-password .woocommerce,
body.woocommerce-reset-password .ast-article-single,
body.woocommerce-reset-password .post,
body.woocommerce-reset-password .page,
body.woocommerce-reset-password .hentry {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Falls Astra eine eigene weiße Contentfläche über ::before/after legt */
body.woocommerce-account .site-content::before,
body.woocommerce-account .site-content::after,
body.woocommerce-account .ast-container::before,
body.woocommerce-account .ast-container::after,
body.woocommerce-account .content-area::before,
body.woocommerce-account .content-area::after,
body.woocommerce-account article::before,
body.woocommerce-account article::after,
body.woocommerce-account .entry-content::before,
body.woocommerce-account .entry-content::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* Eigene Noctis Account Wrapper ebenfalls durchsichtig */
.na-account-page,
.na-account-shell,
.na-account-wrap,
.na-account-main,
.na-account-content,
.na-account-area,
.na-woo-account,
.na-myaccount-page,
.na-myaccount-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.na-account-page, .na-auth-page, .na-account-shell, .na-auth-shell {
    background: none;
    backdrop-filter: blur(2px);
}
.na-account-page, .na-auth-page {
    background: none;
    backdrop-filter: blur(2px);
}
.na-account-page, .na-auth-page, .na-account-shell, .na-auth-shell {
    background: none !important;
}
article.na-account-card {
  background:
    linear-gradient(145deg, rgba(255,248,236,.88), rgba(236,218,184,.58)) !important;
  border: 1px solid rgba(200,141,33,.28) !important;
  box-shadow: 0 24px 70px rgba(36,27,21,.12) !important;
}
.na-account-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    background: content-box rgb(230 222 209 / 56%) !important;
}
.na-nav-account a {
  padding: 10px 16px !important;
  border: 1px solid rgba(200, 141, 33, .32) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255,248,236,.75), rgba(232,216,184,.42)) !important;
  color: #7b5a25 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 10px 24px rgba(36,27,21,.08) !important;
}

.na-nav-account a:hover {
  background: linear-gradient(145deg, rgba(212,154,40,.18), rgba(255,248,236,.82)) !important;
  color: #241b15 !important;
}
/* Header-Navigation sauber in einer Linie halten */
.na-site-header ul,
.na-site-header nav ul,
.na-header-nav,
.na-header-nav ul {
  display: flex !important;
  align-items: center !important;
  gap: clamp(16px, 2vw, 30px) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Den störenden Punkt entfernen */
.na-site-header li,
.na-site-header nav li,
.na-nav-account {
  list-style: none !important;
}

.na-site-header li::marker,
.na-nav-account::marker {
  content: "" !important;
}

/* Account/Login Button */
.na-nav-account {
  margin-left: 2px !important;
  flex: 0 0 auto !important;
}

.na-nav-account a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;

  min-height: 34px !important;
  padding: 8px 17px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(200, 141, 33, .34) !important;
  background:
    linear-gradient(145deg, rgba(255, 248, 236, .82), rgba(232, 216, 184, .45)) !important;

  color: #7b5a25 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 24px rgba(36,27,21,.08) !important;
}

.na-nav-account a:hover {
  color: #241b15 !important;
  border-color: rgba(200, 141, 33, .55) !important;
  background:
    linear-gradient(145deg, rgba(255, 250, 242, .92), rgba(212, 154, 40, .16)) !important;
}
/* =========================================================
   NOCTIS AURUM — WooCommerce Shop Luxury Fix
   Fix für Shop / Archive / Produktkarten
========================================================= */

/* Shop-Seiten Hintergrund wie Marke, nicht hart weiß */
body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat,
body.single-product {
  background:
    linear-gradient(rgba(255,248,236,.72), rgba(255,248,236,.76)),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
  color: #241b15;
}

/* Astra / Woo Container entschärfen */
body.woocommerce-shop .site-content,
body.post-type-archive-product .site-content,
body.tax-product_cat .site-content,
body.single-product .site-content,
body.woocommerce-shop .ast-container,
body.post-type-archive-product .ast-container,
body.tax-product_cat .ast-container,
body.single-product .ast-container,
body.woocommerce-shop #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.single-product #primary {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Shop Wrapper */
.na-shop-page,
.na-shop-archive {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(88px, 9vw, 150px) 0 clamp(80px, 8vw, 130px);
}

/* Hero nicht so riesig/leer */
.na-shop-hero,
.woocommerce-products-header {
  width: 100%;
  margin: 0 auto clamp(34px, 5vw, 64px);
  padding: clamp(54px, 7vw, 92px) clamp(28px, 6vw, 76px);
  border: 1px solid rgba(200, 141, 33, .28);
  border-radius: 34px;
  background:
    radial-gradient(circle at 78% 20%, rgba(214, 163, 61, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 248, 236, .88), rgba(238, 216, 184, .50));
  box-shadow: 0 34px 90px rgba(36, 27, 21, .09);
  overflow: hidden;
}

.na-shop-hero .eyebrow,
.woocommerce-products-header .page-description:first-child,
.na-shop-eyebrow {
  display: block;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: #c88d21;
}

.na-shop-hero h1,
.woocommerce-products-header h1,
.woocommerce-products-header__title.page-title {
  max-width: 760px;
  margin: 0;
  font-family: inherit;
  font-size: clamp(58px, 7.5vw, 118px);
  line-height: .88;
  letter-spacing: -.055em;
  color: #241b15;
}

.na-shop-hero p,
.woocommerce-products-header .term-description,
.na-shop-intro {
  max-width: 560px;
  margin-top: 26px;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.7;
  color: rgba(36, 27, 21, .68);
}

/* WooCommerce Ergebnis/Sortierung schöner */
.woocommerce-result-count,
.woocommerce-ordering {
  margin: 0 0 26px !important;
  color: rgba(36, 27, 21, .62);
  font-size: 14px;
}

.woocommerce-ordering select {
  min-height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(200, 141, 33, .32);
  background: rgba(255, 248, 236, .72);
  padding: 0 18px;
  color: #241b15;
}

/* WICHTIG: Produktgrid resetten */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 3vw, 38px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product Card Luxury */
.woocommerce ul.products li.product,
.na-product-card {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(200, 141, 33, .30);
  border-radius: 30px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 248, 236, .92), rgba(235, 216, 184, .58));
  box-shadow: 0 28px 80px rgba(36, 27, 21, .10);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.woocommerce ul.products li.product:hover,
.na-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(200, 141, 33, .52);
  box-shadow: 0 36px 100px rgba(36, 27, 21, .16);
}

/* Produktbild volle Breite */
.woocommerce ul.products li.product a img {
  display: block;
  width: 100% !important;
  height: clamp(260px, 25vw, 390px) !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Produktinfos */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 28px 28px 10px !important;
  margin: 0 !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: .92 !important;
  letter-spacing: -.045em;
  color: #241b15;
}

.woocommerce ul.products li.product .price {
  display: flex !important;
  align-items: baseline;
  gap: 10px;
  padding: 6px 28px 0 !important;
  margin: 0 !important;
  color: #c88d21 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 500 !important;
}

.woocommerce ul.products li.product .price del {
  color: rgba(200, 141, 33, .70) !important;
  opacity: 1 !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: #c88d21 !important;
}

/* Button */
.woocommerce ul.products li.product .button {
  margin: 24px 28px 30px !important;
  padding: 15px 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 36px rgba(190, 124, 13, .25);
}

.woocommerce ul.products li.product .button:hover {
  filter: brightness(.96);
  transform: translateY(-1px);
}

/* Sale Badge / Edition Badge */
.woocommerce span.onsale {
  min-height: auto !important;
  min-width: auto !important;
  top: 18px !important;
  left: 18px !important;
  right: auto !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Kategorie/Text nicht riesig oder weiß */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .na-product-eyebrow {
  display: block;
  padding: 28px 28px 0;
  color: #c88d21;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .25em;
  text-transform: uppercase;
}

/* Falls dein content-product.php eine Beschreibung ausgibt */
.woocommerce ul.products li.product .na-product-excerpt {
  padding: 12px 28px 0;
  margin: 0;
  color: rgba(36, 27, 21, .62);
  font-size: 15px;
  line-height: 1.65;
}

/* Mobile */
@media (max-width: 980px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .na-shop-page,
  .na-shop-archive {
    width: min(100% - 28px, 720px);
    padding-top: 96px;
  }
}

@media (max-width: 640px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }

  .na-shop-hero,
  .woocommerce-products-header {
    padding: 42px 24px;
    border-radius: 28px;
  }

  .na-shop-hero h1,
  .woocommerce-products-header h1,
  .woocommerce-products-header__title.page-title {
    font-size: clamp(48px, 15vw, 72px);
    line-height: .9;
  }

  .woocommerce ul.products li.product a img {
    height: 270px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 38px !important;
  }
}
/* =========================================================
   NOCTIS AURUM — SHOP FINAL LAYOUT FIX
   Produktkarten + Shop-Archive sauber ausrichten
========================================================= */

/* Grundlayout der Woo-Shop-Seite */
body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat {
  background:
    linear-gradient(rgba(255,248,236,.58), rgba(255,248,236,.68)),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
}

/* Astra / WooCommerce Container vollständig neutralisieren */
body.woocommerce-shop #content,
body.woocommerce-shop .site-content,
body.woocommerce-shop .ast-container,
body.woocommerce-shop #primary,
body.woocommerce-shop main,
body.post-type-archive-product #content,
body.post-type-archive-product .site-content,
body.post-type-archive-product .ast-container,
body.post-type-archive-product #primary,
body.post-type-archive-product main {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Hauptbereich kompakter und zentriert */
body.woocommerce-shop .site-main,
body.post-type-archive-product .site-main {
  width: min(1180px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: clamp(90px, 8vw, 130px) 0 clamp(80px, 8vw, 130px) !important;
}

/* Breadcrumb oben dezenter */
.woocommerce-breadcrumb {
  width: min(1180px, calc(100% - 40px));
  margin: 18px auto 0 !important;
  color: rgba(36,27,21,.48) !important;
  font-size: 13px !important;
}

.woocommerce-breadcrumb a {
  color: rgba(36,27,21,.58) !important;
}

/* Woo Header / Shop Title schöner */
.woocommerce-products-header {
  position: relative;
  width: 100%;
  margin: 0 auto clamp(34px, 4vw, 52px) !important;
  padding: clamp(64px, 7vw, 92px) clamp(34px, 6vw, 72px) !important;
  border: 1px solid rgba(200,141,33,.26);
  border-radius: 34px;
  background:
    radial-gradient(circle at 78% 22%, rgba(216,154,24,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,248,236,.86), rgba(238,216,184,.54));
  box-shadow: 0 34px 90px rgba(36,27,21,.10);
  overflow: hidden;
}

.woocommerce-products-header::before {
  content: "NOCTIS AURUM COLLECTION";
  display: block;
  margin-bottom: 18px;
  color: #c88d21;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .34em;
  text-transform: uppercase;
}

.woocommerce-products-header__title.page-title {
  max-width: 780px;
  margin: 0 !important;
  font-size: clamp(62px, 7vw, 112px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
  color: #241b15 !important;
}

/* Falls die Description / Collection-Box zu groß ist */
.woocommerce-products-header .term-description,
.woocommerce-products-header .page-description {
  max-width: 560px;
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(36,27,21,.66);
}

/* Ergebnis + Sortierung als schöne Bar */
.woocommerce-result-count,
.woocommerce-ordering {
  margin: 0 !important;
}

.woocommerce-notices-wrapper + .woocommerce-result-count,
.woocommerce-result-count {
  color: rgba(36,27,21,.58);
  font-size: 14px;
}

.woocommerce-ordering select {
  border: 1px solid rgba(200,141,33,.26) !important;
  border-radius: 999px !important;
  background: rgba(255,248,236,.74) !important;
  color: rgba(36,27,21,.72) !important;
  padding: 12px 18px !important;
}

/* Sortierzeile optisch als Capsule */
body.woocommerce-shop .woocommerce-result-count,
body.woocommerce-shop .woocommerce-ordering,
body.post-type-archive-product .woocommerce-result-count,
body.post-type-archive-product .woocommerce-ordering {
  display: inline-flex;
  align-items: center;
}

body.woocommerce-shop .woocommerce-result-count {
  width: 50%;
  justify-content: center;
}

body.woocommerce-shop .woocommerce-ordering {
  width: 50%;
  justify-content: center;
}

body.woocommerce-shop .woocommerce-result-count,
body.woocommerce-shop .woocommerce-ordering {
  min-height: 74px;
  background: rgba(255,248,236,.72);
  border-top: 1px solid rgba(200,141,33,.22);
  border-bottom: 1px solid rgba(200,141,33,.22);
  margin-bottom: 28px !important;
}

body.woocommerce-shop .woocommerce-result-count {
  border-left: 1px solid rgba(200,141,33,.22);
  border-radius: 999px 0 0 999px;
}

body.woocommerce-shop .woocommerce-ordering {
  border-right: 1px solid rgba(200,141,33,.22);
  border-radius: 0 999px 999px 0;
}

/* =========================================================
   Produktgrid — der eigentliche wichtige Fix
========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
  clear: both !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: clamp(28px, 3vw, 44px) !important;
  width: 100% !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Produktkarte */
.woocommerce ul.products li.product {
  position: relative;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(200,141,33,.30);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,248,236,.92), rgba(235,216,184,.58));
  box-shadow: 0 28px 80px rgba(36,27,21,.12);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  border-color: rgba(200,141,33,.52);
  box-shadow: 0 38px 100px rgba(36,27,21,.18);
}

/* Bild */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: block !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: clamp(260px, 25vw, 390px) !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Kategorie / Eyebrow */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .posted_in {
  display: block;
  margin: 0 !important;
  padding: 28px 30px 0 !important;
  color: #c88d21 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
}

/* Titel */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin: 0 !important;
  padding: 26px 30px 10px !important;
  font-size: clamp(34px, 3vw, 50px) !important;
  line-height: .9 !important;
  letter-spacing: -.045em !important;
  color: #241b15 !important;
}

/* Beschreibung, falls vorhanden */
.woocommerce ul.products li.product .ast-woo-shop-product-description,
.woocommerce ul.products li.product .na-product-excerpt {
  margin: 0 !important;
  padding: 10px 30px 0 !important;
  color: rgba(36,27,21,.62) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Preis */
.woocommerce ul.products li.product .price {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: auto 0 0 !important;
  padding: 26px 30px 0 !important;
  color: #c88d21 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.1 !important;
}

.woocommerce ul.products li.product .price del {
  opacity: 1 !important;
  color: rgba(200,141,33,.72) !important;
}

.woocommerce ul.products li.product .price ins {
  color: #c88d21 !important;
  text-decoration: none !important;
}

/* Button */
.woocommerce ul.products li.product .button {
  align-self: flex-start;
  margin: 24px 30px 32px !important;
  padding: 15px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 36px rgba(190,124,13,.24);
}

/* Sale Badge */
.woocommerce span.onsale {
  top: 18px !important;
  left: 18px !important;
  right: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Mobile */
@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.woocommerce-shop .site-main,
  body.post-type-archive-product .site-main {
    width: min(100% - 28px, 520px) !important;
    padding-top: 96px !important;
  }

  .woocommerce-products-header {
    padding: 44px 26px !important;
    border-radius: 28px;
  }

  .woocommerce-products-header__title.page-title {
    font-size: clamp(48px, 15vw, 72px) !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-shop .woocommerce-result-count,
  body.woocommerce-shop .woocommerce-ordering {
    width: 100%;
    display: flex;
    border-radius: 24px;
    border: 1px solid rgba(200,141,33,.22);
    margin-bottom: 12px !important;
  }

  .woocommerce ul.products li.product a img {
    height: 270px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 40px !important;
  }
}
.na-product-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.na-product-card__title-link {
  text-decoration: none !important;
}

.na-product-eyebrow {
  display: block;
  padding: 28px 30px 0;
  color: #c88d21;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .26em;
  text-transform: uppercase;
}
/* =========================================================
   NOCTIS AURUM — WOO FINAL POLISH FIXES
   Shop, Produktseite, Checkout, Notices
========================================================= */

/* ---------------------------------------------------------
   1. Global WooCommerce Hintergrund wieder passend
--------------------------------------------------------- */

body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.single-product,
body.post-type-archive-product {
  background:
    linear-gradient(rgba(255,248,236,.54), rgba(255,248,236,.66)),
    url("/wp-content/uploads/2026/04/noctis-background.png") center top / cover fixed !important;
}

body.woocommerce #content,
body.woocommerce-page #content,
body.woocommerce .site-content,
body.woocommerce-page .site-content,
body.woocommerce .ast-container,
body.woocommerce-page .ast-container,
body.woocommerce #primary,
body.woocommerce-page #primary,
body.woocommerce main,
body.woocommerce-page main,
body.woocommerce article,
body.woocommerce-page article,
body.woocommerce .entry-content,
body.woocommerce-page .entry-content {
  background: transparent !important;
  box-shadow: none !important;
}

/* verhindert weiße Astra-Flächen */
body.woocommerce .ast-separate-container .ast-article-single,
body.woocommerce-page .ast-separate-container .ast-article-single,
body.woocommerce .ast-separate-container .ast-article-post,
body.woocommerce-page .ast-separate-container .ast-article-post {
  background: transparent !important;
  padding: 0 !important;
}


/* ---------------------------------------------------------
   2. Header-Abstand auf Woo-Seiten
--------------------------------------------------------- */

body.single-product .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-account .site-main,
body.post-type-archive-product .site-main {
  padding-top: clamp(110px, 9vw, 150px) !important;
}

/* Falls Adminbar aktiv ist */
body.admin-bar.single-product .site-main,
body.admin-bar.woocommerce-checkout .site-main,
body.admin-bar.woocommerce-cart .site-main,
body.admin-bar.woocommerce-account .site-main,
body.admin-bar.post-type-archive-product .site-main {
  padding-top: clamp(125px, 10vw, 165px) !important;
}


/* ---------------------------------------------------------
   3. WooCommerce Notices / Meldungen schöner
--------------------------------------------------------- */

.woocommerce-notices-wrapper {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 34px !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  position: relative;
  width: 100%;
  margin: 0 auto 18px !important;
  padding: 22px 28px !important;
  border: 1px solid rgba(200,141,33,.32) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255,248,236,.92), rgba(235,216,184,.62)) !important;
  color: rgba(36,27,21,.74) !important;
  box-shadow: 0 24px 70px rgba(36,27,21,.12) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.woocommerce-info {
  background:
    linear-gradient(135deg, rgba(36,27,21,.96), rgba(64,43,25,.92)) !important;
  color: rgba(255,248,236,.88) !important;
  border-color: rgba(200,141,33,.45) !important;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  color: #c88d21 !important;
  font-weight: 900 !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: #c88d21 !important;
  top: 24px !important;
  left: 22px !important;
}

.woocommerce-message {
  padding-left: 52px !important;
}

.woocommerce-message .button,
.woocommerce a.button.wc-forward {
  float: right !important;
  margin-left: 18px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 32px rgba(190,124,13,.24);
}


/* ---------------------------------------------------------
   4. Single Product Layout sauberer
--------------------------------------------------------- */

body.single-product div.product {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto clamp(56px, 6vw, 90px) !important;
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(420px, .85fr);
  gap: clamp(40px, 5vw, 76px);
  align-items: start;
}

/* Produktbild-Karte */
body.single-product div.product div.images {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid rgba(200,141,33,.28);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255,248,236,.88), rgba(235,216,184,.54));
  box-shadow: 0 32px 90px rgba(36,27,21,.12);
}

body.single-product div.product div.images .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
}

body.single-product div.product div.images img {
  border-radius: 24px !important;
}

/* Lupe dezenter */
body.single-product .woocommerce-product-gallery__trigger {
  top: 22px !important;
  right: 22px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: rgba(255,248,236,.86) !important;
  border: 1px solid rgba(200,141,33,.24) !important;
  box-shadow: 0 12px 30px rgba(36,27,21,.14);
}

/* Thumbnails schöner */
body.single-product div.product div.images .flex-control-thumbs {
  display: flex !important;
  gap: 12px;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

body.single-product div.product div.images .flex-control-thumbs li {
  width: 72px !important;
  float: none !important;
  list-style: none !important;
}

body.single-product div.product div.images .flex-control-thumbs img {
  border-radius: 16px !important;
  border: 1px solid rgba(200,141,33,.24);
  opacity: .72;
}

body.single-product div.product div.images .flex-control-thumbs img.flex-active,
body.single-product div.product div.images .flex-control-thumbs img:hover {
  opacity: 1;
  border-color: rgba(200,141,33,.55);
}

/* Produkt Summary */
body.single-product div.product div.summary {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: clamp(44px, 5vw, 72px) clamp(34px, 5vw, 62px) !important;
  border: 1px solid rgba(200,141,33,.28);
  border-radius: 34px;
  background:
    radial-gradient(circle at 78% 18%, rgba(216,154,24,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,248,236,.92), rgba(235,216,184,.58));
  box-shadow: 0 32px 90px rgba(36,27,21,.12);
}

body.single-product .product_title.entry-title {
  margin: 0 0 26px !important;
  color: #241b15 !important;
  font-size: clamp(58px, 6.4vw, 102px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
}

body.single-product div.product div.summary::before {
  content: "NOCTIS AURUM ATELIER";
  display: block;
  margin-bottom: 18px;
  color: #c88d21;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .34em;
}

body.single-product div.product .woocommerce-product-details__short-description {
  max-width: 520px;
  margin: 0 0 34px !important;
  color: rgba(36,27,21,.64);
  font-size: 18px;
  line-height: 1.75;
}

body.single-product div.product p.price,
body.single-product div.product span.price {
  margin: 34px 0 !important;
  color: #c88d21 !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  line-height: 1 !important;
}

body.single-product div.product p.price del {
  color: rgba(200,141,33,.72) !important;
  opacity: 1 !important;
}

body.single-product div.product p.price ins {
  text-decoration: none !important;
  color: #c88d21 !important;
}

/* Bestand / Meta */
body.single-product .stock,
body.single-product .product_meta {
  color: rgba(36,27,21,.68) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

body.single-product .product_meta {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(200,141,33,.20);
}

/* Menge + Warenkorb */
body.single-product form.cart {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 28px !important;
}

body.single-product form.cart .quantity input.qty {
  width: 64px !important;
  height: 54px !important;
  border: 1px solid rgba(200,141,33,.28) !important;
  border-radius: 14px !important;
  background: #080604 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

body.single-product button.single_add_to_cart_button {
  min-height: 54px !important;
  padding: 0 34px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 36px rgba(190,124,13,.24);
}


/* ---------------------------------------------------------
   5. Produkt-Details unten besser lesbar
--------------------------------------------------------- */

body.single-product .woocommerce-tabs,
body.single-product .woocommerce-Tabs-panel,
body.single-product .related.products,
body.single-product .upsells.products {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto clamp(34px, 4vw, 56px) !important;
  padding: clamp(42px, 5vw, 64px) !important;
  border: 1px solid rgba(200,141,33,.24);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255,248,236,.88), rgba(235,216,184,.56));
  box-shadow: 0 28px 80px rgba(36,27,21,.10);
  color: rgba(36,27,21,.72) !important;
}

body.single-product .woocommerce-tabs h2,
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .related.products h2 {
  color: #241b15 !important;
  font-size: clamp(42px, 4vw, 66px) !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
}

body.single-product .woocommerce-tabs p,
body.single-product .woocommerce-Tabs-panel p {
  color: rgba(36,27,21,.66) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

body.single-product .woocommerce-tabs ul.tabs {
  display: none !important;
}


/* ---------------------------------------------------------
   6. Shop/Archive: doppelten Standardkram beruhigen
--------------------------------------------------------- */

/* Falls du eine eigene Shop-Seite per Shortcode nutzt:
   Diese Klasse auf den Wrapper setzen: na-shop-shortcode
*/
.na-shop-shortcode .woocommerce-result-count,
.na-shop-shortcode .woocommerce-ordering,
.na-shop-shortcode .woocommerce-products-header {
  display: none !important;
}

/* Produktlisting auf Archive-Seiten nie winzig */
body.post-type-archive-product ul.products,
body.woocommerce-shop ul.products {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ---------------------------------------------------------
   7. Checkout Hintergrund + Boxen
--------------------------------------------------------- */

body.woocommerce-checkout form.checkout {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto !important;
  padding: clamp(34px, 4vw, 56px) !important;
  border: 1px solid rgba(200,141,33,.24);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255,248,236,.88), rgba(235,216,184,.56));
  box-shadow: 0 32px 90px rgba(36,27,21,.12);
}

body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout #order_review_heading {
  color: #241b15 !important;
  font-size: clamp(34px, 3.5vw, 56px) !important;
  line-height: .95 !important;
  letter-spacing: -.04em !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection {
  min-height: 52px !important;
  border: 1px solid rgba(200,141,33,.24) !important;
  border-radius: 16px !important;
  background: rgba(255,248,236,.78) !important;
  color: #241b15 !important;
}


/* ---------------------------------------------------------
   8. Mobile Woo Fixes
--------------------------------------------------------- */

@media (max-width: 900px) {
  body.single-product div.product {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 620px);
    gap: 24px;
  }

  body.single-product .product_title.entry-title {
    font-size: clamp(48px, 15vw, 76px) !important;
  }

  body.single-product div.product div.summary,
  body.single-product div.product div.images {
    border-radius: 28px;
  }

  body.single-product form.cart {
    align-items: stretch;
    flex-wrap: wrap;
  }

  body.single-product button.single_add_to_cart_button {
    width: 100%;
  }

  .woocommerce-message .button,
  .woocommerce a.button.wc-forward {
    float: none !important;
    display: inline-flex !important;
    margin: 14px 0 0 !important;
  }
}

@media (max-width: 560px) {
  body.single-product .site-main,
  body.woocommerce-checkout .site-main,
  body.woocommerce-cart .site-main,
  body.woocommerce-account .site-main,
  body.post-type-archive-product .site-main {
    padding-top: 96px !important;
  }

  body.single-product div.product,
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .related.products,
  body.single-product .upsells.products {
    width: min(100% - 24px, 520px);
  }

  body.single-product div.product div.summary {
    padding: 36px 24px !important;
  }

  body.single-product div.product div.images {
    padding: 14px !important;
  }

  body.single-product div.product div.images .flex-control-thumbs {
    gap: 8px;
  }

  body.single-product div.product div.images .flex-control-thumbs li {
    width: 58px !important;
  }

  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    font-size: 14px !important;
    padding: 18px 20px 18px 46px !important;
  }
}
/* =========================================================
   NOCTIS AURUM — SHOP / PRODUCT FINAL FIX 02
   fixes: shop hero, toolbar, product grid, sticky header overlap
========================================================= */


/* ---------------------------------------------------------
   1. Shop-Seite kompakter und edler
--------------------------------------------------------- */

.na-shop-page {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(110px, 8vw, 145px) 0 clamp(70px, 7vw, 110px);
}

.admin-bar .na-shop-page {
  padding-top: clamp(125px, 9vw, 160px);
}

.na-shop-hero {
  width: 100%;
  min-height: auto !important;
  padding: clamp(54px, 6vw, 86px) clamp(34px, 6vw, 72px) !important;
  margin: 0 0 clamp(34px, 4vw, 52px) !important;
  border: 1px solid rgba(200,141,33,.28);
  border-radius: 34px;
  background:
    radial-gradient(circle at 76% 22%, rgba(216,154,24,.15), transparent 34%),
    linear-gradient(145deg, rgba(255,248,236,.86), rgba(235,216,184,.54));
  box-shadow: 0 34px 92px rgba(36,27,21,.11);
}

.na-shop-hero h1,
.na-shop-hero .na-shop-title {
  max-width: 760px;
  margin: 0 !important;
  font-size: clamp(58px, 7vw, 112px) !important;
  line-height: .88 !important;
  letter-spacing: -.065em !important;
  color: #241b15 !important;
}

.na-shop-hero .na-kicker,
.na-shop-hero > p:first-child {
  margin: 0 0 18px !important;
  color: #c88d21 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}


/* Collection-Intro Card nicht riesig aufblasen */
.na-shop-collection,
.na-shop-intro-card,
.na-shop-hero-card {
  width: min(640px, 100%);
  min-height: auto !important;
  margin: clamp(34px, 5vw, 58px) 0 0 !important;
  padding: clamp(42px, 5vw, 68px) !important;
  border-radius: 30px;
}

.na-shop-collection h2,
.na-shop-intro-card h2,
.na-shop-hero-card h2 {
  font-size: clamp(56px, 7vw, 96px) !important;
  line-height: .9 !important;
}


/* ---------------------------------------------------------
   2. Toolbar / Ergebnis + Sortierung deutlich feiner
--------------------------------------------------------- */

.na-shop-toolbar,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  box-sizing: border-box;
}

.na-shop-toolbar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto clamp(30px, 4vw, 46px) !important;
  padding: 12px !important;
  border: 1px solid rgba(200,141,33,.28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255,248,236,.72), rgba(235,216,184,.42)) !important;
  box-shadow: 0 22px 64px rgba(36,27,21,.09);
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.na-shop-toolbar .woocommerce-result-count,
.na-shop-toolbar .woocommerce-ordering {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

.na-shop-toolbar .woocommerce-result-count {
  padding: 14px 26px !important;
  border-radius: 999px;
  background: rgba(255,248,236,.55);
  color: rgba(36,27,21,.56) !important;
  font-size: 14px !important;
}

.na-shop-toolbar select,
.woocommerce-ordering select {
  min-width: 260px;
  height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(200,141,33,.25) !important;
  border-radius: 999px !important;
  background: rgba(255,248,236,.72) !important;
  color: rgba(36,27,21,.66) !important;
  font-size: 15px !important;
  box-shadow: none !important;
}


/* ---------------------------------------------------------
   3. Produktbereich im Shop richtig zentrieren
--------------------------------------------------------- */

.na-shop-panel {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto clamp(60px, 6vw, 90px) !important;
  padding: clamp(32px, 4vw, 54px) !important;
  border: 1px solid rgba(200,141,33,.25);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255,248,236,.80), rgba(235,216,184,.48));
  box-shadow: 0 34px 92px rgba(36,27,21,.10);
}

.na-shop-panel ul.products,
body.post-type-archive-product ul.products,
body.woocommerce-shop ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 340px)) !important;
  justify-content: start !important;
  gap: clamp(24px, 3vw, 36px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.na-shop-panel ul.products li.product,
body.post-type-archive-product ul.products li.product,
body.woocommerce-shop ul.products li.product {
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------------------
   4. Produktkarte: nicht mehr schmal / abgeschnitten
--------------------------------------------------------- */

.woocommerce ul.products li.product {
  overflow: hidden;
  border: 1px solid rgba(200,141,33,.25) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255,248,236,.92), rgba(235,216,184,.55)) !important;
  box-shadow: 0 28px 70px rgba(36,27,21,.10);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
  color: inherit;
}

.woocommerce ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 1 / .72;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 28px 28px 10px !important;
  color: #241b15 !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
}

.woocommerce ul.products li.product .price {
  display: block;
  padding: 8px 28px 0 !important;
  color: #c88d21 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.woocommerce ul.products li.product .price del {
  opacity: .75 !important;
  color: rgba(200,141,33,.72) !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
}

.woocommerce ul.products li.product .button {
  margin: 22px 28px 30px !important;
  padding: 15px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d99a18, #b87506) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   5. Single Product Header-Overlap endgültig vermeiden
--------------------------------------------------------- */

body.single-product .woocommerce-notices-wrapper {
  margin-top: clamp(110px, 8vw, 145px) !important;
}

body.single-product div.product {
  padding-top: 0 !important;
}

body.single-product .woocommerce-notices-wrapper + div.product {
  margin-top: 34px !important;
}

/* falls keine Notice vorhanden ist */
body.single-product main.site-main > div.product:first-of-type,
body.single-product .site-main .woocommerce div.product:first-of-type {
  margin-top: clamp(110px, 8vw, 145px) !important;
}


/* ---------------------------------------------------------
   6. Produktseite: Bild / Summary darf nicht unter Header kleben
--------------------------------------------------------- */

body.single-product div.product div.images,
body.single-product div.product div.summary {
  position: relative;
  z-index: 1;
}

body.single-product .woocommerce-product-gallery {
  overflow: hidden;
}


/* ---------------------------------------------------------
   7. Produktdetails: weiße Schrift entfernen, lesbar machen
--------------------------------------------------------- */

body.single-product .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-tabs h2,
body.single-product .na-product-section h2,
body.single-product .na-product-details h2 {
  color: #241b15 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.single-product .woocommerce-Tabs-panel,
body.single-product .woocommerce-tabs,
body.single-product .na-product-section,
body.single-product .na-product-details {
  color: rgba(36,27,21,.70) !important;
}

body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-tabs p,
body.single-product .na-product-section p,
body.single-product .na-product-details p {
  color: rgba(36,27,21,.68) !important;
}


/* ---------------------------------------------------------
   8. Breadcrumb aus Standard-Woo weniger störend
--------------------------------------------------------- */

.woocommerce-breadcrumb {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 18px !important;
  color: rgba(36,27,21,.45) !important;
  font-size: 13px !important;
}

.woocommerce-breadcrumb a {
  color: rgba(36,27,21,.55) !important;
}


/* ---------------------------------------------------------
   9. Mobile
--------------------------------------------------------- */

@media (max-width: 780px) {
  .na-shop-page {
    width: min(100% - 24px, 540px);
    padding-top: 96px;
  }

  .na-shop-hero {
    padding: 44px 24px !important;
    border-radius: 28px;
  }

  .na-shop-hero h1,
  .na-shop-hero .na-shop-title {
    font-size: clamp(48px, 15vw, 74px) !important;
    word-break: normal;
    overflow-wrap: normal;
  }

  .na-shop-toolbar {
    border-radius: 26px !important;
    flex-direction: column;
    align-items: stretch;
  }

  .na-shop-toolbar .woocommerce-result-count,
  .na-shop-toolbar .woocommerce-ordering,
  .na-shop-toolbar select {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center;
  }

  .na-shop-panel {
    padding: 24px !important;
    border-radius: 28px;
  }

  .na-shop-panel ul.products,
  body.post-type-archive-product ul.products,
  body.woocommerce-shop ul.products {
    grid-template-columns: 1fr !important;
  }

  body.single-product .woocommerce-notices-wrapper {
    margin-top: 96px !important;
  }

  body.single-product main.site-main > div.product:first-of-type,
  body.single-product .site-main .woocommerce div.product:first-of-type {
    margin-top: 96px !important;
  }
}
/* =========================================================
   NOCTIS AURUM — SHOP HERO LUXURY REFINEMENT
========================================================= */

/* Haupt-Shop-Container */
.na-shop-page,
.na-shop-wrap {
  position: relative;
}

/* Hero insgesamt edler und weniger leer */
.na-shop-hero {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(56px, 6vw, 86px) clamp(38px, 6vw, 76px) clamp(64px, 7vw, 96px) !important;
  min-height: auto !important;
  border-radius: 36px !important;
  border: 1px solid rgba(200, 141, 33, .28) !important;
  background:
    radial-gradient(circle at 76% 18%, rgba(216,154,24,.18), transparent 28%),
    radial-gradient(circle at 22% 80%, rgba(255,255,255,.60), transparent 34%),
    linear-gradient(145deg, rgba(255,248,236,.86), rgba(235,216,184,.52)) !important;
  box-shadow:
    0 34px 100px rgba(36, 27, 21, .11),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* feine Luxus-Konturlinie innen */
.na-shop-hero::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(200, 141, 33, .16);
  border-radius: 28px;
  pointer-events: none;
}

/* dekorative große Kreislinie rechts */
.na-shop-hero::after {
  content: "";
  position: absolute;
  width: clamp(260px, 26vw, 440px);
  aspect-ratio: 1;
  right: -120px;
  bottom: -155px;
  border: 1px solid rgba(200, 141, 33, .13);
  border-radius: 50%;
  pointer-events: none;
}

/* Kicker oben */
.na-shop-kicker,
.na-shop-hero .na-shop-kicker,
.na-shop-hero .na-kicker {
  display: block;
  margin: 0 0 clamp(18px, 2vw, 24px) !important;
  color: #c88d21 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

/* Titel mit besserer Breite */
.na-shop-title,
.na-shop-hero h1 {
  position: relative;
  z-index: 2;
  max-width: 760px !important;
  margin: 0 !important;
  color: #241b15 !important;
  font-size: clamp(72px, 7.4vw, 124px) !important;
  line-height: .86 !important;
  letter-spacing: -.07em !important;
}

/* Collection-Karte */
.na-short-shop-hero,
.na-shop-description,
.na-shop-hero-card,
.na-shop-collection {
  position: relative !important;
  z-index: 2;
  width: min(620px, 100%) !important;
  margin-top: clamp(48px, 6vw, 76px) !important;
  padding: clamp(48px, 5vw, 72px) clamp(36px, 5vw, 62px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(200, 141, 33, .25) !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(216,154,24,.14), transparent 32%),
    linear-gradient(145deg, rgba(255,248,236,.50), rgba(235,216,184,.34)) !important;
  box-shadow:
    0 24px 76px rgba(36,27,21,.08),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
  backdrop-filter: blur(4px);
}

/* Collection Kicker */
.na-shop-description .na-shop-kicker,
.na-short-shop-hero .na-shop-kicker,
.na-shop-collection .na-kicker {
  color: rgba(36,27,21,.58) !important;
  margin-bottom: 18px !important;
}

/* Collection Überschrift */
.na-shop-description h2,
.na-short-shop-hero h2,
.na-shop-collection h2 {
  margin: 0 0 clamp(34px, 4vw, 54px) !important;
  color:#2a2119 !important;
  font-size: clamp(58px, 5vw, 104px) !important;
  line-height: .86 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 16px 48px rgba(36,27,21,.12);
}

/* Collection Text */
.na-shop-description p,
.na-short-shop-hero p,
.na-shop-collection p {
  max-width: 520px;
  margin: 0 !important;
  color: rgba(36,27,21,.62) !important;
  font-size: clamp(17px, 1.25vw, 21px) !important;
  line-height: 1.75 !important;
}

/* Abstand unter Hero zum Shop-Panel */
.na-shop-toolbar {
  margin-top: clamp(30px, 4vw, 50px) !important;
}

/* Breadcrumb oben dezenter */
.woocommerce-breadcrumb {
  opacity: .55;
  margin-bottom: 14px !important;
}


/* =========================================================
   Mobile Shop Hero
========================================================= */

@media (max-width: 780px) {
  .na-shop-hero {
    padding: 42px 24px 34px !important;
    border-radius: 28px !important;
  }

  .na-shop-hero::before {
    inset: 12px;
    border-radius: 22px;
  }

  .na-shop-title,
  .na-shop-hero h1 {
    font-size: clamp(48px, 15vw, 72px) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  .na-short-shop-hero,
  .na-shop-description,
  .na-shop-hero-card,
  .na-shop-collection {
    margin-top: 34px !important;
    padding: 34px 24px !important;
    border-radius: 24px !important;
  }

  .na-shop-description h2,
  .na-short-shop-hero h2,
  .na-shop-collection h2 {
    font-size: clamp(48px, 15vw, 72px) !important;
  }

  .na-shop-description p,
  .na-short-shop-hero p,
  .na-shop-collection p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}
/* =========================================================
   NOCTIS AURUM — SHOP HERO FINAL FIX
   kompakter Hero, Serif-Titel, keine abgeschnittene Collection
========================================================= */

.na-shop-hero {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;

  max-width: 1220px !important;
  width: calc(100% - 40px) !important;
  margin: 0 auto 34px !important;

  min-height: unset !important;
  height: auto !important;

  padding: clamp(54px, 6vw, 82px) clamp(34px, 6vw, 72px) clamp(54px, 6vw, 82px) !important;

  border-radius: 34px !important;
  border: 1px solid rgba(200, 141, 33, .26) !important;

  background:
    radial-gradient(circle at 78% 20%, rgba(216, 154, 24, .16), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(255,255,255,.52), transparent 34%),
    linear-gradient(145deg, rgba(255, 248, 236, .76), rgba(235, 216, 184, .46)) !important;

  box-shadow:
    0 32px 90px rgba(36, 27, 21, .10),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
}

/* innere Linie bleibt fein, aber nicht dominant */
.na-shop-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border: 1px solid rgba(200, 141, 33, .14) !important;
  border-radius: 26px !important;
  pointer-events: none !important;
}

/* Kreislinie rechts dezenter */
.na-shop-hero::after {
  content: "" !important;
  position: absolute !important;
  width: clamp(240px, 24vw, 390px) !important;
  aspect-ratio: 1 !important;
  right: -130px !important;
  bottom: -150px !important;
  border: 1px solid rgba(200, 141, 33, .10) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

/* Kicker */
.na-shop-kicker {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 22px !important;

  color: #c88d21 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

/* Haupttitel: wieder Noctis-Luxury statt moderner Shop-Font */
.na-shop-title,
.na-shop-hero h1.na-shop-title {
  position: relative !important;
  z-index: 2 !important;

  max-width: 760px !important;
  margin: 0 !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(68px, 3vw, 112px) !important;
  line-height: .88 !important;
  letter-spacing: -.065em !important;
  font-weight: 700 !important;

  color: #241b15 !important;
}

/* Collection-Karte: nicht mehr riesig nach unten gezogen */
.na-shop-description {
  position: relative !important;
  z-index: 2 !important;

  width: min(560px, 100%) !important;
  min-height: unset !important;
  height: auto !important;

  margin-top: clamp(42px, 5vw, 64px) !important;
  padding: clamp(42px, 5vw, 62px) clamp(30px, 4vw, 52px) !important;

  border-radius: 30px !important;
  border: 1px solid rgba(200, 141, 33, .24) !important;

  background:
    radial-gradient(circle at 75% 22%, rgba(216,154,24,.12), transparent 30%),
    linear-gradient(145deg, rgba(255,248,236,.46), rgba(235,216,184,.32)) !important;

  box-shadow:
    0 24px 70px rgba(36,27,21,.07),
    inset 0 1px 0 rgba(255,255,255,.55) !important;

  backdrop-filter: blur(3px);
}

/* Shortcode-Header in der Collection-Box */
.na-shop-description .na-short-shop-hero {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* Collection-Kicker */
.na-short-shop-kicker {
  margin: 0 0 18px !important;

  color: rgba(36,27,21,.58) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

/* Collection-Headline kleiner, sauber innerhalb der Box */
.na-short-shop-title {
  margin: 0 0 34px !important;

  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(56px, 6vw, 88px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
  font-weight: 700 !important;

  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 16px 42px rgba(36,27,21,.12);
}

/* Text in der Box */
.na-short-shop-intro {
  max-width: 500px !important;
  margin: 0 !important;

  color: rgba(36,27,21,.62) !important;
  font-size: clamp(17px, 1.18vw, 20px) !important;
  line-height: 1.7 !important;
}

/* Falls alte Regeln die Shop-Box riesig machen */
.na-shop-description > * {
  max-width: 100% !important;
}


/* =========================================================
   Shop Toolbar / Produktbereich etwas näher und cleaner
========================================================= */

.na-shop-toolbar {
  max-width: 1220px !important;
  width: calc(100% - 40px) !important;
  margin: 30px auto 30px !important;
}

.na-shop-panel {
  max-width: 1220px !important;
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   Mobile Fix
========================================================= */

@media (max-width: 780px) {
  .na-shop-hero {
    width: calc(100% - 28px) !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding: 42px 24px 34px !important;
    border-radius: 28px !important;
  }

  .na-shop-hero::before {
    inset: 12px !important;
    border-radius: 22px !important;
  }

  .na-shop-title,
  .na-shop-hero h1.na-shop-title {
    font-size: clamp(46px, 14vw, 68px) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  .na-shop-description {
    margin-top: 34px !important;
    padding: 32px 24px !important;
    border-radius: 24px !important;
  }

  .na-short-shop-title {
    font-size: clamp(46px, 14vw, 68px) !important;
    line-height: .9 !important;
    margin-bottom: 26px !important;
  }

  .na-short-shop-intro {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .na-shop-toolbar,
  .na-shop-panel {
    width: calc(100% - 28px) !important;
  }
}

@media (max-width: 780px) {
    .na-shop-description h2, .na-short-shop-hero h2, .na-shop-collection h2 {
        font-size: clamp(40px, 11vw, 40px) !important;
        color: #2a2119 !important;
    }
}
.woocommerce ul.products li.product .button {
    margin: 22px 17px 30px !important;
    padding: 15px 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #d99a18, #b87506) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}.woocommerce ul.products li.product .button {
    margin: 22px 17px 30px !important;
    padding: 15px 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #d99a18, #b87506) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}