/* Fonts werden lokal via assets/fonts/fonts.css geladen (in functions.php enqueued) — kein externer Google-Request. */

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

:root{
  /* === BEIGE BASE === */
  --bg:#f4ecdd;          --bg-deep:#ece0cb;     --bg-light:#faf4ea;
  --bg-card:#ffffff;      --bg-card-alt:#fbf8f3;
  /* === TEXT === */
  --text:#2a2622;         --text-soft:#4a443e;
  --text-muted:#8a8278;   --text-dark:#0a0a0a;
  /* === GOLD ACCENTS === */
  --gold:#c8a14a;         --gold-deep:#a8842f;
  --gold-light:#e6cc83;   --gold-bright:#d9b35e;
  /* === DARK ACCENTS === */
  --ink:#1a1714;          --coal:#161310;
  /* === BORDERS === */
  --line:rgba(10,10,10,0.08);   --line-gold:rgba(200,161,74,0.28);
  --line-light:rgba(230,204,131,0.18);
  /* === UTILITY === */
  --stock-red:#b85a45;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --ar:'Amiri',serif;     --ar-kufi:'Reem Kufi',sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1);
  --max:1320px;
}
html{ scroll-behavior:smooth; }
body{ font-family:var(--sans); color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased; overflow-x:hidden; font-size:15px; line-height:1.6; }
body.modal-open,body.nav-open{ overflow:hidden; }
::selection{ background:var(--gold); color:var(--bg-card); }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
h1,h2,h3,h4{ font-family:var(--serif); font-weight:400; color:var(--text-dark); letter-spacing:-0.005em; line-height:1.1; }
em{ font-style:italic; color:var(--gold-deep); }
.ar{ font-family:var(--ar); direction:rtl; }
.kufi{ font-family:var(--ar-kufi); direction:rtl; }

.wrap{ max-width:var(--max); margin:0 auto; padding:0 3rem; }
.page-content{ max-width:var(--max); margin:0 auto; padding:4rem 3rem; }
.page-content .page-title{ font-family:var(--serif); color:var(--text-dark); font-size:clamp(2rem,4vw,2.8rem); margin-bottom:1.5rem; }
.page-content .entry-content{ color:var(--text-soft); line-height:1.7; }
.page-content .entry-content p{ margin-bottom:1rem; }
.page-content .not-found{ text-align:center; color:var(--text-muted); }
.section-label{ font-family:var(--sans); font-size:0.65rem; font-weight:500; letter-spacing:0.32em; text-transform:uppercase; color:var(--gold-deep); display:inline-flex; align-items:center; gap:0.75rem; }
.section-label::before{ content:''; width:28px; height:1px; background:var(--gold); }
.section-label.on-dark{ color:var(--gold-light); }
.section-label.on-dark::before{ background:var(--gold); }

/* Buttons */
.btn-fill,.btn-gold{ display:inline-flex; align-items:center; gap:0.5rem; background:var(--text-dark); color:var(--bg-card-alt); padding:0.95rem 2rem; border:none; border-radius:2px; font-family:var(--sans); font-size:0.8rem; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; transition:all 0.3s var(--ease); }
.btn-fill:hover{ background:var(--text-dark); transform:translateY(-2px); }
.btn-gold{ background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep)); color:var(--text-dark); }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(200,161,74,0.35); }
.btn-outline{ display:inline-flex; align-items:center; gap:0.5rem; background:transparent; color:var(--text); padding:0.95rem 2rem; border:1px solid var(--line-gold); border-radius:2px; font-family:var(--sans); font-size:0.8rem; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; transition:all 0.3s var(--ease); }
.btn-outline:hover{ border-color:var(--gold); color:var(--gold-deep); }
.btn-outline.on-dark{ color:var(--gold-light); border-color:var(--line-light); }
.btn-outline.on-dark:hover{ border-color:var(--gold); color:var(--bg-card); }

/* ANNOUNCE */
.announce{ background:var(--bg-deep); color:var(--gold-deep); font-size:0.7rem; letter-spacing:0.16em; text-transform:uppercase; text-align:center; padding:0.6rem 1rem; font-weight:500; border-bottom:1px solid var(--line-gold); }
.announce strong{ color:var(--gold-deep); font-weight:600; }

/* NAV */
nav{ position:sticky; top:0; z-index:200; display:flex; justify-content:space-between; align-items:center; padding:1.2rem 3rem; background:rgba(244,236,221,0.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line-gold); transition:padding 0.4s ease, box-shadow 0.4s ease; }
nav.scrolled{ padding:0.8rem 3rem; box-shadow:0 4px 24px rgba(10,10,10,0.06); }
.nav-logo{ display:flex; align-items:center; gap:0.6rem; }
.nav-logo .mono{ width:30px; height:34px; }
.nav-logo .lockup{ display:flex; flex-direction:column; line-height:1; }
.nav-logo .lockup .lat{ font-family:var(--serif); font-size:1.5rem; font-weight:500; letter-spacing:0.04em; color:var(--text-dark); }
.nav-logo .lockup .tagline{ font-family:var(--sans); font-size:0.58rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-deep); margin-top:3px; }
.nav-links{ display:flex; gap:1.8rem; list-style:none; }
.nav-links a{ font-size:0.8rem; letter-spacing:0.05em; color:var(--text-soft); position:relative; padding:0.3rem 0; transition:color 0.25s; }
.nav-links a::after{ content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--gold); transition:width 0.3s var(--ease); }
.nav-links a:hover{ color:var(--text-dark); } .nav-links a:hover::after{ width:100%; }
.nav-actions{ display:flex; align-items:center; gap:1.1rem; }
.nav-icon{ display:inline-flex; align-items:center; justify-content:center; color:var(--text); position:relative; transition:color .2s; padding:0; }
.nav-icon:hover{ color:var(--gold); }
.nav-ico-svg{ display:block; }
.cart-count{ position:absolute; top:-6px; right:-8px; background:var(--gold); color:var(--text-dark); font-family:var(--sans); font-size:0.6rem; font-weight:600; width:15px; height:15px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.hamburger{ display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:4px; }
.hamburger span{ width:22px; height:2px; background:var(--text-dark); transition:0.3s; }
.mobile-menu{ position:fixed; inset:0 0 0 30%; background:var(--bg); z-index:199; transform:translateX(100%); transition:transform 0.4s var(--ease); display:flex; flex-direction:column; justify-content:center; gap:1.3rem; padding:3rem; }
.mobile-menu.open{ transform:translateX(0); }
.mobile-menu a{ color:var(--text-dark); font-family:var(--serif); font-size:1.5rem; }
.mobile-menu a:hover{ color:var(--gold-deep); }

/* HERO */
.hero{ background:linear-gradient(180deg,var(--bg-light),var(--bg)); color:var(--text); padding:3.5rem 3rem 4.5rem; position:relative; overflow:hidden; }
.hero::before{ content:''; position:absolute; inset:0; background:radial-gradient(40% 40% at 50% 30%, rgba(200,161,74,0.06), transparent 70%); pointer-events:none; }
.hero-inner{ max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:1fr 0.95fr; gap:3rem; align-items:center; position:relative; }
.hero-logo-wrap{ display:flex; justify-content:center; align-items:center; }
.hero-logo-wrap img{ width:min(420px,90%); filter:drop-shadow(0 8px 50px rgba(200,161,74,0.22)); }
.hero-eyebrow{ font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-deep); }
.hero-ar{ font-family:var(--ar); font-size:2rem; color:var(--gold); margin:0.6rem 0 0.4rem; direction:rtl; }
.hero h1{ font-size:clamp(2.4rem,4.6vw,3.9rem); color:var(--text-dark); font-weight:300; margin-bottom:1.2rem; }
.hero h1 .pct{ color:var(--gold-deep); font-weight:500; }
.hero h1 em{ color:var(--gold-deep); }
.hero-sub{ color:var(--text-soft); font-size:1.02rem; max-width:34rem; margin-bottom:2rem; }
.hero-sub strong{ color:var(--text-dark); font-weight:500; }
.hero-stats{ display:flex; gap:2.4rem; margin-bottom:2.2rem; }
.hero-stat-num{ font-family:var(--serif); font-size:2rem; color:var(--gold-deep); }
.hero-stat-label{ font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }
.hero-cta{ display:flex; gap:1rem; flex-wrap:wrap; }

