/* ============================================================
   MST SHOP REDESIGN v3 — Senior-Niveau (AKSEL-Ritmus, NAVY)
   EIN durchgaengiges Navy-Polotno (= Header #0f172a) mit Tiefe.
   KEIN Schwarz, KEIN Creme/Hell. Cormorant Garamond (local).
   Scope: is_shop() archive only. Prefix .mst-shop- (kein WC/Elementor-Clash).
   ============================================================ */

:root{
  /* NAVY STUFEN — abgeleitet vom Header (#0f172a = rgb 15,23,42) */
  --mst-navy-0:#0b1120;   /* tiefste Stufe (Hero / Final-CTA Grund) */
  --mst-navy-1:#0f172a;   /* BASIS = exakte Header-Farbe (Sektionsgrund) */
  --mst-navy-2:#131d33;   /* leicht angehoben (Karten-Grund) */
  --mst-navy-3:#1a2740;   /* Karten-Hover / lifted surfaces */
  --mst-navy-4:#22324f;   /* chip / kontrast surface */
  /* TEXT auf Navy */
  --mst-offwhite:#f3f6fc; --mst-offwhite-soft:#c2cbdd; --mst-muted:#8995ad;
  /* GOLD — dosiert (Header-Akzent #d1b45a) */
  --mst-gold:#d1b45a; --mst-gold-2:#e6cd86; --mst-gold-deep:#b9974a;
  /* LINIEN auf Navy */
  --mst-line:rgba(209,180,90,.14); --mst-line-strong:rgba(209,180,90,.30);
  --mst-line-cool:rgba(194,203,221,.12); --mst-line-cool-strong:rgba(194,203,221,.22);
  /* SYSTEM */
  --mst-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --mst-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mst-ease:cubic-bezier(.2,.6,.3,1); --mst-ease-soft:cubic-bezier(.22,1,.36,1);
  --mst-container:1240px; --mst-radius:16px; --mst-radius-sm:11px;
}

/* ---- archive frame: kill theme padding so the full-bleed navy meets edge-to-edge ---- */
.post-type-archive-product .site-main,
.post-type-archive-product .page-content,
.post-type-archive-product .content-area,
.post-type-archive-product .ast-container,
.post-type-archive-product main{
  max-width:none!important; margin:0!important; padding:0!important; width:100%!important;
}
/* EIN durchgaengiges Navy-Polotno: der gesamte Shop-Wrapper traegt den Navy-Grund,
   damit Header und Inhalt zu einem Tiefen-Polotno verschmelzen. */
.post-type-archive-product .woocommerce,
.post-type-archive-product .content-area,
.post-type-archive-product .site-main{
  background:var(--mst-navy-1);
}
.post-type-archive-product{background:var(--mst-navy-1);}
.post-type-archive-product .woocommerce-notices-wrapper{
  max-width:var(--mst-container); margin:0 auto; padding:0 32px;
}
/* default WC archive title/breadcrumb ausblenden (unser Hero besitzt das) */
.post-type-archive-product .woocommerce-products-header,
.post-type-archive-product .woocommerce-breadcrumb{ display:none!important; }

/* ============================================================ HELPERS */
.mst-ic{flex:none}
.mst-gold{color:var(--mst-gold-2)}
.mst-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--mst-sans);font-weight:700;font-size:.95rem;line-height:1;
  padding:16px 30px;border-radius:var(--mst-radius-sm);text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:transform .3s var(--mst-ease),box-shadow .3s var(--mst-ease),background .3s ease,color .3s ease;
}
.mst-btn svg{transition:transform .3s var(--mst-ease)}
.mst-btn--primary{background:linear-gradient(180deg,var(--mst-gold-2),var(--mst-gold));color:#1a1306;
  box-shadow:0 16px 36px -16px rgba(209,180,90,.65)}
