/** Shopify CDN: Minification failed

Line 384:18 Unexpected "{"
Line 384:27 Expected ":"
Line 384:34 Unexpected "{"
Line 1570:0 Unexpected "{"
Line 1570:1 Expected identifier but found "%"
Line 1573:1 Expected identifier but found "%"
Line 1575:0 Unexpected "<"
Line 1581:1 Unexpected "{"
Line 1581:7 Expected ":"
Line 1582:0 Unexpected "<"
... and 8 more hidden warnings

**/
/* =========================================================
MOOMORI – FINAL LUXURY HEADER (Prestige Safe)
========================================================= */

/* ---------- Farb-Definitionen ---------- */
:root {
--moomori-gold: rgba(198, 170, 110, 0.95);
--moomori-gold-soft: rgba(198, 170, 110, 0.75);
--moomori-dark: rgba(14, 14, 14, 0.88);
--moomori-dark-solid: #0e0e0e;
}

/* =========================================================
HEADER – GLOBAL (ALLE SEITEN)
========================================================= */

/* Header Grundfläche */
.shopify-section-group-header-group {
background: var(--moomori-dark-solid);
border: none;
box-shadow: none;
}

/* Logo */
.shopify-section-group-header-group .header__heading-logo {
color: var(--moomori-gold);
letter-spacing: 0.12em;
}

/* Menü Links */
.shopify-section-group-header-group a,
.shopify-section-group-header-group .header__menu-item {
color: var(--moomori-gold-soft);
font-weight: 300;
letter-spacing: 0.06em;
transition: color 0.25s ease, opacity 0.25s ease;
}

.shopify-section-group-header-group a:hover {
color: var(--moomori-gold);
opacity: 1;
}

/* Icons */
.shopify-section-group-header-group svg {
fill: var(--moomori-gold-soft);
}

/* =========================================================
DROPDOWN / SUBMENU
========================================================= */

.shopify-section-group-header-group .header__submenu,
.shopify-section-group-header-group .mega-menu {
background: rgba(12, 12, 12, 0.95);
backdrop-filter: blur(10px);
border: none;
}

.shopify-section-group-header-group .header__submenu a {
color: var(--moomori-gold-soft);
}

.shopify-section-group-header-group .header__submenu a:hover {
color: var(--moomori-gold);
}

/* =========================================================
STARTSEITE – INTEGRIERT IN HERO
========================================================= */

body.template-index .shopify-section-group-header-group {
background: linear-gradient(
to bottom,
rgba(10, 10, 10, 0.92) 0%,
rgba(10, 10, 10, 0.75) 60%,
rgba(10, 10, 10, 0) 100%
);
position: absolute;
width: 100%;
z-index: 30;
}

/* Abstand Hero korrigieren */
body.template-index main {
margin-top: 0 !important;
}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 990px) {

.shopify-section-group-header-group {
background: var(--moomori-dark-solid);
}

body.template-index .shopify-section-group-header-group {
background: rgba(10, 10, 10, 0.95);
}

.header__menu-item {
font-size: 15px;
}
}
/* Moomori Typografie */
body {
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

h1, h2, h3, h4, h5, .heading {
font-family: 'Playfair Display', serif;
font-weight: 500;
}
/* =========================
MOOMORI MEGA MENU – FIX
========================= */

/* zwingt volle Breite im Header-Dropdown */
.header__dropdown-menu.moomori-mega {
width: 100vw;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

/* verhindert schmale Spalten */
.moomori-mega__grid {
grid-template-columns: 1.6fr 0.9fr !important;
}

/* Spalten für Links */
.moomori-mega__cols {
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
column-gap: 36px;
row-gap: 28px;
}

/* verhindert Wort-Zeilenbruch */
.moomori-mega__link,
.moomori-mega__heading {
white-space: nowrap;
}

/* saubere Typo */
.moomori-mega__heading {
font-size: 11px;
letter-spacing: 0.12em;
opacity: 0.7;
}

.moomori-mega__link {
font-size: 14px;
line-height: 1.5;
}

/* Mobile Fallback */
@media (max-width: 900px) {
.moomori-mega__grid {
grid-template-columns: 1fr !important;
}

.moomori-mega__cols {
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}
}
/* =========================================================
MOOMORI – LUXURY MEGA MENU (FINAL)
========================================================= */

/* Grundpanel */
.moomori-mega {
width: 100%;
background: var(--color-background, #f6f6f4);
}

/* Innencontainer */
.moomori-mega__inner {
max-width: 1200px;
margin: 0 auto;
padding: 28px 36px 32px;
}

/* Hauptgrid */
.moomori-mega__grid {
display: grid;
grid-template-columns: 1.4fr 0.9fr;
gap: 48px;
align-items: start;
}

/* Linkbereich links */
.moomori-mega__links {
display: grid;
grid-template-columns: repeat(3, minmax(180px, 1fr));
gap: 28px 42px;
}

/* Spaltentitel */
.moomori-mega__heading {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
opacity: 0.65;
margin-bottom: 14px;
white-space: nowrap;
}

/* Listen reset */
.moomori-mega__list {
list-style: none;
padding: 0;
margin: 0;
}

/* Links */
.moomori-mega__item {
margin-bottom: 10px;
}

.moomori-mega__link {
font-size: 14px;
line-height: 1.45;
text-decoration: none;
color: inherit;
white-space: nowrap;
position: relative;
}

/* Subtile Luxury Hover Line */
.moomori-mega__link::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 1px;
background: currentColor;
transition: width .25s ease;
opacity: .5;
}

.moomori-mega__link:hover::after {
width: 100%;
}

/* Medienbereich rechts */
.moomori-mega__media {
display: flex;
justify-content: flex-end;
}

.moomori-mega__card {
max-width: 320px;
text-decoration: none;
}

.moomori-mega__card img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
}

/* Bildtext */
.moomori-mega__card-text {
margin-top: 10px;
}

.moomori-mega__card-title {
font-size: 13px;
letter-spacing: 0.02em;
}

.moomori-mega__card-sub {
font-size: 12px;
opacity: .7;
margin-top: 4px;
}

/* Mobile */
@media (max-width: 990px) {
.moomori-mega__inner {
padding: 24px;
}

.moomori-mega__grid {
grid-template-columns: 1fr;
gap: 28px;
}

.moomori-mega__links {
grid-template-columns: repeat(2, minmax(160px, 1fr));
}

.moomori-mega__media {
justify-content: flex-start;
}
}
/* =========================
MOOMORI MEGA MENU – POLISH
========================= */

/* Panel: optisch sauberer Rahmen + weniger Leerraum */
.moomori-mega__inner{
max-width: 1180px;
padding: 22px 34px 26px !important;
}

/* Grid: Links/Media besser balancieren */
.moomori-mega__grid{
grid-template-columns: 1.25fr 0.85fr !important;
gap: 44px !important;
align-items: center !important;
min-height: 240px;
}

/* Link-Spalten: nach unten “setzen”, nicht oben kleben */
.moomori-mega__links{
align-content: center;
grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
gap: 26px 46px !important;
}

/* Überschriften etwas präsenter, aber immer noch leise */
.moomori-mega__heading{
opacity: .72 !important;
margin-bottom: 12px !important;
}

/* Links: minimal mehr Kontrast */
.moomori-mega__link{
opacity: .92;
}

/* Bild: etwas kleiner + optisch ruhiger */
.moomori-mega__card{
max-width: 300px !important;
}

.moomori-mega__card img{
border-radius: 12px !important;
}

/* Optional: dezente Bodenlinie, wirkt “High Jewelry” */
.moomori-mega{
border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Mobile: etwas kompakter */
@media (max-width: 990px){
.moomori-mega__inner{
padding: 18px 20px 22px !important;
}
.moomori-mega__grid{
min-height: unset;
align-items: start !important;
}
}
/* =========================================================
MOOMORI – Mega Menu must overlay hero video
========================================================= */

/* Header immer über allem */
#shopify-section-header,
.shopify-section--header,
#shopify-section-{{ section.id }} {
position: relative;
z-index: 999 !important;
}

/* Dropdown/Mega Panels über Hero/Video */
.header__menu-disclosure,
.header__dropdown-menu,
mega-menu-disclosure,
dropdown-menu-disclosure,
.moomori-mega {
position: relative;
z-index: 1000 !important;
}

/* Falls dein Video/hero zu hoch stapelt: runterziehen */
video,
.momori-hero,
.moomori-hero,
.banner,
#MainContent {
z-index: 1;
}
/* =========================================================
MOOMORI – Luxury Mega Menu look
========================================================= */