/* TRUST STRIP */
.trust-strip{ background:var(--bg-deep); color:var(--text-soft); border-top:1px solid var(--line-gold); border-bottom:1px solid var(--line-gold); }
.trust-strip-inner{ max-width:var(--max); margin:0 auto; display:flex; justify-content:space-around; flex-wrap:wrap; gap:1rem; padding:1rem 3rem; font-size:0.78rem; }
.trust-strip-item{ display:flex; align-items:center; gap:0.5rem; }
.trust-strip-item strong{ color:var(--text-dark); }
.trust-strip-icon{ color:var(--gold); }

/* ACTION BAND */
.action-band{ background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-deep)); color:var(--text-dark); text-align:center; padding:0.7rem 1rem; font-size:0.82rem; font-weight:600; letter-spacing:0.06em; }
.action-band em{ color:var(--text-dark); font-style:italic; font-weight:700; }

/* Generic sections */
.sec{ padding:6rem 0; }
.sec-head{ text-align:center; max-width:48rem; margin:0 auto 3.5rem; }
.sec-head h2{ font-size:clamp(2rem,3.6vw,3rem); margin:1rem 0 1rem; }
.sec-head p{ color:var(--text-soft); }

/* DISCOVERY SET */
.discovery{ background:var(--bg); }
.disc-card{ max-width:var(--max); margin:0 auto; padding:0 3rem; }
.disc-inner{ display:grid; grid-template-columns:1fr 0.9fr; gap:0; border:1px solid var(--line-gold); border-radius:8px; overflow:hidden; box-shadow:0 24px 60px rgba(200,161,74,0.14); }
.disc-left{ padding:3rem; background:var(--bg-card); }
.disc-right{ background:radial-gradient(circle at 60% 30%, #1c1813, var(--ink)); color:var(--bg-card); padding:3rem; display:flex; flex-direction:column; justify-content:center; }
.disc-pill{ display:inline-block; background:var(--text-dark); color:var(--gold-light); font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; padding:0.35rem 0.9rem; border-radius:20px; margin-bottom:1.2rem; }
.disc-left h2{ font-size:clamp(1.8rem,3vw,2.6rem); margin-bottom:1rem; }
.disc-left h2 em{ color:var(--gold-deep); }
.disc-left p{ color:var(--text-soft); margin-bottom:1.4rem; }
.disc-steps{ list-style:none; display:grid; gap:0.9rem; margin-bottom:1.6rem; }
.disc-steps li{ display:flex; gap:0.9rem; align-items:flex-start; font-size:0.9rem; }
.disc-steps .n{ flex:none; width:26px; height:26px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-style:italic; color:var(--gold-deep); font-size:0.9rem; }
.disc-steps strong{ color:var(--text-dark); }
.disc-price{ display:flex; align-items:baseline; gap:0.8rem; }
.disc-price .p{ font-family:var(--serif); font-size:2.6rem; color:var(--text-dark); }
.disc-right .disc-price .p{ color:var(--bg-card); }
.disc-price .note{ font-size:0.78rem; color:var(--text-muted); }
.disc-right .voucher{ border:1px dashed var(--line-light); border-radius:6px; padding:1.2rem; margin:1.4rem 0; text-align:center; }
.disc-right .voucher .big{ font-family:var(--serif); font-size:1.4rem; color:var(--gold-light); }
.disc-right .voucher .sm{ font-size:0.76rem; color:var(--text-muted); }
.disc-right .ar{ font-family:var(--ar); color:var(--gold); font-size:1.3rem; margin-bottom:0.4rem; direction:rtl; }

/* DUFTFINDER (neu) */
.finder{ background:linear-gradient(180deg,var(--bg-deep),var(--bg)); color:var(--text); }
.finder-inner{ max-width:820px; margin:0 auto; padding:0 3rem; text-align:center; }
.finder .section-label{ justify-content:center; }
.finder h2{ color:var(--text-dark); font-size:clamp(2rem,3.6vw,2.8rem); margin:1rem 0 0.6rem; }
.finder h2 em{ color:var(--gold-deep); }
.finder-ar{ font-family:var(--ar); font-size:1.5rem; color:var(--gold); margin-bottom:0.6rem; direction:rtl; }
.finder-sub{ color:var(--text-soft); margin-bottom:2.4rem; }
.finder-card{ background:var(--bg-card); border:1px solid var(--line-gold); border-radius:10px; padding:2.6rem 2.2rem; box-shadow:0 14px 40px rgba(36,31,26,0.07); }
.finder-progress{ display:flex; justify-content:center; gap:0.6rem; margin-bottom:1.8rem; }
.finder-progress i{ width:34px; height:4px; border-radius:3px; background:var(--line-gold); transition:0.3s; }
.finder-progress i.on{ background:linear-gradient(90deg,var(--gold-light),var(--gold-deep)); }
.finder-q{ font-family:var(--serif); font-size:1.6rem; color:var(--text-dark); margin-bottom:1.6rem; }
.finder-opts{ display:grid; grid-template-columns:repeat(2,1fr); gap:0.9rem; }
.finder-opt{ background:var(--bg-light); border:1px solid var(--line-gold); border-radius:6px; padding:1.1rem 1.2rem; color:var(--text); font-family:var(--sans); font-size:0.95rem; cursor:pointer; transition:all 0.25s var(--ease); text-align:left; display:flex; align-items:center; gap:0.8rem; }
.finder-opt:hover{ border-color:var(--gold); background:var(--bg-deep); transform:translateY(-2px); }
.finder-opt .ic{ font-size:1.2rem; color:var(--gold-deep); }
.finder-back{ background:none; border:none; color:var(--text-muted); font-size:0.78rem; letter-spacing:0.06em; cursor:pointer; margin-top:1.6rem; }
.finder-back:hover{ color:var(--gold-deep); }
.finder-result-head{ margin-bottom:1.6rem; }
.finder-result-head .ar{ font-family:var(--ar); color:var(--gold); font-size:1.3rem; direction:rtl; }
.finder-result-head h3{ color:var(--text-dark); font-size:1.7rem; margin:0.3rem 0; }
.finder-result-head p{ color:var(--text-soft); font-size:0.9rem; }
.finder-result{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:1.6rem; }
.finder-result .product-card{ text-align:left; }
.finder-restart{ display:flex; gap:0.8rem; justify-content:center; flex-wrap:wrap; }

/* INDEPENDENCE / VALUE-KERN */
.independence{ background:var(--bg); color:var(--text); text-align:center; padding:4.5rem 3rem; border-top:1px solid var(--line-gold); border-bottom:1px solid var(--line-gold); }
.independence .ar{ font-family:var(--ar); color:var(--gold-deep); font-size:1.6rem; margin-bottom:0.8rem; direction:rtl; }
.independence h2{ color:var(--text-dark); font-size:clamp(1.8rem,3.4vw,2.8rem); max-width:42rem; margin:0 auto 1rem; }
.independence h2 em{ color:var(--gold-deep); }
.independence p{ color:var(--text-soft); max-width:40rem; margin:0 auto; font-size:1rem; }

/* CONCENTRATION */
.concentration{ background:var(--bg-card-alt); }
.conc-compare{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:var(--max); margin:0 auto; padding:0 3rem; }
.conc-col{ background:var(--bg-card); border:1px solid var(--line-gold); border-radius:4px; padding:2.2rem 1.8rem; text-align:center; position:relative; }
.conc-col.featured{ border:1px solid var(--gold); box-shadow:0 20px 50px rgba(200,161,74,0.14); }
.conc-pin{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--gold); color:var(--text-dark); font-size:0.62rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; padding:0.3rem 0.9rem; border-radius:10px; }
.conc-col-tier{ font-size:0.66rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); }
.conc-col-name{ font-family:var(--serif); font-size:1.3rem; margin:0.3rem 0 0.8rem; }
.conc-col-pct{ font-family:var(--serif); font-size:3.4rem; color:var(--gold-deep); line-height:1; }
.conc-col-pct sup{ font-size:1.2rem; }
.conc-col-pct-label{ font-size:0.66rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); margin-bottom:1rem; }
.conc-bar{ height:6px; background:var(--bg-card-alt); border-radius:4px; overflow:hidden; margin-bottom:1rem; }
.conc-bar-fill{ height:100%; width:0; background:linear-gradient(90deg,var(--gold-light),var(--gold-deep)); transition:width 1.2s var(--ease); }
.conc-col-fact{ font-size:0.85rem; color:var(--text-soft); }
.conc-col-fact strong{ color:var(--text-dark); }
.conc-footnote{ text-align:center; margin-top:2.5rem; color:var(--gold-deep); font-size:0.9rem; }