.mst-btn--primary:hover{transform:translateY(-2px);box-shadow:0 24px 50px -16px rgba(209,180,90,.8)}
.mst-btn--primary:hover svg{transform:translateY(2px)}
.mst-btn--lg{padding:18px 38px;font-size:1.02rem}
.mst-btn--outline{background:rgba(194,203,221,.04);color:var(--mst-offwhite);border-color:var(--mst-line-strong)}
.mst-btn--outline:hover{transform:translateY(-2px);border-color:var(--mst-gold);color:var(--mst-gold-2);background:rgba(209,180,90,.06)}
.mst-btn--outline:hover svg{transform:translateX(3px)}
.mst-btn:focus-visible{outline:2px solid var(--mst-gold);outline-offset:3px}

/* reveal-on-scroll */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--mst-ease-soft),transform .9s var(--mst-ease-soft)}
.js .rv.in{opacity:1;transform:none}

/* ============================================================ 1. HERO (navy, tief) */
.mst-shop-hero{position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--mst-navy-0) 0%,var(--mst-navy-1) 100%);
  padding:118px 32px 92px;text-align:center}
/* TIEFE: weiche Radial-Glows (blau-kuehl + gold), feines Liniengitter */
.mst-shop-hero__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(70% 55% at 50% -8%,rgba(209,180,90,.15),transparent 60%),
    radial-gradient(55% 50% at 12% 8%,rgba(56,90,160,.20),transparent 60%),
    radial-gradient(55% 55% at 88% 92%,rgba(56,90,160,.16),transparent 62%)}
.mst-shop-hero__bg::after{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--mst-line-cool) 1px,transparent 1px),linear-gradient(90deg,var(--mst-line-cool) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 28%,#000,transparent 75%);opacity:.55}
.mst-shop-hero__inner{position:relative;max-width:880px;margin-inline:auto}

.mst-shop-badge{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mst-sans);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mst-gold-2);padding:9px 18px;border-radius:999px;
  background:rgba(209,180,90,.08);border:1px solid rgba(209,180,90,.35);margin-bottom:30px}
.mst-shop-badge .mst-ic{color:var(--mst-gold)}

.mst-shop-hero__title{font-family:var(--mst-serif);font-weight:500;
  font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.03;letter-spacing:-.01em;
  color:var(--mst-offwhite);margin:0 0 26px}
.mst-shop-hero__title .mst-gold{font-style:italic;font-weight:500}
.mst-shop-hero__title .mst-word{display:inline-block;overflow:hidden;vertical-align:bottom}
.mst-shop-hero__title .mst-word > span{display:inline-block;transform:translateY(110%)}
.js .mst-shop-hero.in .mst-shop-hero__title .mst-word > span{animation:mstWordRise 1s var(--mst-ease-soft) forwards}
.js .mst-shop-hero.in .mst-shop-hero__title .mst-word:nth-child(1) > span{animation-delay:.15s}
.js .mst-shop-hero.in .mst-shop-hero__title .mst-word:nth-child(2) > span{animation-delay:.28s}
.js .mst-shop-hero.in .mst-shop-hero__title .mst-word:nth-child(3) > span{animation-delay:.41s}
.js .mst-shop-hero.in .mst-shop-hero__title .mst-word:nth-child(4) > span{animation-delay:.54s}
@keyframes mstWordRise{to{transform:translateY(0)}}

.mst-shop-hero__sub{font-family:var(--mst-sans);font-weight:300;font-size:clamp(1rem,1.6vw,1.18rem);
  line-height:1.7;color:var(--mst-offwhite-soft);max-width:640px;margin:0 auto 34px}
.js .mst-shop-hero .mst-shop-hero__sub{opacity:0;transform:translateY(16px)}
.js .mst-shop-hero.in .mst-shop-hero__sub{opacity:1;transform:none;transition:opacity .9s ease .7s,transform .9s ease .7s}

.mst-shop-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;
  list-style:none;margin:0 0 40px;padding:0}
