/* Remedi – Shop und Website. Mobil zuerst, am Desktop gleichwertig. */
:root{--box-body:var(--rm-bg-surface);--box-cell:var(--rm-color-neutral-25);--box-line:var(--rm-border-subtle);--box-text:var(--rm-text-muted);--header-h:64px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--box-body:var(--rm-color-neutral-850);--box-cell:var(--rm-color-neutral-900);--coil-bg:#DEDAD2;--pad:#57534D}}
:root[data-theme="dark"]{--box-body:var(--rm-color-neutral-850);--box-cell:var(--rm-color-neutral-900);--coil-bg:#DEDAD2;--pad:#57534D}
@media (min-width:1024px){:root{--header-h:72px}}
.sh main:focus{outline:none}

/* ---------- Kopf ---------- */
.sh-header{position:sticky;top:0;z-index:var(--rm-z-sticky);background:var(--rm-bg-canvas);transition:box-shadow var(--rm-duration-base) var(--rm-ease-standard)}
.sh-header.is-stuck{box-shadow:var(--rm-shadow-e2);border-bottom:1px solid var(--rm-border-subtle)}
.sh-header__in{display:flex;align-items:center;gap:var(--rm-space-4);height:var(--header-h)}
.sh-header__logo{font-size:1.75rem;margin-right:auto;padding-block:12px}
.sh-header__secure{display:flex;gap:var(--rm-space-2);align-items:center;font-size:var(--rm-type-body-sm);color:var(--rm-text-secondary)}
.sh-nav{display:none;gap:var(--rm-space-6);margin-right:auto}
.sh-nav a{display:inline-flex;align-items:center;min-height:48px;color:var(--rm-text-primary);text-decoration:none;font-weight:500;font-size:var(--rm-type-body-sm);white-space:nowrap}
.sh-nav a:hover{color:var(--rm-text-link)}
.sh-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px;text-decoration-color:var(--rm-action-primary-bg)}
.sh-tools{display:flex;align-items:center;gap:var(--rm-space-1)}
.sh-tool{display:inline-flex;align-items:center;gap:var(--rm-space-2);min-height:48px;min-width:48px;padding:0 var(--rm-space-2);justify-content:center;border-radius:var(--rm-radius-full);color:var(--rm-text-primary);text-decoration:none;font-weight:500;font-size:var(--rm-type-body-sm);white-space:nowrap}
.sh-tool:hover{background:var(--rm-bg-sunken);color:var(--rm-text-primary)}
.sh-tool--konto,.sh-header__cta{display:none}
[data-cart-link] span span{font-variant-numeric:tabular-nums}
@media (max-width:479px){[data-cart-link]>span{font-size:0}[data-cart-link]>span span{font-size:var(--rm-type-body-sm)}}
@media (min-width:1100px){
  .sh-header__logo{margin-right:var(--rm-space-8)}
  .sh-nav{display:flex}.sh-tool--konto,.sh-header__cta{display:inline-flex}.sh-tool--menu{display:none}
  .sh-header__cta{margin-left:var(--rm-space-3)}
}
dialog.sh-menu{border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--rm-bg-canvas);color:var(--rm-text-primary)}
.sh-menu__in{display:grid;grid-template-rows:auto 1fr auto;gap:var(--rm-space-6);height:100%;padding:var(--rm-space-2) var(--gutter) calc(var(--rm-space-6) + env(safe-area-inset-bottom))}
.sh-menu__in .rm-logo{font-size:1.75rem}
.sh-menu__in>.rm-between{height:var(--header-h)}
.sh-menu__nav{display:grid;align-content:start;overflow:auto}
.sh-menu__nav a{display:flex;align-items:center;min-height:56px;font-size:1.375rem;font-weight:700;color:var(--rm-text-primary);text-decoration:none;border-bottom:1px solid var(--rm-border-subtle)}

