/* Velur Members Area — members.css · Cercle v6 + V7 */

/* [1] Basis */
:root {
  --bg: #ffffff;
  --ink: #1a1a1a;
  --muted: #6b6b6b;
  --line: #dedede;
  --gold: #b8956a;
  --gold-strong: #8a6a3f;
  --cream: #ffffff;
  --white: #fff;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  --radius: 0px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Karla', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* [2] v6/V7 */
/* =============================================================================
   Cercle Velur v6 — Account-Styles (auf Plugin-Markup, gescoped unter .vma6)
   Fonts (Cormorant Garamond + Karla) lädt das Plugin bereits via Google Fonts.
   ============================================================================= */
:root{
  --v6-bg:#ffffff; --v6-paper:#ffffff; --v6-ink:#1a1a1a; --v6-muted:#6b6b6b; --v6-soft:#8a8a8a;
  --v6-line:#dedede; --v6-gold:#8a6a3f; --v6-goldf:#b8956a;
  --v6-serif:"Cormorant Garamond", Georgia, serif;
  --v6-sans:"Karla", "Helvetica Neue", Arial, sans-serif;
  --v6-ease:cubic-bezier(.22,1,.36,1);
}
body.logged-in{ background:var(--v6-bg); }
html:has(.vma6){ scroll-behavior:smooth; }

/* ---------- Typo-Skala (nur diese Größen) ---------- */
.vma6, .vma6-topbar, .vma6-modal{ font-family:var(--v6-sans); color:var(--v6-ink); }
.vma6 *{ box-sizing:border-box; }
.vma6 .cap{ font:600 11px/1.5 var(--v6-sans); letter-spacing:.18em; text-transform:uppercase; color:var(--v6-soft); margin:0; }
.vma6 .sub{ font:400 13.5px/1.6 var(--v6-sans); color:var(--v6-muted); margin:0; }
.vma6 .t-item{ font:400 20px/1.3 var(--v6-serif); color:var(--v6-ink); margin:0; }
.vma6 .t-sec{ font:400 27px/1.2 var(--v6-serif); color:var(--v6-ink); margin:0; }
.vma6 .num{ font-variant-numeric:tabular-nums; }
.vma6 b{ font-weight:600; }
.vma6 ::selection{ background:#efe2c6; }

/* Basis-Container (überschreibt Plugin-.shell) */
.shell.vma6{ max-width:1060px; margin:0 auto; padding:0 28px 110px; background:none; }

/* ---------- Reveals ---------- */
.vma6 [data-r]{ opacity:0; transform:translateY(24px); transition:opacity .75s var(--v6-ease), transform .75s var(--v6-ease); }
.vma6 [data-r].in{ opacity:1; transform:none; }
.vma6 .line{ display:block; overflow:hidden; }
.vma6 .line>span{ display:block; transform:translateY(112%); transition:transform .95s var(--v6-ease); }
.vma6 [data-h1].in .line>span{ transform:none; }
.vma6 [data-h1] .line:nth-child(2)>span{ transition-delay:.08s; }

/* ---------- Text-Link ---------- */
.vma6 .link, .vma6-modal .link{
  font:600 13.5px/1.5 var(--v6-sans); color:var(--v6-ink); text-decoration:none; cursor:pointer;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/100% 1px; padding:0 0 3px;
  border:0; transition:background-size .45s var(--v6-ease), opacity .3s; -webkit-appearance:none; appearance:none;
}
.vma6 .link:hover, .vma6-modal .link:hover{ background-size:34% 1px; }
.vma6 .link.quiet{ background-size:0 1px; color:var(--v6-muted); }
.vma6 .link.quiet:hover{ background-size:100% 1px; color:var(--v6-ink); }

/* ---------- Sticky Topbar ---------- */
.vma6-topbar{
  position:sticky; top:0; z-index:30; border-bottom:1px solid var(--v6-line);
  background:rgba(250,248,245,.78); backdrop-filter:blur(16px) saturate(1.5); -webkit-backdrop-filter:blur(16px) saturate(1.5);
  opacity:0; transition:opacity .8s var(--v6-ease);
}
.vma6-topbar.in{ opacity:1; }
.vma6-topbar-in{ max-width:1060px; margin:0 auto; padding:0 28px; height:62px; display:flex; justify-content:space-between; align-items:center; }
.vma6-wordmark{ font:400 21px/1 var(--v6-serif); letter-spacing:.34em; color:var(--v6-ink); }
/* .vma6-quick selbst lebt jetzt weiter unten (Tweaks-Sektion) — dieser alte Sticky-Topbar-Block
   ist seit dessen Entfernung tot; hier nur die (ebenfalls tote) Mobile-Regel entsorgt. */

/* ---------- Hero ---------- */
.vma6-hero{ display:grid; grid-template-columns:1.02fr .98fr; gap:72px; align-items:center; padding:84px 0 8px; }
.vma6-h1{ font:400 clamp(40px,5.4vw,58px)/1.05 var(--v6-serif); letter-spacing:.005em; margin:14px 0 22px; text-wrap:balance; }
.vma6-hero .sub{ max-width:42ch; font-size:15px; color:var(--v6-muted); }
.vma6-stats{ display:flex; gap:44px; margin:34px 0 0; padding:22px 0 0; border-top:1px solid var(--v6-line); }
.vma6-stats>div{ display:flex; flex-direction:column; gap:5px; }
.vma6-stats dt{ margin:0; }
.vma6-stats dd{ margin:0; font:400 20px/1.2 var(--v6-serif); color:var(--v6-ink); }
.vma6-pointsnote{ font:400 12px/1.5 var(--v6-sans); color:var(--v6-soft); margin:10px 0 0; }

/* ---------- 3D-Karte ---------- */
.vma6-stage{ perspective:1500px; display:flex; flex-direction:column; align-items:center; }
.vma6-card{
  position:relative; width:min(468px,100%); aspect-ratio:1.586; margin:8px 0 0;
  transform-style:preserve-3d; will-change:transform;
  opacity:0; transform:translateY(48px) rotateX(9deg);
  transition:opacity 1.1s var(--v6-ease), transform 1.1s var(--v6-ease);
}
.vma6-card.in{ opacity:1; transform:none; }
.vma6-cface{
  position:absolute; inset:0; border-radius:0; overflow:hidden;
  background:radial-gradient(130% 90% at 20% 0%, #232326 0%, #101012 55%, #0a0a0b 100%);
  box-shadow:none;
}
.vma6-cface::before{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(101deg, rgba(255,255,255,.016) 0 1px, transparent 1px 3px); }
.vma6-cface::after{ content:""; position:absolute; inset:0; background:radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0,0,0,.36) 100%); }
.vma6-sheen{ position:absolute; inset:0; z-index:3; background:radial-gradient(560px circle at var(--mx,74%) var(--my,18%), rgba(255,255,255,.15), rgba(255,255,255,.045) 34%, transparent 62%); }
.vma6-glint{ position:absolute; inset:-30%; z-index:3; pointer-events:none; background:linear-gradient(115deg, transparent 42%, rgba(255,255,255,.09) 50%, transparent 58%); transform:translateX(-130%); }
.vma6-card.idle .vma6-glint{ animation:vma6Glint 8.5s var(--v6-ease) infinite; }
@keyframes vma6Glint{ 0%,72%{ transform:translateX(-130%); } 90%,100%{ transform:translateX(130%); } }
.vma6-cmark{ position:absolute; right:-46px; top:-58px; z-index:1; opacity:.85; }
.vma6-ccontent{ position:absolute; inset:0; z-index:4; padding:30px 34px; display:flex; flex-direction:column; justify-content:space-between; }
.vma6-cbrandrow{ display:flex; justify-content:space-between; align-items:center; }
.vma6-cbrand{ font:600 12px/1 var(--v6-sans); letter-spacing:.34em; color:#d9d9dd; }
.vma6-cchip{ width:34px; height:26px; border-radius:0; background:linear-gradient(150deg,#3a3a3f,#232327); box-shadow:none; }
.vma6-cname{ font:600 15px/1 var(--v6-sans); letter-spacing:.24em; color:#f2f2f4; }
.vma6-cmeta{ display:flex; gap:20px; margin-top:12px; }
.vma6-cmeta span{ font:600 10px/1 var(--v6-sans); letter-spacing:.18em; color:#8e8e94; white-space:nowrap; }
.vma6-cmeta .vma6-ctier{ color:#e9e9ec; }
.vma6-cshadow{ width:72%; height:34px; margin-top:34px; border-radius:0; background:radial-gradient(50% 50% at 50% 50%, rgba(20,20,19,.30), transparent 70%); filter:blur(6px); opacity:0; transition:opacity 1.2s var(--v6-ease) .3s; }
.vma6-card.in ~ .vma6-cshadow{ opacity:1; }

/* ---------- Sektionen ---------- */
.vma6-sec{ margin-top:104px; }
.vma6-sec .t-sec{ margin:10px 0 30px; }
.vma6-sechead{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; }

/* ---------- Status-Rail ---------- */
.vma6-rail{ position:relative; height:2px; background:var(--v6-line); margin:56px 0 0; }
.vma6-rail-fill{ position:absolute; inset:0 auto 0 0; width:var(--fill,0%); background:linear-gradient(90deg,var(--v6-goldf),var(--v6-gold)); transform:scaleX(0); transform-origin:left; transition:transform 1.25s var(--v6-ease) .15s; }
.vma6-sec.play .vma6-rail-fill{ transform:none; }
.vma6-stop{ position:absolute; top:50%; }
.vma6-stop i{ position:absolute; left:50%; top:0; width:9px; height:9px; transform:translate(-50%,-50%) rotate(45deg); background:var(--v6-bg); border:1px solid #dedede; border-radius:1.5px; }
.vma6-stop.past i{ background:var(--v6-goldf); border-color:var(--v6-goldf); }
.vma6-stop.cur i{ width:12px; height:12px; background:var(--v6-gold); border-color:var(--v6-gold); box-shadow:none; }
.vma6-sec.play .vma6-stop.cur i{ animation:vma6Pulse 1.6s var(--v6-ease) .9s 2; }
@keyframes vma6Pulse{ 0%{ box-shadow:0 0 0 0 rgba(184,151,90,.34); } 100%{ box-shadow:0 0 0 13px rgba(184,151,90,0); } }
.vma6-stop b{ position:absolute; left:50%; transform:translateX(-50%); top:16px; font:400 13.5px/1 var(--v6-sans); color:var(--v6-muted); white-space:nowrap; }
.vma6-stop.cur b{ color:var(--v6-ink); font-weight:600; }
.vma6-stop u{ position:absolute; left:50%; transform:translateX(-50%); top:36px; text-decoration:none; font:600 11px/1 var(--v6-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--v6-soft); white-space:nowrap; }
.vma6-stop.cur u{ color:var(--v6-gold); }
.vma6-stop:first-child b, .vma6-stop:first-child u{ left:0; transform:none; }
.vma6-stop:last-child b, .vma6-stop:last-child u{ left:auto; right:0; transform:none; }
.vma6-railnote{ margin:74px 0 0; }
.vma6-railnote .t-item{ margin:0; }

/* ---------- Vorteile ---------- */
.vma6-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top:30px; }
.vma6-tile{ border-top:1px solid var(--v6-line); padding-top:18px; }
.vma6-tile .t-item{ margin:8px 0; }
.vma6-tile.locked{ opacity:.44; }
.vma6-perkcap{ color:var(--v6-muted); }
.vma6-code{ display:inline-block; margin-top:12px; font:600 13.5px/1.5 var(--v6-sans); letter-spacing:.08em; color:var(--v6-ink); border-bottom:1px dashed #cfc7b9; cursor:pointer; }
.vma6-code[hidden]{ display:none; }

/* ---------- Bestellungen (members.js rendert #ordersList) ---------- */
.vma6 #orderCard, .vma6 #ordersList{ display:block; }
.vma6 #orderCard > .muted, .vma6 #ordersList .muted{ color:var(--v6-muted); font-size:15px; }
.vma6 .order{ border-top:1px solid var(--v6-line); padding:34px 0 6px; }
.vma6 #ordersList .order:first-child{ border-top:0; padding-top:6px; }
.vma6 .o-head{ display:flex; justify-content:space-between; align-items:baseline; gap:18px; }
.vma6 .o-head .o-state{ color:var(--v6-ink); }
.vma6 .o-head .o-state.completed, .vma6 .o-head .o-state.delivered{ color:var(--v6-muted); }
.vma6 .o-title{ margin:8px 0 0; }
.vma6 .mto-status{ margin:14px 0 0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
/* Lieferfenster als eigener Pill statt reinem Fett-Text — "wo ist meine Bestellung" auf einen Blick */
.vma6 .mto-status .mto-eta{
  display:inline-block; font:600 12px/1 var(--v6-sans); letter-spacing:.02em; color:var(--v6-ink);
  background:#f4f4f4; border:1px solid #dedede; border-radius:0; padding:7px 14px;
}
.vma6 .mto-status .mto-badge{ color:var(--v6-muted); font-size:13px; }
.vma6 .o-meta{ display:flex; gap:26px; margin:14px 0 0; flex-wrap:wrap; }
.vma6 .o-meta b{ color:var(--v6-ink); }
.vma6 .order-actions{ display:flex; gap:26px; margin:20px 0 0; flex-wrap:wrap; }
.vma6 .linkish{
  font:600 13.5px/1.5 var(--v6-sans); text-decoration:none; cursor:pointer;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px; padding:0 0 3px;
  border:0; -webkit-appearance:none; appearance:none; transition:background-size .45s var(--v6-ease), color .3s;
  color:var(--v6-muted);
}
.vma6 .linkish:hover{ background-size:100% 1px; color:var(--v6-ink); }
.vma6 .order-actions .btnTracking, .vma6 .order-actions .btnInvoice:first-child{ color:var(--v6-ink); background-size:100% 1px; }

/* Größenanpassungs-CTA (nur bei zugestellten Ring-Bestellungen) */
.vma6 .o-resize{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:18px;
  padding:14px 18px; background:#f4f4f4; border:1px solid #dedede; border-radius:0;
}
.vma6 .o-resize-icon{ color:var(--v6-gold); font-size:11px; }
.vma6 .o-resize-text{ font:400 13px/1.5 var(--v6-sans); color:var(--v6-ink); flex:1 1 220px; } /* --v6-muted auf #f4f4f4 faellt unter WCAG-AA 4.5:1 (~4.4:1) */
.vma6 .o-resize-link{
  font:600 13px/1.5 var(--v6-sans); color:var(--v6-ink); text-decoration:none; white-space:nowrap;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/100% 1px; padding:0 0 2px;
}

/* ---------- Bestelldetail-Panel (In-Card, ersetzt order-received-Umweg) ---------- */
.vma6 .o-top-clickable{ cursor:pointer; }
.vma6 .o-top-clickable:hover .o-title{ color:var(--v6-gold-strong, #b8975a); transition:color .25s; }
.vma6 .o-detail{ margin-top:20px; border-top:1px solid var(--v6-line); padding-top:4px; }
.vma6 .o-it{
  display:flex; align-items:flex-start; gap:14px; padding:14px 0;
  border-bottom:1px solid var(--v6-line);
}
.vma6 .o-it:last-child{ border-bottom:0; }
.vma6 .o-it-thumb{ flex:none; width:52px; height:52px; border-radius:0; overflow:hidden; background:#f4f4f4; border:1px solid #dedede; padding:5px; }
.vma6 .o-it-thumb img{ width:100%; height:100%; object-fit:contain; display:block; }
.vma6 .o-it-main{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.vma6 .o-it-name{ font:600 14px/1.4 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-it-attrs{ font:400 12.5px/1.5 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-it-engraving{ margin:2px 0 0; font:400 13px/1.5 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-it-engraving em{ font-family:var(--v6-serif); font-style:italic; }
.vma6 .o-it-engfont{ color:var(--v6-muted); font-size:12px; }
.vma6 .o-it-price{ flex:none; font:600 13.5px/1.4 var(--v6-sans); color:var(--v6-ink); white-space:nowrap; }
.vma6 .o-detail-meta{ display:flex; gap:24px; flex-wrap:wrap; padding:14px 0 2px; font:400 12.5px/1.6 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-detail-meta b{ display:block; font:600 10.5px/1 var(--v6-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--v6-soft); margin-bottom:3px; }
@media(max-width:520px){
  .vma6 .o-it-thumb{ width:44px; height:44px; }
  .vma6 .o-detail-meta{ flex-direction:column; gap:10px; }
}

/* ---------- Sizer-Funnel (Ringgrößen-Set: nächster Schritt) ---------- */
.vma6 .o-sizer{
  margin-top:18px; padding:16px 18px; background:#f4f4f4; border:1px solid #dedede; border-radius:0;
}
.vma6 .o-sizer-title{ margin:0 0 4px; font:600 14px/1.4 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-sizer-text{ margin:0 0 12px; font:400 13px/1.5 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-sizer-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.vma6 .o-sizer-input{
  width:74px; min-height:44px; padding:9px 12px; font:600 14px/1 var(--v6-sans); color:var(--v6-ink); text-align:center;
  background:var(--v6-paper); border:1px solid #dedede; border-radius:0; -webkit-appearance:none; appearance:none;
  box-sizing:border-box;
}
.vma6 .o-sizer-input:focus{ outline:2px solid var(--v6-gold); outline-offset:1px; }
.vma6 .o-sizer-input.is-invalid{ border-color:#b0524a; }
.vma6 .o-sizer-save{
  font:600 12px/1 var(--v6-sans); letter-spacing:.02em; color:var(--v6-ink); cursor:pointer;
  min-height:44px; box-sizing:border-box; /* Touch-Target ≥44px (Brand-Book-Gate) */
  background:var(--v6-paper); border:1px solid #dedede; border-radius:0; padding:10px 20px;
  transition:background .3s var(--v6-ease), color .3s var(--v6-ease); -webkit-appearance:none; appearance:none;
}
.vma6 .o-sizer-save:hover{ background:var(--v6-ink); color:var(--v6-bg); border-color:var(--v6-ink); }
.vma6 .o-sizer-save:disabled{ opacity:.55; cursor:wait; }
.vma6 .o-sizer-done{ font:600 12.5px/1 var(--v6-sans); color:#4a7c59; }
.vma6 .o-sizer-cta{ display:inline-block; }

/* [hidden] muss IMMER gewinnen — display:flex/grid auf Klassen überstimmt sonst
   das Attribut (genau so waren die Größenfelder im Garantie-Formular sichtbar). */
.vma6 [hidden]{ display:none !important; }

/* ---------- Pflege & Garantie im Detail (P2/H7) ---------- */
.vma6 .o-care{ margin-top:6px; border-top:1px solid var(--v6-line); }
.vma6 .o-care-head{
  display:flex; align-items:center; gap:10px; width:100%; padding:14px 0; cursor:pointer;
  background:none; border:0; text-align:left; -webkit-appearance:none; appearance:none;
}
.vma6 .o-care-cap{ font:600 10.5px/1 var(--v6-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--v6-soft); }
.vma6 .o-care-mat{ font:600 12.5px/1 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-care-chev{ margin-left:auto; color:var(--v6-muted); font-size:11px; transition:transform .3s var(--v6-ease); }
.vma6 .o-care.is-open .o-care-chev{ transform:rotate(180deg); }
.vma6 .o-care-body{ padding:0 0 14px; }
.vma6 .o-care-intro{ margin:0 0 8px; font:400 13px/1.6 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-care-steps{ margin:0 0 8px; padding:0 0 0 16px; }
.vma6 .o-care-steps li{ font:400 12.5px/1.7 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-care-steps li b{ color:var(--v6-ink); font-weight:600; }
.vma6 .o-care-avoid{ margin:0; font:400 12.5px/1.6 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-warranty{ margin:0; padding:12px 0; border-top:1px solid var(--v6-line); font:400 12.5px/1.6 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-warranty b{ color:var(--v6-ink); }

/* ---------- Self-Service-Anfragen (P2/H5) ---------- */
.vma6 .o-requests{ border-top:1px solid var(--v6-line); padding-top:14px; margin-top:2px; }
.vma6 .o-requests-cap{ margin:0 0 10px; font:600 10.5px/1 var(--v6-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--v6-soft); }
.vma6 .o-requests-btns{ display:flex; gap:22px; flex-wrap:wrap; }
.vma6 .o-req-status{ margin:0 0 10px; font:400 12.5px/1.6 var(--v6-sans); color:#4a7c59; }
.vma6 .o-req-form{ margin-top:14px; padding:16px 18px; background:#f4f4f4; border:1px solid #dedede; border-radius:0; }
.vma6 .o-req-intro{ margin:0 0 12px; font:400 13px/1.55 var(--v6-sans); color:var(--v6-ink); }
.vma6 .o-req-sizes{ display:flex; gap:16px; flex-wrap:wrap; margin:0 0 12px; }
.vma6 .o-req-sizes label{ display:flex; flex-direction:column; gap:6px; font:600 11px/1 var(--v6-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--v6-muted); }
.vma6 .o-req-form textarea{
  width:100%; box-sizing:border-box; padding:12px 14px; font:400 13.5px/1.5 var(--v6-sans); color:var(--v6-ink);
  background:var(--v6-paper); border:1px solid #dedede; border-radius:0; resize:vertical; -webkit-appearance:none; appearance:none;
}
.vma6 .o-req-form textarea:focus{ outline:2px solid var(--v6-gold); outline-offset:1px; }
.vma6 .o-req-file{ display:flex; flex-direction:column; gap:6px; margin-top:12px; font:400 12.5px/1.5 var(--v6-sans); color:var(--v6-muted); }
.vma6 .o-req-file input{ font:400 12.5px/1.4 var(--v6-sans); }
.vma6 .o-req-actions{ display:flex; align-items:center; gap:18px; margin-top:14px; flex-wrap:wrap; }
.vma6 .o-req-note{ margin:12px 0 0; font:400 12px/1.5 var(--v6-sans); color:var(--v6-muted); }

/* ---------- Trauring-Anschluss (P3/H8) — gleiche ruhige Sprache wie .o-resize ---------- */
.vma6 .o-wedding{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:18px;
  padding:14px 18px; background:var(--v6-paper); border:1px solid #dedede; border-radius:0;
}
.vma6 .o-wedding .o-resize-text{ color:var(--v6-ink); }

/* ---------- Rechnung-Button: Lade-Feedback ---------- */
.vma6 .btnInvoice.is-loading{ opacity:.5; pointer-events:none; position:relative; }
.vma6 .btnInvoice.is-loading::after{
  content:''; display:inline-block; width:10px; height:10px; margin-left:7px; vertical-align:-1px;
  border:1.5px solid var(--v6-muted); border-top-color:transparent; border-radius:0;
  animation:vma6spin .7s linear infinite;
}
@keyframes vma6spin{ to{ transform:rotate(360deg); } }

/* ---------- CLS: Platzhalter #orderCard reserviert Höhe, bis members.js ihn durch
   #ordersList ersetzt (der echte Karten-Stack ist höher → kein Downshift). ---------- */
.vma6 article#orderCard{ min-height:300px; }
@media(max-width:520px){ .vma6 article#orderCard{ min-height:260px; } }

/* Plugin-Timeline (.t-dot / .t-dash) → minimal, mit Zeichnung bei .play */
.vma6 .timeline{ display:flex; align-items:flex-start; margin:28px 0 6px; max-width:600px; }
.vma6 .timeline .t-dot{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; position:relative; }
.vma6 .timeline .t-dot>span{ width:9px; height:9px; border-radius:0; background:var(--v6-bg); border:1.5px solid var(--v6-line); box-sizing:border-box; transform:scale(0); transition:transform .45s var(--v6-ease), background .3s, border-color .3s; }
.vma6 .timeline .t-dot.done>span{ background:var(--v6-ink); border-color:var(--v6-ink); }
.vma6 .timeline .t-dot.inprogress>span{ background:var(--v6-bg); border-color:var(--v6-ink); }
.vma6 .timeline .t-dot::after{ content:attr(title); margin-top:11px; font:400 11px/1.3 var(--v6-sans); color:var(--v6-soft); white-space:nowrap; }
.vma6 .timeline .t-dot.inprogress::after, .vma6 .timeline .t-dot.done::after{ color:var(--v6-muted); }
.vma6 .timeline .t-dash{ flex:1; height:1.5px; background:var(--v6-line); margin-top:5.5px; min-width:14px; transform:scaleX(0); transform-origin:left; transition:transform .5s var(--v6-ease); }
.vma6 .timeline .t-dot.done + .t-dash{ background:var(--v6-ink); }
.vma6 .order.play .timeline .t-dot>span{ transform:scale(1); }
.vma6 .order.play .timeline .t-dash{ transform:scaleX(1); }
.vma6 .order.play .timeline>*:nth-child(1){ transition-delay:.05s; }
.vma6 .order.play .timeline>*:nth-child(2){ transition-delay:.12s; }
.vma6 .order.play .timeline>*:nth-child(3){ transition-delay:.19s; }
.vma6 .order.play .timeline>*:nth-child(4){ transition-delay:.26s; }
.vma6 .order.play .timeline>*:nth-child(5){ transition-delay:.33s; }
.vma6 .order.play .timeline>*:nth-child(6){ transition-delay:.40s; }
.vma6 .order.play .timeline>*:nth-child(7){ transition-delay:.47s; }
.vma6 .order.play .timeline>*:nth-child(8){ transition-delay:.54s; }
.vma6 .order.play .timeline>*:nth-child(9){ transition-delay:.61s; }

/* ---------- Adressen ---------- */
.vma6-grid2{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px; margin-top:8px; }
.vma6 .addr-item{ border-top:1px solid var(--v6-line); padding-top:18px; }
.vma6 .vma6-addrname{ margin:8px 0 10px; display:flex; align-items:baseline; gap:14px; }
.vma6 .vma6-addrflag{ letter-spacing:.14em; color:var(--v6-soft); }
.vma6 .vma6-addr-actions{ display:flex; gap:22px; margin-top:12px; }

/* ---------- Footer ---------- */
.vma6-foot{ margin-top:104px; padding-top:26px; border-top:1px solid var(--v6-line); display:flex; justify-content:space-between; align-items:baseline; gap:18px; flex-wrap:wrap; }

/* ---------- Modal ---------- */
.vma6-modal{ font-family:var(--v6-sans); }
.vma6-modal-card{ background:var(--v6-paper); border:1px solid var(--v6-line); border-radius:0; padding:26px 28px; max-width:520px; width:100%; box-shadow:none; }
.vma6-modal-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; }
.vma6-modal-head h4{ font:400 22px/1.2 var(--v6-serif); color:var(--v6-ink); margin:0; }
.vma6-modal #modalBody{ font-size:14px; color:var(--v6-muted); }
.vma6-modal .vma-rewards-intro{ margin-bottom:16px; line-height:1.55; }
.vma6-modal .vma-rewards-list{ list-style:none; margin:0; padding:0; }
.vma6-modal .vma-reward-tier{ padding:14px 0; border-top:1px solid var(--v6-line); }
.vma6-modal .vma-reward-tier:first-child{ border-top:0; }
.vma6-modal .vma-reward-tier.is-current .vrt-name{ color:var(--v6-gold); }
.vma6-modal .vrt-head{ display:flex; align-items:baseline; gap:12px; }
.vma6-modal .vrt-name{ font:400 20px/1.2 var(--v6-serif); color:var(--v6-ink); }
.vma6-modal .vrt-from{ font-size:11.5px; letter-spacing:.06em; color:var(--v6-soft); text-transform:uppercase; }
.vma6-modal .vrt-badge{ margin-left:auto; font:600 9.5px/1.4 var(--v6-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--v6-gold); }
.vma6-modal .vrt-benefit{ color:var(--v6-muted); font-size:13px; line-height:1.5; margin-top:5px; }
.vma6-modal .input{ font-family:var(--v6-sans); font-size:14px; border:1px solid var(--v6-line) !important; border-radius:0 !important; background:var(--v6-paper); }
.vma6-modal .primary-btn{ font:600 12px/1 var(--v6-sans); letter-spacing:.03em; padding:11px 22px; border-radius:0; cursor:pointer; background:var(--v6-ink); color:#fff; border:1px solid var(--v6-ink); }
.vma6-modal .outline-btn{ font:600 12px/1 var(--v6-sans); cursor:pointer; background:none; border:0; color:var(--v6-muted); }

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .vma6-hero{ grid-template-columns:1fr; gap:52px; padding-top:52px; }
  .vma6-stage{ order:2; }
  .vma6-grid3{ grid-template-columns:1fr; gap:26px; }
  .vma6-grid2{ grid-template-columns:1fr; gap:26px; }
  .vma6-stats{ gap:32px; flex-wrap:wrap; }
  .vma6-sec{ margin-top:80px; }
  .vma6-stop u{ display:none; }
}
@media(max-width:640px){ .vma6-stop b{ font-size:12px; } .shell.vma6{ padding:0 18px 80px; } }

/* ---------- Reduced Motion ---------- */
@media (prefers-reduced-motion: reduce){
  html:has(.vma6){ scroll-behavior:auto; }
  .vma6 [data-r], .vma6-topbar, .vma6-card, .vma6 .line>span{ opacity:1 !important; transform:none !important; transition:none !important; }
  .vma6-rail-fill{ transform:none !important; }
  .vma6 .timeline .t-dot>span{ transform:scale(1) !important; }
  .vma6 .timeline .t-dash{ transform:scaleX(1) !important; }
  .vma6-card.idle .vma6-glint, .vma6-sec.play .vma6-stop.cur i{ animation:none !important; }
}
.vma6 a:focus-visible, .vma6 button:focus-visible, .vma6-topbar a:focus-visible, .vma6-modal button:focus-visible{ outline:2px solid var(--v6-ink); outline-offset:3px; border-radius:2px; }

/* =============================================================================
   V7 — Concierge, Produktbild, Atelier-Foto
   ============================================================================= */
.vma6-concierge-sec{ margin-top:52px; }
.vma6-concierge{
  display:flex; gap:28px; align-items:center; margin-top:22px;
  background:var(--v6-paper); border:1px solid var(--v6-line); border-radius:0;
  padding:26px 30px; box-shadow:none;
}
.vma6-conc-photo{
  width:96px; height:96px; border-radius:0; object-fit:cover; object-position:center 20%;
  flex:none; border:1px solid var(--v6-line);
}
.vma6-conc-body{ flex:1; min-width:0; }
.vma6-conc-quote{ font-family:var(--v6-serif); font-size:21px; line-height:1.35; color:var(--v6-ink); margin:0 0 12px; max-width:60ch; }
.vma6-conc-name{ font-size:13px; color:var(--v6-muted); margin:0 0 16px; }
.vma6-conc-name b{ color:var(--v6-ink); font-weight:600; }
.vma6-conc-cta{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.vma6-btn-dark{
  display:inline-flex; align-items:center; gap:8px; background:var(--v6-ink); color:var(--v6-bg);
  text-decoration:none; font:600 12px/1 var(--v6-sans); letter-spacing:.02em;
  padding:12px 20px; border-radius:0; transition:opacity .25s var(--v6-ease);
}
.vma6-btn-dark:hover{ opacity:.85; }
@media(max-width:640px){
  .vma6-concierge{ flex-direction:column; align-items:flex-start; gap:18px; padding:24px 22px; }
  .vma6-conc-quote{ font-size:19px; }
}

/* Produktbild in „Deine Stücke" — cremefarbener Grund + "contain" statt "cover":
   filigraner Schmuck (dünne Ketten, kleine Ringe) verschwindet sonst auf Weiß-auf-Weiß
   und wird bei engem Zuschnitt am Rand abgeschnitten. */
.vma6 .o-top{ display:flex; gap:22px; align-items:flex-start; }
.vma6 .o-thumb{ flex:none; width:108px; height:108px; border-radius:0; overflow:hidden; background:#f4f4f4; border:1px solid #dedede; padding:10px; }
.vma6 .o-thumb img{ width:100%; height:100%; object-fit:contain; display:block; }
.vma6 .o-headwrap{ flex:1; min-width:0; }
.vma6 .o-headwrap .o-title{ margin-top:8px; }
@media(max-width:520px){ .vma6 .o-thumb{ width:76px; height:76px; padding:7px; } }

/* Atelier-Foto bei „In Fertigung" */
.vma6 .o-atelier{ margin:16px 0 0; max-width:440px; }
.vma6 .o-atelier[hidden]{ display:none; }
.vma6 .o-atelier img{ width:100%; height:200px; object-fit:cover; object-position:center 46%; border-radius:12px; display:block; }
.vma6 .o-atelier figcaption{ margin-top:8px; color:var(--v6-soft); letter-spacing:.1em; }

/* =============================================================================
   Tweaks: Topbar entfernt → subtiler Quick-Link · Trauringe hervorgehoben
   ============================================================================= */
.vma6-hero{ padding-top:40px; }   /* kein Topbar mehr → weniger Kopf-Abstand */
.vma6-quicktop{ display:flex; justify-content:flex-end; gap:12px; padding:22px 0 0; }
/* .vma6-Vorfahre draufgesetzt: Woodmart hat "button, .button, [type=button]" auf dieselbe
   Spezifität (0,1,0) wie eine nackte Plugin-Klasse — bei Gleichstand gewinnt sonst die
   Theme-Regel per Ladereihenfolge (eckig/grau statt unserer Pills). */
.vma6 .vma6-quick{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer; text-decoration:none;
  font:600 13px/1 var(--v6-sans); letter-spacing:.02em; color:var(--v6-ink);
  background:var(--v6-paper); border:1px solid var(--v6-line); border-radius:0; padding:12px 20px;
  transition:background .3s var(--v6-ease), color .3s var(--v6-ease), border-color .3s var(--v6-ease);
  -webkit-appearance:none; appearance:none;
}
.vma6 .vma6-quick:hover{ background:var(--v6-ink); color:var(--v6-bg); border-color:var(--v6-ink); }
.vma6 .vma6-quick i{ font-style:normal; color:var(--v6-gold); font-size:11px; }
.vma6 .vma6-quick:hover i{ color:var(--v6-bg); }
.vma6 .vma6-quick svg{ transition:transform .35s var(--v6-ease); }
.vma6 .vma6-quick:hover svg{ transform:translateY(2px); }
@media(max-width:520px){
  .vma6-quicktop{ flex-wrap:wrap; gap:8px; }
  .vma6 .vma6-quick{ padding:10px 14px; font-size:12px; }
}

/* Benefit-Chips im Hero (statt langer grauer Tagline) */
.vma6-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.vma6-chip{
  display:inline-flex; align-items:baseline; gap:8px; max-width:100%;
  font:600 13px/1.3 var(--v6-sans); color:var(--v6-ink);
  background:var(--v6-paper); border:1px solid var(--v6-line); border-radius:0; padding:10px 16px;
  box-shadow:none;
}
.vma6-chip i{ font-style:normal; color:var(--v6-gold); font-size:11px; flex:none; }

/* Sichtbarer „Alle Stufen"-Button unter der Karte (ersetzt Hover-Tooltip) */
.vma6 .vma6-stufenbtn{
  display:inline-flex; align-items:center; gap:9px; margin-top:20px; cursor:pointer;
  font:600 12px/1 var(--v6-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--v6-ink);
  background:none; border:1px solid #dedede; border-radius:0; padding:13px 24px;
  transition:background .3s var(--v6-ease), color .3s var(--v6-ease), border-color .3s var(--v6-ease);
  -webkit-appearance:none; appearance:none;
}
.vma6 .vma6-stufenbtn i{ font-style:normal; color:var(--v6-gold); font-size:11px; }
.vma6 .vma6-stufenbtn:hover{ background:var(--v6-ink); color:var(--v6-bg); border-color:var(--v6-ink); }
.vma6 .vma6-stufenbtn:hover i{ color:var(--v6-bg); }
#vma6-card .vma6-tip{ display:none; } /* Hover-Tooltip durch sichtbaren Button ersetzt */

/* „Gestalte eure Trauringe" — subtil hervorgehobenes Split-Panel mit Bild */
.vma6 .vma6-trauringe{
  display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;
  background:#f4f4f4; border:1px solid #dedede; border-radius:0;
  padding:44px 46px; margin-top:88px;
}
.vma6 .vma6-trauringe .t-sec{ margin-top:10px; }
.vma6-trauringe-media{ align-self:stretch; }
.vma6 .vma6-trauringe-img{ width:100%; height:100%; min-height:220px; max-height:300px; object-fit:cover; border-radius:0; display:block; }
@media(max-width:760px){
  .vma6 .vma6-trauringe{ grid-template-columns:1fr; gap:26px; padding:32px 24px; }
  .vma6 .vma6-trauringe-img{ max-height:220px; }
}

/* Concierge ohne Zitat → etwas kompakter */
.vma6-concierge{ padding:22px 30px; }
.vma6-conc-name{ margin:0 0 14px; }


/* [3] LOGIN */
/* ═══════════════════════════════════════════════════════════
   ACCOUNT LOGIN — "Mein Konto" (passwordless one-time code)
   Scoped under .vma-login so it never touches the dashboard.
═══════════════════════════════════════════════════════════ */
.vma-login {
  --vl-black:  #1a1a1a;
  --vl-text:   #2c2c2c;
  --vl-gold:   #b8956a;
  --vl-gold-ink: #8a6a3f;
  --vl-muted:  #6b6b6b;
  --vl-border: #e8e4df;
  --vl-serif:  'Cormorant Garamond', Georgia, serif;
  --vl-sans:   'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-family: var(--vl-sans);
  color: var(--vl-text);
  -webkit-font-smoothing: antialiased;
}
.vma-login *, .vma-login *::before, .vma-login *::after { box-sizing: border-box; }

.vma-login-page {
  min-height: 62vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(56px, 6vw, 96px) 24px;
}
.vma-login-wrap {
  width: 100%;
  max-width: 460px;
  text-align: center;
}

.vma-login-intro { margin: 0 0 30px; }
.vma-login-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--vl-gold-ink);
}
.vma-login-thread {
  display: block;
  width: 56px;
  height: 1px;
  margin: 14px auto 0;
  background: var(--vl-gold);
}
.vma-login-title {
  font-family: var(--vl-serif);
  font-size: clamp(32px, 5vw, 40px);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--vl-black);
  margin: 18px 0 10px;
  line-height: 1.18;
}
.vma-login-summary {
  max-width: 410px;
  margin: 0 auto;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--vl-muted);
}
.vma-login-heading {
  font-family: var(--vl-serif);
  font-size: 26px;
  font-weight: 400;
  color: var(--vl-black);
  margin: 0 0 8px;
  line-height: 1.2;
}
.vma-login-sub {
  font-size: 13px;
  color: var(--vl-muted);
  margin: 0 0 26px;
  line-height: 1.6;
}
.vma-login-sub strong { color: var(--vl-black); font-weight: 600; }

.vma-login .vma-field { margin-bottom: 16px; text-align: left; }
.vma-login .vma-field label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--vl-muted);
  margin-bottom: 7px;
}
.vma-login .vma-field input {
  width: 100%;
  height: 48px;
  background: #fff;
  border: 1px solid var(--vl-border);
  border-radius: 0;
  padding: 0 14px;
  font-family: var(--vl-sans);
  font-size: 14px;
  color: var(--vl-black);
  outline: none;
  -webkit-appearance: none;
  transition: border-color 0.2s;
}
.vma-login .vma-field input::placeholder { color: #c8c0b6; }
.vma-login .vma-field input:focus { border-color: var(--vl-black); }
.vma-login .vma-field input:focus-visible,
.vma-login .vma-btn:focus-visible,
.vma-login .vma-prospect-link:focus-visible,
.vma-login .vma-small-link a:focus-visible {
  outline: 2px solid var(--vl-black);
  outline-offset: 3px;
}

.vma-login .vma-code-input {
  letter-spacing: 0.35em;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
}

.vma-login .vma-btn {
  width: 100%;
  height: 50px;
  background: var(--vl-black);
  color: #fff;
  border: none;
  border-radius: 0;
  font-family: var(--vl-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 8px;
  transition: background-color 0.25s ease, color 0.25s ease, opacity 0.2s, transform 0.15s ease;
}
.vma-login .vma-btn:hover { background: transparent; color: var(--vl-black); box-shadow: inset 0 0 0 1px var(--vl-black); }
.vma-login .vma-btn:active { transform: translateY(1px); }
.vma-login .vma-btn:disabled { opacity: 0.6; cursor: default; }

.vma-login-hint {
  display: block;
  font-size: 11.5px;
  color: var(--vl-muted);
  margin-top: 14px;
  line-height: 1.5;
}
.vma-small-link {
  display: block;
  font-size: 12px;
  color: var(--vl-muted);
  margin-top: 16px;
}
.vma-small-link a { color: var(--vl-gold-ink); text-decoration: none; }
.vma-small-link a:hover { text-decoration: underline; }

.vma-prospect {
  margin-top: 38px;
  padding-top: 30px;
  border-top: 1px solid var(--vl-border);
}
.vma-prospect h2 {
  margin: 0 0 8px;
  font-family: var(--vl-serif);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--vl-black);
}
.vma-prospect p {
  max-width: 380px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.6;
  color: var(--vl-muted);
}
.vma-prospect-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}
.vma-prospect-link {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border: 1px solid var(--vl-black);
  border-radius: 0;
  background: transparent;
  color: var(--vl-black);
  font-family: var(--vl-sans);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.15s ease;
}
.vma-prospect-link:hover { background: var(--vl-black); color: #fff; }
.vma-prospect-link:active { transform: translateY(1px); }

.vma-login-msg {
  font-size: 12.5px;
  line-height: 1.5;
  margin: 0 0 18px;
}
.vma-login-msg:empty { display: none; margin: 0; }
.vma-login-msg.is-error { color: #b3261e; }
.vma-login-msg.is-success { color: #1e7d4f; }

@media (max-width: 480px) {
  .vma-login-page { padding: 40px 24px 72px; }
  .vma-login-wrap { max-width: 100%; }
  .vma-login-intro { margin-bottom: 24px; }
  .vma-login-title { font-size: 32px; }
  .vma-prospect { margin-top: 32px; padding-top: 24px; }
  .vma-prospect-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .vma-login .vma-btn,
  .vma-login .vma-prospect-link { transition: none; }
}

/* [4] STUFENKARTEN */
/* =============================================================================
   V8 — Material-Stufenkarten (Sterling · Champagner · Graphit · Noir)
   + Tooltip an der Hero-Karte + Stufen-Popup (alle 4 Karten & Vorteile).
   ============================================================================= */

/* ---------- Textur-Layer (universell; Farbe/Muster je Stufe s.u.) ---------- */
.vma6-guill{ position:absolute; inset:0; z-index:1; }
.vma6-fire{
  position:absolute; inset:-25%; z-index:3; pointer-events:none; mix-blend-mode:screen; opacity:0;
  filter:blur(6px); transition:opacity .5s var(--v6-ease);
}
.vma6-frame{ position:absolute; inset:11px; z-index:3; border-radius:15px; pointer-events:none; opacity:0; }
.vma6-dedge{
  position:absolute; inset:0; z-index:7; border-radius:0; padding:1px; pointer-events:none; opacity:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
}
.vma6-cserial{ position:absolute; right:30px; bottom:26px; z-index:4; font:500 10px/1 var(--v6-sans); letter-spacing:.3em; }
.vma6-card.mini{ opacity:1; transform:none; transition:none; } /* Popup-Minis nehmen nicht am Hero-Entrance teil */
.vma6-card.mini .vma6-cmeta > span:first-child{ display:none; } /* Minis zeigen nur die Stufe, kein "seit"-Datum */

/* ---------- SILBER — Sterling ---------- */
.vma6-card.tier-silber .vma6-cface{ background:radial-gradient(140% 100% at 18% -8%, #ffffff 0%, #e4e6ea 34%, #c6cad2 66%, #aab0b9 100%); }
.vma6-card.tier-silber .vma6-cface::before{ background:repeating-linear-gradient(96deg, rgba(255,255,255,.30) 0 1px, transparent 1px 3px, rgba(70,76,86,.05) 3px 4px, transparent 4px 6px); }
.vma6-card.tier-silber .vma6-cface::after{ background:radial-gradient(120% 120% at 50% 45%, transparent 55%, rgba(40,46,56,.14) 100%); }
.vma6-card.tier-silber .vma6-guill{ background:repeating-radial-gradient(circle at 112% 118%, rgba(60,66,76,.055) 0 1px, transparent 1px 7px); opacity:.9; }
.vma6-card.tier-silber .vma6-cbrand{ color:#4a4e56; text-shadow:0 1px 0 rgba(255,255,255,.55); }
.vma6-card.tier-silber .vma6-cname{ color:#2b2e34; text-shadow:0 1px 0 rgba(255,255,255,.5); }
.vma6-card.tier-silber .vma6-cmeta span{ color:#585d66; text-shadow:0 1px 0 rgba(255,255,255,.45); }
.vma6-card.tier-silber .vma6-cmeta .vma6-ctier{ color:#2b2e34; }
.vma6-card.tier-silber .vma6-cserial{ color:rgba(50,56,66,.62); text-shadow:0 1px 0 rgba(255,255,255,.5); }
.vma6-card.tier-silber .vma6-cchip{ background:linear-gradient(150deg,#f2f3f6,#c8ccd3); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(0,0,0,.08); }
.vma6-card.tier-silber .vma6-cmark path{ stroke:rgba(40,46,56,.09); }
.vma6-card.tier-silber .vma6-sheen{ background:radial-gradient(460px circle at var(--mx,72%) var(--my,14%), rgba(255,255,255,.55), rgba(255,255,255,.12) 36%, transparent 64%); }

/* ---------- GOLD — Champagner ---------- */
.vma6-card.tier-gold .vma6-cface{ background:radial-gradient(140% 100% at 18% -8%, #fdf4dd 0%, #f0debb 36%, #ddc394 68%, #c9ab79 100%); }
.vma6-card.tier-gold .vma6-cface::before{ background:repeating-linear-gradient(96deg, rgba(255,252,240,.33) 0 1px, transparent 1px 3px, rgba(120,90,40,.05) 3px 4px, transparent 4px 6px); }
.vma6-card.tier-gold .vma6-cface::after{ background:radial-gradient(120% 120% at 50% 45%, transparent 55%, rgba(90,68,28,.16) 100%); }
.vma6-card.tier-gold .vma6-guill{ background:repeating-conic-gradient(from 218deg at 88% 12%, rgba(120,90,40,.05) 0deg 1.1deg, transparent 1.1deg 5.2deg); opacity:.9; }
.vma6-card.tier-gold .vma6-cbrand{ color:#6d5832; text-shadow:0 1px 0 rgba(255,250,235,.6); }
.vma6-card.tier-gold .vma6-cname{ color:#453718; text-shadow:0 1px 0 rgba(255,250,235,.55); }
.vma6-card.tier-gold .vma6-cmeta span{ color:#6d5832; text-shadow:0 1px 0 rgba(255,250,235,.5); }
.vma6-card.tier-gold .vma6-cmeta .vma6-ctier{ color:#453718; }
.vma6-card.tier-gold .vma6-cserial{ color:rgba(95,74,40,.68); text-shadow:0 1px 0 rgba(255,250,235,.55); }
.vma6-card.tier-gold .vma6-cchip{ background:linear-gradient(150deg,#f6e6bd,#cfae74); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(0,0,0,.08); }
.vma6-card.tier-gold .vma6-cmark path{ stroke:rgba(100,74,30,.1); }
.vma6-card.tier-gold .vma6-sheen{ background:radial-gradient(460px circle at var(--mx,72%) var(--my,14%), rgba(255,246,220,.5), rgba(255,246,220,.1) 36%, transparent 64%); }

/* ---------- PLATIN — Graphit ---------- */
.vma6-card.tier-platin .vma6-cface{
  background:radial-gradient(140% 100% at 18% -8%, #43454b 0%, #2b2c31 40%, #1b1c20 72%, #121316 100%);
  box-shadow:none;
}
.vma6-card.tier-platin .vma6-cface::before{ background:repeating-linear-gradient(96deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px); }
.vma6-card.tier-platin .vma6-cface::after{ background:radial-gradient(120% 120% at 50% 45%, transparent 50%, rgba(0,0,0,.4) 100%); }
.vma6-card.tier-platin .vma6-guill{
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.028) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.028) 0 1px, transparent 1px 5px);
}
.vma6-card.tier-platin .vma6-frame{ opacity:1; border:1px solid rgba(255,255,255,.09); box-shadow:0 1px 0 rgba(0,0,0,.4); }
.vma6-card.tier-platin .vma6-cbrand{ color:#dcdce0; text-shadow:0 1px 1px rgba(0,0,0,.6); }
.vma6-card.tier-platin .vma6-cname{ color:#f4f4f6; text-shadow:0 1px 1px rgba(0,0,0,.6); }
.vma6-card.tier-platin .vma6-cmeta span{ color:#b3b3ba; text-shadow:0 1px 1px rgba(0,0,0,.55); }
.vma6-card.tier-platin .vma6-cmeta .vma6-ctier{ color:#f4f4f6; }
.vma6-card.tier-platin .vma6-cserial{ color:rgba(255,255,255,.30); }
.vma6-card.tier-platin .vma6-cchip{ background:linear-gradient(150deg,#54555c,#2e2f35); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(0,0,0,.3); }
.vma6-card.tier-platin .vma6-cmark path{ stroke:rgba(255,255,255,.07); }
.vma6-card.tier-platin .vma6-sheen{ background:radial-gradient(460px circle at var(--mx,72%) var(--my,14%), rgba(255,255,255,.16), rgba(255,255,255,.04) 36%, transparent 64%); }
.vma6-card.mini.tier-platin .vma6-frame{ inset:6px; border-radius:9px; }

/* ---------- DIAMANT — Noir ---------- */
.vma6-card.tier-diamond .vma6-cface{
  background:radial-gradient(140% 100% at 18% -8%, #202127 0%, #101014 44%, #08080a 76%, #040405 100%);
  box-shadow:none;
}
.vma6-card.tier-diamond .vma6-cface::before{ background:repeating-linear-gradient(96deg, rgba(255,255,255,.03) 0 1px, transparent 1px 4px); }
.vma6-card.tier-diamond .vma6-cface::after{ background:radial-gradient(120% 120% at 50% 45%, transparent 46%, rgba(0,0,0,.5) 100%); }
.vma6-card.tier-diamond .vma6-guill{ background:repeating-conic-gradient(from 0deg at 82% 110%, rgba(180,200,255,.03) 0deg 1deg, transparent 1deg 9deg); }
.vma6-card.tier-diamond .vma6-fire{
  opacity:.38;
  background:
    radial-gradient(560px circle at calc(var(--mx,60%)) calc(var(--my,30%)), rgba(110,170,255,.15), transparent 42%),
    radial-gradient(640px circle at calc(100% - var(--mx,60%)) calc(100% - var(--my,30%)), rgba(190,120,255,.11), transparent 46%),
    radial-gradient(520px circle at calc(var(--my,30%)) calc(var(--mx,60%)), rgba(110,255,220,.09), transparent 44%);
}
.vma6-card.tier-diamond:hover .vma6-fire{ opacity:.95; }
.vma6-card.tier-diamond.idle .vma6-fire{ animation:vma6Breathe 7s ease-in-out infinite; }
@keyframes vma6Breathe{ 0%,100%{ opacity:.38; } 50%{ opacity:.68; } }
.vma6-card.tier-diamond .vma6-dedge{
  opacity:1;
  background:conic-gradient(from var(--da,0deg),
    transparent 0turn .30turn, rgba(150,190,255,0) .34turn, rgba(190,215,255,.85) .40turn,
    rgba(255,255,255,.95) .42turn, rgba(210,180,255,.7) .45turn, transparent .52turn 1turn);
  animation:vma6Orbit 7.5s linear infinite;
}
@property --da{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes vma6Orbit{ to{ --da:360deg; } }
.vma6-spark{
  position:absolute; z-index:4; width:3px; height:3px; border-radius:0; pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.95), rgba(180,210,255,.25) 60%, transparent 70%);
  opacity:0; animation:vma6Twinkle 4.2s ease-in-out infinite;
}
.vma6-spark::after{ content:""; position:absolute; left:50%; top:50%; width:11px; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); transform:translate(-50%,-50%); }
.vma6-spark::before{ content:""; position:absolute; left:50%; top:50%; width:1px; height:11px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.7),transparent); transform:translate(-50%,-50%); }
@keyframes vma6Twinkle{ 0%,100%{ opacity:0; transform:scale(.4); } 8%{ opacity:1; transform:scale(1); } 16%{ opacity:0; transform:scale(.4); } }
.vma6-card.tier-diamond .vma6-cbrand{ color:#eef0f6; text-shadow:0 1px 1px rgba(0,0,0,.7); }
.vma6-card.tier-diamond .vma6-cname{ color:#ffffff; text-shadow:0 1px 1px rgba(0,0,0,.7), 0 0 18px rgba(160,190,255,.16); }
.vma6-card.tier-diamond .vma6-cmeta span{ color:#c2c5cf; text-shadow:0 1px 1px rgba(0,0,0,.6); }
.vma6-card.tier-diamond .vma6-cmeta .vma6-ctier{ color:#ffffff; }
.vma6-card.tier-diamond .vma6-cserial{ color:rgba(210,220,240,.35); }
.vma6-card.tier-diamond .vma6-cchip{ background:linear-gradient(150deg,#3d3f48,#1e1f25); box-shadow:inset 0 1px 0 rgba(200,215,255,.28), inset 0 0 0 1px rgba(0,0,0,.4); }
.vma6-card.tier-diamond .vma6-cmark path{ stroke:rgba(200,215,255,.13); }
.vma6-card.tier-diamond .vma6-sheen{ background:radial-gradient(460px circle at var(--mx,72%) var(--my,14%), rgba(220,232,255,.17), rgba(220,232,255,.04) 36%, transparent 64%); }

/* ═══ Karten-Materialien V2 (07.07., Lars-Feedback) — überschreiben die Basis oben ═══ */
/* PLATIN neu — poliertes Chrom, hoher Metall-Kontrast */
.vma6-card.tier-platin .vma6-cface{
  background:linear-gradient(148deg,#9a9da6 0%,#63666e 14%,#3a3d44 34%,#26272d 48%,#43464d 60%,#7d8089 82%,#54575e 100%);
  box-shadow:none;
}
.vma6-card.tier-platin .vma6-cface::before{ background:repeating-linear-gradient(96deg, rgba(255,255,255,.13) 0 1px, transparent 1px 3px, rgba(0,0,0,.07) 3px 4px, transparent 4px 6px); }
.vma6-card.tier-platin .vma6-cface::after{ background:radial-gradient(120% 120% at 50% 40%, transparent 55%, rgba(0,0,0,.28) 100%); }
.vma6-card.tier-platin .vma6-guill{ background:repeating-radial-gradient(circle at -8% -12%, rgba(255,255,255,.05) 0 1px, transparent 1px 8px); }
.vma6-card.tier-platin .vma6-frame{ border-color:rgba(255,255,255,.24); box-shadow:0 1px 0 rgba(0,0,0,.35); }
.vma6-card.tier-platin .vma6-cbrand{ color:#f4f5f8; text-shadow:0 1px 1px rgba(0,0,0,.5); }
.vma6-card.tier-platin .vma6-cname{ color:#ffffff; text-shadow:0 1px 1px rgba(0,0,0,.55); }
.vma6-card.tier-platin .vma6-cmeta span{ color:#d6d9df; text-shadow:0 1px 1px rgba(0,0,0,.45); }
.vma6-card.tier-platin .vma6-cmeta .vma6-ctier{ color:#fff; }
.vma6-card.tier-platin .vma6-cserial{ color:rgba(255,255,255,.55); text-shadow:0 1px 1px rgba(0,0,0,.4); }
.vma6-card.tier-platin .vma6-cchip{ background:linear-gradient(150deg,#c4c7ce,#83868f); box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(0,0,0,.22); }
.vma6-card.tier-platin .vma6-cmark path{ stroke:rgba(255,255,255,.15); }
.vma6-card.tier-platin .vma6-sheen{ background:radial-gradient(460px circle at var(--mx,72%) var(--my,14%), rgba(255,255,255,.4), rgba(255,255,255,.08) 36%, transparent 64%); }

/* DIAMANT neu — Noir Prisma, kühles Leuchten */
.vma6-card.tier-diamond .vma6-cface{
  background:
    radial-gradient(120% 160% at 82% -10%, rgba(96,118,210,.18) 0%, transparent 42%),
    radial-gradient(140% 100% at 18% -8%, #1b1c24 0%, #0d0d13 44%, #060609 78%, #030304 100%);
}
.vma6-card.tier-diamond .vma6-guill{ background:repeating-conic-gradient(from 0deg at 82% 110%, rgba(190,205,255,.055) 0deg 1.3deg, transparent 1.3deg 7deg); }
.vma6-card.tier-diamond .vma6-cmark{ filter:drop-shadow(0 0 7px rgba(150,180,255,.28)); opacity:1; }
.vma6-card.tier-diamond .vma6-cmark path{ stroke:rgba(208,222,255,.3); }
.vma6-card.tier-diamond .vma6-frame{ opacity:1; inset:10px; border-radius:16px; border:1px solid rgba(165,190,255,.15); box-shadow:inset 0 0 14px rgba(120,150,255,.07); }
.vma6-card.tier-diamond .vma6-fire{ opacity:.5; }
.vma6-card.tier-diamond.idle .vma6-fire{ animation:vma6Breathe 6.5s ease-in-out infinite; }
.vma6-card.tier-diamond .vma6-cserial{ color:rgba(215,226,250,.5); }
.vma6-card.tier-diamond .vma6-spark{ width:4px; height:4px; }
.vma6-card.tier-diamond .vma6-spark::after{ width:14px; }
.vma6-card.tier-diamond .vma6-spark::before{ height:14px; }

/* ---------- Tooltip an der Hero-Karte ---------- */
#vma6-card{ cursor:pointer; }
.vma6-tip{
  position:absolute; left:50%; bottom:-46px; transform:translate(-50%,6px); z-index:9;
  white-space:nowrap; pointer-events:none; opacity:0;
  font:600 11px/1 var(--v6-sans); letter-spacing:.14em; text-transform:uppercase;
  color:var(--v6-ink); background:var(--v6-paper); border:1px solid var(--v6-line);
  padding:11px 18px; border-radius:0; box-shadow:none;
  transition:opacity .3s var(--v6-ease), transform .3s var(--v6-ease);
}
.vma6-tip::before{
  content:""; position:absolute; left:50%; top:-5px; width:8px; height:8px; transform:translateX(-50%) rotate(45deg);
  background:var(--v6-paper); border-left:1px solid var(--v6-line); border-top:1px solid var(--v6-line);
}
.vma6-tip-gold{ color:var(--v6-gold); }
#vma6-card:hover .vma6-tip, #vma6-card:focus-visible .vma6-tip{ opacity:1; transform:translate(-50%,0); }
#vma6-card:focus-visible{ outline:2px solid var(--v6-gold); outline-offset:8px; border-radius:24px; }

/* ---------- Stufen-Popup ---------- */
.vma6-ovl{
  /* z-index über #wpadminbar (WP-Admin-Toolbar, z-index:99999, fixed top) — sonst legt sich die
     Toolbar bei eingeloggten Nutzern über Close-Button/Titel des Popups (v.a. auf Mobile sichtbar). */
  position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center;
  padding:clamp(14px,3vw,40px); background:rgba(26,26,25,.44);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:0; pointer-events:none; transition:opacity .35s var(--v6-ease);
}
.vma6-ovl[hidden]{ display:flex; } /* hidden nur Startzustand; sichtbar/unsichtbar per Klasse+JS */
.vma6-ovl.open{ opacity:1; pointer-events:auto; }
.vma6-panel{
  position:relative; width:min(1160px,100%); max-height:92vh; overflow:auto;
  background:var(--v6-bg); border-radius:0; border:1px solid var(--v6-line);
  padding:clamp(24px,4vw,52px); transform:translateY(16px) scale(.985); transition:transform .4s var(--v6-ease);
  box-shadow:none;
}
.vma6-ovl.open .vma6-panel{ transform:none; }
.vma6-phead{ text-align:center; margin-bottom:clamp(24px,3.5vw,42px); }
.vma6-phead .cap{ margin-bottom:12px; }
.vma6-phead h3{ font:300 clamp(26px,3.4vw,38px)/1.08 var(--v6-serif); margin:0 0 8px; text-wrap:balance; }
.vma6-phead h3 em{ font-style:italic; color:var(--v6-gold); }
.vma6-phead .sub{ margin:0 auto; max-width:52ch; }
/* .vma6-ovl liegt außerhalb von <main class="vma6"> → eigener Vorfahre für die Spezifität */
.vma6-ovl .vma6-pclose{
  position:absolute; top:16px; right:16px; width:38px; height:38px; border-radius:0;
  border:1px solid var(--v6-line); background:var(--v6-paper); cursor:pointer; color:var(--v6-ink);
  font:400 17px/1 var(--v6-sans); display:flex; align-items:center; justify-content:center;
  transition:transform .25s var(--v6-ease);
}
.vma6-ovl .vma6-pclose:hover{ transform:rotate(90deg); }
.vma6-tgrid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2.4vw,28px); align-items:start; }
.vma6-tcol{ position:relative; display:flex; flex-direction:column; gap:16px; padding:24px 16px 22px; border-radius:0; border:1px solid transparent; perspective:1200px; }
.vma6-tcol.cur{ border-color:var(--v6-line); background:var(--v6-paper); }
.vma6-curpill{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%); white-space:nowrap;
  font:700 9.5px/1 var(--v6-sans); letter-spacing:.3em; text-transform:uppercase;
  color:var(--v6-gold); border:1px solid #dedede; background:#f8f1e2; padding:7px 13px 6px; border-radius:0;
}
.vma6-tcol .vma6-card.mini .vma6-ccontent{ padding:14px 15px; }
.vma6-tcol .vma6-cbrand{ font-size:8.5px; letter-spacing:.28em; }
.vma6-tcol .vma6-cchip{ width:24px; height:18px; border-radius:0; }
.vma6-tcol .vma6-cname{ font-size:10px; letter-spacing:.2em; }
.vma6-tcol .vma6-cmeta{ margin-top:5px; }
.vma6-tcol .vma6-cmeta span{ font-size:6.5px; letter-spacing:.14em; }
.vma6-tcol .vma6-cserial{ font-size:6.5px; letter-spacing:.24em; right:15px; bottom:14px; }
.vma6-tcol .vma6-cmark{ width:200px; height:200px; right:-70px; top:-80px; }
.vma6-tcol .vma6-tip{ display:none; }
.vma6-tinfo{ text-align:center; }
.vma6-tinfo .vma6-tname{ font:400 22px/1 var(--v6-serif); margin:0 0 3px; color:var(--v6-ink); }
.vma6-tinfo .vma6-tthr{ font:600 10px/1 var(--v6-sans); letter-spacing:.2em; text-transform:uppercase; color:var(--v6-gold); margin:0; }
.vma6-blist{ list-style:none; margin:2px 0 0; padding:0; display:flex; flex-direction:column; }
.vma6-blist li{ position:relative; font:400 13.5px/1.5 var(--v6-sans); color:var(--v6-ink); padding:9px 2px 9px 19px; border-top:1px solid var(--v6-line); }
.vma6-blist li:last-child{ border-bottom:1px solid var(--v6-line); }
.vma6-blist li.vma6-inherit{ padding-left:2px; color:var(--v6-muted); font-style:italic; }
.vma6-chk{ position:absolute; left:2px; top:9px; color:var(--v6-gold); font-size:11px; }
.vma6-bnote{ color:var(--v6-muted); font-size:12px; }
.vma6-tcol .vma6-tiercode{ align-self:center; margin-top:2px; }
body.vma6-modal-open{ overflow:hidden; }
/* Theme setzt .website-wrapper{overflow:hidden} (base.min.css) — bricht position:fixed für alles
   darin (identischer Vorfall wie bei den About-Page-Scroll-Effekten im Juli). Dadurch legt sich
   der ebenfalls im Wrapper liegende Sticky-Header beim Scrollen über das offene Stufen-Popup.
   Bei offenem Popup gezielt aufheben (body.vma6-modal-open{overflow:hidden} übernimmt den Scroll-Lock). */
body.vma6-modal-open .website-wrapper{ overflow:visible!important; }

/* ---------- „Dein Vorteil"-Panel (im Trauringe-Stil: weiß, Serif-Headline) ---------- */
.vma6-mybenefit{
  display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap;
  margin-top:44px; padding:40px 46px; background:#fff;
  border:1px solid #dedede; border-radius:0;
}
.vma6-mybenefit[hidden]{ display:none; }
.vma6-mybenefit-main{ min-width:0; }
.vma6-mybenefit-main .cap{ margin-bottom:12px; }
#vma6-mybenefit-title{ font:400 26px/1.25 var(--v6-serif); margin:0; }
#vma6-mybenefit-note{ margin-top:10px; max-width:52ch; }
.vma6-mybenefit-main .sub[hidden]{ display:none; }
.vma6-mybenefit-side{ display:flex; flex-direction:column; align-items:flex-end; gap:14px; flex:none; }
.vma6-mybenefit-side .vma6-code{
  margin-top:0; font-size:15px; letter-spacing:.1em; padding:13px 22px;
  background:#f4f4f4; border:1px solid #dedede; border-radius:0;
}
.vma6 .vma6-mb-alllink{
  font:600 12.5px/1 var(--v6-sans); color:var(--v6-muted); cursor:pointer; background:none; border:0; padding:0 0 3px;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;
  transition:background-size .45s var(--v6-ease), color .3s; -webkit-appearance:none; appearance:none;
}
.vma6 .vma6-mb-alllink:hover{ background-size:100% 1px; color:var(--v6-ink); }
@media(max-width:640px){
  .vma6-mybenefit{ padding:28px 24px; }
  .vma6-mybenefit-side{ align-items:flex-start; }
}

/* ---------- Bestell-Filter (Zeitraum-Chips) ---------- */
.vma6-filter{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 26px; }
.vma6-filter[hidden]{ display:none; }
.vma6-filter .cap{ margin-right:4px; }
.vma6 .vma6-fchip{
  font:600 12px/1 var(--v6-sans); color:var(--v6-muted); cursor:pointer;
  background:none; border:1px solid var(--v6-line); border-radius:0; padding:9px 16px;
  transition:all .25s var(--v6-ease); -webkit-appearance:none; appearance:none;
}
.vma6 .vma6-fchip:hover{ color:var(--v6-ink); border-color:#dedede; }
.vma6 .vma6-fchip.active{ background:var(--v6-ink); color:var(--v6-bg); border-color:var(--v6-ink); }

/* ---------- Empty State „Deine Stücke" (0 Bestellungen) ---------- */
.vma6-empty{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:52px 28px 56px; background:var(--v6-paper);
  border:1px solid var(--v6-line); border-radius:0;
}
.vma6-empty svg{ opacity:.5; margin-bottom:18px; }
.vma6-empty .t-item{ font-size:23px; margin:0 0 8px; }
.vma6-empty .sub{ max-width:44ch; margin:0 0 22px; }
.vma6-empty-cta{ display:flex; gap:26px; flex-wrap:wrap; justify-content:center; }

@media(max-width:1020px){ .vma6-tgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px){ .vma6-tgrid{ grid-template-columns:1fr; } .vma6-panel{ border-radius:0; } }

@media (prefers-reduced-motion: reduce){
  .vma6-card.tier-diamond.idle .vma6-fire, .vma6-card.tier-diamond .vma6-dedge, .vma6-spark{ animation:none !important; }
  .vma6-ovl, .vma6-panel, .vma6-tip{ transition:none !important; }
}

/* =============================================================================
   V10 — Seiten-Navigation (Sidebar) + Profil-Sektion
   Breakpoint bewusst hoch (1600px): bei --content-max 1060px bleibt links erst ab
   dort genug Rand (>=270px) für Nav (170px) + Abstand (28px), ohne den Content zu
   überlappen. NICHT niedriger setzen ohne die Rechnung neu zu prüfen.
   ============================================================================= */
.vma6-nav{ display:none; }
@media(min-width:1600px){
  .vma6-nav{
    display:flex; flex-direction:column; gap:2px; position:fixed;
    left:calc((100vw - 1060px)/2 - 198px); top:120px; width:170px; z-index:20;
  }
}
.vma6-nav-cap{ font:600 10px/1 var(--v6-sans); letter-spacing:.22em; text-transform:uppercase; color:var(--v6-soft); margin:0 0 10px 13px; }
.vma6-nav a{
  font:600 13px/1.2 var(--v6-sans); color:#8a857c; text-decoration:none;
  padding:10px 13px; border-left:2px solid transparent; border-radius:0 9px 9px 0;
  transition:color .25s, border-color .25s, background .25s;
}
.vma6-nav a:hover{ color:var(--v6-ink); background:rgba(255,255,255,.6); }
.vma6-nav a.cur{ color:var(--v6-ink); border-left-color:var(--v6-gold); background:#fff; }

/* Profil */
.vma6-profile-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top:26px; }
.vma6-profile-grid>div{ border-top:1px solid var(--v6-line); padding-top:16px; }
.vma6-profile-grid .t-item{ margin-top:8px; word-break:break-word; }
.vma6-profile-actions{ display:flex; gap:26px; margin-top:26px; flex-wrap:wrap; }
@media(max-width:760px){ .vma6-profile-grid{ grid-template-columns:1fr; gap:20px; } }

/* Hilfe-Block: FAQ-Deep-Links */
.vma6-help-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:24px; }
.vma6-help-tile{
  display:flex; flex-direction:column; gap:8px; text-decoration:none;
  padding:22px 20px; background:var(--v6-paper); border:1px solid var(--v6-line); border-radius:0;
  transition:border-color .3s var(--v6-ease), transform .3s var(--v6-ease), box-shadow .3s var(--v6-ease);
}
.vma6-help-tile:hover{ border-color:#dedede; transform:translateY(-2px); box-shadow:none; }
.vma6-help-icon{ color:var(--v6-gold); font-size:13px; }
.vma6-help-title{ font:600 14px/1.3 var(--v6-sans); color:var(--v6-ink); }
.vma6-help-sub{ font:400 12.5px/1.4 var(--v6-sans); color:var(--v6-muted); }
@media(max-width:900px){ .vma6-help-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .vma6-help-grid{ grid-template-columns:1fr; } }

/* =============================================================================
   [5] V8 — Brand-Book-Redesign (30.07.2026): Weiß führt, Haarlinien, eckig,
   Bestellungen zuerst, fertige Orders reduziert. Ergänzt/übersteuert Altregeln
   per Kaskade (gleiche Spezifität, später geladen). Login-Block unberührt.
   ============================================================================= */

/* [hidden] gewinnt immer (display:flex auf Klassen darf es nicht überstimmen) */
.vma6 [hidden]{ display:none !important; }

/* ---- Kopf: kompakt, eine Kennzahlen-Zeile ---- */
.vma6-hero{ grid-template-columns:1fr; gap:0; padding:44px 0 8px; }
.vma6-hero .t-hero{ font-size:clamp(26px,2.8vw,32px); line-height:1.15; margin:0 0 16px; }
.vma6-stats{ display:flex; align-items:baseline; gap:10px; border-top:1px solid var(--v6-line); padding-top:16px; }
.vma6-stats dt{ display:none; }
.vma6-stats > div{ display:inline-flex; }
.vma6-stats dd{ font:400 15px/1.4 var(--v6-serif); color:var(--v6-muted); }
.vma6-stats > div + div dd::before{ content:"·"; margin:0 8px; color:var(--v6-line); }
.vma6-stats > div:first-child dd::after{ content:" Punkte"; }

/* ---- Eyebrows: ein ruhiger Gold-Ink-Akzent, Sektionsköpfe ohne Doppelzeile ---- */
.vma6 .cap{ color:#8a6a3f; }
.vma6 .o-state{ color:var(--v6-muted); }
.vma6-sec{ padding-top:52px; }

/* ---- Buttons: eckiges Outline-System (Karla, uppercase, invertierender Hover) ---- */
.vma6 .vma6-quick, .vma6 .vma6-stufenbtn, .vma6 .o-sizer-save,
.vma6 .o-req-actions .o-sizer-save{
  border:1px solid var(--v6-ink); background:transparent; color:var(--v6-ink);
  font:500 11px/1 var(--v6-sans); letter-spacing:.16em; text-transform:uppercase;
  padding:13px 24px; min-height:44px; border-radius:0;
  transition:background .25s var(--v6-ease), color .25s var(--v6-ease);
}
.vma6 .vma6-quick:hover, .vma6 .vma6-stufenbtn:hover, .vma6 .o-sizer-save:hover{
  background:var(--v6-ink); color:#fff;
}
.vma6 .vma6-quick:active, .vma6 .vma6-stufenbtn:active, .vma6 .o-sizer-save:active{ transform:translateY(1px); }
.vma6 .vma6-quick i, .vma6 .vma6-stufenbtn i{ display:none; }
.vma6 .vma6-fchip{ border:1px solid var(--v6-line); border-radius:0; font:500 11px/1 var(--v6-sans); letter-spacing:.12em; text-transform:uppercase; padding:11px 16px; min-height:38px; }
.vma6 .vma6-fchip.active{ background:var(--v6-ink); color:#fff; border-color:var(--v6-ink); }
.vma6 .order-actions .linkish, .vma6 [data-req-open], .vma6 .o-resize-link{
  font:500 11px/1.4 var(--v6-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--v6-ink);
}

/* ---- Bestellkarten: offene Flächen, fertige Orders reduziert ---- */
.vma6 .order{ padding:36px 0; }
.vma6 .o-state{ font-size:10px; letter-spacing:.14em; }
.vma6 .o-id{ color:var(--v6-muted); }
.vma6 .timeline .t-dot>span{ width:6px; height:6px; border-width:1px; border-radius:0; }
.vma6 .timeline .t-dash{ height:1px; }
.vma6 .mto-status .mto-eta{ border:1px solid var(--v6-line); background:#fff; border-radius:0; font-weight:500; }
/* fertig/erstattet/storniert → nur Titel, Summe, Details (Timeline/Tracking/Note im Detail bzw. weg) */
.vma6 .order.is-done .timeline,
.vma6 .order.is-done .mto-status,
.vma6 .order.is-done .orderTracking{ display:none; }

/* ---- Formulare/Sizer: Mist-Fläche statt Rahmen-Karte ---- */
.vma6 .o-req-form{ background:#f4f4f4; border:0; border-radius:0; }
.vma6 .o-sizer{ background:transparent; border:0; border-top:1px solid var(--v6-line); border-radius:0; padding:20px 0 0; margin-top:22px; }
.vma6 .o-sizer-text{ display:none; }
.vma6 .o-sizer-input{ border-radius:0; background:#fff; }

/* ---- Trauring-Anschluss: eine ruhige Zeile statt Kachel ---- */
.vma6 .o-wedding{ background:transparent; border:0; border-top:1px solid var(--v6-line); border-radius:0; padding:18px 0 0; margin-top:22px; }
.vma6 .o-wedding .o-resize-icon{ display:none; }

/* ---- Pflege/Anfragen im Detail: Haarlinien-Rhythmus ---- */
.vma6 .o-detail-meta b{ color:#8a6a3f; }
.vma6 .o-requests-cap, .vma6 .o-care-cap{ color:#8a6a3f; }

/* ---- Hilfe: schlanke Zeilen statt Kacheln ---- */
.vma6-help-grid{ gap:0 28px; margin-top:8px; }
.vma6 .vma6-help-tile{ border:0; border-top:1px solid var(--v6-line); border-radius:0; padding:16px 0; }
.vma6 .vma6-help-tile:hover{ border-color:var(--v6-line); transform:none; box-shadow:none; }
.vma6 .vma6-help-title{ font:500 12px/1.4 var(--v6-sans); letter-spacing:.1em; text-transform:uppercase; }

/* ---- Adressen/Profil/Footer ruhig ---- */
.vma6-foot{ border-top:1px solid var(--v6-line); }

@media(max-width:640px){
  .vma6 .order{ padding:30px 0; }
}
.vma6 .o-detail-action{ margin:10px 26px 0 0; }
/* 320px-Gates: Trauring-Zeile darf umbrechen; dekorative Karten-Layer (fire/cmark,
   inset:-25%) nie aus der Karte laufen lassen — live maskierte das bisher nur
   .website-wrapper{overflow:hidden} des Themes. */
.vma6 .o-wedding .o-resize-link{ white-space:normal; }
.vma6 .vma6-card{ overflow:hidden; }

/* Das Stufen-Overlay liegt außerhalb von .vma9. Seine kleinen UI-Akzente
   bleiben im Account neutral; nur die physischen Mitgliedskarten tragen Materialfarben. */
.vma6-ovl .cap,
.vma6-ovl .vma6-phead h3 em,
.vma6-ovl .vma6-tthr,
.vma6-ovl .vma6-chk{ color:#686866; }
.vma6-ovl .vma6-curpill{
  color:#111;
  border-color:#d9d9d7;
  background:#fff;
}
.vma6-ovl :is(button,a,[tabindex]):focus-visible{
  outline:2px solid #111;
  outline-offset:3px;
}

/* =============================================================================
   [8] V11 „APPLE-LOOK" (01.09.2026, Florian-Freigabe, Mock 68f657a5) auf dem
   V10-Tab-Gerüst. Weiß + hellgraue Flächen (#f5f5f7) ohne Schatten/Rahmen,
   Cormorant nur für Begrüßung + Stücktitel, sonst Karla in normaler Schreibung,
   Listen mit Chevrons statt Karten. Funktionslogik (members.js) unverändert.
   ============================================================================= */

.v10a{
  --a-panel:#f5f5f7; --a-ink:#1d1d1f; --a-sec:#6e6e73; --a-ter:#86868b; --a-sep:#d2d2d7; --a-gold:#8a6a3f;
  --a-r:18px; --a-ease:cubic-bezier(.28,.11,.32,1);
  max-width:980px;
  background:transparent; box-shadow:none; clip-path:none; color:var(--a-ink);
  font:400 17px/1.47 var(--v6-sans); -webkit-font-smoothing:antialiased;
}

/* Spezifität: die Basisregel .shell.vma6{padding:0 28px 110px} (0,2,0) überstimmt
   .v10a — deshalb hier mit drei Klassen (Florian 02.09.: „kein Abstand über Willkommen") */
.shell.vma6.v10a{ padding-top:96px; padding-bottom:64px; }

/* ---- Kopf + Segmented-Menü ---- */
.v10-hello{ font:400 clamp(30px,4.2vw,40px)/1.12 var(--v6-serif); letter-spacing:-.01em; color:var(--a-ink); margin:0; }
.v10-hello em{ font-style:italic; }
.v11-sub{ font:400 17px/1.47 var(--v6-sans); color:var(--a-sec); margin:6px 0 0; min-height:1.47em; }
.v10-menu{
  position:sticky; top:var(--v10-menu-top, 10px); z-index:30; margin-top:28px;
  display:inline-flex; gap:2px; background:var(--a-panel); border-radius:10px; padding:2px;
  width:max-content; max-width:100%; overflow-x:auto; scrollbar-width:none; box-shadow:none;
}
.v10-menu::-webkit-scrollbar{ display:none; }
.v10a .v10-menu button{
  flex:0 0 auto; border:0; background:transparent; cursor:pointer; border-radius:8px;
  padding:7px 18px; min-height:34px; font:500 14px/1.3 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ink);
  transition:background .2s var(--a-ease), box-shadow .2s var(--a-ease); white-space:nowrap;
}
.v10a .v10-menu button.on{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.08), 0 3px 8px rgba(0,0,0,.06); }
.v10a .v10-menu button:focus-visible{ outline:2px solid var(--a-ink); outline-offset:2px; }

/* ---- Views + Rhythmus ---- */
.v10-view{ display:none; margin-top:36px; }
.v10-view.on{ display:block; animation:v11fade .4s var(--a-ease); }
@keyframes v11fade{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }
@media(prefers-reduced-motion:reduce){ .v10-view.on{ animation:none; } }
.v10-stack{ display:grid; gap:56px; }
.v10-card{ background:var(--a-panel); border-radius:var(--a-r); box-shadow:none; padding:28px 30px; }
.v10-card.lift{ box-shadow:none; }
.v10-cap{ font:400 14px/1.3 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ter); margin:0 0 6px; display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.v10a .v10-caplink{ border:0; background:transparent; cursor:pointer; padding:0; min-height:0; font:400 15px/1 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ink); }
.v10a .v10-caplink::after{ content:"›"; margin-left:5px; color:var(--a-ter); }
.v10a .v10-caplink:hover{ text-decoration:underline; }
.v10-note{ font:400 14px/1.45 var(--v6-sans); color:var(--a-ter); margin:12px 0 0; }

/* ---- Buttons + Fortschritt ---- */
.v10a .v10-btn{
  display:inline-flex; align-items:center; justify-content:center; border:0; cursor:pointer;
  border-radius:980px; background:var(--a-ink); color:#fff; padding:10px 22px; min-height:40px;
  font:500 15px/1.2 var(--v6-sans); letter-spacing:0; text-transform:none; text-decoration:none; transition:opacity .2s;
}
.v10a .v10-btn:hover{ opacity:.85; background:var(--a-ink); color:#fff; }
.v10a .v10-btn.ghost{ background:transparent; color:var(--a-ink); box-shadow:inset 0 0 0 1px var(--a-sep); }
.v10a .v10-btn:focus-visible{ outline:2px solid var(--a-ink); outline-offset:2px; }
.v10a .v10-logout{ font:400 15px/1 var(--v6-sans); color:var(--a-ink); text-decoration:none; }
.v10-track{ height:3px; border-radius:2px; background:#e0e0e5; overflow:visible; position:relative; }
.v10-track.mini{ height:3px; margin:14px 0 8px; }
.v10-fill{ height:100%; width:0%; border-radius:2px; background:var(--a-ink); position:relative; transition:width .6s var(--a-ease); }
.v10-fill::after{ content:""; position:absolute; right:0; top:50%; width:9px; height:9px; border-radius:50%; background:var(--a-gold); transform:translate(50%,-50%); }
.v10-prog{ margin:18px 0 4px; max-width:420px; }
.v10-prog-row, .v10-legend{ display:flex; justify-content:space-between; gap:12px; margin-top:8px; font:400 13px/1.4 var(--v6-sans); color:var(--a-sec); }
.v10-prog-row b{ color:var(--a-ink); font-weight:500; }

/* ---- Hero (Stück) ---- */
.v10-atelier{ display:grid; grid-template-columns:40% 1fr; gap:40px; align-items:center; padding:36px 44px 36px 36px; }
.v10-atelier .ph{ background:#fff; border-radius:14px; aspect-ratio:1/1; overflow:hidden; }
.v10-atelier .ph img{ width:100%; height:100%; object-fit:cover; }
.v11-status{ font:400 14px/1.4 var(--v6-sans); color:var(--a-sec); margin:0; }
#v10-hero-meta:not(:empty)::before{ content:" · "; }
.v10-atelier h2{ font:400 clamp(26px,3vw,32px)/1.15 var(--v6-serif); color:var(--a-ink); margin:6px 0 10px; }
.v10-herotext{ font:400 15px/1.5 var(--v6-sans); color:var(--a-sec); margin:0; max-width:46ch; }
.v10-atelier .actions{ display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }

/* ---- Stufe + Empfehlung ---- */
.v10-row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:stretch; }
.v10-row2 > .v10-card:only-child{ grid-column:1 / -1; }
.v10-cercle{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.v10-cercle .tier{ font:400 30px/1.1 var(--v6-serif); color:var(--a-ink); }
.v10-cercle .to{ font:400 14px/1.4 var(--v6-sans); color:var(--a-sec); }
.v10-benefit{ display:none; } /* Mock 68f657a5: Vorteil/Code nur noch im Stufen-Popup */
.v10a #vma6-referral{
  margin:0; padding:28px 30px; border-top:0; background:var(--a-panel); border-radius:var(--a-r); box-shadow:none;
  display:grid; grid-template-columns:104px 1fr; gap:6px 22px; align-items:center;
}
.v10a #vma6-referral .vlrr-account__media{ grid-row:1 / span 3; width:104px; height:104px; aspect-ratio:auto; border-radius:12px; overflow:hidden; background:#fff; }
.v10a #vma6-referral .vlrr-account__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.v10a #vma6-referral .vlrr-account__content{ display:contents; }
.v10a #vma6-referral .vlrr-account__eyebrow, .v10a #vma6-referral .vlrr-account__specs{ display:none; }
.v10a #vma6-referral h3{ grid-column:2; font:600 17px/1.3 var(--v6-sans); letter-spacing:0; color:var(--a-ink); margin:0; align-self:end; }
.v10a #vma6-referral .vlrr-account__intro{ grid-column:2; max-width:none; margin:0; font:400 14px/1.45 var(--v6-sans); color:var(--a-sec); }
.v10a #vma6-referral .vlrr-code{
  grid-column:2; align-self:start; margin:6px 0 0; padding:0; border:0; background:transparent; border-radius:0;
  display:flex; align-items:center; justify-content:flex-start; gap:14px; flex-direction:row;
}
.v10a #vma6-referral .vlrr-code strong{ font:600 15px/1 var(--v6-sans); letter-spacing:.08em; color:var(--a-ink); white-space:nowrap; }
.v10a #vma6-referral .vlrr-copy{
  width:auto; min-width:0; min-height:0; border:0; background:transparent; color:var(--a-ink); cursor:pointer;
  padding:4px 0; font:400 15px/1 var(--v6-sans); letter-spacing:0; text-transform:none;
}
.v10a #vma6-referral .vlrr-copy:hover{ text-decoration:underline; background:transparent; color:var(--a-ink); }

/* ---- Listen (Apple-Settings) ---- */
.v11-list, .v10-help, .v10a #ordersList, .v10a #addrGrid, .v10-pgrid, .v10-pactions{
  background:var(--a-panel); border-radius:var(--a-r); overflow:hidden; display:block;
}
.v10-help{ margin-top:0; }
.v10a .v10-help a, .v10a .v10-pactions a, .v10a .v10-pactions button{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; width:100%; text-align:left;
  padding:16px 22px; border:0; border-top:1px solid var(--a-sep); background:transparent; border-radius:0; box-shadow:none;
  font:500 17px/1.3 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ink); text-decoration:none; transform:none; transition:background .15s;
}
.v10a .v10-help a:first-child, .v10a .v10-pactions a:first-child{ border-top:0; }
.v10a .v10-help a:hover, .v10a .v10-pactions a:hover{ background:#efeff2; transform:none; }
.v10a .v10-help a{ grid-template-rows:auto auto; row-gap:0; }
.v10a .v10-help a span{ display:block; grid-column:1; grid-row:2; font:400 14px/1.4 var(--v6-sans); color:var(--a-sec); margin-top:2px; }
.v10a .v10-help a::after{ grid-row:1 / span 2; }
/* Sektionsüberschrift außerhalb von Karten (z. B. „Schnelle Hilfe") */
.v10a .v10-stack > div > .v10-cap{ font:600 22px/1.2 var(--v6-sans); color:var(--a-ink); margin:0 0 14px !important; }
.v10a .v10-help a::after, .v10a .v10-pactions a::after, .v10a .v10-pactions .v10-logout::after{ content:"›"; grid-column:2; color:var(--a-ter); font-size:20px; line-height:1; }
.v10-pactions{ margin-top:16px; display:block; }
.v10-pgrid{ display:block; margin:0; }
.v10-pgrid > div{ display:flex; justify-content:space-between; gap:18px; padding:16px 22px; border-top:1px solid var(--a-sep); border-bottom:0; }
.v10-pgrid > div:first-child{ border-top:0; }
.v10-pgrid dt{ font:400 17px/1.3 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-sec); margin:0; }
.v10-pgrid dd{ font:400 17px/1.3 var(--v6-sans); color:var(--a-ink); margin:0; text-align:right; overflow-wrap:anywhere; }
.v10a #vma6-profile.v10-card{ background:transparent; padding:0; }
.v10a .v10-pactions .v10-logout{ padding:16px 22px; }

/* Adressen als Zeilen */
.v10a .addr-item{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px;
  background:transparent; border:0; border-top:1px solid var(--a-sep); border-radius:0; box-shadow:none; padding:16px 22px;
}
.v10a .addr-item:first-child{ border-top:0; }
.v10a .addr-item .vma6-addrname{ font:500 17px/1.3 var(--v6-sans); letter-spacing:0; color:var(--a-ink); margin:0; }
.v10a .addr-item .vma6-addrflag{ display:inline; margin-left:6px; background:transparent; border-radius:0; padding:0; font:400 14px/1 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ter); }
.v10a .addr-item .vma6-addrflag::before{ content:"· "; }
.v10a .addr-item .vma6-addrlines{ font:400 14px/1.4 var(--v6-sans); color:var(--a-sec); margin:2px 0 0; }
.v10a .addr-item .vma6-addr-actions{ grid-column:2; grid-row:1 / span 2; display:flex; gap:16px; align-items:center; }
.v10a .addr-item .outline-btn{ border:0; background:transparent; padding:0; min-height:0; border-radius:0; font:400 15px/1 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ink); }
.v10a .addr-item .outline-btn::after{ content:"›"; margin-left:6px; color:var(--a-ter); font-size:20px; line-height:1; }

/* ---- Bestellungen: members.js-Karten als Listenzeilen ---- */
.v10a #ordersList{ display:block; }
.v10a .order{ background:transparent; border:0; border-top:1px solid var(--a-sep); border-radius:0; box-shadow:none; padding:16px 22px; margin:0; }
.v10a .order:first-child{ border-top:0; }
.v10a .order .o-top{ display:grid; grid-template-columns:56px 1fr auto auto; grid-template-rows:auto auto; column-gap:18px; row-gap:0; align-items:center; cursor:pointer; }
.v10a .order .o-thumb{ grid-column:1; grid-row:1 / span 2; width:56px; height:56px; border-radius:10px; overflow:hidden; background:#fff; margin:0; }
.v10a .order .o-thumb img{ width:100%; height:100%; object-fit:cover; }
.v10a .order .o-headwrap, .v10a .order .o-head{ display:contents; }
.v10a .order .o-title{ grid-column:2; grid-row:1; font:500 17px/1.3 var(--v6-sans); color:var(--a-ink); margin:0; }
.v10a .order .o-id{ grid-column:2; grid-row:2; font:400 14px/1.4 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-sec); margin:2px 0 0; }
.v10a .order .o-state{ grid-column:3; grid-row:1 / span 2; display:inline; background:transparent; border:0; border-radius:0; padding:0; font:400 15px/1 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-sec); white-space:nowrap; }
.v10a .order .o-top::after{ content:"›"; grid-column:4; grid-row:1 / span 2; color:var(--a-ter); font-size:20px; line-height:1; transition:transform .25s var(--a-ease); }
.v10a .order.is-open .o-top::after{ transform:rotate(90deg); }
/* Untere Bereiche unter der Zeile einrücken */
.v10a .order > :not(.o-top){ margin-left:74px; }
.v10a .order .mto-status{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }
.v10a .order .mto-status .mto-eta{ border:1px solid var(--a-sep); border-radius:980px; background:#fff; font:400 13px/1.3 var(--v6-sans); padding:5px 12px; }
.v10a .order .timeline{ margin-top:14px; max-width:520px; }
.v10a .order .o-meta{ margin-top:12px; font:400 15px/1.4 var(--v6-sans); color:var(--a-ink); }
.v10a .order .order-actions{ margin-top:10px; display:flex; gap:22px; flex-wrap:wrap; }
.v10a .order .order-actions .linkish, .v10a .order [data-req-open], .v10a .order .o-resize-link{ font:400 15px/1.3 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ink); border:0; background:transparent; padding:0; min-height:0; border-radius:0; text-decoration:none; }
.v10a .order .order-actions .linkish::after{ content:"›"; margin-left:5px; color:var(--a-ter); }
.v10a .order .o-detail{ border-top:1px solid var(--a-sep); margin-top:14px; padding-top:14px; }
.v10a .order .o-detail-meta b{ color:var(--a-ter); font-weight:400; }
/* Fertige Bestellungen: nur die Zeile, Rest erst nach Aufklappen */
.v10a .order.is-done:not(.is-open) .o-meta,
.v10a .order.is-done:not(.is-open) .order-actions,
.v10a .order.is-done:not(.is-open) .o-care,
.v10a .order.is-done:not(.is-open) .o-requests{ display:none; }
.v10a .o-atelier{ display:none; }
.v10a .order:not(.is-done) .mto-status .mto-stage{ display:none; }
.v10a .order .o-req-form{ background:#fff; border-radius:14px; }
.v10a .order .o-sizer{ background:#fff; border:0; border-radius:14px; padding:18px; margin-top:16px; }
.v10a .o-sizer-input, .v10a .order .o-sizer-save{ border-radius:980px; }
.v10a .order .o-sizer-save{ font:500 15px/1.2 var(--v6-sans); letter-spacing:0; text-transform:none; }
.v10a .order .o-wedding{ border-top:1px solid var(--a-sep); margin-top:14px; padding-top:14px; }
.v10a .vma6-filter{ display:flex; gap:8px; margin-bottom:12px; }
.v10a .vma6-filter .cap{ font:400 14px/1 var(--v6-sans); letter-spacing:0; text-transform:none; color:var(--a-ter); }
.v10a .vma6-fchip{ border:0; background:var(--a-panel); border-radius:980px; font:500 14px/1 var(--v6-sans); letter-spacing:0; text-transform:none; padding:8px 14px; min-height:0; }
.v10a .vma6-fchip.active{ background:var(--a-ink); color:#fff; }

/* ---- Seiten-Chrome (bleibt wie V10): Topbar/Shop-Footer aus, Menü unter Header ---- */
body:has(main.v10a) .elementor-location-header .top-announcement-bar{ display:none; }
body:has(main.v10a) .elementor-location-header .trustpilot-header-banner,
body:has(main.v10a) .elementor-location-header .topbar{ display:none; }
body:has(main.v10a) header.elementor-location-header{ top:0; }
body:has(main.v10a) footer.elementor-location-footer{ display:none; }
.v10-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:56px; padding:22px 0 8px; border-top:1px solid var(--a-sep); }
.v10-foot-brand{ display:inline-flex; align-items:center; }
.v10-foot-brand img{ width:52px; height:auto; display:block; opacity:.7; }
.v10-foot-links{ display:flex; gap:20px; flex-wrap:wrap; }
.v10a .v10-foot-links a{ font:400 13px/1.6 var(--v6-sans); letter-spacing:0; color:var(--a-sec); text-decoration:none; }
.v10a .v10-foot-links a:hover{ color:var(--a-ink); }

/* ---- Mobile ---- */
@media(max-width:760px){
  .shell.vma6.v10a{ padding-top:56px; padding-bottom:48px; }
  .v10-stack{ gap:40px; }
  .v10-card{ padding:22px; }
  .v10-atelier{ grid-template-columns:1fr; gap:22px; padding:22px; }
  .v10-atelier .ph{ aspect-ratio:4/3; }
  .v10-row2{ grid-template-columns:1fr; }
  .v10a #vma6-referral{ grid-template-columns:80px 1fr; padding:22px; }
  .v10a #vma6-referral .vlrr-account__media{ width:80px; height:80px; }
  .v10a .order{ padding:14px 16px; }
  .v10a .order .o-top{ grid-template-columns:48px 1fr auto; }
  .v10a .order .o-thumb{ width:48px; height:48px; }
  .v10a .order .o-state{ grid-column:3; grid-row:1; }
  .v10a .order .o-top::after{ display:none; }
  .v10a .order > :not(.o-top){ margin-left:0; }
  .v10-pgrid > div{ flex-direction:column; gap:2px; }
  .v10-pgrid dd{ text-align:left; }
  .v10a .addr-item{ grid-template-columns:1fr; }
  .v10a .addr-item .vma6-addr-actions{ grid-column:1; grid-row:auto; margin-top:8px; }
}