.js .mst-shop-hero .mst-shop-hero__trust{opacity:0;transform:translateY(16px)}
.js .mst-shop-hero.in .mst-shop-hero__trust{opacity:1;transform:none;transition:opacity .9s ease .85s,transform .9s ease .85s}
.mst-shop-hero__trust-item{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mst-sans);font-size:.86rem;font-weight:500;color:var(--mst-offwhite-soft)}
.mst-shop-hero__trust-ic{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(209,180,90,.10);border:1px solid rgba(209,180,90,.28);color:var(--mst-gold-2)}
.mst-shop-hero__trust-ic svg{width:16px;height:16px}

.js .mst-shop-hero .mst-shop-hero__cta{opacity:0;transform:translateY(16px)}
.js .mst-shop-hero.in .mst-shop-hero__cta{opacity:1;transform:none;transition:opacity .9s ease 1s,transform .9s ease 1s}

/* ============================================================ 2. INFO-BANNER §19 */
.mst-shop-infobanner{display:flex;align-items:center;gap:16px;
  max-width:var(--mst-container);margin-inline:auto;padding:18px 28px;
  background:var(--mst-navy-1);border-block:1px solid var(--mst-line-cool)}
.mst-shop-infobanner__ic{display:inline-flex;width:42px;height:42px;flex:none;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(209,180,90,.10);border:1px solid rgba(209,180,90,.3);color:var(--mst-gold-2)}
.mst-shop-infobanner__txt{font-family:var(--mst-sans);font-size:.92rem;line-height:1.55;color:var(--mst-offwhite-soft);margin:0}
.mst-shop-infobanner__txt strong{color:var(--mst-gold-2);font-weight:700}

/* ============================================================ 3. TABS */
.mst-shop-tabs{background:var(--mst-navy-1);padding:46px 32px 6px}
.mst-shop-tabs__scroll{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;
  max-width:var(--mst-container);margin-inline:auto}
.mst-shop-tab{font-family:var(--mst-sans);font-weight:600;font-size:.9rem;cursor:pointer;
  padding:12px 24px;border-radius:999px;background:rgba(194,203,221,.04);color:var(--mst-offwhite-soft);
  border:1px solid var(--mst-line-cool-strong);transition:all .3s var(--mst-ease)}
.mst-shop-tab:hover{color:var(--mst-offwhite);border-color:rgba(209,180,90,.4);background:rgba(209,180,90,.05)}
.mst-shop-tab.is-active{background:linear-gradient(180deg,var(--mst-gold-2),var(--mst-gold));color:#1a1306;border-color:transparent;
  box-shadow:0 10px 26px -14px rgba(209,180,90,.7)}
.mst-shop-tab:focus-visible{outline:2px solid var(--mst-gold);outline-offset:2px}

/* ============================================================ 4. GRID + CARDS (navy) */
/* zentriert: margin-inline:auto erzwungen (WC ul.products kann margin ueberschreiben) */
.mst-shop-grid{max-width:var(--mst-container);margin-inline:auto!important;margin-block:0!important;
  padding:48px 32px 112px;list-style:none;
  display:grid;grid-template-columns:repeat(3,1fr);gap:30px;
  background:linear-gradient(180deg,var(--mst-navy-1) 0%,var(--mst-navy-0) 100%)}
/* full-bleed navy hinter dem Grid (bis Viewport-Rand) */
.post-type-archive-product .woocommerce > .mst-shop-grid{position:relative}
.post-type-archive-product .woocommerce > .mst-shop-grid::before{content:"";position:absolute;
  top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;z-index:0;
  background:linear-gradient(180deg,var(--mst-navy-1) 0%,var(--mst-navy-0) 100%);display:block!important}
.mst-shop-grid > .mst-shop-card{position:relative;z-index:1}
.mst-shop-grid::after{display:none!important}
.mst-shop-grid .mst-shop-card{margin:0!important;width:auto!important;float:none!important;padding:0!important}
.mst-shop-grid .mst-shop-card::before{display:none!important}
.mst-shop-card[hidden]{display:none!important}