/* ---------- Fuß ---------- */
.sh-footer{background:var(--rm-bg-stage);padding-block:var(--rm-space-16) calc(var(--rm-space-8) + env(safe-area-inset-bottom))}
.sh main{padding-bottom:var(--rm-space-16)}
.sh main:has(>.sh-cta:last-child){padding-bottom:0}
.sh-cta+.sh-footer{border-top:1px solid rgba(246,244,240,.12)}
.sh-footer__top{display:grid;gap:var(--rm-space-10);grid-template-columns:1fr 1fr}
.sh-footer__brand{grid-column:1/-1;display:grid;gap:var(--rm-space-3);max-width:34ch;align-content:start}
.sh-footer__brand .rm-logo{font-size:2rem}
.sh-footer__title{font:600 var(--rm-type-eyebrow)/1.3 var(--rm-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-on-dark-accent);margin-bottom:var(--rm-space-3)}
.sh-footer__list{display:grid}
.sh-footer__list a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--rm-type-body-sm)}
.sh-footer__bottom{margin-top:var(--rm-space-12);padding-top:var(--rm-space-6);border-top:1px solid rgba(246,244,240,.18);display:grid;gap:var(--rm-space-2);font-size:var(--rm-type-caption);color:var(--rm-on-dark-text-secondary)}
.sh-footer__demo{color:var(--rm-on-dark-accent)}
@media (min-width:900px){.sh-footer__top{grid-template-columns:1.4fr repeat(4,1fr)}.sh-footer__brand{grid-column:auto}}

/* ---------- Abschnitte ---------- */
.sh-section{padding-block:var(--rm-space-16)}
.sh-section--tight{padding-block:var(--rm-space-10)}
.sh-pagehead{padding-block:var(--rm-space-12) var(--rm-space-6)}
.sh-sechead{display:grid;gap:var(--rm-space-3);margin-bottom:var(--rm-space-10);max-width:820px}
@media (min-width:900px){.sh-section{padding-block:var(--rm-space-24)}.sh-section--tight{padding-block:var(--rm-space-12)}.sh-pagehead{padding-block:var(--rm-space-20) var(--rm-space-8)}}
.sh-trust{display:flex;flex-wrap:wrap;gap:var(--rm-space-2) var(--rm-space-5);list-style:none;font-size:var(--rm-type-body-sm);color:var(--rm-text-secondary)}
.sh-trust li{display:inline-flex;gap:var(--rm-space-2);align-items:center}
.sh-trust .rm-icon{color:var(--rm-action-secondary-text)}

/* ---------- Hero ---------- */
.sh-hero{padding-block:var(--rm-space-10) var(--rm-space-16);overflow:clip}
.sh-hero__in{display:grid;gap:var(--rm-space-12);align-items:center}
.sh-hero__text{display:grid;gap:var(--rm-space-5);justify-items:start}
.sh-hero__cta{display:grid;gap:var(--rm-space-3);width:100%}
@media (min-width:560px){.sh-hero__cta{display:flex;flex-wrap:wrap;width:auto}}
@media (min-width:1024px){.sh-hero{padding-block:var(--rm-space-20) var(--rm-space-24)}.sh-hero__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--rm-space-16)}.sh-hero__text{gap:var(--rm-space-6)}}

/* Handy als Form */
.rm-phone{aspect-ratio:9/19.5;border-radius:13% / 6%;background:var(--rm-color-neutral-900);padding:3.2%;box-shadow:0 18px 40px rgba(31,30,28,.28),inset 0 0 0 1.5px var(--rm-color-neutral-700)}
.rm-phone__screen{position:relative;height:100%;border-radius:10.5% / 4.9%;background:var(--rm-color-neutral-50);color:var(--rm-color-neutral-900);overflow:hidden;display:grid;align-content:start;justify-items:center;padding:14% 8% 8%;gap:10%}
.rm-phone__screen::before{content:"";position:absolute;top:2.4%;left:50%;width:30%;height:3.6%;translate:-50% 0;border-radius:99px;background:var(--rm-color-neutral-900)}
.rm-phone__clock{font:500 clamp(.7rem,2.6vw,1rem)/1 var(--rm-font-mono);color:var(--rm-color-neutral-600)}