.moomori-mega {
/* ruhiger, hochwertiger Hintergrund */
background: rgba(248, 247, 245, 0.92);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

/* feine Kante + Tiefe */
border: 1px solid rgba(0,0,0,0.06);
border-top: 0;
box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

.moomori-mega__inner{
max-width: 1180px;
margin: 0 auto;
padding: 22px 34px 26px !important;
}

.moomori-mega__grid{
display: grid;
grid-template-columns: 1.25fr 0.85fr !important;
gap: 44px !important;
align-items: center !important;
min-height: 230px;
}

.moomori-mega__links{
display: grid !important;
grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
gap: 26px 46px !important;
align-content: center;
}

.moomori-mega__heading{
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
opacity: 0.65;
margin: 0 0 12px 0;
white-space: nowrap;
}

/* Link-Optik: ruhig + premium */
.moomori-mega__link{
font-size: 14px;
line-height: 1.45;
letter-spacing: 0.01em;
text-decoration: none;
color: inherit;
white-space: nowrap;
position: relative;
opacity: 0.92;
transition: opacity .2s ease;
}

.moomori-mega__link:hover{
opacity: 1;
}

/* Luxury underline (wie High Jewelry Sites) */
.moomori-mega__link::after{
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
background: currentColor;
opacity: .55;
transition: width .25s ease;
}

.moomori-mega__link:hover::after{
width: 100%;
}

/* Bild rechts: editorial */
.moomori-mega__card{
max-width: 300px !important;
}

.moomori-mega__card img{
border-radius: 12px !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}

/* Mobile */
@media (max-width: 990px){
.moomori-mega__inner{
padding: 18px 20px 22px !important;
}
.moomori-mega__grid{
grid-template-columns: 1fr !important;
min-height: unset;
gap: 22px !important;
}
.moomori-mega__links{
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
gap: 18px 22px !important;
}
}
/* =========================================================
MOOMORI – LUXURY FINISH (contrast + depth + gold accent)
========================================================= */

/* Panel selbst: mehr Tiefe + klarere Kante */
.moomori-mega{
background: rgba(250, 249, 247, 0.94) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(0,0,0,0.08) !important;
border-top: 0 !important;
box-shadow: 0 24px 60px rgba(0,0,0,0.14) !important;
}

/* feiner Gold-Akzent oben (Signature) */
.moomori-mega::before{
content: "";
display: block;
height: 1px;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(186,153,93,0.9) 50%, rgba(0,0,0,0) 100%);
opacity: .9;
}

/* Innenraum: weniger “leer” und sauber zentriert */
.moomori-mega__inner{
max-width: 1160px !important;
padding: 20px 34px 24px !important;
}

/* Grid: kompakter, “gebaut” */
.moomori-mega__grid{
grid-template-columns: 1.2fr 0.8fr !important;
gap: 40px !important;
align-items: center !important;
min-height: 220px !important;
}

/* Spalten links: klare Struktur */
.moomori-mega__links{
grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
gap: 22px 44px !important;
}

/* Überschriften: typografisch leise, aber hochwertig */
.moomori-mega__heading{
font-size: 11px !important;
letter-spacing: 0.18em !important;
text-transform: uppercase;
opacity: 0.78 !important;
margin-bottom: 14px !important;
}