.mst-shop-card{position:relative;display:flex;background:var(--mst-navy-2);border:1px solid var(--mst-line-cool);
  border-radius:var(--mst-radius);overflow:hidden;
  transition:transform .45s var(--mst-ease),border-color .35s ease,box-shadow .45s var(--mst-ease),background .35s ease}
.mst-shop-card__inner{display:flex;flex-direction:column;width:100%}
.mst-shop-card:hover{transform:translateY(-8px);background:var(--mst-navy-3);border-color:rgba(209,180,90,.5);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(209,180,90,.22),0 0 60px -18px rgba(209,180,90,.30)}

/* --- photo hero --- */
.mst-shop-card__visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--mst-navy-3)}
.mst-shop-card__art{position:absolute!important;inset:0;width:100%!important;height:100%!important;
  object-fit:cover;margin:0!important;border-radius:0!important;display:block;
  transition:transform 1.3s var(--mst-ease),filter .5s ease}
.mst-shop-card:hover .mst-shop-card__art{transform:scale(1.06)}
.mst-shop-card__visual::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(11,17,32,.92) 0%,rgba(11,17,32,.30) 42%,transparent 64%)}
.mst-shop-card__badge{position:absolute;top:16px;left:16px;z-index:2;
  font-family:var(--mst-sans);font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mst-gold-2);
  padding:7px 13px;border-radius:999px;background:rgba(11,17,32,.78);backdrop-filter:blur(8px);
  border:1px solid rgba(209,180,90,.45)}
.mst-shop-card__glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 100% at 50% 0%,rgba(209,180,90,.16),transparent 55%),linear-gradient(160deg,var(--mst-navy-4),var(--mst-navy-1))}
.mst-shop-card__glyph svg{width:84px;height:84px;color:var(--mst-gold);stroke-width:1.1;
  filter:drop-shadow(0 8px 20px rgba(209,180,90,.35))}

/* --- body --- */
.mst-shop-card__body{display:flex;flex-direction:column;flex:1;padding:26px 24px 24px}
.mst-shop-card__title{font-family:var(--mst-serif);font-weight:600;font-size:1.62rem;line-height:1.12;
  color:var(--mst-offwhite);margin:0 0 10px;letter-spacing:-.005em}
.mst-shop-card__desc{font-family:var(--mst-sans);font-weight:300;font-size:.92rem;line-height:1.6;
  color:var(--mst-offwhite-soft);margin:0 0 18px}
.mst-shop-card__includes{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
.mst-shop-card__includes li{display:flex;align-items:flex-start;gap:10px;
  font-family:var(--mst-sans);font-size:.875rem;line-height:1.45;color:var(--mst-offwhite-soft)}
.mst-shop-card__check{flex:none;margin-top:2px;color:var(--mst-gold-2)}
.mst-shop-card__duration{display:flex;align-items:center;gap:8px;margin:0 0 20px;
  font-family:var(--mst-sans);font-size:.8rem;font-weight:500;color:var(--mst-muted)}
.mst-shop-card__duration .mst-ic{color:var(--mst-gold)}

.mst-shop-card__foot{margin-top:auto;padding-top:20px;border-top:1px solid var(--mst-line-cool)}
.mst-shop-card__price{font-family:var(--mst-serif);font-weight:600;font-size:2.2rem;color:var(--mst-gold-2);line-height:1;margin-bottom:14px}
.mst-shop-card__price .woocommerce-Price-amount{color:var(--mst-gold-2)}
.mst-shop-card__price del{color:var(--mst-muted);font-size:1rem;opacity:.7}
.mst-shop-card__price ins{text-decoration:none}
.mst-shop-card__price .from{font-family:var(--mst-sans);font-size:.78rem;color:var(--mst-muted);font-weight:600;margin-right:6px}

/* WC add-to-cart button -> gold button */
.mst-shop-card__cta .button,
.mst-shop-card__cta a.added_to_cart{
  display:flex!important;align-items:center;justify-content:center;gap:.55rem;width:100%;
  font-family:var(--mst-sans);font-weight:700;font-size:.95rem;line-height:1;padding:15px 22px;border-radius:var(--mst-radius-sm);
  background:linear-gradient(180deg,var(--mst-gold-2),var(--mst-gold))!important;color:#1a1306!important;border:none!important;
  box-shadow:0 14px 30px -14px rgba(209,180,90,.6);transition:transform .3s var(--mst-ease),box-shadow .3s var(--mst-ease);
  text-decoration:none;margin:0!important}
.mst-shop-card__cta .button:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(209,180,90,.75)}
.mst-shop-card__cta .button:focus-visible{outline:2px solid var(--mst-offwhite);outline-offset:2px}
.mst-shop-card__cta a.added_to_cart{margin-top:10px!important;background:rgba(194,203,221,.04)!important;color:var(--mst-gold-2)!important;
  box-shadow:none;border:1px solid var(--mst-line-cool-strong)!important}