/* Demo: eine Einnahme bestätigen */
.sh-demo{display:grid;gap:var(--rm-space-3);position:relative;max-width:520px;width:100%;margin-inline:auto}
.sh-demo__stage{position:relative;aspect-ratio:1/.94;border-radius:var(--rm-radius-xl);overflow:hidden;background:var(--box-body);border:1px solid var(--rm-border-subtle);isolation:isolate}
.sh-demo__box{position:absolute;inset:0;width:100%;height:100%}
.sh-demo__device{position:absolute;height:62%;width:auto;left:50%;top:11.4%;translate:-50% 0}
.sh-demo__phone{position:absolute;width:44%;left:50%;top:100%;transform:translate(-14%,-17%) rotate(-7deg);transition:transform .7s var(--rm-ease-standard);z-index:2}
.sh-demo.is-tapping .sh-demo__phone{transform:translate(-50%,-58%) rotate(0deg)}
.sh-demo__phonestate{display:grid;justify-items:center;gap:8px;text-align:center;font-size:clamp(.72rem,2.7vw,.95rem);line-height:1.25;color:var(--rm-color-petrol-700)}
.sh-demo__phonestate svg{height:2.6em;width:auto}
.sh-demo.is-done .sh-demo__phonestate{color:var(--rm-color-success-700)}
.sh-demo__stage .rm-pulse{--pulse:38%;z-index:3}
.sh-demo__push{position:relative;z-index:4}
.sh-demo__family{display:flex;gap:var(--rm-space-3);align-items:center;padding:var(--rm-space-3) var(--rm-space-4);border-radius:var(--rm-radius-xl);background:var(--rm-bg-raised);border:1px solid var(--rm-border-subtle);box-shadow:var(--rm-shadow-e2);opacity:0;transform:translateY(8px);transition:opacity .4s var(--rm-ease-enter),transform .4s var(--rm-ease-enter)}
.sh-demo__family.is-in{opacity:1;transform:none}
.sh-demo__family p{flex:1;display:grid;font-size:var(--rm-type-body-sm);line-height:1.35}
.sh-demo__family p span{color:var(--rm-text-secondary)}
.sh-demo__family>.rm-icon{color:var(--rm-success-icon)}
.sh-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-content:center;background:var(--rm-bg-accent-subtle);color:var(--rm-text-accent);font-weight:800;flex:none}
.sh-demo__bar{display:flex;flex-wrap:wrap;gap:var(--rm-space-3);align-items:center;justify-content:space-between;margin-top:var(--rm-space-2)}
@media (min-width:1024px){
  .sh-demo{gap:var(--rm-space-4);margin-top:72px}
  .sh-demo__push{position:absolute;top:-76px;left:-44px;width:330px}
  .sh-demo__family{position:absolute;right:-28px;bottom:54px;width:330px;z-index:4}
}
@media (prefers-reduced-motion:reduce){.sh-demo__phone,.sh-demo__family{transition:none}}

/* ---------- Blick ins Gerät ---------- */
.sh-inside{background:var(--rm-bg-surface);overflow:clip}
.sh-inside__in{display:grid;gap:var(--rm-space-10);align-items:center}
.sh-inside__specs{display:grid;gap:0;margin-top:var(--rm-space-2)}
.sh-inside__specs>div{display:grid;gap:2px;padding-block:var(--rm-space-4);border-top:1px solid var(--rm-border-subtle)}
.sh-inside__specs dt{color:var(--rm-text-link);font-size:var(--rm-type-body)}
.sh-inside__specs dd{color:var(--rm-text-secondary);font-size:var(--rm-type-body-sm)}
.sh-explode{position:relative;height:430px;--p:.0}
.sh-explode__space{position:absolute;left:50%;top:50%;width:210px;aspect-ratio:400/560;transform:translate(-74%,-44%) rotateX(58deg) rotateZ(-34deg);transform-style:preserve-3d}
.sh-explode__layer{position:absolute;inset:0;will-change:transform}
.sh-explode__layer svg{width:100%;height:100%;overflow:visible}
.sh-explode__pad{transform:translateZ(0);filter:drop-shadow(0 30px 24px rgba(31,30,28,.18))}
.sh-explode__coil{transform:translateZ(calc(var(--p) * 92px))}
.sh-explode__coil svg{position:absolute;left:16.25%;top:37.3%;width:67.5%;height:auto;aspect-ratio:1}
.sh-explode__shell{transform:translateZ(calc(8px + var(--p) * 190px))}
.sh-explode__labels{position:absolute;inset:0;list-style:none;pointer-events:none}
.sh-explode__labels li{position:absolute;right:0;top:var(--y);display:flex;align-items:center;gap:var(--rm-space-2);font:500 var(--rm-type-caption)/1.3 var(--rm-font-mono);color:var(--rm-text-secondary);opacity:calc((var(--p) - .45) * 3);white-space:nowrap}
.sh-explode__labels li::before{content:"";width:clamp(28px,8vw,72px);height:1px;background:var(--rm-border-strong)}
@media (min-width:900px){.sh-inside__in{grid-template-columns:1fr 1fr;gap:var(--rm-space-16)}.sh-explode{height:540px}.sh-explode__space{width:260px;transform:translate(-64%,-44%) rotateX(58deg) rotateZ(-34deg)}}
@media (prefers-reduced-motion:reduce){.sh-explode{--p:1!important}}