/* Links: mehr Kontrast + Premium Hover */
.moomori-mega__link{
color: rgba(25,25,25,0.92) !important;
font-size: 14px !important;
line-height: 1.55 !important;
letter-spacing: 0.01em;
opacity: 0.95 !important;
transition: color .2s ease, opacity .2s ease;
}

.moomori-mega__link:hover{
color: rgba(186,153,93,0.95) !important; /* gold */
opacity: 1 !important;
}

.moomori-mega__link::after{
background: rgba(186,153,93,0.9) !important;
opacity: .85 !important;
}

/* Bild rechts: wirkt “editorial” durch Rahmen + Schatten */
.moomori-mega__card{
max-width: 300px !important;
}

.moomori-mega__card img{
border-radius: 12px !important;
box-shadow: 0 18px 40px rgba(0,0,0,0.16) !important;
border: 1px solid rgba(0,0,0,0.06);
}

/* optionaler Text unter Bild: dezent */
.moomori-mega__card-title{
color: rgba(25,25,25,0.92);
letter-spacing: 0.02em;
}

.moomori-mega__card-sub{
color: rgba(25,25,25,0.70);
}

/* Mobile */
@media (max-width: 990px){
.moomori-mega__inner{
padding: 18px 20px 22px !important;
}
.moomori-mega__grid{
grid-template-columns: 1fr !important;
min-height: unset !important;
gap: 22px !important;
}
.moomori-mega__links{
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
gap: 16px 22px !important;
}
}
/* =========================================================
MOOMORI – MEGA MENU EMERGENCY RESET (paste last)
========================================================= */

.moomori-mega{
background: #ffffff !important;
border: 1px solid rgba(0,0,0,.08) !important;
border-top: 0 !important;
box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

.moomori-mega::before{
content: none !important; /* entfernt Goldlinie/Gradient */
}

.moomori-mega__inner{
max-width: 1180px !important;
margin: 0 auto !important;
padding: 22px 32px 26px !important;
}

.moomori-mega__grid{
grid-template-columns: 1.35fr 0.65fr !important;
gap: 36px !important;
align-items: start !important;
min-height: 0 !important;
}

.moomori-mega__links{
grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
gap: 20px 42px !important;
align-content: start !important;
}

.moomori-mega__heading{
opacity: 1 !important;
color: rgba(20,20,20,.70) !important;
font-size: 11px !important;
letter-spacing: .14em !important;
margin-bottom: 10px !important;
}

.moomori-mega__link{
color: rgba(20,20,20,.92) !important;
opacity: 1 !important;
font-size: 14px !important;
text-decoration: none !important;
}

.moomori-mega__link::after{
content: none !important; /* keine Underline-Animation */
}

.moomori-mega__card{
max-width: 320px !important;
}

.moomori-mega__card img{
border-radius: 12px !important;
box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
border: 1px solid rgba(0,0,0,.06) !important;
}

@media (max-width: 990px){
.moomori-mega__grid{ grid-template-columns: 1fr !important; }
.moomori-mega__links{ grid-template-columns: repeat(2, minmax(160px, 1fr)) !important; }
}
/* =========================================================
MOOMORI – Luxury polish (safe, no blur)
========================================================= */

/* Panel: weniger “Kasten”, mehr Galerie */
.moomori-mega{
background: #ffffff !important;
border: 1px solid rgba(0,0,0,.07) !important;
border-top: 0 !important;
box-shadow: 0 22px 55px rgba(0,0,0,.13) !important;
}

/* Innenraum etwas “teurer”: mehr Luft oben, weniger unten */
.moomori-mega__inner{
padding: 26px 34px 22px !important;
}

/* Links: Hierarchie + bessere Lesbarkeit */
.moomori-mega__heading{
color: rgba(20,20,20,.62) !important;
font-size: 11px !important;
letter-spacing: .16em !important;
margin-bottom: 12px !important;
}

/* Links: dunkler + subtiler Hover */
.moomori-mega__link{
color: rgba(18,18,18,.92) !important;
font-size: 14px !important;
line-height: 1.55 !important;
letter-spacing: .01em !important;
}

/* Premium-Hover (ganz leise) */
.moomori-mega__link:hover{
color: rgba(140,110,60,.95) !important;
}

/* Bild: wie Editorial-Campaign, nicht Produktkachel */
.moomori-mega__card img{
border-radius: 14px !important;
box-shadow: 0 14px 30px rgba(0,0,0,.14) !important;
border: 1px solid rgba(0,0,0,.05) !important;
}

/* Optional: feine “Gallery rail” Linie, macht sofort Luxus */
.moomori-mega__wrap,
.moomori-mega__inner{
position: relative;
}

.moomori-mega__inner::after{
content:"";
position:absolute;
left: 34px;
right: 34px;
bottom: 0;
height: 1px;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 20%, rgba(0,0,0,.08) 80%, rgba(0,0,0,0) 100%);
}
/* Moomori – Mega Menu Luxury Depth */
.moomori-mega {
background: linear-gradient(
180deg,
rgba(255,255,255,0.98) 0%,
rgba(250,250,248,0.96) 60%,
rgba(245,244,242,0.94) 100%
) !important;
}.moomori-mega__col {
position: relative;
padding-left: 22px;
}

.moomori-mega__col::before {
content: "";
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 1px;
background: rgba(0,0,0,0.08);
}
.moomori-mega__card {
transform: translateY(-8px);
}

.moomori-mega__card img {
border-radius: 16px;
box-shadow: 0 30px 60px rgba(0,0,0,0.18);
}
/* Soft Übergang zum Hero-Video */
.moomori-mega {
box-shadow:
0 40px 80px rgba(0,0,0,0.15),
inset 0 -40px 60px rgba(0,0,0,0.06);
}
/* =========================================================
MOOMORI – Editorial Mega Menu (vertical, luxury)
========================================================= */

.moomori-mega--editorial{
background: #fff;
border: 1px solid rgba(0,0,0,.07);
border-top: 0;
box-shadow: 0 22px 55px rgba(0,0,0,.13);
}