/* express-pay (Karte): „Sofort kaufen" -> direkt /checkout/ (echte Apple/Google Pay liegen dort) */
.mst-shop-card__express{margin-top:14px}
.mst-shop-card__express-label{display:flex;align-items:center;gap:12px;font-family:var(--mst-sans);
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mst-muted);margin-bottom:11px}
.mst-shop-card__express-label::before,.mst-shop-card__express-label::after{content:"";flex:1;height:1px;background:var(--mst-line-cool)}
.mst-shop-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mst-pay{display:flex;align-items:center;justify-content:center;height:44px;border-radius:9px;cursor:pointer;
  font-family:var(--mst-sans);font-weight:600;font-size:.8rem;border:1px solid transparent;text-decoration:none;
  transition:transform .25s var(--mst-ease),box-shadow .25s var(--mst-ease)}
.mst-pay:hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(0,0,0,.55)}
.mst-pay:focus-visible{outline:2px solid var(--mst-gold);outline-offset:2px}
.mst-pay--apple{background:#000;color:#fff;gap:4px}.mst-pay--apple svg{width:15px;height:15px}
.mst-pay--gpay{background:#fff;color:#3c4043;border-color:#dadce0;gap:1px}
.mst-pay--gpay .g-blue{color:#4285F4;font-weight:700}.mst-pay--gpay .g-red{color:#EA4335;font-weight:700}
.mst-pay--gpay .g-yel{color:#FBBC05;font-weight:700}.mst-pay--gpay .g-grn{color:#34A853;font-weight:700}
.mst-pay--gpay .g-pay{margin-left:4px;color:#5f6368;font-weight:600}

/* ============================================================ 5. TRUST (navy + Tiefe) */
.mst-shop-trust{position:relative;background:linear-gradient(180deg,var(--mst-navy-0) 0%,var(--mst-navy-1) 100%);padding:100px 32px}
.mst-shop-trust__grid{max-width:var(--mst-container);margin-inline:auto;list-style:none;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.mst-shop-trust__item{background:var(--mst-navy-2);border:1px solid var(--mst-line-cool);border-radius:var(--mst-radius);
  padding:34px 26px;text-align:center;transition:transform .35s var(--mst-ease),box-shadow .35s var(--mst-ease),border-color .35s ease,background .35s ease}
.mst-shop-trust__item:hover{transform:translateY(-5px);background:var(--mst-navy-3);border-color:rgba(209,180,90,.4);
  box-shadow:0 28px 58px -30px rgba(0,0,0,.7),0 0 40px -20px rgba(209,180,90,.25)}
.mst-shop-trust__ic{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:50%;
  background:rgba(209,180,90,.12);border:1px solid rgba(209,180,90,.35);color:var(--mst-gold-2);margin-bottom:18px}
.mst-shop-trust__ic svg{width:26px;height:26px}
.mst-shop-trust__item h3{font-family:var(--mst-serif);font-weight:600;font-size:1.28rem;color:var(--mst-offwhite);margin:0 0 8px;line-height:1.2}
.mst-shop-trust__item p{font-family:var(--mst-sans);font-weight:300;font-size:.9rem;line-height:1.6;color:var(--mst-offwhite-soft);margin:0}

/* ============================================================ 6. KOMPLETT-PAKETE (navy) */
.mst-shop-pakete{position:relative;background:linear-gradient(180deg,var(--mst-navy-1) 0%,var(--mst-navy-0) 100%);padding:108px 32px}
.mst-shop-pakete__inner{max-width:var(--mst-container);margin-inline:auto;display:grid;grid-template-columns:1.15fr .85fr;
  gap:56px;align-items:center}
.mst-shop-pakete__eyebrow{display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mst-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mst-gold-2);margin-bottom:18px}
.mst-shop-pakete__eyebrow::before{content:"";width:34px;height:1px;background:var(--mst-gold)}
.mst-shop-pakete__title{font-family:var(--mst-serif);font-weight:600;font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.08;
  color:var(--mst-offwhite);margin:0 0 18px;letter-spacing:-.01em}
.mst-shop-pakete__sub{font-family:var(--mst-sans);font-weight:300;font-size:1.04rem;line-height:1.7;color:var(--mst-offwhite-soft);margin:0 0 30px;max-width:520px}
.mst-shop-pakete__sub strong{color:var(--mst-offwhite);font-weight:600}
.mst-shop-pakete__chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.mst-shop-pakete__chip{position:relative;display:flex;align-items:center;
  font-family:var(--mst-serif);font-weight:600;font-size:1.5rem;color:var(--mst-offwhite);
  padding:22px 28px;border-radius:var(--mst-radius);background:var(--mst-navy-2);border:1px solid var(--mst-line-cool)}
.mst-shop-pakete__chip::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mst-gold);margin-right:16px;flex:none}
.mst-shop-pakete__chip--mid{background:var(--mst-navy-4);color:var(--mst-offwhite);border-color:rgba(209,180,90,.45);
  box-shadow:0 28px 60px -30px rgba(0,0,0,.7),0 0 40px -22px rgba(209,180,90,.3)}
.mst-shop-pakete__chip--mid::before{background:var(--mst-gold-2);box-shadow:0 0 14px rgba(209,180,90,.7)}
.mst-shop-pakete__chip--mid::after{content:"Beliebt";position:absolute;right:24px;
  font-family:var(--mst-sans);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mst-gold-2);
  padding:5px 11px;border-radius:999px;background:rgba(209,180,90,.14);border:1px solid rgba(209,180,90,.4)}

/* ============================================================ 7. FAQ (navy) */
.mst-shop-faq{position:relative;background:linear-gradient(180deg,var(--mst-navy-0) 0%,var(--mst-navy-1) 100%);padding:108px 32px}
.mst-shop-faq__inner{max-width:860px;margin-inline:auto}
.mst-shop-faq__eyebrow{display:flex;align-items:center;gap:12px;justify-content:center;
  font-family:var(--mst-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mst-gold-2);margin-bottom:14px}
.mst-shop-faq__eyebrow::before,.mst-shop-faq__eyebrow::after{content:"";width:30px;height:1px;background:var(--mst-gold)}
.mst-shop-faq__title{font-family:var(--mst-serif);font-weight:600;font-size:clamp(2rem,3.4vw,2.8rem);text-align:center;
  color:var(--mst-offwhite);margin:0 0 44px;letter-spacing:-.01em}
.mst-shop-faq__list{display:flex;flex-direction:column;gap:14px}
.mst-shop-faq__item{background:var(--mst-navy-2);border:1px solid var(--mst-line-cool);border-radius:var(--mst-radius);overflow:hidden;
  transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
.mst-shop-faq__item.is-open{background:var(--mst-navy-3);border-color:rgba(209,180,90,.45);box-shadow:0 22px 48px -30px rgba(0,0,0,.7)}
.mst-shop-faq__q{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;cursor:pointer;
  font-family:var(--mst-sans);font-weight:600;font-size:1.02rem;color:var(--mst-offwhite);text-align:left;
  padding:22px 26px;background:transparent;border:none}
.mst-shop-faq__q:focus-visible{outline:2px solid var(--mst-gold);outline-offset:-2px}
.mst-shop-faq__chevron{flex:none;color:var(--mst-gold-2);transition:transform .35s var(--mst-ease)}
.mst-shop-faq__item.is-open .mst-shop-faq__chevron{transform:rotate(180deg)}
.mst-shop-faq__a{max-height:0;overflow:hidden;transition:max-height .4s var(--mst-ease)}
.mst-shop-faq__a p{font-family:var(--mst-sans);font-weight:300;font-size:.95rem;line-height:1.7;color:var(--mst-offwhite-soft);
  margin:0;padding:0 26px 24px}

/* ============================================================ 8. FINAL CTA (navy, tief) */
.mst-shop-finalcta{position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--mst-navy-1) 0%,var(--mst-navy-0) 100%);padding:120px 32px;text-align:center}
.mst-shop-finalcta__glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(55% 65% at 50% 38%,rgba(209,180,90,.13),transparent 65%),
    radial-gradient(50% 60% at 50% 100%,rgba(56,90,160,.18),transparent 65%)}