/* STORY */
.story-inner{ max-width:var(--max); margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:1.1fr 0.9fr; gap:4rem; align-items:center; }
.story-body{ color:var(--text-soft); margin-bottom:1.2rem; }
.story-body strong{ color:var(--text-dark); }
.story-quote-card{ background:var(--ink); color:var(--bg-card-alt); border-radius:6px; padding:3rem 2.5rem; position:relative; }
.story-mark{ font-family:var(--serif); font-size:5rem; color:var(--gold); line-height:0.5; }
.story-quote{ font-family:var(--serif); font-size:1.7rem; font-style:italic; margin:1rem 0; }
.story-attribution{ font-size:0.78rem; color:var(--text-muted); letter-spacing:0.05em; }
.story-ar{ font-family:var(--ar); color:var(--gold-light); font-size:1.4rem; margin-top:1.2rem; direction:rtl; }

/* GRID + SIGNATURE */
.signature{ background:var(--bg); }
.sig-grid,.products-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; max-width:var(--max); margin:0 auto; padding:0 3rem; }
.products-grid{ grid-template-columns:repeat(4,1fr); }
.sig-card,.product-card{ background:var(--bg-card); border:1px solid var(--line-gold); border-radius:4px; padding:1.6rem; cursor:pointer; transition:all 0.35s var(--ease); position:relative; overflow:hidden; }
.sig-card:hover,.product-card:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(10,10,10,0.10); border-color:var(--line-gold); }
.card-flacon{ display:flex; justify-content:center; padding:0.6rem 0 1rem; }
.card-flacon svg{ height:140px; }
.card-cat{ font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold-deep); }
.card-name{ font-family:var(--serif); font-size:1.35rem; margin:0.2rem 0; }
.card-family{ font-size:0.72rem; color:var(--text-muted); margin-bottom:0.2rem; }
.card-notes{ font-size:0.8rem; color:var(--text-muted); margin-bottom:0.8rem; min-height:2.4em; }
.card-price-row{ display:flex; align-items:baseline; justify-content:space-between; border-top:1px solid var(--line-gold); padding-top:0.8rem; }
.card-price{ font-family:var(--serif); font-size:1.3rem; color:var(--text-dark); }
.card-price small{ font-family:var(--sans); font-size:0.7rem; color:var(--text-muted); }
.card-cta{ font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold-deep); }
.product-badge-corner,.sig-badge{ position:absolute; top:0.9rem; left:0.9rem; background:var(--gold); color:var(--text-dark); font-size:0.6rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; padding:0.25rem 0.6rem; border-radius:3px; }
.product-badge-corner.orient,.sig-badge.orient{ background:var(--ink); color:var(--gold-light); }
.card-stock{ position:absolute; top:0.9rem; right:0.9rem; font-size:0.62rem; color:var(--stock-red); font-weight:500; }
.filter-wrap{ max-width:var(--max); margin:0 auto 2.5rem; padding:0 3rem; }
.filter-row{ display:flex; justify-content:center; gap:0.6rem; flex-wrap:wrap; margin-bottom:0.8rem; }
.filter-row-label{ text-align:center; font-size:0.62rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--text-muted); margin:1.2rem 0 0.6rem; }
.filter-chip{ background:transparent; border:1px solid var(--line-gold); color:var(--text-soft); padding:0.5rem 1.2rem; border-radius:20px; font-size:0.76rem; letter-spacing:0.04em; cursor:pointer; transition:all 0.25s; }
.filter-chip.active,.filter-chip:hover{ background:var(--text-dark); color:var(--bg-card-alt); border-color:var(--text-dark); }
.filter-chip.prof.active{ background:linear-gradient(135deg,var(--gold),var(--gold-deep)); color:var(--text-dark); border-color:var(--gold); }