.moomori-mega--editorial .moomori-mega__inner{
max-width: 1180px;
margin: 0 auto;
padding: 22px 34px 26px;
}

.moomori-mega__editorial{
display: grid;
gap: 14px;
}

.moomori-mega__row{
display: grid;
grid-template-columns: 380px 1fr;
gap: 28px;
align-items: center;
padding: 14px 14px;
border-radius: 16px;
text-decoration: none;
color: inherit;
transition: background .2s ease, transform .2s ease;
}

.moomori-mega__row:hover{
background: rgba(0,0,0,.02);
transform: translateY(-1px);
}

.moomori-mega__row-media{
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.05);
box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.moomori-mega__row-media img{
width: 100%;
height: auto;
display: block;
}

.moomori-mega__row-media--placeholder{
width: 100%;
aspect-ratio: 4 / 3;
background: rgba(0,0,0,.04);
}

.moomori-mega__row-eyebrow{
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
color: rgba(20,20,20,.55);
margin-bottom: 6px;
}

.moomori-mega__row-title{
font-size: 18px;
letter-spacing: .01em;
color: rgba(15,15,15,.95);
margin-bottom: 8px;
}

.moomori-mega__row-text{
font-size: 13px;
line-height: 1.55;
color: rgba(15,15,15,.70);
margin-bottom: 10px;
}

.moomori-mega__row-links{
list-style: none;
padding: 0;
margin: 0 0 10px 0;
display: grid;
gap: 6px;
}

.moomori-mega__row-links li{
display: flex;
align-items: center;
gap: 10px;
color: rgba(15,15,15,.78);
font-size: 13px;
}

.moomori-mega__bullet{
width: 4px;
height: 4px;
border-radius: 999px;
background: rgba(140,110,60,.75); /* warm gold */
flex: 0 0 4px;
}

.moomori-mega__row-cta{
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
color: rgba(140,110,60,.95);
margin-top: 4px;
}

@media (max-width: 990px){
.moomori-mega__row{
grid-template-columns: 1fr;
gap: 14px;
}
.moomori-mega--editorial .moomori-mega__inner{
padding: 18px 20px 22px;
}
}
/* =========================================================
MOOMORI – GOLD ACCENTS (Luxury hairline)
========================================================= */

/* Goldton (warm, nicht gelb) */
:root{
--moomori-gold: rgba(140,110,60,.92);
--moomori-gold-soft: rgba(140,110,60,.55);
}

/* Unter jedem Spaltentitel: feine Gold-Linie */
.moomori-mega__heading{
position: relative;
padding-bottom: 10px;
}

.moomori-mega__heading::after{
content:"";
display:block;
width: 34px; /* kurze, edle Linie */
height: 1px;
background: var(--moomori-gold);
opacity: .85;
margin-top: 10px;
}

/* Links: Gold bei Hover + sehr feine Unterlinie */
.moomori-mega__link{
position: relative;
}

.moomori-mega__link:hover{
color: var(--moomori-gold) !important;
}

.moomori-mega__link::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:0;
height:1px;
background: var(--moomori-gold);
transition: width .25s ease;
opacity: .75;
}

.moomori-mega__link:hover::after{
width:100%;
}

/* Optional: vertikale Gold-Hairline links an jeder Spalte */
.moomori-mega__col{
position: relative;
padding-left: 16px;
}

.moomori-mega__col::before{
content:"";
position:absolute;
left:0;
top: 8px;
bottom: 8px;
width:1px;
background: var(--moomori-gold-soft);
opacity: .35;
}
/* =========================================================
MOOMORI – RESTORE IMAGE CAPTIONS (if hidden)
========================================================= */

.moomori-mega__card-text,
.moomori-mega__card-title,
.moomori-mega__card-sub{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}

.moomori-mega__card-text{
margin-top: 12px;
}

.moomori-mega__card-title{
font-size: 13px;
letter-spacing: .02em;
color: rgba(20,20,20,.92);
}

.moomori-mega__card-sub{
margin-top: 6px;
font-size: 12px;
color: rgba(20,20,20,.68);
/* Soft zoom (premium) */
.moomori-mega__card img{
transition: transform .45s ease, filter .45s ease;
}

.moomori-mega__card:hover img{
transform: scale(1.035);
filter: saturate(1.03);
}
/* =========================================================
PRESTIGE MEGA MENU – GOLD ACCENTS (global)
========================================================= */
:root{
--moomori-gold: rgba(140,110,60,.92);
--moomori-gold-soft: rgba(140,110,60,.55);
}

/* Überschriften/Level-1 Links im Dropdown: Gold Hairline */
.header__dropdown-menu a.link-faded-reverse,
.header__dropdown-menu summary.link-faded-reverse,
.header__dropdown-menu .link-faded-reverse{
position: relative;
}

/* kleine goldene Linie beim Hover */
.header__dropdown-menu a.link-faded-reverse:hover{
color: var(--moomori-gold) !important;
}

.header__dropdown-menu a.link-faded-reverse:hover::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width: 34px;
height: 1px;
background: var(--moomori-gold);
opacity: .85;
}

/* Mega-Menu Block Titel (falls Theme Überschriften als strong/span rendert) */
.header__dropdown-menu strong,
.header__dropdown-menu .h6,
.header__dropdown-menu [class*="heading"]{
position: relative;
}

.header__dropdown-menu strong::after,
.header__dropdown-menu .h6::after,
.header__dropdown-menu [class*="heading"]::after{
content:"";
display:block;
width: 34px;
height: 1px;
margin-top: 10px;
background: var(--moomori-gold);
opacity: .55;
}
/* =========================================================
MOOMORI – LUXURY HEADER FIX (PRESTIGE SAFE)
========================================================= */

/* 1. Header liegt im Hero / Video */
body.template-index .header,
body.template-index .shopify-section-header {
position: absolute !important;
top: 0;
left: 0;
right: 0;
background: transparent !important;
border-bottom: 1px solid rgba(255,255,255,0.15);
z-index: 50;
}