/* ---------- Drei Schritte ---------- */
.sh-steps{display:grid;gap:var(--rm-space-10);list-style:none;counter-reset:none}
.sh-step{display:grid;gap:var(--rm-space-3);align-content:start;justify-items:start}
.sh-step__no{display:grid;place-content:center;min-width:36px;height:48px;padding:0 14px;border-radius:99px;background:var(--rm-bg-brand-subtle);color:var(--rm-action-secondary-text);font-weight:600;margin-top:var(--rm-space-2);flex:none}
@media (min-width:800px){.sh-steps{grid-template-columns:repeat(3,1fr);gap:var(--rm-space-8)}}
.sc{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--rm-radius-xl);background:var(--rm-bg-sunken);overflow:hidden;isolation:isolate}
.sc .rm-box{position:absolute;inset:8% 6% auto;width:88%;height:auto;border-radius:16px;box-shadow:var(--rm-shadow-e2)}
.sc__dev{position:absolute;height:74%;width:auto;left:50%;top:13%;translate:-50% 0}
.sc--koppeln .sc__dev{left:30%}
.sc--koppeln .sc__phone{position:absolute;width:30%;left:58%;top:10%}
.sc--antippen .sc__phone{position:absolute;width:34%;left:50%;top:52%;translate:-50% 0;z-index:2}
.sc--antippen .rm-rings{top:16.8%}
.sc__code{font:600 clamp(.6rem,1.5vw,.8rem)/1 var(--rm-font-mono);letter-spacing:.02em;margin-top:30%;white-space:nowrap}
.sc__hint{font-size:clamp(.5rem,1.6vw,.7rem);color:var(--rm-color-neutral-600)}
.sc__ok{width:46%;aspect-ratio:1;border-radius:50%;background:var(--rm-color-success-600);margin-top:22%;position:relative}
.sc__ok::after{content:"";position:absolute;left:28%;top:30%;width:44%;height:24%;border:solid #fff;border-width:0 0 3px 3px;rotate:-45deg}

/* ---------- Ablauf, wenn eine Einnahme ausbleibt ---------- */
.sh-story{background:var(--rm-bg-surface)}
.sh-story__grid{display:grid;gap:var(--rm-space-6)}
.sh-story__steps{display:flex;gap:var(--rm-space-2);overflow-x:auto;list-style:none;padding-bottom:var(--rm-space-2);scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.sh-story__steps::-webkit-scrollbar{display:none}
.sh-story__step{display:grid;gap:2px;text-align:left;min-height:64px;min-width:168px;padding:var(--rm-space-3) var(--rm-space-4);border-radius:var(--rm-radius-lg);border:2px solid var(--rm-border-default);background:var(--rm-bg-canvas);scroll-snap-align:start;line-height:1.3;font-size:var(--rm-type-body-sm);height:100%}
.sh-story__step .rm-data{color:var(--rm-text-muted)}
.sh-story__step[aria-pressed="true"]{border-color:var(--rm-action-primary-bg);background:var(--rm-bg-brand-subtle);font-weight:700}
.sh-story__step[aria-pressed="true"] .rm-data{color:var(--rm-action-secondary-text)}
.sh-story__view{background:var(--rm-bg-canvas);display:grid;gap:var(--rm-space-3);align-content:start}
.sh-story__view .rm-push{box-shadow:var(--rm-shadow-e2)}
@media (min-width:900px){
  .sh-story__grid{grid-template-columns:minmax(260px,340px) 1fr;gap:var(--rm-space-10);align-items:start}
  .sh-story__steps{display:grid;overflow:visible;margin:0;padding:0}
  .sh-story__step{width:100%;grid-template-columns:64px 1fr;align-items:center;min-height:56px}
  .sh-story__view{padding:var(--rm-space-8)}
}

/* ---------- Karten ---------- */
.sh-cards{display:grid;gap:var(--rm-space-5)}
.sh-fcard{display:grid;gap:var(--rm-space-3);align-content:start;justify-items:start;padding:var(--rm-space-6);border-radius:var(--rm-radius-lg);background:var(--rm-bg-surface);border:1px solid var(--rm-border-subtle)}
.sh-fcard .rm-link{margin-top:auto}
@media (min-width:800px){.sh-cards{grid-template-columns:repeat(3,1fr)}}

/* ---------- Markenfläche ---------- */
.sh-brand{background:var(--rm-bg-brand)}
.sh-brand__grid{display:grid;gap:var(--rm-space-8)}
.sh-brand__grid>div{display:grid;gap:var(--rm-space-3);align-content:start}
.sh-brand__grid p{color:var(--rm-on-dark-text-secondary);font-size:var(--rm-type-body-sm);line-height:1.55}
@media (min-width:700px){.sh-brand__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.sh-brand__grid{grid-template-columns:repeat(4,1fr)}}

/* ---------- Tarife ---------- */
.sh-plans{display:grid;gap:var(--rm-space-5);align-items:stretch}
.sh-plan{position:relative;display:grid;gap:var(--rm-space-5);align-content:start;grid-template-rows:auto auto 1fr auto;padding:var(--rm-space-6);border-radius:var(--rm-radius-lg);background:var(--rm-bg-surface);border:2px solid var(--rm-border-subtle)}
.sh-plan.is-recommended{border-color:var(--rm-action-primary-bg);background:var(--rm-bg-brand-subtle);grid-template-rows:auto auto auto 1fr auto}
.sh-plan__flag{justify-self:start;background:var(--rm-action-primary-bg);color:var(--rm-text-on-action)}
.sh-plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--rm-space-2)}
.sh-plan__price small{flex-basis:100%;font-size:var(--rm-type-caption);color:var(--rm-text-muted);margin-top:2px}
.sh-plans__note{margin-top:var(--rm-space-6);max-width:var(--rm-measure)}
@media (min-width:900px){.sh-plans{grid-template-columns:repeat(3,1fr)}}