.mst-shop-finalcta__inner{position:relative;max-width:680px;margin-inline:auto}
.mst-shop-finalcta__title{font-family:var(--mst-serif);font-weight:500;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.06;
  color:var(--mst-offwhite);margin:0 0 20px;letter-spacing:-.01em}
.mst-shop-finalcta__sub{font-family:var(--mst-sans);font-weight:300;font-size:1.08rem;line-height:1.7;color:var(--mst-offwhite-soft);margin:0 0 36px}

/* ============================================================ RESPONSIVE */
@media (max-width:1024px){
  .mst-shop-grid{grid-template-columns:repeat(2,1fr)}
  .mst-shop-trust__grid{grid-template-columns:repeat(2,1fr)}
  .mst-shop-pakete__inner{grid-template-columns:1fr;gap:40px}
}
@media (max-width:680px){
  .mst-shop-hero{padding:90px 20px 70px}
  .mst-shop-infobanner{padding:16px 20px}
  .mst-shop-tabs{padding:34px 0 4px}
  .mst-shop-tabs__scroll{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 20px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mst-shop-tabs__scroll::-webkit-scrollbar{display:none}
  .mst-shop-tab{flex:none}
  .mst-shop-grid{grid-template-columns:1fr;padding:36px 20px 80px;gap:22px}
  .mst-shop-trust{padding:74px 20px}
  .mst-shop-trust__grid{grid-template-columns:1fr;gap:18px}
  .mst-shop-pakete{padding:78px 20px}
  .mst-shop-faq{padding:78px 20px}
  .mst-shop-finalcta{padding:88px 20px}
  .mst-shop-card__price{font-size:1.95rem}
}

/* ============================================================ REDUCED MOTION */
@media (prefers-reduced-motion:reduce){
  .js .rv,.js .mst-shop-hero__sub,.js .mst-shop-hero__trust,.js .mst-shop-hero__cta{opacity:1!important;transform:none!important;transition:none!important}
  .mst-shop-hero__title .mst-word > span{transform:none!important;animation:none!important}
  .mst-shop-card,.mst-shop-card__art,.mst-shop-trust__item,.mst-pay,.mst-btn,.mst-shop-faq__chevron{transition:none!important}
  .mst-shop-card:hover{transform:none}
  .mst-shop-card:hover .mst-shop-card__art{transform:none}
}