/* Text & Logo auf Hero */
body.template-index .header a,
body.template-index .header__menu-item,
body.template-index .header__icon,
body.template-index .header__heading {
color: rgba(255,255,255,0.92) !important;
}

/* 2. Hover oder Menü offen → edel weiß */
body.template-index .header:hover,
body.template-index .header:focus-within {
background: #ffffff !important;
border-bottom: 1px solid rgba(0,0,0,0.08);
box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}

body.template-index .header:hover a,
body.template-index .header:hover .header__menu-item,
body.template-index .header:hover .header__icon,
body.template-index .header:hover .header__heading,
body.template-index .header:focus-within a {
color: #111 !important;
}

/* 3. Dropdown sichtbar bei Hover */
.header__menu-item:hover .mega-menu,
.header__menu-item:focus-within .mega-menu {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto;
}

/* 4. Mega Menu Styling */
.mega-menu {
background: #ffffff;
border-radius: 14px;
box-shadow: 0 30px 80px rgba(0,0,0,0.18);
padding: 28px;
}

/* 5. GOLDENE HAIRLINE – alle Unterpunkte */
.mega-menu a {
position: relative;
text-decoration: none;
}

.mega-menu a::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 32px;
height: 1px;
background: #c6a15b;
opacity: 0;
transition: opacity .25s ease;
}

.mega-menu a:hover::after {
opacity: 0.85;
}

/* 6. Ruhe & Luxus – keine Spielereien */
.mega-menu a:hover {
color: #c6a15b;
}

/* 7. Mobile: Header wieder weiß & stabil */
@media (max-width: 989px) {
body.template-index .header {
position: relative !important;
background: #ffffff !important;
}

body.template-index .header a {
color: #111 !important;
}
}
.mega-menu {
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}

.mega-menu__content {
background: #ffffff;
border-radius: 14px;
padding: 26px 32px;
max-width: 520px;
box-shadow: 0 30px 80px rgba(0,0,0,0.18);
}
.mega-menu__link {
font-size: 15px;
font-weight: 400;
color: #111;
letter-spacing: 0.04em;
}.mega-menu__link {
position: relative;
}

.mega-menu__link::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 34px;
height: 1px;
background: #c6a15b;
opacity: 0;
transition: opacity .25s ease;
}

.mega-menu__link:hover::after {
opacity: 0.85;
}

.mega-menu__link:hover {
color: #c6a15b;
}.mega-menu__list li {
margin-bottom: 18px;
}
/* =========================
EMERGENCY RESET: restore Prestige header behavior
========================= */

/* Dropdowns wieder absolut positionieren / nicht im Flow */
.header__dropdown-menu,
.mega-menu {
position: absolute !important;
}

/* Details dürfen nicht dauerhaft offen erscheinen */
.header__menu-disclosure[open] > summary + * {
display: block;
}

/* Aber: falls du irgendwo display:block auf Dropdowns erzwungen hast, zurück */
.header__dropdown-menu,
.mega-menu {
display: none;
}

/* Prestige steuert Sichtbarkeit über Details/open – wir erlauben es nur dann */
.header__menu-disclosure[open] .header__dropdown-menu,
.header__menu-disclosure[open] .mega-menu {
display: block !important;
}

/* Desktop: Hauptnav wieder horizontal */
.header__primary-nav > ul {
display: flex !important;
flex-wrap: nowrap !important;
gap: 24px !important;
}

/* Verhindert, dass Unterpunkte als normale Liste im Header stehen */
.header__dropdown-menu ul,
.mega-menu ul {
position: relative !important;
}/* =========================================================
MOOMORI – ULTRA LUXURY HEADER (SAFE OVERRIDE)
Cream background · Gold hover · Clean layout
========================================================= */

/* ===== Farben ===== */
:root{
--mm-cream: #FBF8F3;
--mm-gold: #B89B5E;
--mm-gold-hover: #D6BE87;
--mm-text-soft: rgba(0,0,0,0.55);
}

/* ===== Header Grundstruktur ===== */
header,
.mmh,
.header,
.site-header{
background: var(--mm-cream) !important;
border: none !important;
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.04);
}

/* ===== Innenabstand (Luft!) ===== */
header > *,
.mmh__inner{
padding-top: 22px !important;
padding-bottom: 22px !important;
}

/* ===== Logo ===== */
header img,
.mmh__logo img{
max-height: 56px !important;
}

.mmh__logo,
.site-logo{
margin-right: 60px !important;
}

/* ===== Hauptnavigation ===== */
nav ul,
.mmh__nav ul{
display: flex !important;
align-items: center;
gap: 42px !important;
}

nav li,
.mmh__nav li{
list-style: none !important;
}

/* ===== Menü Schrift ===== */
nav a,
.mmh__nav a{
color: var(--mm-text-soft) !important;
font-size: 13px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 400;
text-decoration: none !important;
position: relative;
transition: color 0.25s ease;
}

/* ===== Gold Hover ===== */
nav a:hover,
.mmh__nav a:hover{
color: var(--mm-gold) !important;
}

/* ===== KEINE Punkte / Linien / Unterstriche ===== */
nav a::before,
nav a::after{
display: none !important;
}

/* ===== Mega-Menü ===== */
.mega-menu,
.mmh__dropdown,
.mmh__submenu{
background: var(--mm-cream) !important;
border-radius: 14px;
padding: 28px 36px !important;
box-shadow: 0 30px 80px rgba(0,0,0,0.08);
}

/* ===== Mega-Menü Layout ===== */
.mega-menu ul,
.mmh__submenu ul{
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr));
gap: 26px 48px;
}

/* ===== Mega-Menü Links ===== */
.mega-menu a,
.mmh__submenu a{
font-size: 12px;
letter-spacing: 0.12em;
color: rgba(0,0,0,0.55) !important;
}

.mega-menu a:hover,
.mmh__submenu a:hover{
color: var(--mm-gold-hover) !important;
}