/* ---------- Abschluss ---------- */
.sh-cta{background:var(--rm-bg-stage);padding-block:var(--rm-space-20);overflow:clip}
.sh-cta__in{display:grid;gap:var(--rm-space-10);align-items:center;justify-items:start}
.sh-cta__art{position:relative;width:150px;justify-self:center}
.sh-cta__art .rm-rings{top:23%}
@media (min-width:800px){.sh-cta__in{grid-template-columns:auto 1fr;gap:var(--rm-space-20)}.sh-cta__art{width:200px;margin-left:var(--rm-space-12)}}

/* ---------- Produktseite ---------- */
.sh-crumbs{display:flex;flex-wrap:wrap;gap:var(--rm-space-2);align-items:center;min-height:48px;font-size:var(--rm-type-body-sm);color:var(--rm-text-muted)}
.sh-crumbs a{color:var(--rm-text-secondary)}
.sh-pdp{display:grid;gap:var(--rm-space-8);padding-block:var(--rm-space-2) var(--rm-space-12)}
.sh-gallery{display:grid;gap:var(--rm-space-3);align-content:start}
.sh-gallery__stage{position:relative;aspect-ratio:4/3;border-radius:var(--rm-radius-xl);background:var(--rm-bg-sunken);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.sh-gallery__stage>svg.sh-gallery__device{position:absolute;top:7%;height:86%;left:50%;translate:-50% 0;width:auto;max-width:none}
.sh-gallery__stage[data-view="box"]>svg.sh-gallery__device{top:17%;height:66%}
.sh-gallery__stage .rm-rings{top:19.6%}
.sh-gallery__stage[data-view="box"]{background:var(--box-body)}
.sh-gallery__stage .rm-box{position:absolute;inset:0;width:100%;height:100%}
.sh-gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--rm-space-2)}
.sh-thumb{min-height:48px;border-radius:var(--rm-radius-md);border:2px solid var(--rm-border-default);background:var(--rm-bg-surface);font-size:var(--rm-type-caption);font-weight:700;padding:0 var(--rm-space-1);line-height:1.2}
.sh-thumb[aria-pressed="true"]{border-color:var(--rm-action-primary-bg);background:var(--rm-bg-brand-subtle)}
.sh-size{position:absolute;top:8%;height:80%;left:50%;translate:-58% 0;aspect-ratio:400/560}
.sh-size svg{height:100%;width:auto}
.sh-size__w,.sh-size__h{position:absolute;font:500 var(--rm-type-caption)/1 var(--rm-font-mono);color:var(--rm-text-secondary);white-space:nowrap}
.sh-size__w{left:10%;right:10%;bottom:-2%;text-align:center;border-top:1px solid var(--rm-border-strong);padding-top:6px}
.sh-size__h{top:4.3%;bottom:10%;left:100%;display:flex;align-items:center;border-left:1px solid var(--rm-border-strong);padding-left:8px}
.sh-kit{position:absolute;inset:10% 6%;display:flex;gap:5%;align-items:center;justify-content:center}
.sh-kit>svg{height:78%;width:auto;flex:none}
.sh-kit__pads{display:grid;gap:8%;height:60%}
.sh-kit__pads svg{height:100%;width:auto;min-height:0}
.sh-kit__card{height:72%;aspect-ratio:3/4;border-radius:10px;background:var(--rm-bg-surface);border:1px solid var(--rm-border-default);padding:8%;display:grid;align-content:start;gap:8%;box-shadow:var(--rm-shadow-e2);font:600 clamp(.5rem,1.5vw,.7rem)/1.3 var(--rm-font-mono);color:var(--rm-text-secondary)}
.sh-kit__card .rm-logo{font-size:clamp(.8rem,2.4vw,1.2rem)}
.sh-buy{display:grid;gap:var(--rm-space-6);align-content:start}
.sh-buy>.rm-h1{margin-top:calc(var(--rm-space-4) * -1)}
.sh-buy>.rm-body-lg{margin-top:calc(var(--rm-space-4) * -1)}
.sh-buy__row{display:flex;gap:var(--rm-space-3);align-items:center}
.sh-buy .rm-link{justify-self:start;margin-block:calc(var(--rm-space-3) * -1)}
.sh-buy .sh-trust{display:grid;grid-template-columns:1fr 1fr;padding-top:var(--rm-space-5);border-top:1px solid var(--rm-border-subtle)}
@media (min-width:960px){.sh-pdp{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--rm-space-16);padding-block:var(--rm-space-4) var(--rm-space-20)}.sh-gallery{position:sticky;top:calc(var(--header-h) + 24px)}}
.sh-pdp-info{padding-bottom:var(--rm-space-8)}
.sh-panel{padding-top:var(--rm-space-8)}
.sh-panel:focus-visible{outline-offset:8px}
.sh-addon{display:flex;flex-wrap:wrap;gap:var(--rm-space-4);align-items:center;justify-content:space-between;margin-top:var(--rm-space-8);max-width:var(--rm-measure)}
.sh-buybar{position:fixed;left:0;right:0;bottom:0;z-index:var(--rm-z-sticky);display:flex;gap:var(--rm-space-4);align-items:center;justify-content:space-between;padding:var(--rm-space-3) var(--gutter) calc(var(--rm-space-3) + env(safe-area-inset-bottom));background:var(--rm-bg-raised);border-top:1px solid var(--rm-border-subtle);box-shadow:0 -6px 20px rgba(31,30,28,.08)}
.sh-buybar>div{display:grid;line-height:1.3;font-size:var(--rm-type-body-sm)}
@media (min-width:960px){.sh-buybar{display:none}}
.sh-compat{display:flex;gap:var(--rm-space-4)}

