/* =============================================================================
   Mondfaden · Redesign-Vorschau "Lebendig" (Schrift: Urbanist) für v0.32.6 · 02.10.2026
   NUR für die staging-Vorschau. Wird nach styles.css geladen und überschreibt
   ausschließlich die Optik. Markup, Admin-Texte, Kampagnen und JS bleiben gleich.
   Markenfarben bleiben (Salbei, Creme, Braun, Sand), nur kräftiger eingesetzt.
   Schriften selbst gehostet (CSP font-src 'self').
   ============================================================================= */
@font-face{font-family:"Urbanist";font-style:normal;font-display:swap;font-weight:100 900;src:url(/design/fonts/urbanist-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Urbanist";font-style:normal;font-display:swap;font-weight:100 900;src:url(/design/fonts/urbanist-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --sans:"Urbanist",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Urbanist",ui-sans-serif,system-ui,sans-serif;
  --sage-900:#26301f;--sage-800:#33402c;--sage-700:#45563d;--sage-200:#d4e0cc;--sage-100:#e8efe2;
  --sand-300:#e6cfae;--sand-100:#f6ead6;--brown-800:#3d2414;
  --bg:#fbf9f4;--bg-soft:var(--sage-100);--surface:#ffffff;--surface-2:#f1efe7;
  --text:#232a1e;--muted:#5d6656;--brown:var(--sage-900);--sage-strong:var(--sage-800);--sage-soft:var(--sage-200);
  --line:rgba(38,48,31,.12);--r-lg:28px;--r-xl:36px;--max:1260px;
}
body{letter-spacing:0;font-weight:500;font-size:16.5px}
h1,h2,h3{font-family:var(--serif)!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--sage-900)}
h1{line-height:.98!important}
h2{line-height:1.03!important}
h3{font-weight:650!important;letter-spacing:-.02em!important}
.eyebrow{background:var(--sage-200)!important;color:var(--sage-800)!important;font-family:var(--sans);font-weight:800;letter-spacing:.02em;text-transform:none;border-radius:999px;padding:7px 14px}

/* Buttons */
.btn{border-radius:999px!important;font-weight:800!important;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .25s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--sage-800)!important;color:#fff!important;border-color:var(--sage-800)!important;box-shadow:0 14px 30px -14px rgba(38,48,31,.7)}
.btn-primary:hover{background:var(--sage-900)!important;transform:translateY(-2px)}
.btn-secondary{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--text)!important}
.btn-secondary:hover{border-color:var(--sage-700)!important}
.subtle-link{font-weight:800;color:var(--sage-700);border-bottom:2px solid var(--sage-200);padding-bottom:2px}