/* ===== Icons rechts (Search / Account / Cart) ===== */
.mmh__icons a,
.header__icons a{
color: rgba(0,0,0,0.55) !important;
transition: color 0.25s ease;
}

.mmh__icons a:hover,
.header__icons a:hover{
color: var(--mm-gold) !important;
}

/* ===== Mobile Sicherheit ===== */
@media (max-width: 990px){
nav ul,
.mmh__nav ul{
gap: 22px !important;
}

header{
padding-left: 18px;
padding-right: 18px;
}
}
/* =========================================================
MOOMORI — Luxury Header (20/10) • Shopify (Dawn-friendly)
Paste at END of assets/base.css (or theme.css)
========================================================= */

:root{
--lux-bg: 250 247 242; /* warm ivory */
--lux-ink: 18 18 18; /* near-black */
--lux-muted: 92 92 92; /* secondary grey */
--lux-gold: 176 140 87; /* brand gold (anpassen!) */
--lux-radius: 20px;
--lux-ease: cubic-bezier(.2,.8,.2,1);
--lux-shadow: 0 28px 90px rgba(0,0,0,.14), 0 1px 0 rgba(0,0,0,.04);
}

#shopify-section-header{ z-index: 50; }

/* Glassy, high-end bar */
#shopify-section-header .header-wrapper{
position: relative;
background: rgba(var(--lux-bg), .86);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
border-bottom: 1px solid rgba(0,0,0,.08);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
#shopify-section-header .header-wrapper{ background: rgba(var(--lux-bg), .96); }
}

/* Subtle top highlight like luxury packaging */
#shopify-section-header .header-wrapper::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
opacity:.85;
}
#shopify-section-header .header{ position: relative; z-index: 1; }

/* Comfortable vertical rhythm + elegant shrink on scroll/sticky */
#shopify-section-header .header{
padding-top: 18px;
padding-bottom: 18px;
transition: padding .22s var(--lux-ease), background-color .22s var(--lux-ease);
}

#shopify-section-header .header-wrapper.lux--scrolled .header,
#shopify-section-header .header-wrapper.shopify-section-header-sticky .header{
padding-top: 10px;
padding-bottom: 10px;
}

/* Logo polish */
#shopify-section-header .header__heading-link{ padding: 0; }
#shopify-section-header .header__heading-logo,
#shopify-section-header .header__heading span{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#shopify-section-header .header__heading-logo{ max-height: 40px; width:auto; }

/* Navigation: small caps feel, generous tracking */
#shopify-section-header .header__inline-menu .list-menu__item,
#shopify-section-header .header__menu-item{
font-size: 12px;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: rgba(var(--lux-ink), .88);
padding: 12px 14px;
text-rendering: geometricPrecision;
}

#shopify-section-header .header__menu-item{ position: relative; }

/* Gold hairline underline (hover/active/open) */
#shopify-section-header .header__menu-item::after{
content:"";
position:absolute;
left: 14px;
right: 14px;
bottom: 7px;
height: 1px;
background: linear-gradient(90deg,
rgba(var(--lux-gold), 0),
rgba(var(--lux-gold), .85),
rgba(var(--lux-gold), 0)
);
transform: scaleX(0);
transform-origin: center;
transition: transform .24s var(--lux-ease);
opacity:.95;
}

#shopify-section-header .header__menu-item:hover::after,
#shopify-section-header header-menu details[open] > summary.header__menu-item::after,
#shopify-section-header .header__active-menu-item::after{
transform: scaleX(1);
}

#shopify-section-header .header__menu-item:focus-visible{
outline: 2px solid rgba(var(--lux-gold), .55);
outline-offset: 5px;
border-radius: 12px;
}

/* Dropdown (normal submenu) */
#shopify-section-header .header__submenu{
margin-top: 14px;
padding: 18px;
border-radius: var(--lux-radius);
background: rgba(255,255,255,.74);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
border: 1px solid rgba(0,0,0,.08);
box-shadow: var(--lux-shadow);
min-width: 320px;
}

#shopify-section-header .header__submenu::before{
content:"";
display:block;
height:1px;
margin: -6px 0 12px;
background: linear-gradient(90deg, transparent, rgba(var(--lux-gold), .35), transparent);
}

#shopify-section-header .header__submenu .list-menu__item{
border-radius: 14px;
padding: 10px 12px;
font-size: 13px;
letter-spacing: .10em;
color: rgba(var(--lux-ink), .92);
transition: background .18s var(--lux-ease), transform .18s var(--lux-ease);
}

#shopify-section-header .header__submenu .list-menu__item:hover{
background: rgba(var(--lux-bg), .95);
transform: translateX(2px);
}

/* Mega menu (if your theme uses it) */
#shopify-section-header .mega-menu__content{
/* makes it feel like a centered luxury card instead of full-width white slab */
left: 0;
right: 0;
width: min(980px, calc(100vw - 48px));
margin: 0 auto;

border-radius: var(--lux-radius);
background: rgba(255,255,255,.74);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
border: 1px solid rgba(0,0,0,.08);
box-shadow: var(--lux-shadow);
padding: 22px;
}

/* Open animation */
#shopify-section-header header-menu details[open] > .header__submenu,
#shopify-section-header header-menu details[open] > .mega-menu__content{
animation: luxMenuIn .22s var(--lux-ease) both;
}
@keyframes luxMenuIn{
from{ opacity: 0; transform: translateY(10px) scale(.985); }
to{ opacity: 1; transform: translateY(0) scale(1); }
}

/* Icons: premium badge look */
#shopify-section-header .header__icons{ gap: 10px; }
#shopify-section-header .header__icon{
width: 42px;
height: 42px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.10);
background: rgba(255,255,255,.35);
transition: background .2s var(--lux-ease), border-color .2s var(--lux-ease), transform .2s var(--lux-ease);
}

#shopify-section-header .header__icon:hover{
background: rgba(255,255,255,.60);
border-color: rgba(var(--lux-gold), .45);
transform: translateY(-1px);
}