/* ORIENT */
.orient{ background:radial-gradient(120% 120% at 80% 0%, #1c1813, var(--ink)); color:var(--bg-card-alt); position:relative; overflow:hidden; }
.orient::before{ content:'﷽'; position:absolute; font-family:var(--ar); font-size:30rem; color:rgba(200,161,74,0.04); right:-4rem; top:-6rem; pointer-events:none; }
.orient-inner{ max-width:var(--max); margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:0.9fr 1.1fr; gap:3.5rem; align-items:center; position:relative; }
.orient h2{ color:#fff; font-size:clamp(2rem,3.6vw,3rem); margin:1rem 0; }
.orient h2 em{ color:var(--gold-light); }
.orient-ar{ font-family:var(--ar); font-size:2.2rem; color:var(--gold); direction:rtl; }
.orient p{ color:var(--text-muted); margin-bottom:1.4rem; }
.orient-list{ list-style:none; display:grid; gap:0.8rem; }
.orient-list li{ display:flex; gap:0.8rem; align-items:flex-start; font-size:0.9rem; color:var(--text-muted); }
.orient-list .n{ font-family:var(--ar); color:var(--gold); font-size:1.1rem; }

/* BEAST */
.beast{ background:var(--ink); color:var(--bg-card-alt); }
.beast-inner{ max-width:var(--max); margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:1.2fr 0.8fr; gap:3rem; align-items:center; }
.beast h2{ color:#fff; font-size:clamp(2rem,3.6vw,3rem); margin:0.8rem 0 1.2rem; }
.beast h2 em{ color:var(--gold-light); }
.beast p{ color:var(--text-muted); margin-bottom:1.6rem; }
.beast p strong{ color:var(--bg-card); }
.beast-meta{ display:flex; gap:2.2rem; margin-bottom:1.8rem; }
.beast-meta-num{ font-family:var(--serif); font-size:1.8rem; color:var(--gold-light); }
.beast-meta-label{ font-size:0.66rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }
.beast-circle{ aspect-ratio:1; border:1px solid var(--line-light); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle, rgba(200,161,74,0.12), transparent 70%); max-width:280px; margin:0 auto; }
.beast-pct{ font-family:var(--serif); font-size:4.5rem; color:var(--gold-light); }
.beast-pct-label{ font-size:0.72rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); }

/* ATELIER / HANDMADE */
.handmade-inner{ max-width:var(--max); margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:0.9fr 1.1fr; gap:4rem; align-items:center; }
.handmade-card{ background:linear-gradient(135deg,var(--bg-light),var(--bg)); border:1px solid var(--line-gold); border-radius:6px; padding:2.5rem; position:relative; box-shadow:0 20px 50px rgba(10,10,10,0.08); }
.handmade-card-stamp{ position:absolute; top:1.5rem; right:1.5rem; width:78px; height:78px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:0.6rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-deep); line-height:1.3; }
.handmade-card-greeting{ font-family:var(--serif); font-size:1.4rem; color:var(--text); margin-bottom:0.8rem; }
.handmade-card-body{ font-family:var(--serif); font-size:1.15rem; color:var(--text-soft); margin-bottom:0.8rem; }
.handmade-card-sig{ font-family:var(--serif); font-style:italic; font-size:1.2rem; color:var(--gold-deep); margin-top:1.2rem; }
.handmade-card-meta{ font-size:0.72rem; color:var(--text-muted); letter-spacing:0.05em; }
.handmade h2{ font-size:clamp(2rem,3.6vw,3rem); margin:1rem 0; }
.handmade h2 em{ color:var(--gold-deep); }
.handmade-text{ color:var(--text-soft); margin-bottom:1rem; }
.handmade-text strong{ color:var(--text-dark); }
.handmade-list{ list-style:none; display:grid; gap:1rem; margin-top:1.5rem; }
.handmade-list li{ display:flex; gap:1rem; }
.handmade-list-num{ flex:none; width:30px; height:30px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-style:italic; color:var(--gold-deep); }
.handmade-list-body strong{ display:block; font-size:0.92rem; }
.handmade-list-body span{ font-size:0.82rem; color:var(--text-muted); }
.atelier-visit{ margin-top:1.6rem; padding:1rem 1.2rem; border:1px solid var(--line-gold); border-radius:6px; background:var(--bg-card); font-size:0.85rem; color:var(--text-soft); }
.atelier-visit strong{ color:var(--gold-deep); }

/* BUNDLES */
.bundles{ background:var(--bg-card-alt); }
.staffel{ display:flex; justify-content:center; gap:0; max-width:760px; margin:0 auto 3rem; border:1px solid var(--line-gold); border-radius:4px; overflow:hidden; background:var(--bg-card); }
.staffel-step{ flex:1; text-align:center; padding:1.2rem 0.6rem; border-right:1px solid var(--line-gold); }
.staffel-step:last-child{ border-right:none; }
.staffel-qty{ font-family:var(--serif); font-size:1.4rem; color:var(--text-dark); }
.staffel-off{ font-size:0.78rem; color:var(--gold-deep); font-weight:600; }
.staffel-note{ font-size:0.66rem; color:var(--text-muted); letter-spacing:0.05em; }
.bundles-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; max-width:var(--max); margin:0 auto; padding:0 3rem; }
.bundle-card{ background:var(--bg-card); border:1px solid var(--line-gold); border-radius:6px; padding:2.2rem; position:relative; transition:all 0.35s var(--ease); }
.bundle-card:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(10,10,10,0.10); }
.bundle-card.featured{ border:1px solid var(--gold); box-shadow:0 20px 50px rgba(200,161,74,0.16); }
.bundle-popular{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--gold); color:var(--text-dark); font-size:0.62rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; padding:0.3rem 0.9rem; border-radius:10px; }
.bundle-tier{ font-size:0.66rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); }
.bundle-name{ font-family:var(--serif); font-size:1.7rem; margin:0.3rem 0 0.5rem; }
.bundle-tagline{ font-size:0.85rem; color:var(--text-soft); min-height:2.6em; margin-bottom:1.2rem; }
.bundle-list{ list-style:none; display:grid; gap:0.6rem; margin-bottom:1.4rem; }
.bundle-list li{ display:flex; gap:0.7rem; font-size:0.85rem; color:var(--text-soft); }
.bundle-list-num{ color:var(--gold-deep); font-family:var(--serif); font-style:italic; }
.bundle-original{ font-size:0.8rem; color:var(--text-muted); }
.bundle-price-row{ display:flex; align-items:center; gap:0.8rem; margin:0.3rem 0; }
.bundle-price{ font-family:var(--serif); font-size:2.4rem; color:var(--text-dark); }
.bundle-save-pill{ background:var(--bg-card-alt); color:var(--gold-deep); font-size:0.72rem; font-weight:600; padding:0.3rem 0.7rem; border-radius:4px; }
.bundle-per{ font-size:0.74rem; color:var(--text-muted); margin-bottom:1.2rem; }
.bundle-cta-btn{ width:100%; justify-content:center; }

/* TRUST / REVIEWS */
.trust-sec{ background:var(--bg); }
.review-aggregate{ display:flex; align-items:center; justify-content:center; gap:1.6rem; flex-wrap:wrap; margin-bottom:2rem; }
.rev-source{ display:flex; align-items:center; gap:0.7rem; border:1px solid var(--line-gold); border-radius:6px; padding:0.9rem 1.3rem; background:var(--bg-card); }
.rev-source .stars{ color:var(--gold); letter-spacing:0.1em; font-size:1rem; }
.rev-source .lbl{ font-size:0.78rem; color:var(--text-soft); }
.rev-source .lbl strong{ color:var(--text-dark); display:block; font-size:0.9rem; }
.rev-pending{ font-size:0.66rem; color:var(--text-muted); letter-spacing:0.08em; text-transform:uppercase; }
.reviews-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; max-width:var(--max); margin:0 auto; padding:0 3rem; }
.review-card{ background:var(--bg-card); border:1px dashed var(--line-gold); border-radius:4px; padding:1.8rem; }
.review-card .slot{ color:var(--text-muted); font-style:italic; font-family:var(--serif); font-size:1.1rem; line-height:1.4; }
.review-card .meta{ font-size:0.72rem; color:var(--text-muted); margin-top:0.8rem; letter-spacing:0.04em; text-transform:uppercase; }
.review-note{ text-align:center; max-width:42rem; margin:2.2rem auto 0; font-size:0.82rem; color:var(--text-muted); }