/* Navigation */
.site-nav{background:color-mix(in srgb,var(--bg) 84%,transparent)!important;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}
.brand strong{font-family:var(--serif);font-weight:800;letter-spacing:.06em}
.nav-links a{font-weight:700;border-radius:999px;padding:8px 12px}
.nav-links a:hover{background:var(--sage-100);color:var(--sage-800)}
.cart-link{background:var(--sage-800)!important;color:#fff!important;border-radius:999px!important;border:0!important}
.cart-link b{background:var(--sand-300)!important;color:var(--brown-800)!important}

/* Hero */
.home-hero{position:relative;overflow:hidden;background:radial-gradient(60% 70% at 85% 30%,var(--sage-200) 0%,transparent 70%),radial-gradient(40% 50% at 8% 95%,var(--sand-100) 0%,transparent 70%),var(--bg)!important}
.home-hero .hero-copy h1{font-size:clamp(2.9rem,6vw,5.2rem)!important;max-width:12ch}
.home-hero .hero-copy>p{font-size:clamp(1.05rem,1.3vw,1.2rem);color:#3e4639}
.hero-facts span{background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;font-weight:700}
.hero-art.rd-collage{display:grid!important;place-items:stretch!important;width:100%!important;max-width:none!important;min-height:0!important;margin-inline:0;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:14px;height:clamp(420px,44vw,600px);position:relative;background:none!important}
.rd-collage figure{margin:0;overflow:hidden;border-radius:28px;background:var(--sage-200);box-shadow:0 30px 60px -30px rgba(38,48,31,.45)}
.rd-collage figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.rd-collage figure:hover img{transform:scale(1.05)}
.rd-collage figure:first-child{grid-row:1/3;grid-column:1}
.rd-collage figure:nth-child(2){grid-row:1;grid-column:2}
.rd-collage figure:nth-child(3){grid-row:2;grid-column:2}
.rd-seal{position:absolute;left:-46px;bottom:34px;width:128px;height:128px;border-radius:50%;background:var(--sand-300);display:grid;place-items:center;box-shadow:0 18px 36px -18px rgba(61,36,20,.5)}
.rd-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:rdspin 22s linear infinite}
.rd-seal text{font:800 9.6px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;fill:var(--brown-800)}
.rd-seal img{width:52px;height:52px;border-radius:50%}
@keyframes rdspin{to{transform:rotate(360deg)}}

/* Laufband */
.rd-ticker{background:var(--sage-800);color:#f3f6ee;overflow:hidden;padding:18px 0}
.rd-ticker div{display:flex;width:max-content;gap:28px;align-items:center;animation:rdtick 38s linear infinite;font-family:var(--serif);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.5rem);white-space:nowrap}
.rd-ticker i{width:10px;height:10px;border-radius:50%;background:var(--sand-300);flex:none}
@keyframes rdtick{to{transform:translateX(-50%)}}

/* Abschnitte */
.section{padding-block:clamp(64px,8vw,112px)!important}
.soft{background:var(--sage-100)!important}
.why-section{background:var(--sand-100)!important}
.why-card{background:#fff!important;border:0!important;border-radius:28px!important;box-shadow:0 1px 0 var(--line)!important;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.why-card:hover{transform:translateY(-5px)}
.why-card b{background:var(--sage-800)!important;color:#fff!important;border-radius:14px!important}
.why-cta{background:var(--sage-800)!important;color:#fff!important;border-radius:28px!important;border:0!important}
.why-cta strong{color:#fff}.why-cta span{color:#d3dccb!important}
.why-cta .btn-primary{background:var(--sand-300)!important;color:var(--brown-800)!important}

/* Karten: Kategorien, Produkte, Karussell */
.category-shop-card,.home-product-card,.showcase-card,.catalog-card,.related-card{border:0!important;border-radius:28px!important;background:#fff!important;overflow:hidden;box-shadow:0 1px 0 var(--line)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s!important}
.category-shop-card:hover,.home-product-card:hover,.showcase-card:hover,.catalog-card:hover,.related-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(38,48,31,.45)!important}
.category-shop-media,.home-product-media,.showcase-media,.catalog-media{background:var(--sage-200)!important;border-radius:0!important}
.category-shop-media img,.home-product-media img,.showcase-media img,.catalog-media img{transition:transform 1s cubic-bezier(.16,1,.3,1)}
.category-shop-card:hover img,.home-product-card:hover img,.showcase-card:hover img,.catalog-card:hover img{transform:scale(1.05)}
.category-shop-copy>span{display:none}
.category-shop-copy b{display:inline-flex;margin-top:8px;background:var(--sage-100);color:var(--sage-800);padding:7px 12px;border-radius:999px;font-weight:800}
.showcase-copy h3,.home-product-copy h3{font-size:1.3rem!important}
.showcase-copy strong,.home-product-copy strong,.catalog-card-head strong,.product-price{font-family:var(--serif);font-weight:800!important;color:var(--sage-900)}
.carousel-btn{border-radius:50%!important;background:var(--sage-800)!important;color:#fff!important;border:0!important}

/* Ablauf auf Salbei */
.process-section{background:var(--sage-800)!important;color:#e9efe3}
.process-section h2{color:#fff!important}
.process-section .eyebrow{background:rgba(255,255,255,.12)!important;color:#e9efe3!important}
.steps article{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;box-shadow:none!important}
.steps article>b{background:var(--sand-300)!important;color:var(--brown-800)!important;border-radius:14px!important;font-family:var(--serif)}
.steps h3{color:#fff!important}.steps p{color:#cfd8c6!important}
.process-help{background:rgba(255,255,255,.08)!important;border:0!important;border-radius:22px!important;color:#fff}
.process-help strong{color:#fff!important}.process-help span{color:#cfd8c6!important}.process-help a{color:var(--sand-300)!important;font-weight:800}

/* Anlässe (neu, nur Vorschau) */
.rd-occ{padding:clamp(64px,8vw,112px) 0}
.rd-occ-head{max-width:640px;margin-bottom:34px}
.rd-occ-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:16px 0 12px}
.rd-occ-head p{color:var(--muted);font-size:1.08rem}
.rd-bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}
.rd-tile{position:relative;border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;isolation:isolate;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.rd-tile:hover{transform:translateY(-4px)}
.rd-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.rd-tile:hover img{transform:scale(1.06)}
.rd-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,26,16,.05) 20%,rgba(20,26,16,.82))}
.rd-tile:nth-child(1){grid-row:1/3}
.rd-tile:nth-child(4){grid-column:2/4;background:var(--sand-300);color:var(--brown-800)}
.rd-tile:nth-child(4)::after{display:none}
.rd-tile div{padding:24px 76px 24px 24px;width:100%;position:relative}
.rd-tile h3{color:inherit!important;font-size:clamp(1.4rem,2vw,1.9rem)}
.rd-tile p{margin:6px 0 0;opacity:.92;font-weight:600;max-width:36ch}
.rd-tile span{position:absolute;right:20px;bottom:22px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--sage-900);display:grid;place-items:center;font-weight:800}
.rd-tile:nth-child(4) span{background:var(--brown-800);color:var(--sand-100)}

/* Einblenden beim Scrollen */
@media (prefers-reduced-motion:no-preference){.rd-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.rd-rv.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rd-ticker div,.rd-seal svg{animation:none}}

/* Shop, Produkt, Kasse */
.catalog-tab{border-radius:999px!important;font-weight:700}
.catalog-tab.active{background:var(--sage-800)!important;color:#fff!important;border-color:var(--sage-800)!important}
.mf-main-image{border-radius:28px!important}
.mf-option{border-radius:18px!important}
.mf-option.selected{border-color:var(--sage-700)!important;box-shadow:0 0 0 2px var(--sage-700)!important}
.mf-accordion,.panel,.review-card{border-radius:24px!important}
.purchase-steps .active b{background:var(--sage-800)!important}

/* Footer */
.site-footer{background:var(--sage-900)!important;color:#cfd8c6!important;border-top:0!important}
.site-footer h4,.site-footer .brand strong{color:#fff!important}
.site-footer a,.footer-link-button,.footer-brand-block p,.site-footer .brand small{color:#c3cdb9!important}
.site-footer a:hover{color:#fff!important}
.footer-bottom{border-top-color:rgba(255,255,255,.12)!important;color:#9aa58f!important}

/* Vorschau-Hinweis (nur staging) */
.rd-badge{position:fixed;left:14px;bottom:14px;z-index:90;background:var(--brown-800);color:var(--sand-100);font:800 12px/1 var(--sans);padding:10px 14px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}

@media (max-width:980px){
  .hero-art.rd-collage{height:440px;margin-top:24px}
  .rd-seal{left:auto;right:-6px;bottom:-24px;width:108px;height:108px}
  .rd-bento{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 200px}
  .rd-tile:nth-child(1){grid-row:1/2;grid-column:1/3}
  .rd-tile:nth-child(4){grid-column:1/3}
}
@media (max-width:620px){
  .hero-art.rd-collage{height:360px;gap:10px}
  .rd-bento{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:230px}
  .rd-tile:nth-child(1),.rd-tile:nth-child(4){grid-column:auto;grid-row:auto}
}

/* =====================================================================
   KASSE & WARENKORB – klar, groß, für Handy und Tablet zuerst
   ===================================================================== */
.purchase-page{background:var(--bg)}
.purchase-head .eyebrow,.panel-kicker,.checkout-section-head small{display:none!important}
.purchase-head h1{font-size:clamp(2.1rem,6vw,3.2rem)!important;margin:6px 0 6px!important}
.purchase-head p{font-size:1rem;color:var(--muted)}
.purchase-back-link{font-weight:800;color:var(--sage-700)!important}
/* Fortschritt: Warenkorb → Kasse → Fertig */
.purchase-steps{gap:6px!important;margin:8px 0 18px!important}
.purchase-steps>span,.purchase-steps>a{font-weight:800;font-size:.9rem;color:var(--muted)}
.purchase-steps b{width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;border:2px solid var(--line)!important;color:var(--muted)!important;display:inline-grid!important;place-items:center}
.purchase-steps .active,.purchase-steps .active span{color:var(--sage-900)!important}
.purchase-steps .active b{background:var(--sage-800)!important;border-color:var(--sage-800)!important;color:#fff!important}
.purchase-steps .done b{background:var(--sage-200)!important;border-color:var(--sage-200)!important;color:var(--sage-800)!important}
.purchase-steps i{flex:1;height:2px!important;background:var(--line)!important;min-width:18px}
/* Karten */
.purchase-page .panel{border:0!important;border-radius:26px!important;background:#fff!important;box-shadow:0 1px 0 var(--line),0 18px 40px -30px rgba(38,48,31,.35)!important}
.panel-heading h2,.checkout-section-head h2{font-size:1.35rem!important}
.soft-badge{background:var(--sage-100)!important;color:var(--sage-800)!important;font-weight:800}
/* Warenkorb-Artikel */
.purchase-cart-item{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important}
.cart-item-image,.purchase-cart-item .cart-item-image img{width:92px!important;height:92px!important;border-radius:18px!important;object-fit:cover}
.cart-item-title-row h3{font-size:1.15rem!important}
.cart-item-price{font-weight:800;color:var(--sage-900)}
.cart-meta span{background:var(--sage-100);color:var(--sage-800);border-radius:999px;padding:4px 10px;font-weight:700}
.qty-stepper{border-radius:999px!important;border:1.5px solid var(--line)!important;overflow:hidden;background:#fff}
.qty-stepper button{width:44px!important;height:44px!important;font-size:1.2rem;font-weight:800}
.qty-stepper input{height:44px!important;font-weight:800;font-size:16px!important}
/* Summen */
.summary-line{font-size:1rem!important;padding:8px 0!important}
.summary-line.total{font-size:1.35rem!important;font-weight:800!important;color:var(--sage-900);border-top:2px solid var(--sage-100)!important;padding-top:14px!important;margin-top:6px}
.checkout-main-cta,#checkoutLink{min-height:58px!important;font-size:1.08rem!important;width:100%}
.comfort-list,.checkout-info-row,.subtle-notice{border-radius:18px!important}
/* Formular */
.checkout-section-head{align-items:center!important}
.checkout-section-head>span{width:36px!important;height:36px!important;border-radius:12px!important;background:var(--sage-800)!important;color:#fff!important;display:grid!important;place-items:center;font-weight:800}
.checkout-form-panel .field label{font-weight:800!important;font-size:.95rem!important;color:var(--sage-900)!important}
.checkout-form-panel .field input,.field input,.field select,.field textarea{min-height:54px!important;font-size:16px!important;border-radius:16px!important;border:1.5px solid var(--line)!important;background:#fff!important;padding:0 16px!important}
.checkout-form-panel .field input:focus{border-color:var(--sage-700)!important;box-shadow:0 0 0 4px var(--sage-100)!important;outline:none}
.checkout-form-panel .field input::placeholder{color:#9aa294!important}
.country-row{border-radius:16px!important;background:var(--sage-100)!important;border:0!important}
.consent-card{border-radius:18px!important;border:1.5px solid var(--line)!important;background:#fff!important;padding:16px!important;font-size:.98rem}
.consent-card input{width:24px!important;height:24px!important;accent-color:var(--sage-800)}
/* Zahlung */
.payment-area h3{font-size:1.25rem!important}
.payment-btn{min-height:62px!important;border-radius:18px!important;font-size:1.05rem!important;font-weight:800!important}
.payment-stripe{background:var(--sage-800)!important;color:#fff!important;border:0!important}
.payment-stripe *{color:#fff!important}.payment-stripe small,.payment-stripe span:last-child{opacity:.85}
.payment-btn:after{color:inherit!important}
.payment-paypal{background:#ffc439!important;color:#111!important;border:0!important}
/* Schwebende Leiste unten (nur Handy/Tablet) */
.rd-paybar{display:none}
@media (max-width:1023px){
  .rd-paybar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;align-items:center;justify-content:space-between;gap:12px;background:var(--sage-800);color:#fff;border-radius:20px;padding:10px 10px 10px 18px;box-shadow:0 18px 40px -14px rgba(20,26,16,.6);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}
  .rd-paybar.is-hidden{transform:translateY(140%);opacity:0;pointer-events:none}
  .rd-paybar small{display:block;font-size:.8rem;opacity:.8;font-weight:600}
  .rd-paybar strong{font-size:1.25rem;font-weight:800}
  .rd-paybar button{border:0;background:var(--sand-300);color:var(--brown-800);font:800 1rem/1 var(--sans);padding:16px 18px;border-radius:14px;white-space:nowrap}
  .purchase-page{padding-bottom:96px}
  /* Kasse: erst Angaben, dann Übersicht + Zahlung */
  .checkout-layout.purchase-layout{display:flex!important;flex-direction:column}
  .checkout-layout .checkout-form-panel{order:1!important}
  .checkout-layout .order-summary-panel{order:2!important;position:static!important}
}
/* Kompakter Footer auf Warenkorb/Kasse */
body:has(.purchase-page) .site-footer .footer-grid{display:none!important}
body:has(.purchase-page) .site-footer{padding-top:18px!important;margin-top:24px!important}
/* Vorschau-Hinweis als dünne Leiste oben statt schwebend */
.rd-badge{position:static!important;display:block;border-radius:0!important;text-align:center;padding:7px 12px!important;box-shadow:none!important;font-size:12px!important}

/* =====================================================================
   HANDY & TABLET – Feinschliff für alle Seiten
   ===================================================================== */
@media (max-width:1023px){
  .container{width:100%!important;max-width:var(--max);margin-left:auto!important;margin-right:auto!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;box-sizing:border-box}
  .btn{min-height:52px!important;font-size:1rem!important}
  .section{padding-block:56px!important}
  .home-hero .hero-copy h1{font-size:clamp(2.6rem,10vw,4rem)!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{width:100%}
  .section-title{flex-direction:column;align-items:flex-start!important;gap:10px}
  .why-grid{grid-template-columns:1fr!important}
  .why-cta{flex-direction:column;align-items:stretch!important;gap:14px;text-align:left}
  .category-shop-grid.four{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .category-shop-copy{padding:14px!important}
  .category-shop-copy h3{font-size:1.15rem!important}
  .category-shop-copy p{display:none}
  .home-product-row,.catalog-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .steps{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px!important}
  .site-footer .footer-grid>div:first-child{grid-column:1/-1}
  .mf-buy-row{position:sticky;bottom:0;z-index:20;background:color-mix(in srgb,#fff 94%,transparent);backdrop-filter:blur(12px);padding:12px!important;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px -20px rgba(20,26,16,.5)}
}
@media (min-width:700px) and (max-width:1023px){
  .home-product-row,.catalog-grid{grid-template-columns:repeat(3,1fr)!important}
  .category-shop-grid.four{grid-template-columns:repeat(4,1fr)!important}
  .category-shop-copy p{display:block}
  .steps{grid-template-columns:repeat(4,1fr)!important}
  .why-grid{grid-template-columns:repeat(3,1fr)!important}
  .hero-actions{display:flex!important}
  .hero-actions .btn{width:auto}
}
@media (max-width:420px){
  .hero-actions{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr!important}
}
@media (min-width:700px) and (max-width:1023px){.rd-paybar{left:50%;right:auto;width:min(560px,calc(100% - 24px));transform:translateX(-50%)}.rd-paybar.is-hidden{transform:translate(-50%,140%)}}
.hero-actions .btn,.btn-secondary{text-decoration:none!important}
/* Apple Pay – offizieller Safari-Knopf (Apple-Vorgabe), sonst neutraler schwarzer Knopf */
.rd-applepay{display:block;width:100%;min-height:62px;margin:0 0 10px;border:0;border-radius:18px;cursor:pointer;-webkit-appearance:-apple-pay-button;-apple-pay-button-type:plain;-apple-pay-button-style:black;background:#000;color:#fff;font:700 1.15rem/1 -apple-system,BlinkMacSystemFont,sans-serif}
.rd-applepay[hidden]{display:none}
@supports (-webkit-appearance:-apple-pay-button){.rd-applepay span{display:none}}
.rd-remember{display:flex;gap:12px;align-items:center;margin-bottom:10px;cursor:pointer}
.rd-remember input{width:24px;height:24px;accent-color:var(--sage-800);flex:none}
.rd-filled{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--sage-100);color:var(--sage-800);border-radius:14px;padding:10px 14px;font-weight:700;font-size:.92rem;margin-bottom:12px}
.rd-filled button{border:0;background:#fff;color:var(--sage-800);font:800 .85rem/1 var(--sans);padding:8px 12px;border-radius:999px}
/* Google Pay – schwarzer Knopf wie bei Apple Pay (für den Live-Betrieb Googles offizielle Button-Grafik einsetzen) */
.rd-googlepay{display:flex;align-items:center;justify-content:center;width:100%;min-height:62px;margin:0 0 10px;border:0;border-radius:18px;cursor:pointer;background:#000;color:#fff;font:600 1.15rem/1 Roboto,"Google Sans",system-ui,sans-serif;letter-spacing:.01em}
.rd-googlepay[hidden]{display:none}
.rd-googlepay:active,.rd-applepay:active{transform:scale(.98)}