#shopify-section-header .header__icon .icon{
width: 18px;
height: 18px;
color: rgba(var(--lux-ink), .92);
}

/* Mobile tuning */
@media (max-width: 749px){
#shopify-section-header .header{ padding-top: 14px; padding-bottom: 14px; }
#shopify-section-header .header__icon{ width: 40px; height: 40px; }
#shopify-section-header .header__heading-logo{ max-height: 34px; }
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
#shopify-section-header *{ animation: none !important; transition: none !important; }
}
{% comment %}
MOOMORI – MAISON HEADER
Radikal luxuriös, reduziert, high-end
{% endcomment %}

<header class="moomori-header">
<div class="moomori-header-inner">

<!-- LOGO -->
<div class="moomori-logo">
<a href="{{ routes.root_url }}">
{{ shop.name }}
</a>
</div>

<!-- NAVIGATION -->
<nav class="moomori-nav">
<ul>
<li class="has-mega">
<a href="/pages/ewigkeits-diamant">Der Ewigkeits-Diamant</a>
{% render 'moomori-mega-diamant' %}
</li>
<li>
<a href="/pages/die-reise">Die Reise</a>
</li>
<li>
<a href="/collections/schmuck">Schmuck</a>
</li>
<li>
<a href="/pages/beratung">Beratung</a>
</li>
</ul>
</nav>

<!-- ICONS -->
<div class="moomori-icons">
<a href="/search" aria-label="Suche">⌕</a>
<a href="/account" aria-label="Konto">◯</a>
<a href="/cart" aria-label="Warenkorb">◻</a>
</div>

</div>
</header>

{% schema %}
{
"name": "Moomori Luxus Header",
"settings": []
}
{% endschema %}
/* =========================
PRESTIGE / MOOMORI — RADIKAL LUXUS MEGA MENU
========================= */

/* Panel-Background + Tiefe */
.mega-menu,
.mega-menu__content,
.mega-menu__inner,
.header__submenu,
.nav-dropdown,
.header__dropdown {
background: radial-gradient(circle at 30% 20%, rgba(40,40,40,.92), rgba(8,8,8,.96)) !important;
backdrop-filter: blur(18px) saturate(120%);
-webkit-backdrop-filter: blur(18px) saturate(120%);
border: 1px solid rgba(255,255,255,.08) !important;
box-shadow: 0 26px 90px rgba(0,0,0,.45) !important;
border-radius: 18px !important;
overflow: hidden !important;
}

/* Mehr Raum (Luxus = Luft) */
.mega-menu__inner,
.mega-menu__content {
padding: 44px 54px !important;
}

/* Links: weniger "Liste" / mehr Galerie */
.mega-menu a,
.header__submenu a,
.nav-dropdown a {
letter-spacing: .08em !important;
text-transform: uppercase;
font-size: 12px !important;
opacity: .9;
}

/* Aktive/hover: Gold-Akzent */
.mega-menu a:hover,
.header__submenu a:hover,
.nav-dropdown a:hover {
color: #c7a14a !important;
}

/* Entfernt „Kästchen“-Look bei Listenelementen */
.mega-menu li,
.header__submenu li,
.nav-dropdown li {
background: transparent !important;
border: 0 !important;
}

/* Icons/Thumbnails links (falls vorhanden) ausblenden für cleanen Maison-Look */
.mega-menu img,
.header__submenu img,
.nav-dropdown img {
border-radius: 14px;
}

/* Accordion-/Chevron-Icons leiser */
.mega-menu svg,
.header__submenu svg,
.nav-dropdown svg {
opacity: .55 !important;
}

/* Desktop: rechte Bildkarte größer wirken lassen */
@media (min-width: 990px){
.mega-menu__inner,
.mega-menu__content {
max-width: 1180px !important;
margin: 0 auto !important;
}
}
/* =========================
GLOBAL ICON BUTTON STYLE (Maison)
Paste in assets/custom.css (END)
========================= */

:root{
--mm-ui-border: rgba(0,0,0,.14);
--mm-ui-bg: rgba(255,255,255,.26);
--mm-ui-ink: rgba(0,0,0,.92);
}

/* Viele Themes nutzen button/icon Klassen – wir decken die üblichen ab */
button.icon,
a.icon,
.button--icon,
.icon-button,
.header__icon,
.cart__icon,
.modal__close-button,
.slider-button{
border-radius: 999px !important;
border: 1px solid var(--mm-ui-border) !important;
background: var(--mm-ui-bg) !important;
backdrop-filter: blur(10px);
}

/* SVGs ruhig halten */
button.icon svg,
a.icon svg,
.button--icon svg,
.icon-button svg,
.header__icon svg,
.slider-button svg{
color: var(--mm-ui-ink) !important;
}

/* ===============================
MOOMORI – Mega Menu Luxury Fix (Theme-safe)
=============================== */

/* Menütexte minimal größer */
header nav a {
font-size: 15px;
line-height: 1.7;
}

/* Sekundäre Menüeinträge ruhiger */
header nav li:not(:first-child) > a {
opacity: 0.85;
}

/* Goldene Linie NUR unter erstem Submenu-Punkt */
header nav li:first-child > a::after {
content: "";
display: block;
width: 28px;
height: 1px;
margin-top: 6px;
background-color: rgba(198,161,91,0.6);
}
/* Gold-Akzent nur im ersten Submenu-Item – sichtbar aber dezent */
header nav li:first-child > a::after {
content:"";
display:block;
width:34px;
height:1px;
margin-top:8px;
background: rgba(198,161,91,0.85);
}
/* Erster Submenu-Punkt minimal stärker */
header nav li:first-child > a {
font-weight: 500;
opacity: 1 !important;
}
header nav li:not(:first-child) > a {
opacity: 0.82;
}/* ===============================
MOOMORI – HERO: Luxury readability + CTA hierarchy
=============================== */