/* TRUST BADGES */
.trust-badges{ display:flex; flex-wrap:wrap; gap:0.6rem; margin:1rem 0; }
.tbadge{ display:flex; align-items:center; gap:0.4rem; font-size:0.7rem; color:var(--text-soft); background:var(--bg-card-alt); border:1px solid var(--line-gold); border-radius:20px; padding:0.35rem 0.75rem; }
.tbadge .ic{ color:var(--gold-deep); }

/* NEWSLETTER */
.newsletter{ background:radial-gradient(120% 120% at 50% 0%, #1a1714, var(--ink)); color:var(--bg-card-alt); text-align:center; }
.newsletter-inner{ max-width:42rem; margin:0 auto; padding:0 3rem; }
.newsletter-ar{ font-family:var(--ar); font-size:1.6rem; color:var(--gold); margin-bottom:0.6rem; direction:rtl; }
.newsletter h2{ color:#fff; font-size:clamp(2rem,3.6vw,2.8rem); margin-bottom:1rem; }
.newsletter h2 em{ color:var(--gold-light); }
.newsletter-sub{ color:var(--text-muted); margin-bottom:2rem; }
.newsletter-form{ display:flex; gap:0.6rem; max-width:30rem; margin:0 auto 0.8rem; }
.newsletter-input{ flex:1; background:rgba(255,255,255,0.06); border:1px solid var(--line-light); border-radius:2px; padding:0.95rem 1.2rem; color:var(--bg-card); font-family:var(--sans); font-size:0.9rem; }
.newsletter-input::placeholder{ color:var(--text-muted); }
.newsletter-perk{ font-size:0.74rem; color:var(--text-muted); } .newsletter-perk strong{ color:var(--gold-light); }

/* FOOTER */
footer{ background:var(--ink); color:var(--text-muted); padding:4.5rem 0 2rem; }
.footer-top{ max-width:var(--max); margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2.5rem; }
.footer-logo{ width:120px; margin-bottom:1rem; }
.footer-brand p{ font-size:0.85rem; color:var(--text-muted); max-width:22rem; margin-bottom:1rem; }
.footer-wordmark{ font-family:var(--serif); font-size:2rem; font-weight:500; letter-spacing:0.04em; color:var(--gold-light); margin-bottom:0.7rem; }
.footer-address{ font-style:normal; font-size:0.8rem; color:var(--text-muted); line-height:1.8; }
.footer-address strong{ color:var(--bg-card); }
.footer-col-title{ color:var(--gold-light); font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:1rem; }
.footer-links{ list-style:none; display:grid; gap:0.6rem; }
.footer-links a{ font-size:0.84rem; color:var(--text-muted); transition:color 0.2s; }
.footer-links a:hover{ color:var(--gold-light); }
.footer-bottom{ max-width:var(--max); margin:3rem auto 0; padding:1.6rem 3rem 0; border-top:1px solid var(--line-light); display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; font-size:0.74rem; color:var(--text-muted); }
.footer-payment{ display:flex; gap:0.5rem; }
.footer-pay-pill{ border:1px solid var(--line-light); border-radius:3px; padding:0.2rem 0.6rem; font-size:0.66rem; letter-spacing:0.06em; }
.footer-legal{ display:flex; gap:1.2rem; }
.footer-legal a:hover{ color:var(--gold-light); }
.footer-note{ max-width:var(--max); margin:1rem auto 0; padding:0 3rem; font-size:0.66rem; color:#5a554d; }

/* MODAL */
.modal-overlay{ position:fixed; inset:0; background:rgba(10,10,10,0.7); backdrop-filter:blur(6px); z-index:300; opacity:0; pointer-events:none; transition:opacity 0.3s; display:flex; align-items:center; justify-content:center; padding:2rem; }
.modal-overlay.open{ opacity:1; pointer-events:auto; }
.modal{ background:var(--bg); border-radius:8px; max-width:900px; width:100%; max-height:90vh; overflow-y:auto; display:grid; grid-template-columns:0.8fr 1.2fr; position:relative; transform:translateY(20px); transition:transform 0.35s var(--ease); }
.modal-overlay.open .modal{ transform:translateY(0); }
.modal-close{ position:absolute; top:1rem; right:1rem; background:var(--bg-card); border:none; width:36px; height:36px; border-radius:50%; font-size:1.4rem; cursor:pointer; z-index:2; }
.modal-visual{ background:radial-gradient(circle at 50% 40%, #1c1813, var(--ink)); display:flex; align-items:center; justify-content:center; padding:2.5rem; }
.modal-visual svg{ height:300px; }
.modal-body{ padding:2.3rem; }
.modal-cat{ font-size:0.66rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold-deep); }
.modal-name{ font-family:var(--serif); font-size:2.1rem; margin:0.2rem 0; }
.modal-tagline{ font-style:italic; color:var(--text-soft); margin-bottom:1rem; }
.modal-family{ display:inline-block; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold-deep); border:1px solid var(--line-gold); border-radius:20px; padding:0.3rem 0.8rem; margin-bottom:1rem; }
.char-tags{ display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.2rem; }
.char-tags span{ font-family:var(--serif); font-style:italic; font-size:0.95rem; color:var(--text); }
.char-tags span:not(:last-child)::after{ content:'·'; color:var(--gold); margin-left:0.5rem; }
.meters{ display:grid; grid-template-columns:1fr 1fr; gap:0.8rem 1.6rem; margin-bottom:1.2rem; }
.meter .ml{ display:flex; justify-content:space-between; font-size:0.72rem; color:var(--text-muted); margin-bottom:0.25rem; }
.meter .ml strong{ color:var(--text); font-weight:600; }
.meter-dots{ display:flex; gap:4px; }
.meter-dots i{ flex:1; height:6px; border-radius:3px; background:var(--bg-card-alt); }
.meter-dots i.on{ background:linear-gradient(90deg,var(--gold-light),var(--gold-deep)); }
.pyramid{ border-top:1px solid var(--line-gold); border-bottom:1px solid var(--line-gold); padding:0.9rem 0; margin-bottom:1rem; }
.pyr-row{ display:flex; justify-content:space-between; padding:0.3rem 0; font-size:0.85rem; }
.pyr-label{ color:var(--gold-deep); font-size:0.7rem; letter-spacing:0.08em; text-transform:uppercase; }
.modal-occasions{ display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.2rem; }
.modal-occasions span{ background:var(--bg-card-alt); font-size:0.7rem; padding:0.3rem 0.7rem; border-radius:20px; color:var(--text-soft); }
.size-grid{ display:flex; gap:0.6rem; margin-bottom:1rem; }
.size-opt{ flex:1; border:1px solid var(--line-gold); border-radius:4px; padding:0.8rem; text-align:center; cursor:pointer; transition:all 0.25s; }
.size-opt.active{ border-color:var(--gold); background:var(--bg-card-alt); }
.size-opt .s{ font-family:var(--serif); font-size:1.1rem; } .size-opt .p{ font-size:0.78rem; color:var(--text-muted); }
.modal-beast-toggle{ display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:var(--bg-card-alt); border-radius:4px; padding:0.8rem 1rem; margin-bottom:1rem; cursor:pointer; }
.modal-beast-toggle .lbl{ font-size:0.85rem; } .modal-beast-toggle .lbl strong{ color:var(--gold-light); }
.toggle{ width:42px; height:22px; background:rgba(255,255,255,0.2); border-radius:20px; position:relative; transition:0.25s; flex:none; }
.toggle::after{ content:''; position:absolute; top:2px; left:2px; width:18px; height:18px; background:#fff; border-radius:50%; transition:0.25s; }
.toggle.on{ background:var(--gold); } .toggle.on::after{ transform:translateX(20px); }
.qty-row{ display:flex; align-items:center; justify-content:space-between; margin-bottom:0.4rem; }
.qty-label{ font-size:0.8rem; color:var(--text-soft); }
.qty-ctrl{ display:flex; align-items:center; gap:0.8rem; }
.qty-btn{ width:30px; height:30px; border:1px solid var(--line-gold); background:var(--bg-card); border-radius:50%; font-size:1.1rem; cursor:pointer; }
.qty-val{ font-family:var(--serif); font-size:1.2rem; min-width:1.5rem; text-align:center; }
.qty-hint{ font-size:0.72rem; color:var(--gold-deep); min-height:1.1em; margin-bottom:0.8rem; }
.modal-total{ display:flex; align-items:baseline; justify-content:space-between; border-top:1px solid var(--line-gold); padding-top:1rem; margin-bottom:1rem; }
.modal-total .lbl{ font-size:0.8rem; color:var(--text-muted); }
.modal-total .old{ text-decoration:line-through; color:var(--text-muted); font-size:0.9rem; margin-right:0.5rem; }
.modal-total .val{ font-family:var(--serif); font-size:2rem; color:var(--text-dark); }
.modal-add{ width:100%; justify-content:center; }

/* STICKY MOBILE */
.sticky-mobile{ display:none; position:fixed; bottom:0; left:0; right:0; background:var(--ink); padding:0.8rem 1rem; z-index:150; box-shadow:0 -4px 20px rgba(0,0,0,0.2); }
.sticky-mobile a{ display:flex; justify-content:center; }

/* REVEAL */
.reveal{ opacity:0; transform:translateY(24px); transition:opacity 0.7s var(--ease), transform 0.7s var(--ease); }
.reveal.in{ opacity:1; transform:none; }

/* RESPONSIVE */
@media(max-width:980px){
  .wrap,.conc-compare,.story-inner,.orient-inner,.beast-inner,.handmade-inner,.bundles-grid,.reviews-grid,.products-grid,.sig-grid,.footer-top,.disc-card,.filter-wrap{ padding-left:1.4rem; padding-right:1.4rem; }
  .hero-inner,.story-inner,.orient-inner,.beast-inner,.handmade-inner,.disc-inner{ grid-template-columns:1fr; gap:2.5rem; }
  .hero-logo-wrap{ order:-1; }
  .conc-compare,.products-grid,.sig-grid,.bundles-grid,.reviews-grid{ grid-template-columns:1fr; }
  .products-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-top{ grid-template-columns:1fr 1fr; }
  nav{ padding:1rem 1.4rem; } .nav-links{ display:none; } .hamburger{ display:flex; }
  .modal{ grid-template-columns:1fr; } .modal-visual{ padding:2rem; } .modal-visual svg{ height:200px; }
  .sticky-mobile{ display:block; } .sec{ padding:4rem 0; }
  .hero-stats{ gap:1.4rem; } .disc-inner{ gap:0; } .finder-inner{ padding:0 1.4rem; }
}
@media(max-width:560px){ .products-grid{ grid-template-columns:1fr; } .staffel{ flex-wrap:wrap; } .staffel-step{ flex:1 1 33%; } .meters{ grid-template-columns:1fr; } .finder-opts{ grid-template-columns:1fr; } .finder-result{ grid-template-columns:1fr; } }

/* v10 Zusatz */
.card-ref{font-style:italic;color:var(--text-muted);font-size:0.74rem;margin:0.1rem 0 0.35rem;min-height:1.05em}
.modal-desc{font-size:0.85rem;color:var(--text-soft);line-height:1.55;margin:0 0 1rem;max-height:8.5rem;overflow:auto;padding-right:0.4rem}

/* === SOMMER 2026 === */
.summer-hero{ background:linear-gradient(135deg,#f4a261 0%,#e76f51 30%,#264653 100%); padding:4rem 3rem; text-align:center; color:#fff; }
.summer-hero .summer-ar{ font-family:var(--ar); font-size:1.6rem; margin:0.5rem 0 1rem; opacity:0.8; }
.summer-hero h2{ color:#fff; font-size:clamp(2.2rem,5vw,3.6rem); margin:0.5rem 0 1rem; }
.summer-hero h2 em{ color:#f9d71c; }
.summer-hero .summer-sub{ font-size:1.1rem; line-height:1.6; opacity:0.9; margin-bottom:2rem; max-width:660px; margin-left:auto; margin-right:auto; }
.summer-hero .summer-cta-row{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.summer-hero .btn-outline.on-dark{ border-color:rgba(255,255,255,0.4); color:#fff; }
.summer-hero .btn-outline.on-dark:hover{ border-color:#fff; background:rgba(255,255,255,0.1); }
.filter-chip[data-value="Summer"]::before{ content:""; }
@media(max-width:560px){ .summer-hero{ padding:2rem 1.2rem; } .summer-hero h2{ font-size:clamp(1.6rem,7vw,2.4rem); } .summer-hero .summer-ar{ font-size:1.2rem; } .summer-hero .summer-sub{ font-size:0.95rem; } .summer-hero .summer-cta-row{ flex-direction:column; gap:0.6rem; } .summer-hero .summer-cta-row a.btn{ width:100%; text-align:center; } }

/* === TRUST BADGES CART + CHECKOUT === */
.cart-trust-badges{ display:flex; flex-wrap:wrap; gap:0.5rem 1.2rem; padding:0.8rem 0; margin-bottom:1rem; border-top:1px solid var(--line); justify-content:center; }
.ctb-item{ font-size:0.75rem; letter-spacing:0.02em; color:var(--text-soft); }
.ctb-item:last-child{ margin-right:0; }

/* === FREE SHIPPING PROGRESS === */
.fs-progress{ margin:1rem 0; padding:0.8rem 1rem; background:var(--bg-light); border:1px solid var(--line-gold); border-radius:8px; }
.fs-progress.fs-done{ background:#eaf7e7; border-color:#4caf50; text-align:center; font-size:0.9rem; }
.fs-progress-bar{ height:4px; background:var(--line); border-radius:4px; overflow:hidden; margin-bottom:0.5rem; }
.fs-progress-fill{ height:100%; background:linear-gradient(90deg,var(--gold),var(--gold-bright)); border-radius:4px; transition:width 0.4s ease; }
.fs-progress-text{ font-size:0.8rem; color:var(--text-soft); margin:0; }
.fs-progress-text strong{ color:var(--text-dark); }

/* === DUFTFINDER AUF PRODUKTSEITE === */
.woocommerce-product-gallery{ margin-bottom:0; }
.duftfinder-pdp{ margin:1.5rem 0; padding:1.2rem 1.5rem; background:var(--bg-card-alt); border:1px solid var(--line-gold); border-radius:8px; }
.df-heading{ font-family:var(--serif); font-size:1.1rem; margin-bottom:0.8rem; color:var(--gold-deep); letter-spacing:0.02em; }
.df-subheading{ font-family:var(--serif); font-size:1rem; margin:1rem 0 0.6rem; color:var(--text-dark); }
.df-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0.5rem; }
.df-item{ display:flex; flex-direction:column; gap:0.1rem; }
.df-label{ font-size:0.65rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--text-muted); }
.df-value{ font-size:0.88rem; color:var(--text-dark); font-weight:500; }
.df-pyramid{ margin-top:1rem; }
.df-pyr-row{ display:flex; gap:1rem; padding:0.3rem 0; border-bottom:1px solid var(--line); font-size:0.85rem; }
.df-pyr-row:last-child{ border:0; }
.df-pyr-label{ min-width:60px; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--gold-deep); font-weight:600; }
.df-meters{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.df-meter{ display:flex; flex-direction:column; gap:0.3rem; }
.df-meter-label{ font-size:0.75rem; color:var(--text-soft); }
.df-meter-dots{ display:flex; gap:0.3rem; }
.df-meter-dots .dot{ width:10px; height:10px; border-radius:50%; background:var(--line); }
.df-meter-dots .dot.on{ background:var(--gold); }

/* === PDP FROM-PRICE === */
.pdp-from-price{ font-size:0.85rem; color:var(--text-muted); margin-bottom:0.5rem; letter-spacing:0.02em; }
.pdp-from-price .amount{ color:var(--gold-deep); font-weight:600; font-size:0.95rem; }

/* === HERO — LADENBILD-VARIANTE === */
.hero--store{
  background-size:cover; background-position:center right; background-repeat:no-repeat;
  min-height:clamp(560px,82vh,760px);
  display:flex; align-items:center;
}
/* überschreibt nur den Verlauf der bestehenden .hero::before-Schicht → warmer Scrim, links dunkel → rechts klar */
.hero--store::before{
  background:
    linear-gradient(90deg, rgba(18,15,12,0.92) 0%, rgba(18,15,12,0.76) 34%, rgba(18,15,12,0.34) 62%, rgba(18,15,12,0.04) 100%),
    linear-gradient(0deg, rgba(18,15,12,0.45), transparent 45%);
  z-index:1;
}
.hero--store .hero-inner{ grid-template-columns:1fr; width:100%; min-width:0; position:relative; z-index:2; }
.hero--store .hero-left{ max-width:42rem; }
/* Text auf Hell umschalten (Basis-Hero bleibt unangetastet) */
.hero--store .hero-eyebrow{ color:var(--gold-light); }
.hero--store .hero-ar{ color:var(--gold-light); }
.hero--store h1{ color:#faf4ea; }
.hero--store h1 .pct, .hero--store h1 em{ color:var(--gold-bright); }
.hero--store .hero-sub{ color:rgba(250,244,234,0.86); }
.hero--store .hero-sub strong{ color:#fff; }
.hero--store .hero-stat-num{ color:var(--gold-bright); }
.hero--store .hero-stat-label{ color:rgba(250,244,234,0.6); }
@media(max-width:760px){
  .hero--store{ background-position:center; min-height:clamp(480px,76vh,640px); padding-inline:1.5rem; }
  .hero--store h1{ font-size:clamp(1.9rem,7.3vw,2.6rem); }
  .hero--store .hero-sub{ font-size:0.95rem; }
  .hero--store .hero-cta{ flex-direction:column; align-items:stretch; }
  .hero--store .hero-cta > a{ text-align:center; }
  .hero--store::before{
    background:
      linear-gradient(180deg, rgba(18,15,12,0.74), rgba(18,15,12,0.86)),
      linear-gradient(90deg, rgba(18,15,12,0.3), transparent);
  }
}

/* ─── KONTAKTSEITE + FORMULAR ─── */
.contact-wrap{ display:grid; grid-template-columns:1fr 1.2fr; gap:40px; margin:0 0 48px; align-items:start; }
.contact-info h4{ font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase; color:#8a7a5e; margin:22px 0 6px; }
.contact-info h4:first-child{ margin-top:0; }
.contact-info p{ margin:0; line-height:1.6; color:#241f1a; }
.alsaed-map-consent{ background:#f4ecdd; border:1px solid #e3d4b8; border-radius:12px; padding:24px; text-align:center; }
.alsaed-map-consent .map-note{ font-size:0.9rem; line-height:1.55; color:#5b5141; margin:0 0 16px; }
.alsaed-map-consent .map-note a{ color:#9a7b32; text-decoration:underline; }
.alsaed-map-consent .alsaed-map-load{ cursor:pointer; }
.contact-form-sec{ max-width:680px; }
.contact-form-sec h2{ margin:0 0 8px; }
.contact-form-intro{ color:#5b5141; margin:0 0 22px; }
.alsaed-cf7 .cf7-field{ display:flex; flex-direction:column; margin:0 0 16px; }
.alsaed-cf7 .cf7-field label{ font-size:0.82rem; letter-spacing:0.04em; text-transform:uppercase; color:#6b5f49; margin:0 0 6px; }
.alsaed-cf7 .cf7-field .req{ color:#b5562e; }
.alsaed-cf7 input[type=text], .alsaed-cf7 input[type=email], .alsaed-cf7 textarea{
  width:100%; padding:12px 14px; border:1px solid #d9c9a8; border-radius:8px; background:#faf4ea;
  font-family:inherit; font-size:1rem; color:#241f1a;
}
.alsaed-cf7 textarea{ min-height:140px; resize:vertical; }
.alsaed-cf7 input:focus, .alsaed-cf7 textarea:focus{ outline:none; border-color:#9a7b32; box-shadow:0 0 0 3px rgba(154,123,50,0.15); }
.alsaed-cf7 .cf7-accept{ font-size:0.88rem; line-height:1.5; color:#5b5141; display:flex; gap:10px; align-items:flex-start; margin:4px 0 20px; }
.alsaed-cf7 .cf7-accept a{ color:#9a7b32; text-decoration:underline; }
.alsaed-cf7 .cf7-submit input[type=submit]{
  background:#241f1a; color:#f4ecdd; border:none; padding:14px 34px; border-radius:8px;
  font-family:inherit; font-size:1rem; letter-spacing:0.04em; cursor:pointer; transition:background .2s;
}
.alsaed-cf7 .cf7-submit input[type=submit]:hover{ background:#9a7b32; }
.wpcf7-not-valid-tip{ color:#b5562e; font-size:0.82rem; }
.wpcf7 form .wpcf7-response-output{ border-radius:8px; padding:12px 16px; margin:18px 0 0; }
@media (max-width:760px){
  .contact-wrap{ grid-template-columns:1fr; gap:28px; }
}

/* ─── GROSSHANDEL / B2B ─── */
.wholesale{ max-width:1000px; margin:0 auto; }
.wholesale section{ margin:0 0 56px; }
.ws-hero{ text-align:center; padding:8px 0 8px; }
.ws-eyebrow{ display:inline-block; font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:#9a7b32; margin-bottom:14px; }
.ws-title{ font-size:2.4rem; line-height:1.12; margin:0 0 16px; }
.ws-lead{ max-width:640px; margin:0 auto 26px; color:#5b5141; font-size:1.08rem; line-height:1.65; }
.ws-cta{ display:inline-flex; align-items:center; gap:10px; background:#128C7E; color:#fff; padding:15px 30px;
  border-radius:10px; font-size:1.05rem; font-weight:600; text-decoration:none; transition:background .2s, transform .15s; }
.ws-cta:hover{ background:#0e6f64; transform:translateY(-1px); color:#fff; }
.ws-cta svg{ flex:0 0 auto; }
.ws-cta-note{ margin:14px 0 0; font-size:0.88rem; color:#8a7a5e; }
.ws-for h3, .ws-offer h3, .ws-final h3{ text-align:center; font-size:1.7rem; margin:0 0 26px; }
.ws-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.ws-grid li{ background:#faf4ea; border:1px solid #e3d4b8; border-radius:10px; padding:18px 20px; text-align:center;
  font-size:1rem; color:#241f1a; }
.ws-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.ws-card{ background:#f4ecdd; border:1px solid #e3d4b8; border-radius:12px; padding:26px 28px; }
.ws-card h4{ font-size:1.18rem; margin:0 0 8px; color:#241f1a; }
.ws-card p{ margin:0; color:#5b5141; line-height:1.6; }
.ws-final{ background:#241f1a; border-radius:16px; padding:48px 32px; text-align:center; }
.ws-final h3{ color:#f4ecdd; }
.ws-final p{ color:#d8cbb4; max-width:560px; margin:0 auto 22px; line-height:1.65; }
.ws-final .ws-alt{ margin:18px 0 0; font-size:0.92rem; color:#b3a589; }
.ws-final .ws-alt a{ color:#d4b15a; text-decoration:underline; }
@media (max-width:760px){
  .ws-title{ font-size:1.85rem; }
  .ws-grid{ grid-template-columns:1fr 1fr; }
  .ws-cards{ grid-template-columns:1fr; }
  .ws-final{ padding:36px 22px; }
}

/* ─── HEADER-SUCHE (Toggle-Panel neben dem Menü) ─── */
button.nav-icon{ background:none; border:0; cursor:pointer; font:inherit; line-height:1; }
.nav-search[hidden]{ display:none; }
.nav-search{ background:#f4ecdd; border-top:1px solid #e3d4b8; border-bottom:1px solid #e3d4b8; }
.nav-search-form{ display:flex; align-items:center; gap:0.55rem; max-width:760px; margin:0 auto; padding:0.7rem 24px; }
.nav-search .ns-ic{ flex:0 0 auto; color:#9a7b32; display:flex; }
.nav-search .ns-input{ flex:1 1 auto; min-width:0; padding:0.7rem 0.95rem; border:1px solid #d9c9a8; border-radius:9px; background:#faf4ea; font-family:inherit; font-size:0.98rem; color:#241f1a; }
.nav-search .ns-input::placeholder{ color:#8a7a5e; }
.nav-search .ns-input:focus{ outline:none; border-color:#9a7b32; box-shadow:0 0 0 3px rgba(154,123,50,0.15); }
.nav-search .ns-btn{ flex:0 0 auto; padding:0.7rem 1.4rem; border:0; border-radius:9px; background:#241f1a; color:#f4ecdd; font-family:inherit; font-size:0.95rem; cursor:pointer; transition:background .2s; }
.nav-search .ns-btn:hover{ background:#9a7b32; }
.nav-search .ns-close{ flex:0 0 auto; background:none; border:0; color:#8a7a5e; font-size:1.05rem; cursor:pointer; padding:0.3rem 0.4rem; line-height:1; }
.nav-search .ns-close:hover{ color:#241f1a; }
@media(max-width:560px){
  .nav-search-form{ flex-wrap:wrap; padding:0.6rem 16px; }
  .nav-search .ns-input{ flex:1 1 100%; order:2; }
  .nav-search .ns-ic{ order:1; }
  .nav-search .ns-btn{ flex:1 1 auto; order:3; }
  .nav-search .ns-close{ order:1; margin-left:auto; }
}

/* ===== MOBILE-FEINSCHLIFF (kauf-kritisch, 27.06.) ===== */
@media(max-width:560px){
  /* Ankündigungsleiste: passte nicht auf eine Zeile → kleiner, weniger Sperrung, sauberer Umbruch */
  .announce{ font-size:0.56rem; letter-spacing:0.04em; padding:0.5rem 0.6rem; line-height:1.55; }
  /* Hero: war 2-spaltig + Überschrift zu groß → eine Spalte, kleinere H1, sauberer Wortumbruch */
  .hero{ padding:2.3rem 1.15rem 3rem; }
  .hero-inner{ grid-template-columns:1fr; gap:1.5rem; }
  .hero h1{ font-size:1.95rem; line-height:1.18; overflow-wrap:break-word; word-break:normal; }
  .hero-sub{ font-size:0.97rem; }
  .hero-stats{ gap:1.3rem; }
  .hero-stat-num{ font-size:1.6rem; }
  /* Sektions-Innenabstände auf dem Handy entspannen */
  .trust-strip-inner{ padding:0.9rem 1rem; }
}

/* ---- FAQ-Seite (nativ, ohne Elementor) ---- */
.alsaed-faq{ max-width:820px; }
.alsaed-faq .faq-intro{ font-size:1.02rem; color:#5b5141; line-height:1.7; margin:0 0 26px; }
.alsaed-faq .faq-intro a,
.alsaed-faq .faq-a a,
.alsaed-faq .faq-foot a{ color:var(--gold-deep); text-decoration:underline; }
.alsaed-faq .faq-cat{ font-family:var(--serif); color:var(--text-dark); font-size:1.5rem; margin:36px 0 14px; padding-bottom:8px; border-bottom:1px solid var(--line-gold); }
.alsaed-faq .faq-item{ border:1px solid var(--line); border-radius:10px; margin:0 0 10px; background:#fdfbf6; overflow:hidden; }
.alsaed-faq .faq-item summary{ cursor:pointer; list-style:none; padding:16px 48px 16px 18px; font-weight:600; color:var(--text-dark); position:relative; font-size:1rem; }
.alsaed-faq .faq-item summary::-webkit-details-marker{ display:none; }
.alsaed-faq .faq-item summary::after{ content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:1.5rem; color:var(--gold-deep); line-height:1; }
.alsaed-faq .faq-item[open] summary::after{ content:"\2013"; }
.alsaed-faq .faq-item[open] summary{ border-bottom:1px solid var(--line); }
.alsaed-faq .faq-a{ padding:8px 18px 18px; color:#5b5141; line-height:1.7; }
.alsaed-faq .faq-a p{ margin:6px 0 0; }
.alsaed-faq .faq-foot{ margin-top:30px; color:#5b5141; }
@media(max-width:560px){
  .alsaed-faq .faq-item summary{ font-size:0.95rem; padding:14px 42px 14px 15px; }
  .alsaed-faq .faq-cat{ font-size:1.3rem; }
}