/* ---------- Schritte der Bestellung ---------- */
.sh-steps-bar{display:flex;gap:var(--rm-space-2) var(--rm-space-5);flex-wrap:wrap;list-style:none;padding-block:var(--rm-space-5);font-size:var(--rm-type-body-sm);color:var(--rm-text-muted)}
.sh-steps-bar li,.sh-steps-bar a{display:inline-flex;gap:var(--rm-space-2);align-items:center;min-height:32px;color:inherit}
.sh-steps-bar__no{display:grid;place-content:center;min-width:32px;height:28px;border-radius:99px;border:1.5px solid var(--rm-border-strong);font-size:var(--rm-type-caption)}
.sh-steps-bar .is-active{color:var(--rm-text-primary);font-weight:700}
.sh-steps-bar .is-active .sh-steps-bar__no{background:var(--rm-action-primary-bg);border-color:var(--rm-action-primary-bg);color:var(--rm-text-on-action)}
.sh-steps-bar .is-done .sh-steps-bar__no{background:var(--rm-bg-brand-subtle);border-color:transparent;color:var(--rm-action-secondary-text)}
@media (max-width:520px){.sh-steps-bar li:not(.is-active)>span:last-child,.sh-steps-bar li:not(.is-active) a>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* ---------- Warenkorb ---------- */
.sh-cartpage{padding-bottom:var(--rm-space-12)}
.sh-cartpage>.rm-h1{margin-bottom:var(--rm-space-8)}
.sh-cart{display:grid;gap:var(--rm-space-8);align-items:start}
@media (min-width:960px){.sh-cart{grid-template-columns:minmax(0,1fr) 400px;gap:var(--rm-space-12)}}
.sh-lines{display:grid;list-style:none}
.sh-line{display:grid;grid-template-columns:80px 1fr auto;gap:var(--rm-space-2) var(--rm-space-4);padding-block:var(--rm-space-5);border-top:1px solid var(--rm-border-subtle);align-items:start}
.sh-line:first-child{border-top:0;padding-top:0}
.sh-line--static{display:flex;align-items:center;padding-block:var(--rm-space-3)}
.sh-line__img{width:80px;height:80px;border-radius:var(--rm-radius-lg);background:var(--rm-bg-sunken);display:grid;place-items:center;flex:none;color:var(--rm-text-muted);overflow:hidden}
.sh-line__img svg.rm-dev{height:84%;width:auto}
.sh-line--static .sh-line__img{width:56px;height:56px}
.sh-line__title{font-weight:700;font-size:var(--rm-type-body);line-height:1.3}
.sh-line__price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-line__tools{grid-column:2/-1;display:flex;gap:var(--rm-space-4);align-items:center;flex-wrap:wrap}
.sh-abo{display:flex;gap:var(--rm-space-4);align-items:flex-start;padding:var(--rm-space-4) var(--rm-space-5);border-radius:var(--rm-radius-lg);background:var(--rm-bg-brand-subtle)}
.sh-abo>.rm-icon{color:var(--rm-action-secondary-text);margin-top:2px}
.sh-abo p{display:grid;flex:1;line-height:1.4}
.sh-abo p span{font-size:var(--rm-type-body-sm);color:var(--rm-text-secondary)}
.sh-sum{display:grid;gap:var(--rm-space-2)}
.sh-sum>div{display:flex;justify-content:space-between;gap:var(--rm-space-4);align-items:baseline}
.sh-sum dd{font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-sum__total{padding-top:var(--rm-space-3);margin-top:var(--rm-space-2);border-top:2px solid var(--rm-text-primary);font:700 var(--rm-type-h4)/1.3 var(--rm-font-sans)}
.sh-sum__vat{font-size:var(--rm-type-caption);color:var(--rm-text-muted)}
.sh-sum__later{padding-top:var(--rm-space-3);margin-top:var(--rm-space-2);border-top:1px solid var(--rm-border-subtle);font-size:var(--rm-type-body-sm)}
.sh-sum__later dd{white-space:normal;text-align:right}
.sh-sidebox{display:grid;gap:var(--rm-space-5)}
.sh-coupon summary{cursor:pointer;min-height:48px;display:flex;align-items:center;color:var(--rm-text-link);text-decoration:underline;text-underline-offset:.2em;font-weight:700;font-size:var(--rm-type-body-sm);list-style:none}
.sh-coupon summary::-webkit-details-marker{display:none}
.sh-coupon__row{display:flex;gap:var(--rm-space-2)}
.sh-empty{display:grid;gap:var(--rm-space-5);justify-items:start;padding-block:var(--rm-space-8)}

/* ---------- Kasse ---------- */
.sh-checkout{padding-bottom:var(--rm-space-12)}
.sh-checkout__grid{display:grid;gap:var(--rm-space-8);align-items:start}
.sh-checkout__side{display:grid;gap:var(--rm-space-5);order:-1}
.sh-checkout__side .sh-trust{display:none}
@media (min-width:960px){.sh-checkout__grid{grid-template-columns:minmax(0,1fr) 400px;gap:var(--rm-space-16)}.sh-checkout__side{order:0;position:sticky;top:calc(var(--header-h) + 24px)}.sh-checkout__side .sh-trust{display:grid}}
.sh-checkout__main{display:grid;gap:var(--rm-space-6);max-width:640px}
.sh-cstep{display:grid;gap:var(--rm-space-6)}
.sh-cstep__nav{display:flex;flex-wrap:wrap-reverse;gap:var(--rm-space-3);justify-content:space-between;align-items:center}
.sh-cstep__nav .rm-btn--primary{flex:1 1 240px}
.sh-paybox{margin-top:calc(var(--rm-space-2) * -1)}
.sh-review{display:grid;gap:var(--rm-space-4)}
.sh-review__block{display:grid;grid-template-columns:1fr auto;gap:var(--rm-space-1) var(--rm-space-4);padding:var(--rm-space-4) var(--rm-space-5);border-radius:var(--rm-radius-lg);background:var(--rm-bg-surface);border:1px solid var(--rm-border-subtle)}
.sh-review__block h2{font:700 var(--rm-type-label)/1.4 var(--rm-font-sans)}
.sh-review__block p{grid-column:1;color:var(--rm-text-secondary);font-size:var(--rm-type-body-sm);line-height:1.5}
.sh-review__block button{grid-column:2;grid-row:1/3;align-self:start}
.sh-minilines{display:grid;gap:var(--rm-space-3);list-style:none}
.sh-paying{text-align:center}
.sh-paying .rm-dialog__in{justify-items:center;gap:var(--rm-space-4)}
.sh-paying__art{width:72px;height:72px;display:grid;place-items:center}
.sh-paying__spin{width:56px;height:56px;border-radius:50%;border:4px solid var(--rm-bg-brand-subtle);border-top-color:var(--rm-action-primary-bg);animation:rm-spin .9s linear infinite}
.sh-paying__ok{width:64px;height:64px;border-radius:50%;background:var(--rm-success-icon);color:var(--rm-bg-surface);display:grid;place-items:center}
.sh-paying__ok .rm-icon{stroke-width:3}

/* ---------- Danke ---------- */
.sh-thanks{display:grid;gap:var(--rm-space-8);padding-block:var(--rm-space-12)}
.sh-thanks__art{position:relative;height:150px;display:grid;place-items:center;overflow:visible}
.sh-thanks__check{position:relative;width:72px;height:72px;border-radius:50%;background:var(--rm-success-icon);color:var(--rm-bg-surface);display:grid;place-items:center}
.sh-thanks__check .rm-icon{stroke-width:3}
.sh-next{display:grid;gap:var(--rm-space-6);list-style:none}
.sh-next li{display:flex;gap:var(--rm-space-4);align-items:flex-start}
.sh-next li>div{display:grid;gap:var(--rm-space-3);flex:1;justify-items:start;min-width:0}
.sh-next .sh-step__no{margin-top:0;height:36px;min-width:36px;padding:0 12px}
.sh-claim{width:100%;max-width:420px}

/* ---------- Konto, Kontakt, Care ---------- */
.sh-account{display:grid;gap:var(--rm-space-8);padding-block:var(--rm-space-12)}
.sh-auth{max-width:480px}
.sh-acctgrid{display:grid;gap:var(--rm-space-5)}
.sh-kv{display:grid;gap:var(--rm-space-2)}
.sh-kv>div{display:flex;justify-content:space-between;gap:var(--rm-space-4);flex-wrap:wrap}
.sh-kv dt{color:var(--rm-text-secondary)}
.sh-contact{display:grid;gap:var(--rm-space-5)}
@media (min-width:640px){.sh-contact{grid-template-columns:1fr 1fr}}
.sh-care__grid{display:grid;gap:var(--rm-space-10);align-items:start}
@media (min-width:900px){.sh-care__grid{grid-template-columns:1fr 1fr;gap:var(--rm-space-16)}}
@media (max-width:767px){
  .sh-caretable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .sh-caretable tr{display:grid;padding:var(--rm-space-3) var(--rm-space-4)}
  .sh-caretable tbody tr+tr{border-top:1px solid var(--rm-border-subtle)}
  .sh-caretable th,.sh-caretable td{display:flex;justify-content:space-between;gap:var(--rm-space-4);height:auto;padding:var(--rm-space-1) 0;border:0!important;align-items:center}
  .sh-caretable td::before,.sh-caretable th::before{content:attr(data-l);font:400 var(--rm-type-caption)/1.3 var(--rm-font-sans);color:var(--rm-text-muted)}
}