/* 1) Ruhiges Overlay für bessere Lesbarkeit (ohne "billig dunkel") */
#momori-hero::before,
.momori-hero::before,
.banner::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 40%, rgba(0,0,0,0) 70%);
}

/* Sicherheit: falls dein Hero kein position:relative hat */
#momori-hero,
.momori-hero,
.banner {
position: relative;
overflow: hidden;
}

/* 2) Microcopy etwas präsenter (nur dezent) */
#momori-hero .momori-subline,
.momori-hero .momori-subline,
.banner .banner__text {
opacity: 0.92;
}

/* 3) Buttons: Primär klar, Sekundär ruhig (kein "Shop-Look") */
#momori-hero .button,
.momori-hero .button,
.banner .button {
border-radius: 999px;
letter-spacing: .06em;
text-transform: uppercase;
}

/* Primärbutton: feiner Rahmen (Champagnergold) */
#momori-hero .button--primary,
.momori-hero .button--primary,
.banner .button--primary {
background: transparent !important;
border: 1px solid rgba(198,161,91,.85) !important;
}

/* Sekundärbutton: noch ruhiger */
#momori-hero .button--secondary,
.momori-hero .button--secondary,
.banner .button--secondary {
background: transparent !important;
border: 1px solid rgba(255,255,255,.35) !important;
opacity: .9;
}
/* ===============================
MOOMORI – MOBILE: Hero layout + CTA stack
=============================== */

@media (max-width: 749px) {

/* 1) Headline nicht zu klein, lieber sauber umbrechen */
#momori-hero h1,
.momori-hero h1,
.banner__heading {
font-size: clamp(34px, 8vw, 44px);
line-height: 1.05;
letter-spacing: .01em;
}

/* 2) Buttons untereinander (Stack), mehr Ruhe */
#momori-hero .button,
.momori-hero .button,
.banner .button {
width: 100%;
display: flex;
justify-content: center;
padding: 14px 18px;
}

/* Falls Buttons in einem Wrap/Container liegen */
#momori-hero .button + .button,
.momori-hero .button + .button,
.banner .button + .button {
margin-top: 10px;
}

/* 3) Microcopy etwas größer/lesbarer */
#momori-hero .momori-subline,
.momori-hero .momori-subline,
.banner__text {
font-size: 14px;
line-height: 1.5;
opacity: .92;
}
}
/* MOOMORI — Header mehr Luft (Desktop + Mobile) */
.mh10__container{
padding-left: 22px !important;
padding-right: 22px !important;
}

@media (min-width: 990px){
.mh10__container{
padding-left: 32px !important;
padding-right: 32px !important;
}
}
/* Entfernt dekorative Linien im Menü-Item (Gold-Strich) */
.mh10__panel a::after,
.mh10__panel a::before{
display: none !important;
content: none !important;
}

/* Falls die Linie ein eigenes Element ist */
.mh10__panel .mh10__dash,
.mh10__panel .mh10__line,
.mh10__panel .mh10__accent,
.mh10__panel .mh10__accentline{
display: none !important;
}
/* =========================================================
MOOMORI — Mobile polish (Header + Hero)
========================================================= */
@media (max-width: 749px){

/* ---------- HEADER ---------- */
.lxh__bar{ padding: 10px 14px !important; }
.lxh__container{ gap: 10px !important; }

/* Logo kleiner + mehr Luft */
.lxh__logo{ max-width: 190px !important; }
.lxh__logo-img{ max-height: 34px !important; width: auto !important; }

/* Icon-Circles dezenter (weniger “App-UI”) */
.lxh__burger, .lxh__icon{
width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
}

/* ---------- HERO ---------- */
/* funktioniert, wenn deine Hero-Section wie früher 'momori-hero' heißt */
#momori-hero, .momori-hero{
min-height: calc(100vh - 64px) !important;
}

/* Content enger, weniger “Leerraum” */
#momori-hero .momori-hero__content,
.momori-hero .momori-hero__content{
padding: 92px 16px 18px !important;
}

/* Eyebrow weniger Tracking -> edler */
#momori-hero .momori-eyebrow,
.momori-hero .momori-eyebrow{
font-size: 11px !important;
letter-spacing: .18em !important;
opacity: .82 !important;
}

/* Headline: mobile sauber, nicht zu groß */
#momori-hero .momori-headline,
.momori-hero .momori-headline{
font-size: clamp(36px, 9.2vw, 48px) !important;
line-height: .98 !important;
margin: 12px 0 10px !important;
text-shadow: 0 10px 30px rgba(0,0,0,.22);
}

/* Subline: lesbarer */
#momori-hero .momori-subline,
.momori-hero .momori-subline{
font-size: 14px !important;
line-height: 1.5 !important;
opacity: .92 !important;
margin: 0 0 14px !important;
}

/* CTA-Links: als Premium-Buttons (statt Linien-Absätze) */
#momori-hero .momori-hero__content a,
.momori-hero .momori-hero__content a{
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 14px !important;
margin: 10px 0 !important;

border-radius: 999px !important;
border: 1px solid rgba(184,155,92,.35) !important;
background: rgba(255,255,255,.10) !important;

letter-spacing: .14em !important;
text-decoration: none !important;
}

/* Primary CTA stärker (falls Klasse vorhanden) */
#momori-hero .momori-cta--primary,
.momori-hero .momori-cta--primary{
background: rgba(184,155,92,.18) !important;
border-color: rgba(184,155,92,.55) !important;
}

/* Fallback: erster Link im CTA-Block als Primary */
#momori-hero .momori-hero__content a:first-of-type,
.momori-hero .momori-hero__content a:first-of-type{
background: rgba(184,155,92,.18) !important;
border-color: rgba(184,155,92,.55) !important;
}

/* Gold-Linien/Unterstreichungen im Hero (falls sie als pseudo/border kommen) */
#momori-hero .momori-hero__content a::before,
#momori-hero .momori-hero__content a::after,
.momori-hero .momori-hero__content a::before,
.momori-hero .momori-hero__content a::after{
content: none !important;
display: none !important;
}
}