/* ===== v46 · мобильная адаптация: проверено на 320–1440 px с длинными названиями и большими суммами ===== */
/* страховка: ничто не может сделать страницу шире экрана (clip не мешает position:sticky) */
html,body{overflow-x:clip}
img,svg,video{max-width:100%}

/* опрос: сетка не растягивается под длинный контент */
.qstage{grid-template-columns:minmax(0,1fr)}
.qscreen{min-width:0;max-width:min(700px,100%)}
.qh,.qsub{overflow-wrap:break-word;hyphens:auto}
.qnumbox{max-width:100%;min-width:0}
.qnumbox input{min-width:0;width:100%}
.qopt .tx{min-width:0}.qopt b,.qopt small{overflow-wrap:break-word}

/* карточки реквизитов в спецификации и оформлении: длинное название не наезжает на «изменить» */
.dvcli b,.co-cli b{overflow-wrap:anywhere}
.dvcli em,.co-cli em{flex:none;white-space:nowrap}

/* итоги в корзине: большие суммы переносятся на отдельную строку, а не вылезают */
.tots{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.tots .v{overflow-wrap:anywhere;white-space:normal!important;font-size:clamp(18px,calc(1.2vw + 12px),26px)!important}
.tots>*{min-width:0}
.impltot{flex-wrap:wrap}
.isw{flex:1 1 auto}

/* оформление: сумма и кнопка оплаты */
.co-sum{flex-wrap:wrap}
.co-sum b{white-space:nowrap;font-size:clamp(20px,6.4vw,28px)}
.cko-f{flex-wrap:wrap}
.cko-f .bx{white-space:nowrap}
.cko-f .bx.primary{flex:1 1 auto;justify-content:center}
.cko-f .bx.ghost{flex:none}

/* плитки комплектов и групп: без разрыва слов посередине */
.gt-tx b{overflow-wrap:break-word;word-break:normal;hyphens:auto}

@media (max-width:560px){
  /* нижняя плашка итога: строки друг под другом, числа не разваливаются */
  .mbar{gap:10px;align-items:center}
  .mbar>div:first-child{display:grid!important;gap:3px;min-width:0;flex:1}
  .mbar>div:first-child>div{display:flex;align-items:baseline;gap:8px;min-width:0}
  .mbar span{display:inline!important;flex:none}
  .mbar b{white-space:nowrap;font-size:clamp(13px,4.3vw,16px);overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mbar .btn{flex:none}
  /* договор и документы: кнопки во всю ширину, декоративные листы скрываем */
  .dx-cta{display:grid;grid-template-columns:1fr}
  .dx-cta .bx{width:100%;justify-content:center;white-space:normal;text-align:center}
  /* шкала команды: подписи цены только у выбранного шага */
  .tx-bars span:not(.on) em{display:none}
  .tx-bars span.on em{font-size:11px}
}
@media (max-width:430px){
  /* диск: 4 кнопки в ряд, подписи помещаются */
  .dkx{flex-wrap:wrap}
  .dkx .seg{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;flex:1 1 100%!important}
  .dkx .seg button{padding-inline:4px;min-width:0}
  .dkx .seg button small{font-size:10.5px;white-space:nowrap;letter-spacing:-.01em}
  /* плитки комплектов: прячем иконку, чтобы названия помещались целиком */
  .gtiles .gt-ic{display:none}
  .gt-tx b{font-size:13px}
  .cko-f{padding:12px 16px 16px}
  .cko-f .bx{padding:12px 14px;font-size:13.5px}
}
@media (max-width:360px){
  .dkx .seg{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .gtiles{grid-template-columns:1fr 1fr}
  .gt-tx b{font-size:12px;letter-spacing:-.025em}
  .gtile{padding-inline:10px}
}
/* планшет: колонка героя во всю ширину — коллаж и подписи не выходят за край экрана */
@media (min-width:561px) and (max-width:1100px){
  .stack .s1{right:0}
  .hchip.c1{left:0}
  .hchip.c2{right:0}
}

/* админ: «Редактор цен» доступен и на телефоне */
@media (max-width:760px){
  header.top #toggleEditor{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0!important;font-size:0!important;border-radius:12px}
  header.top #toggleEditor::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") center/contain no-repeat}
  header.top #toggleEditor[aria-expanded=true]{background:var(--grad);color:#fff;border-color:transparent}
}
/* админ: редактор цен на телефоне — строки «позиция / цена» без горизонтальной прокрутки */
@media (max-width:760px){
  .editor{padding:14px 12px;scroll-margin-top:132px}
  .etable{overflow:visible!important}
  .etable table{min-width:0!important;display:block}
  .etable thead{display:none}
  .etable tbody{display:block}
  .etable tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}
  .etable tr.cat{display:block;border:0;padding:0}
  .etable td{display:block;border:0!important;padding:0!important;min-width:0;overflow-wrap:break-word}
  .etable tr:not(.cat) td:first-child{grid-column:1/-1;padding-bottom:4px!important;font-weight:500}
  .etable tr:not(.cat) td:not(:first-child){display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;white-space:nowrap}
  .etable tr:not(.cat) td:nth-child(2):has(input)::before{content:"в месяц";flex:1 1 100%;font-size:11px;color:var(--dim)}
  .etable tr:not(.cat) td:nth-child(3):has(input)::before{content:"внедрение, разово";flex:1 1 100%;font-size:11px;color:var(--dim)}
  .etable td:empty{display:none!important}
  .etable .cat td{padding:16px 0 2px!important}
  .etable td:not(:first-child) input{flex:1 1 0;width:auto;min-width:0;font-size:16px;padding:8px 10px}
  .etable input{font-size:16px}
  .etable td:first-child input{width:58px!important;margin:0 4px}
  .drbadge{display:inline-block;margin:4px 0 0 6px}
  .editor>div:last-child .btn{flex:1 1 100%;justify-content:center}
}

/* без видимых полос прокрутки — везде, во всех браузерах; прокрутка колесом, тачем и клавишами работает */
html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}
::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
/* узкие телефоны: шапка с четырьмя кнопками помещается целиком */
@media (max-width:400px){
  header.top .hrow{gap:6px!important;flex-wrap:nowrap;min-width:0;max-width:100%}
  header.top .hrow .btn{padding:8px 10px!important;font-size:12.5px!important;line-height:1.15;min-width:0}
  header.top #toggleEditor,header.top #themeBtn{width:38px!important;height:38px!important;flex:none}
}

/* стопка документов (договор / спецификация / счёт): фиксированная сцена 420×480, на узких экранах пропорционально уменьшается и не наезжает на текст */
.dx-r{min-height:0!important;height:calc(550px * var(--dxs,1));width:100%;max-width:none!important;margin:6px 0 4px;align-self:center}
.dx-stage{inset:auto!important;left:50%!important;top:0!important;width:420px;height:480px;margin-left:-228px;transform-origin:50% 0;scale:var(--dxs,1)}
@media (max-width:560px){.dx-r{--dxs:.86}}
@media (max-width:500px){.dx-r{--dxs:.76}}
@media (max-width:450px){.dx-r{--dxs:.7}}
@media (max-width:414px){.dx-r{--dxs:.66}}
@media (max-width:390px){.dx-r{--dxs:.62}}
@media (max-width:360px){.dx-r{--dxs:.56}}
@media (max-width:330px){.dx-r{--dxs:.52}}

/* 3D-стопка экранов в шапке остаётся и на телефоне — в уменьшенном виде */
@media (max-width:560px){
  .hero-r{display:block!important;height:clamp(200px,62vw,300px);margin:8px 0 0}
  .stack{transform:rotateY(-12deg) rotateX(5deg)}
  .stack .s1{right:0}
  .hchip{padding:7px 9px;gap:7px;font-size:11px;border-radius:12px}
  .hchip .d{width:22px;height:22px;border-radius:7px}
  .hchip .d svg{width:13px;height:13px}
  .hchip small{font-size:9.5px}
  .hchip.c1{left:0;top:3%}
  .hchip.c2{right:0;top:42%}
  .hchip.c3{left:0;bottom:3%}
}

/* одна колонка: 3D-анимация стоит над кнопками (шапка и блок договора) */
@media (max-width:980px){
  .hero{gap:0!important}
  .hero-l{display:contents}
  .hero .eyebrow{order:1;justify-self:start}
  .hero-h{order:2}
  .hero-p{order:3}
  .hero-r{order:4;margin-top:22px!important;height:auto!important;aspect-ratio:1.4;width:min(100%,640px);justify-self:center}
  .hero-cta{order:5;margin-top:24px!important}
  .hero-stats{order:6}
}
@media (max-width:1100px){
  .dx-l{display:contents}
  .dx-kick{order:1;justify-self:start}
  .dx-h{order:2}
  .dx-p{order:3;margin-bottom:6px!important}
  .dx-r{order:4}
  .dx-cta{order:5;margin-top:6px}
  .dx-prom{order:6}
}
/* DE: lange deutsche Komposita sauber umbrechen */
.dx-f b,.dx-f small,.dx-k b,.dx-k small,.dt-tx b,.dt-tx small,.gt-tx b,.qopt b,.qopt small,.feat b,.feat p,.dhero h3,.dtoc a,.co-m b,.co-m small,.co-p b,.co-p small,.tx-tags span,.sh h2,.sh .note,.dx-prom b,.dx-prom small,.dx-flow b,.dx-flow small{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:380px){.dx-bento{grid-template-columns:1fr!important}.dx-k.big{grid-column:auto}}
.dx-f>b,.dx-f>small,.dx-k>small{max-width:100%;overflow-wrap:anywhere}.dx-f{min-width:0}
/* «Warum 4B»: nur Titel + schwebende Icons in Kreisen */
:is(.why,.base) .feats{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 12px;padding:22px 0 10px;position:relative;
  background:radial-gradient(1.2px 1.2px at 12% 28%,rgba(87,183,146,.55),transparent 60%),radial-gradient(1px 1px at 31% 82%,rgba(125,151,232,.5),transparent 60%),radial-gradient(1.4px 1.4px at 54% 18%,rgba(87,183,146,.45),transparent 60%),radial-gradient(1px 1px at 73% 70%,rgba(125,151,232,.5),transparent 60%),radial-gradient(1.2px 1.2px at 90% 32%,rgba(87,183,146,.5),transparent 60%),radial-gradient(1px 1px at 44% 52%,rgba(160,170,200,.45),transparent 60%)}
:is(.why,.base) .feat{flex-direction:column;align-items:center;text-align:center;gap:16px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:4px 2px!important}
:is(.why,.base) .feat::before,:is(.why,.base) .feat::after{display:none!important}
:is(.why,.base) .feat:hover{transform:none!important}
:is(.why,.base) .feat>div{min-width:0}
:is(.why,.base) .feat p{display:none}
:is(.why,.base) .feat b{font:500 14px/1.3 var(--font);max-width:15ch;margin:0 auto;hyphens:auto;-webkit-hyphens:auto}
:is(.why,.base) .feat .fi{position:relative;width:72px;height:72px;border-radius:50%!important;border:0!important;color:var(--green-ink);
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),rgba(255,255,255,.35) 42%,var(--green-soft) 100%)!important;
  box-shadow:0 18px 36px -14px rgba(47,126,99,.45),0 0 0 1px rgba(87,183,146,.25),inset 0 -6px 14px rgba(87,183,146,.18);
  animation:wFloat 7s ease-in-out infinite;will-change:transform;transition:scale .3s var(--ease)}
:is(.why,.base) .feat .fi svg{width:28px;height:28px}
:is(.why,.base) .feat .fi::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(87,183,146,.35);animation:wSpin 22s linear infinite}
:is(.why,.base) .feat .fi::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);top:-12px;left:50%;margin-left:-3.5px;transform-origin:3.5px 48px;animation:wSpin 9s linear infinite}
:is(.why,.base) .feat:nth-child(2) .fi{animation-duration:8.2s;animation-delay:-1.4s}:is(.why,.base) .feat:nth-child(2) .fi::after{animation-duration:11s;animation-direction:reverse}
:is(.why,.base) .feat:nth-child(3) .fi{animation-duration:6.6s;animation-delay:-3.1s}:is(.why,.base) .feat:nth-child(3) .fi::after{animation-duration:8s}
:is(.why,.base) .feat:nth-child(4) .fi{animation-duration:7.8s;animation-delay:-2.2s}:is(.why,.base) .feat:nth-child(4) .fi::after{animation-duration:12s;animation-direction:reverse}
:is(.why,.base) .feat:nth-child(5) .fi{animation-duration:6.9s;animation-delay:-4.6s}:is(.why,.base) .feat:nth-child(5) .fi::after{animation-duration:10s}
:is(.why,.base) .feat:nth-child(6) .fi{animation-duration:8.6s;animation-delay:-.7s}:is(.why,.base) .feat:nth-child(6) .fi::after{animation-duration:9.5s;animation-direction:reverse}
:is(.why,.base) .feat:hover .fi{scale:1.08}
@keyframes wFloat{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(5px,-9px) rotate(4deg)}50%{transform:translate(-3px,-14px) rotate(-2deg)}75%{transform:translate(-6px,-5px) rotate(-5deg)}}
@keyframes wSpin{to{rotate:360deg}}
:root[data-theme="dark"] :is(.why,.base) .feat .fi{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.16),rgba(79,209,150,.10) 50%,rgba(79,209,150,.04) 100%)!important;box-shadow:0 18px 40px -14px rgba(79,209,150,.35),0 0 0 1px rgba(79,209,150,.28),inset 0 -6px 16px rgba(79,209,150,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.why,.base) .feat .fi{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.16),rgba(79,209,150,.10) 50%,rgba(79,209,150,.04) 100%)!important;box-shadow:0 18px 40px -14px rgba(79,209,150,.35),0 0 0 1px rgba(79,209,150,.28),inset 0 -6px 16px rgba(79,209,150,.12)}}
@media (max-width:1100px){:is(.why,.base) .feats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:400px){:is(.why,.base) .feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}:is(.why,.base) .feat .fi{width:62px;height:62px}:is(.why,.base) .feat .fi::after{transform-origin:3.5px 43px}}
@media (prefers-reduced-motion:reduce){:is(.why,.base) .feat .fi,:is(.why,.base) .feat .fi::before,:is(.why,.base) .feat .fi::after{animation:none}}
/* «Bereits in der Grundausstattung»: nur Gruppenkacheln, ohne Häkchen-Listen */
.bb-g ul{display:none!important}
.bb-g{justify-content:center}

/* ===== DE v2 · Feedback 03.10 ===== */
.toast{z-index:110!important}
/* Hero: Buttons entfernt */
.hero-cta{display:none!important}
/* keine Untertitel, keine «Schritt N» */
.sh .note,main .step,.docsec .step{display:none!important}
/* Kopfzeile: Logo · Fragebogen · Dokumente · Burger in einer Zeile */
header.top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}
header.top .brand{flex:0 1 auto!important;min-width:0}
header.top .hside{flex:1 1 auto!important;display:flex!important;flex-direction:row!important;justify-content:flex-end;align-items:center;gap:10px;min-width:0;width:auto!important}
header.top .hrow{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center;min-width:0}
header.top #themeBtn,header.top #toggleEditor{display:none!important}
.bm-btn{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);box-shadow:var(--shadow);cursor:pointer}
.bm-btn svg{width:20px;height:20px}
@media (max-width:760px){
  header.top .hrow .btn{padding:9px 12px!important;font-size:13px!important;white-space:nowrap}
  header.top .crmlogo{height:26px!important}
}
@media (max-width:400px){
  header.top{gap:8px!important;padding:10px 12px!important}
  header.top .hrow .btn{padding:8px 9px!important;font-size:12.3px!important}
  header.top .crmlogo{height:22px!important}
  .bm-btn{width:36px;height:36px;border-radius:11px}
}
/* Burger-Panel */
.bm-back{position:fixed;inset:0;z-index:34;background:rgba(10,14,24,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}
.bm-back.on{opacity:1;pointer-events:auto}
.bm{position:fixed;top:0;right:0;bottom:0;z-index:35;width:min(420px,100vw);display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--glass-line);box-shadow:-30px 0 60px -20px rgba(0,0,0,.35);transform:translateX(105%);transition:transform .35s var(--ease)}
.bm.on{transform:none}
.bm-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}
.bm-h b{font:600 18px var(--font)}
.bm-x{width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.bm-x svg{width:18px;height:18px}
.bm-row{margin:4px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--glass-line)}
.bm-row span{font:500 14px var(--font)}
.bm-seg{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--sel-soft)}
.bm-seg button{border:0;background:none;border-radius:9px;padding:7px 11px;font:500 12.5px var(--font);color:var(--mute);cursor:pointer}
.bm-seg button[aria-pressed="true"]{background:var(--glass-strong);color:var(--fg);box-shadow:var(--shadow)}
.bm-k{margin:8px 18px 6px;font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--green-ink)}
.bm-list{flex:1;overflow:auto;padding:0 18px 24px;overscroll-behavior:contain}
.bm-g{margin:14px 0 6px;font:500 11.5px var(--font);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.bm-m{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:11px 12px;margin:0 0 6px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s}
.bm-m b{display:block;font:500 14px/1.3 var(--font)}
.bm-m small{display:block;margin-top:2px;color:var(--mute);font-size:12px;line-height:1.35}
.bm-m i{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center}
.bm-m.on{border-color:rgba(87,183,146,.55);background:linear-gradient(135deg,var(--green-soft),transparent)}
.bm-m.on i{border:0;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.bm-m em{flex:none;margin-left:auto;font-style:normal;font:500 12px var(--font);color:var(--green-ink);white-space:nowrap;padding-top:2px}
.bm-f{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.bm-f span{font-size:12px;color:var(--mute)}.bm-f b{display:block;font:600 18px var(--font)}
/* Teamgröße: Skala oben, Karte unten; Monat/Jahr statt Hinweis */
#txS{display:none!important}
.tx-rail{order:-1}
.tierx{grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr)}
@media (max-width:760px){.tierx{grid-template-columns:1fr}}
.tx-read .seg.tx-period{position:relative;z-index:1;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;margin-top:14px;padding:4px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.tx-read .seg.tx-period button{border:0;background:none;color:rgba(255,255,255,.75);font:500 13px var(--font);padding:9px 8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none}
.tx-read .seg.tx-period button[aria-pressed="true"]{background:#fff;color:#2F3A55;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.tx-read .seg.tx-period .badge{font-size:11px}
/* Paket-/Modulkacheln: Icons immer sichtbar */
.gtiles .gt-ic{display:grid!important}
@media (max-width:430px){.gtiles .gt-ic{width:30px!important;height:30px!important;flex:none}.gtiles .gt-ic svg{width:16px;height:16px}.gtiles button{gap:8px!important;padding:10px 10px!important}}
/* Paketkarte: Preis/Warenkorb ganz unten */
.mdet.mdx .mx-head{display:contents!important}
.mdet.mdx .mx-title{order:1;padding:22px 24px 6px}
.mdet.mdx .mx-ben{order:2}
.mdet.mdx .gal{order:3}
.mdet.mdx .mx-inc{order:4}
.mdet.mdx .mx-buy{order:5;margin:0 24px 22px;min-width:0}
.mdet.mdx .mx-buy .cfoot{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between}
.mdet.mdx .mx-buy .cfoot .add{flex:1 1 200px}
@media (max-width:560px){.mdet.mdx .mx-title{padding:18px 16px 4px}.mdet.mdx .mx-buy{margin:0 16px 16px}.mdet.mdx .mx-buy .cfoot{flex-direction:column!important;align-items:stretch!important}}
/* «Was ist enthalten» kompakt */
.mx-inc{padding:14px 24px 16px!important}
.mx-inc .bh{margin:0 0 8px!important}
.mx-inc .incs{display:flex!important;flex-wrap:wrap;gap:6px!important}
.mx-inc .incs span{padding:6px 10px 6px 7px!important;border-radius:999px!important;font-size:12.5px!important;gap:6px!important}
.mx-inc .incs span::before{width:15px!important;height:15px!important;background-size:11px!important}
.mx-inc .incs span .ii{width:16px;height:16px}.mx-inc .incs span .ii svg{width:14px;height:14px}
.mx-inc .phint{display:none!important}
@media (max-width:560px){.mx-inc{padding:12px 16px 14px!important}}
/* Kommunikation: Hintergrundbilder */
.ext{position:relative;overflow:hidden;isolation:isolate}
.ext .xbg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:right top;opacity:.22;-webkit-mask:linear-gradient(100deg,transparent 18%,#000 75%);mask:linear-gradient(100deg,transparent 18%,#000 75%);pointer-events:none;transition:opacity .3s,transform .6s var(--ease)}
.ext:hover .xbg{opacity:.32;transform:scale(1.04)}
:root[data-theme="dark"] .ext .xbg{opacity:.3}
/* Warenkorb als Bottom-Sheet am Handy */
.sum-x{display:none}
@media (max-width:980px){
  aside.sum{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:25;max-height:86vh;overflow:auto;overscroll-behavior:contain;margin:0!important;border-radius:24px 24px 0 0!important;transform:translateY(105%);transition:transform .38s var(--ease);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
  body.sum-open aside.sum{transform:none}
  .sum-back{position:fixed;inset:0;z-index:24;background:rgba(10,14,24,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s}
  body.sum-open .sum-back{opacity:1;pointer-events:auto}
  body.sum-open .mbar{transform:translateY(120%)}
  .mbar{transition:transform .3s var(--ease)}
  .sum-x{display:grid;position:sticky;top:0;float:right;margin:-4px -4px 0 0;z-index:3;width:36px;height:36px;border-radius:11px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);place-items:center;cursor:pointer}
  .sum-x svg{width:18px;height:18px}
  aside.sum::after{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:var(--line2)}
  .mbar .btn{display:inline-flex;align-items:center;gap:7px}
  .mbar .btn svg{width:17px;height:17px}
}
.mdet.mdx .mx-buy .cfoot .add{flex:1 1 200px;min-height:0}
@media (max-width:560px){.mdet.mdx .mx-buy .cfoot .add{flex:0 0 auto}}
.tx-read .seg.tx-period .badge{background:rgba(143,224,191,.22)!important;color:#BFF0DA!important;border:0!important}
.tx-read .seg.tx-period button[aria-pressed="true"] .badge{background:var(--green-soft)!important;color:#2F7E63!important}
.ext .xbg{opacity:.55}
:root[data-theme="dark"] .ext .xbg{opacity:.42}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ext .xbg{opacity:.42}}
/* Sphären im Basis-Block über der Speicherauswahl */
.base .feats.in-base{margin:18px 0 16px;padding:26px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-p{display:none!important}
.hero-stats{display:none!important}
.base .feats.in-base{display:none!important}
/* Hosting-Karten: Tags über die volle Kartenbreite */
.hostopt{display:grid!important;grid-template-columns:44px minmax(0,1fr) 20px;column-gap:14px;row-gap:0;align-items:start}
.hostopt .hi{grid-column:1;grid-row:1/3}
.hostopt .ht{display:contents}
.hostopt .ht>b{grid-column:2;grid-row:1}
.hostopt .ht>small{grid-column:2;grid-row:2}
.hostopt .chk{grid-column:3;grid-row:1}
.hostopt .htags{grid-column:1/-1;grid-row:3;display:flex!important;flex-wrap:wrap;gap:6px;margin-top:14px!important;width:100%}
.hostopt .htags em{flex:1 1 auto;text-align:center;justify-content:center;white-space:nowrap}
/* Teamgröße: Karte volle Breite, Kennzahlen in einer Reihe, Jahresbetrag */
.tierx{grid-template-columns:1fr!important}
.tx-read .tx-row{position:relative;z-index:1;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:end;gap:10px 28px}
.tx-read .tx-row .tx-top{display:block}
.tx-read .tx-row .tx-p{margin:0;padding:0}
.tx-read .tx-row .tx-meta{margin:0;flex-direction:column;align-items:flex-start;gap:3px;padding-bottom:2px}
.tx-y{display:block;margin-top:5px;font:600 13px/1.2 var(--font);color:#BFF0DA}
.tx-y[hidden]{display:none!important}
@media (max-width:560px){
  .tx-read .tx-row{grid-template-columns:auto auto;gap:12px 22px}
  .tx-read .tx-row .tx-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:4px 14px}
  .tx-n b{font-size:36px!important}.tx-p b{font-size:28px!important}
}
.tx-read{min-height:0!important}@media (min-width:561px){.tx-read .seg.tx-period{max-width:380px}}
/* ===== Teamgröße-Skala: neues Design ===== */
.tx-rail{padding:6px 22px 2px!important}
.tx-cap{display:inline-flex!important;align-items:center;gap:8px;margin:0 -10px 14px!important;padding:6px 11px 6px 9px;border-radius:999px;background:var(--green-soft);border:1px solid var(--glass-line);color:var(--green-ink)!important;font:600 10.5px/1 var(--font)!important;letter-spacing:.1em!important}
.tx-cap::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(87,183,146,.25);animation:txPulse 2.4s ease-in-out infinite}
@keyframes txPulse{50%{box-shadow:0 0 0 6px rgba(87,183,146,0)}}
/* Säulen: Glas-Kapseln, aktive Säule mit Verlauf und Preis-Bubble */
.tx-bars{height:78px!important;margin-bottom:18px!important}
.tx-bars span{width:22px!important;margin-left:-11px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12))!important;box-shadow:inset 0 0 0 1px var(--line2),inset 0 -8px 14px -10px rgba(61,74,105,.25)!important;overflow:visible}
.tx-bars span::after{content:"";position:absolute;left:5px;right:5px;top:5px;height:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);opacity:.7;pointer-events:none}
.tx-bars span.past{background:linear-gradient(180deg,rgba(87,183,146,.55),rgba(87,183,146,.12))!important;box-shadow:inset 0 0 0 1px rgba(87,183,146,.35)!important}
.tx-bars span.on{background:linear-gradient(180deg,#7fe6b8 0%,#57B792 45%,#3D4A69 100%)!important;box-shadow:0 14px 30px -8px rgba(87,183,146,.7),0 0 0 4px rgba(87,183,146,.15)!important;transform:scaleX(1.18)!important}
.tx-bars span em{bottom:calc(100% + 10px)!important;padding:5px 9px;border-radius:999px;background:linear-gradient(150deg,#46557A,#2F3A55);color:#fff!important;font:600 11px/1 var(--font)!important;box-shadow:0 8px 18px -6px rgba(16,24,43,.45)}
.tx-bars span em::after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:#2F3A55}
.tx-bars span.on em{opacity:1;transform:translateX(-50%) scaleX(.85)!important;animation:txBob 3s ease-in-out infinite}
.tx-bars span:not(.on) em{background:var(--glass-strong);color:var(--fg)!important;border:1px solid var(--glass-line)}
.tx-bars span:not(.on) em::after{border-top-color:var(--glass-strong)}
@keyframes txBob{50%{translate:0 -3px}}
/* Schiene: Glas-Rinne, leuchtende Füllung mit Glanz */
.tx-track{height:14px!important;background:var(--sel-soft)!important;box-shadow:inset 0 0 0 1px var(--glass-line),inset 0 2px 5px rgba(16,24,43,.12)!important}
.tx-fill{overflow:hidden;background:linear-gradient(90deg,#3D4A69,#57B792 70%,#7fe6b8)!important;box-shadow:0 0 22px rgba(87,183,146,.55)!important}
.tx-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:txShine 3.2s ease-in-out infinite}
@keyframes txShine{60%,100%{transform:translateX(100%)}}
.tx-thumb{width:34px!important;height:34px!important;margin:-17px 0 0 -17px!important;background:linear-gradient(150deg,#46557A,#2F3A55)!important;box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(87,183,146,.5),0 10px 24px rgba(16,24,43,.35)!important}
.tx-thumb::after{inset:10px!important;background:radial-gradient(circle at 35% 35%,#BFF0DA,#57B792)!important;box-shadow:0 0 10px #57B792}
.tx-thumb::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(87,183,146,.45);animation:txRing 2.2s ease-out infinite}
@keyframes txRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}
/* Stufen als Pillen */
.tx-stops{height:52px!important;margin-top:12px!important}
.tx-stop{padding:0!important;min-width:0!important}
.tx-stop i{display:none!important}
.tx-stop b{display:block;padding:7px 10px;border-radius:999px;font:600 13.5px/1 var(--font)!important;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--shadow);color:var(--fg)!important;transform:none!important;transition:background .3s,color .3s,box-shadow .3s,transform .3s var(--ease)!important}
.tx-stop:hover b{transform:translateY(-2px)!important}
.tx-stop.past b{color:var(--green-ink)!important;border-color:rgba(87,183,146,.35)}
.tx-stop.on b{background:var(--grad)!important;color:#fff!important;border-color:transparent;box-shadow:0 10px 22px -8px rgba(87,183,146,.75)!important;transform:translateY(-2px) scale(1.08)!important}
.tx-stop small{margin-top:5px;font-size:10.5px!important;color:var(--dim)}
.tx-stop.on small{color:var(--green-ink)!important}
@media (max-width:560px){.tx-rail{padding:6px 14px 0!important}.tx-stop b{padding:6px 7px;font-size:12px!important}.tx-bars span{width:18px!important;margin-left:-9px!important}}
@media (max-width:360px){.tx-stop b{padding:5px 5px;font-size:11px!important}}
:root[data-theme="dark"] .tx-bars span:not(.past):not(.on){background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tx-bars span:not(.past):not(.on){background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important}}
@media (prefers-reduced-motion:reduce){.tx-fill::after,.tx-thumb::before,.tx-cap::before,.tx-bars span.on em{animation:none}}
.tx-stops{margin-top:22px!important;height:58px!important}@media (min-width:561px){.tx-rail{padding:6px 36px 2px!important}}@media (max-width:1180px){.tx-stops{height:40px!important}}
/* ruhiger: weniger Akzent, keine Dauer-Animationen */
.tx-cap{background:none!important;border:0!important;padding:0!important;color:var(--dim)!important;font-weight:500!important;margin:0 -10px 12px!important}
.tx-cap::before{animation:none!important;box-shadow:none!important;width:6px!important;height:6px!important;background:var(--green)!important;opacity:.7}
.tx-bars span{background:var(--sel-soft)!important;box-shadow:inset 0 0 0 1px var(--glass-line)!important}
.tx-bars span::after{display:none}
.tx-bars span.past{background:rgba(87,183,146,.22)!important;box-shadow:none!important}
.tx-bars span.on{background:linear-gradient(180deg,rgba(87,183,146,.85),rgba(87,183,146,.55))!important;box-shadow:none!important;transform:none!important}
.tx-bars span.on em{animation:none!important;transform:translateX(-50%)!important;background:var(--glass-strong)!important;color:var(--green-ink)!important;border:1px solid var(--glass-line);box-shadow:var(--shadow)!important}
.tx-bars span em::after{display:none}
.tx-fill{background:var(--green)!important;box-shadow:none!important}
.tx-fill::after{display:none}
.tx-track{height:8px!important;box-shadow:inset 0 0 0 1px var(--glass-line)!important}
.tx-thumb{width:24px!important;height:24px!important;margin:-12px 0 0 -12px!important;background:#fff!important;box-shadow:0 0 0 2px var(--green),0 4px 12px rgba(16,24,43,.18)!important}
.tx-thumb::after{inset:7px!important;background:var(--green)!important;box-shadow:none!important}
.tx-thumb::before{display:none}
.tx-stop b{box-shadow:none!important;background:transparent!important;border-color:transparent!important;color:var(--mute)!important}
.tx-stop.past b{color:var(--fg)!important}
.tx-stop.on b{background:var(--green-soft)!important;color:var(--green-ink)!important;border:1px solid rgba(87,183,146,.35)!important;box-shadow:none!important;transform:none!important}
.tx-stop:hover b{transform:none!important;color:var(--fg)!important}
.tx-stops{margin-top:16px!important}
.tx-cap{display:none!important}.tx-bars{margin-top:30px}
/* Teamgröße kompakt: alles horizontal, ohne blaue Karte */
.tierx{grid-template-columns:minmax(250px,.75fr) minmax(0,1.6fr)!important;gap:18px 34px!important;align-items:center!important;padding:18px 22px!important}
.tx-read{order:-1;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--fg)!important;overflow:visible!important}
.tx-read::before,.tx-read::after{display:none!important}
.tx-read .tx-row{grid-template-columns:auto auto!important;gap:6px 22px!important;align-items:end}
.tx-read .tx-row .tx-meta{grid-column:1/-1;flex-direction:row!important;flex-wrap:wrap;gap:2px 12px!important;color:var(--mute)!important;font-size:12.5px}
.tx-n b{font-size:34px!important;color:var(--fg)}
.tx-n span{color:var(--mute)!important}
.tx-p b{font-size:28px!important;background:var(--grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.tx-p small{color:var(--mute)!important}
.tx-y{color:var(--green-ink)!important}
.tx-read .seg.tx-period{margin-top:12px!important;background:var(--sel-soft)!important;border:1px solid var(--glass-line)!important;max-width:none!important}
.tx-read .seg.tx-period button{color:var(--mute)!important}
.tx-read .seg.tx-period button[aria-pressed="true"]{background:var(--glass-strong)!important;color:var(--fg)!important;box-shadow:var(--shadow)!important}
.tx-read .seg.tx-period .badge{background:var(--green-soft)!important;color:var(--green-ink)!important}
.tx-read .seg.tx-period button[aria-pressed="true"] .badge{background:var(--green-soft)!important;color:var(--green-ink)!important}
.tx-rail{padding:4px 18px 0!important}
.tx-bars{height:44px!important;margin:24px 0 12px!important}
.tx-bars span{width:16px!important;margin-left:-8px!important}
.tx-stops{height:30px!important;margin-top:12px!important}
.tx-stop small{display:none!important}
.tx-stop b{padding:5px 8px!important;font-size:12.5px!important}
@media (max-width:760px){.tierx{grid-template-columns:1fr!important;padding:14px!important;gap:10px!important}.tx-rail{order:0!important;padding:0 8px!important}.tx-bars{margin-top:20px!important}}
.tx-p small{white-space:nowrap;font-size:11.5px!important}
/* ===== Basis · Grundausstattung: eine kompakte Zeile ===== */
section.is-box{display:none!important}
.sh .bg-period{display:inline-flex!important;margin-left:auto}
.tierx{grid-template-columns:auto minmax(0,1fr)!important;gap:8px 34px!important;padding:14px 22px 10px!important;align-items:center!important}
.tx-read .tx-row{grid-template-columns:auto auto!important;gap:4px 20px!important;align-items:end!important}
.tx-read .tx-row .tx-meta{display:none!important}
.tx-impl{display:block;margin-top:3px;font-size:11.5px;color:var(--mute);white-space:nowrap}
.tx-n b{font-size:30px!important}.tx-p b{font-size:26px!important}
.tx-bars{height:28px!important;margin:22px 0 8px!important}
.tx-bars span{width:14px!important;margin-left:-7px!important}
.tx-stops{height:26px!important;margin-top:10px!important}
.disk.in-basis{margin:12px 0 0!important;padding:12px 16px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 22px;border-radius:20px}
.disk.in-basis .dk-ic,.disk.in-basis .dk-t small,.disk.in-basis #diskNote{display:none!important}
.disk.in-basis .dk-h{display:flex;align-items:baseline;gap:10px;margin:0!important;padding:0!important}
.disk.in-basis .dk-t b{font:500 14px var(--font)}
.disk.in-basis .dk-now{text-align:left}
.disk.in-basis .dk-now b{font-size:15px!important}
.disk.in-basis .dk-now span{font-size:11.5px}
.disk.in-basis .seg{margin:0!important}
.disk.in-basis .seg button{padding:7px 4px!important}
@media (max-width:760px){
  .tierx{grid-template-columns:1fr!important;padding:12px 12px 8px!important;gap:4px!important}
  .tx-rail{padding:0 8px!important}
  .tx-bars{margin-top:20px!important}
  .disk.in-basis{grid-template-columns:1fr;padding:12px!important}
  .sh .bg-period button{padding:7px 10px!important;font-size:12.5px!important}
}
.tierx .disk.in-basis{grid-column:1/-1;margin:6px 0 0!important;padding:12px 0 4px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
.tierx .disk.in-basis::before,.tierx .disk.in-basis::after{display:none!important}
/* ===== Basis-Karte neu: zwei gleich aufgebaute Zeilen (Team, Speicher) ===== */
.tierx{display:block!important;padding:18px 22px 16px!important}
.tierx .tx-read{display:block!important}
.tierx .tx-read .tx-row{display:flex!important;justify-content:space-between;align-items:flex-end;gap:16px}
.tierx .tx-top{display:block!important}
.tierx .tx-n{display:flex;align-items:baseline;gap:8px}
.tierx .tx-n b{font-size:28px!important;line-height:1}
.tierx .tx-n span{font-size:13px!important}
.tierx .tx-pp{display:block;margin-top:5px;font-size:12px;color:var(--mute)}
.tierx .tx-p{text-align:right}
.tierx .tx-p b{font-size:26px!important;line-height:1}
.tierx .tx-p small{margin-top:4px!important}
.tierx .tx-impl,.tierx .tx-y{text-align:right}
/* Schiene ohne Säulen */
.tierx .tx-bars{display:none!important}
.tierx .tx-rail{padding:18px 12px 0!important}
.tierx .tx-stops{height:26px!important;margin-top:12px!important}
.tierx .tx-stop b{padding:4px 8px!important;font-size:12.5px!important}
/* Speicher: gleiche Struktur */
.tierx .disk.in-basis{display:block!important;margin:16px 0 0!important;padding:16px 0 0!important}
.tierx .disk.in-basis .dk-h{display:flex!important;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 12px!important}
.tierx .disk.in-basis .dk-t b{font:500 14px/1.2 var(--font)!important;color:var(--fg)}
.tierx .disk.in-basis .dk-now{display:grid!important;text-align:right;gap:3px}
.tierx .disk.in-basis .dk-now b{font:600 18px/1 var(--font)!important}
.tierx .disk.in-basis .dk-now span{font-size:12px!important;color:var(--mute)!important;font-weight:400!important}
.tierx .disk.in-basis .seg{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;border-radius:14px!important;background:var(--sel-soft)!important;border:1px solid var(--glass-line)!important;width:100%!important}
.tierx .disk.in-basis .seg button{min-width:0;padding:8px 2px!important;border-radius:10px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--mute)!important}
.tierx .disk.in-basis .seg button b{font:500 12.5px/1 var(--font)!important;color:inherit!important;white-space:nowrap}
.tierx .disk.in-basis .seg button small{display:none!important}
.tierx .disk.in-basis .seg button[aria-pressed="true"]{background:var(--glass-strong)!important;color:var(--green-ink)!important;box-shadow:var(--shadow)!important}
.tierx .disk.in-basis .seg button[aria-pressed="true"] b{font-weight:600!important}
@media (max-width:400px){.tierx{padding:14px 12px 12px!important}.tierx .disk.in-basis .seg button b{font-size:11px!important}.tierx .tx-rail{padding:16px 6px 0!important}}
.sh h2.h-hide{display:none!important}
/* «Fertige Pakete / Einzelmodule» wie der Monat/Jahr-Schalter */
#mTabs.mtabs{display:inline-flex!important;gap:2px!important;padding:3px!important;border-radius:14px!important;background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;box-shadow:var(--shadow)!important;width:auto!important}
#mTabs.mtabs button{padding:8px 14px!important;border-radius:11px!important;font:500 13px/13px var(--font)!important;background:none!important;color:var(--mute)!important;box-shadow:none!important;border:0!important;display:inline-flex!important;align-items:center;gap:6px}
#mTabs.mtabs button[aria-selected="true"]{background:var(--navy)!important;color:var(--on-navy)!important}
#mTabs.mtabs button b{font:600 11px/1 var(--font)!important;padding:3px 6px!important;border-radius:999px!important;background:var(--green-soft)!important;color:var(--green-ink)!important;min-width:0!important}
/* Paket-/Modulkarten: ohne Untertitel und «Was es dir bringt» */
.mdet .mx-title>p,.mdet .mx-ben{display:none!important}
.mdet.mdx .mx-title{padding-bottom:14px!important}
@media (max-width:980px){.mdet.mdx>.gal{grid-template-areas:"info" "img" "th"!important}}@media (max-width:760px){.bgal .gal{grid-template-areas:"info" "img" "th"!important}}
/* Galerie: Beschreibung immer oben als kompakter Kopf, Screenshot volle Breite */
.mdet.mdx>.gal,.bgal .gal{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"info" "img" "th"!important}
.mdet.mdx>.gal .ginfo,.bgal .gal .ginfo{padding:12px 16px!important;border-radius:14px!important}
.gal .ginfo .gih{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.gal .ginfo .gih b{font-size:15px!important;line-height:1.3}
.gal .ginfo>p{margin:2px 0 0!important;font-size:13px!important}
.gal .ginfo ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:4px 18px!important;margin:8px 0 0!important;padding-left:16px!important}
.gal .ginfo li{font-size:12.5px!important;line-height:1.4!important;margin:0!important}
/* Hero kompakter */
.hero{min-height:0!important;padding:26px 8px 22px!important;gap:28px!important}
@media (min-width:981px){.hero-r{height:clamp(300px,28vw,380px)!important}}
@media (max-width:980px){.hero{padding:22px 4px 18px!important}}
@media (max-width:560px){.hero{padding-top:16px!important}}
.hero-r{margin-bottom:30px!important}@media (max-width:980px){.hero-r{margin-bottom:22px!important}}
/* Basis-Board: Preis-Badge oben rechts, keine Zähler */
.bb-head{align-items:center!important}
.bb-head em.bb-from{margin-left:auto;font:600 15px/1 var(--font)!important;padding:8px 13px!important;border-radius:999px!important;background:var(--green-soft)!important;color:var(--green-ink)!important;border:1px solid var(--glass-line)!important;white-space:nowrap}
.bb-c{display:none!important}
.bb-pick{display:none}
@media (max-width:600px){
  .bboard>.bb-g{display:none!important}
  .bb-pick{display:block;position:relative;grid-column:1/-1;z-index:6}
  .bb-pb,.bb-pl button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 14px;border-radius:18px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);box-shadow:var(--shadow);cursor:pointer}
  .bb-pb .bb-ic,.bb-pl .bb-ic{flex:none;width:38px;height:38px;border-radius:var(--blob);display:grid;place-items:center;background:var(--grad);color:#fff}
  .bb-pb .bb-ic svg,.bb-pl .bb-ic svg{width:19px;height:19px}
  .bb-pb .bb-t,.bb-pl .bb-t{flex:1;min-width:0}
  .bb-pb b,.bb-pl b{display:block;font:600 15px/1.25 var(--font)}
  .bb-pb small,.bb-pl small{display:block;margin-top:2px;font-size:12px;color:var(--mute)}
  .bb-chev{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sel-soft);color:var(--fg);transition:transform .25s var(--ease)}
  .bb-chev svg{width:16px;height:16px}
  .bb-pick.open .bb-chev{transform:rotate(180deg)}
  .bb-pl{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;border-radius:20px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35);max-height:60vh;overflow:auto}
  .bb-pl[hidden]{display:none!important}
  .bb-pl button{box-shadow:none;border-color:transparent;background:none;padding:9px 10px}
  .bb-pl .bb-ic{width:32px;height:32px;background:var(--green-soft);color:var(--green-ink)}
  .bb-pl button[aria-selected="true"]{background:var(--green-soft);border-color:rgba(87,183,146,.35)}
  .bb-pl button[aria-selected="true"] .bb-ic{background:var(--grad);color:#fff}
}
.bb-head{flex-wrap:nowrap!important}.bb-head span{min-width:0}@media (max-width:600px){.bb-head b{font-size:28px!important}.bb-head span{font-size:13.5px!important;line-height:1.25}.bb-head em.bb-from{font-size:13px!important;padding:7px 11px!important}}
/* ===== Paket-/Gruppenauswahl: ruhige Chips statt schwerer Kacheln ===== */
.gtiles{display:flex!important;flex-wrap:wrap;gap:8px!important;padding:0 0 18px!important}
.gtiles button{flex:0 1 auto;gap:9px!important;padding:7px 14px 7px 7px!important;border-radius:999px!important;background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;box-shadow:none!important;color:var(--fg)!important;transform:none!important}
.gtiles button:hover{border-color:rgba(87,183,146,.45)!important}
.gtiles .gt-ic{display:grid!important;width:30px!important;height:30px!important;border-radius:50%!important;background:var(--sel-soft)!important;color:var(--green-ink)!important;border:0!important;transform:none!important}
.gtiles .gt-ic svg{width:16px!important;height:16px!important}
.gtiles .gt-tx{display:flex!important;align-items:baseline;gap:7px;flex:0 1 auto!important}
.gtiles .gt-tx b{font:500 13.5px/1.2 var(--font)!important;white-space:nowrap;color:inherit!important}
.gtiles .gt-tx small{margin:0!important;font-size:11.5px!important;color:var(--dim)!important;white-space:nowrap}
.gtiles .gt-bar{display:none!important}
.gtiles .gt-ok{position:static!important;flex:none;width:16px!important;height:16px!important;margin-left:-2px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat!important;box-shadow:none!important}
.gtiles button.has .gt-tx small{display:none}
.gtiles button[aria-pressed="true"]{background:var(--green-soft)!important;border-color:rgba(87,183,146,.55)!important;color:var(--green-ink)!important}
.gtiles button[aria-pressed="true"] .gt-ic{background:var(--grad)!important;color:#fff!important}
.gtiles button[aria-pressed="true"] .gt-tx small{color:var(--green-ink)!important;opacity:.75}

  .gt-pick{display:block;max-width:440px;position:relative;z-index:6;margin:0 0 16px}
  .gt-pick .bb-pb,.gt-pick .bb-pl button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 14px;border-radius:18px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);box-shadow:var(--shadow);cursor:pointer}
  .gt-pick .bb-ic{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff}
  .gt-pick .bb-ic svg{width:19px;height:19px}
  .gt-pick .bb-t{flex:1;min-width:0}
  .gt-pick b{display:block;font:600 15px/1.25 var(--font)}
  .gt-pick small{display:block;margin-top:2px;font-size:12px;color:var(--mute)}
  .gt-pick small.inc{color:var(--green-ink)}
  .gt-pick .bb-chev{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sel-soft);transition:transform .25s var(--ease)}
  .gt-pick .bb-chev svg{width:16px;height:16px}
  .gt-pick.open .bb-chev{transform:rotate(180deg)}
  .gt-pick .bb-pl{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;border-radius:20px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35);max-height:62vh;overflow:auto}
  .gt-pick .bb-pl[hidden]{display:none!important}
  .gt-pick .bb-pl button{box-shadow:none;border-color:transparent;background:none;padding:9px 10px}
  .gt-pick .bb-pl .bb-ic{width:32px;height:32px;background:var(--green-soft);color:var(--green-ink)}
  .gt-pick .bb-pl button[aria-selected="true"]{background:var(--green-soft);border-color:rgba(87,183,146,.35)}
  .gt-pick .bb-pl button[aria-selected="true"] .bb-ic{background:var(--grad);color:#fff}
.gtiles,#mPills.gtiles{display:none!important}

#mPills.gtiles>button{flex:0 1 auto!important;width:auto!important;max-width:100%}
#mPills.gtiles .gt-tx{overflow:visible!important}
#mPills.gtiles .gt-tx small{overflow:visible!important;text-overflow:clip!important}

/* ===== Modul-Auswahl in der Karte: ruhige Liste mit +/✓ ===== */
.mx-sel .mchips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;grid-template-columns:none!important}
.mx-sel .mc{flex:0 1 auto;display:flex!important;align-items:center;gap:6px;padding:4px 4px 4px 4px;border-radius:999px!important;background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;box-shadow:none!important;transform:none!important}
.mx-sel .mc::after{display:none!important}
.mx-sel .mc .fo{display:flex!important;align-items:baseline;gap:8px;padding:6px 4px 6px 12px!important}
.mx-sel .mc .fo b{font:500 13.5px/1.2 var(--font)!important;color:var(--fg)!important;white-space:nowrap!important}
.mx-sel .mc .fo small{margin:0!important;font-size:12px!important;color:var(--dim)!important;white-space:nowrap}
.mx-sel .mc .tg{width:26px!important;height:26px!important;margin:0!important;border-radius:50%!important;border:0!important;box-shadow:none!important;background:var(--sel-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5.5v9M5.5 10h9' fill='none' stroke='%232F7E63' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat!important}
.mx-sel .mc .tg:hover{background-color:var(--green-soft)!important}
.mx-sel .mc.on .tg{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat!important}
.mx-sel .mc.on{border-color:rgba(87,183,146,.45)!important}
.mx-sel .mc.act{background:var(--green-soft)!important;border-color:rgba(87,183,146,.55)!important}
.mx-sel .mc.act .fo b{color:var(--green-ink)!important}
@media (max-width:600px){.mx-sel .mc{flex:1 1 100%}.mx-sel .mc .fo{flex:1;justify-content:space-between}}
/* Kommunikation: Screenshot als sauberes Vorschaubild statt Hintergrund */
.ext{align-items:center!important}
.ext .xbg{position:relative!important;inset:auto!important;z-index:0!important;order:2;flex:none;width:150px;height:86px;border-radius:12px;background-size:cover!important;background-position:left top!important;opacity:1!important;-webkit-mask:none!important;mask:none!important;border:1px solid var(--glass-line);box-shadow:0 10px 24px -14px rgba(16,24,43,.45);transform:none!important;transition:transform .3s var(--ease)!important}
.ext:hover .xbg{transform:translateY(-2px)!important}
.ext .t{order:1;flex:1;min-width:0}
.ext .stepper,.ext .sw{order:3}
.ext .xic{order:0}
:root[data-theme="dark"] .ext .xbg{opacity:.92!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ext .xbg{opacity:.92!important}}
@media (max-width:760px){
  .ext{flex-wrap:wrap!important}
  .ext .xbg{order:-1;width:100%;height:110px;margin-bottom:4px}
}
/* Tabs + Paketauswahl in einer Zeile */
.mt-row{display:flex;align-items:center;gap:10px;margin:0 0 16px;position:relative;z-index:6}
.mt-row #mTabs{flex:none;margin:0!important}
.mt-row .gt-pick{flex:1 1 auto;min-width:0;max-width:440px;margin:0!important}
.mt-row .gt-pick .bb-pb{padding:5px 10px 5px 6px!important;border-radius:14px!important;min-height:44px}
.mt-row .gt-pick .bb-pb .bb-ic{width:32px;height:32px}
.mt-row .gt-pick .bb-pb .bb-ic svg{width:16px;height:16px}
.mt-row .gt-pick .bb-pb b{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-row .gt-pick .bb-pb small{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-row .gt-pick .bb-chev{width:26px;height:26px}
.mt-row .gt-pick .bb-pl{min-width:260px}
@media (max-width:600px){
  .mt-row{gap:6px}
  .mt-row #mTabs button{padding:8px 9px!important;font-size:12px!important}
  .mt-row #mTabs button b{display:none!important}
  .mt-row .gt-pick .bb-pb small{display:none}
  .mt-row .gt-pick .bb-pb .bb-ic{width:26px;height:26px}
  .mt-row .gt-pick .bb-pl{left:auto;right:0;width:min(340px,calc(100vw - 32px))}
}
#mTabs .ts{display:none}@media (max-width:600px){#mTabs .tl{display:none}#mTabs .ts{display:inline}#mTabs button{white-space:nowrap}}
.mdet.mdx>.gal,.bgal .gal{grid-template-areas:"img" "th" "info"!important}@media (max-width:980px){.mdet.mdx>.gal{grid-template-areas:"img" "th" "info"!important}}@media (max-width:760px){.bgal .gal{grid-template-areas:"img" "th" "info"!important}}
.mdet.mdx .mx-inc{order:2!important;padding-top:4px!important}.mdet.mdx .mx-title{padding-bottom:8px!important}
/* Kopf der Karte: Titel links, Preis + Warenkorb-Icon rechts oben */
.mdet.mdx .mx-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;order:1!important;padding:20px 22px 6px!important}
.mdet.mdx .mx-title{order:0!important;padding:0!important}
.mdet.mdx .mx-buy{order:0!important;margin:0!important;padding:0!important;min-width:0!important;background:none!important;border:0!important;box-shadow:none!important}
.mdet.mdx .mx-buy .cfoot{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:12px!important}
.mdet.mdx .mx-buy .cprice{text-align:right;font-size:24px!important;line-height:1.1}
.mdet.mdx .mx-buy .cprice br{display:none}
.mdet.mdx .mx-buy .cprice .old{display:inline!important;margin:0 6px 0 0!important;font-size:12.5px!important}
.mdet.mdx .mx-buy .cprice small{display:block;font-size:11.5px!important;margin-top:2px}
.mdet.mdx .mx-buy .saveb{display:inline-block!important;margin:5px 0 0!important;font-size:11px!important;padding:3px 8px!important}
.mdet.mdx .mx-buy .implp{display:block!important;margin-top:3px!important;font-size:11px!important}
.mdet.mdx .mx-buy .add{flex:none!important;width:46px!important;height:46px!important;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;position:relative;background:var(--sel-soft)!important;border:1px solid var(--glass-line)!important;box-shadow:none!important;cursor:pointer}
.mdet.mdx .mx-buy .add::before{content:"";position:absolute;inset:0;background:var(--green-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") center/22px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") center/22px no-repeat}
.mdet.mdx .mx-buy .add::after{content:"+";position:absolute;right:-3px;top:-3px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font:700 13px/18px var(--font);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.mdet.mdx .mx-buy .add:hover{background:var(--green-soft)!important}
.mdet.mdx .mx-buy .add.in{background:var(--grad)!important;border-color:transparent!important}
.mdet.mdx .mx-buy .add.in::before{background:#fff}
.mdet.mdx .mx-buy .add.in::after{content:"✓";font-size:11px}
@media (max-width:560px){
  .mdet.mdx .mx-head{padding:16px 14px 4px!important;gap:8px}
  .mdet.mdx .mx-buy .cfoot{gap:8px!important}
  .mdet.mdx .mx-buy .cprice{font-size:19px!important}
  .mdet.mdx .mx-buy .implp{display:none!important}
  .mdet.mdx .mx-buy .add{width:40px!important;height:40px!important}
  .mdet.mdx .mx-title h4{font-size:24px!important}
}
/* Rabatt-Badge: halb auf der Karte, halb darüber */
.mdet.mdx{overflow:visible!important}
.mdet.mdx::before{display:none!important}
.mdet.mdx .mx-head,.mdet.mdx .mx-buy,.mdet.mdx .mx-buy .cfoot,.mdet.mdx .mx-buy .cprice{position:static!important}
.mdet.mdx .mx-buy .saveb{position:absolute!important;top:-14px;right:22px;z-index:5;margin:0!important;padding:7px 13px!important;border-radius:999px!important;font:700 12.5px/1 var(--font)!important;letter-spacing:.01em;color:#fff!important;background:linear-gradient(135deg,#FF8A3D,#F0544F)!important;border:0!important;box-shadow:0 10px 22px -8px rgba(240,84,79,.65),0 0 0 3px var(--bg)!important;transform:rotate(-4deg);white-space:nowrap}
@media (max-width:560px){.mdet.mdx .mx-buy .saveb{top:-12px;right:14px;font-size:11.5px!important;padding:6px 11px!important}}
.mdet.mdx .mx-buy .saveb{right:auto!important;left:50%!important;transform:translateX(-50%) rotate(-3deg)!important;top:-15px!important}
.mdet.mdx{margin-top:22px!important}
@media (max-width:560px){.mdet.mdx .mx-buy .saveb{right:auto!important;top:-13px!important}.mdet.mdx{margin-top:18px!important}}
/* Tabs und Paketauswahl gleich hoch */
.mt-row{align-items:stretch!important}
.mt-row #mTabs{height:48px;box-sizing:border-box;align-items:stretch!important}
.mt-row #mTabs button{display:inline-flex!important;align-items:center}
.mt-row .gt-pick .bb-pb{height:48px;min-height:0!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important}
.mt-row .gt-pick .bb-pb .bb-t small{margin-top:1px!important}
/* Monat/Jahr-Schalter wie Pakete/Module: 48 px */
.sh .bg-period{height:48px!important;box-sizing:border-box;align-items:stretch!important;gap:2px!important;padding:3px!important;border-radius:14px!important;background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;box-shadow:var(--shadow)!important}
.sh .bg-period button{display:inline-flex!important;align-items:center;gap:6px;padding:0 14px!important;border-radius:11px!important;font:500 13px/13px var(--font)!important;white-space:nowrap}
.sh .bg-period .badge{font:600 11px/1 var(--font)!important;padding:3px 6px!important;border-radius:999px!important}
@media (max-width:600px){.sh .bg-period button{padding:0 12px!important;font-size:13px!important}}
.mdet.mdx{margin-top:36px!important}@media (max-width:560px){.mdet.mdx{margin-top:30px!important}}
/* Galerie ohne grauen Rahmen-Container, Abstand unten */
.mdet.mdx>.gal{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 22px 24px!important;border-radius:0!important}
.mdet.mdx>.gal .ginfo{background:var(--sel-soft)!important;border:0!important}
@media (max-width:560px){.mdet.mdx>.gal{margin:0 14px 16px!important}}
.hero-r{margin-right:28px!important}@media (max-width:980px){.hero-r{margin-right:14px!important}}
/* Kennzahlen kompakt: schlanke Zeilen statt großer Kacheln */
.dx-bento{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:6px 10px!important}
.dx-k,.dx-k.big{grid-column:auto!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;padding:9px 12px!important;border-radius:14px!important;background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;box-shadow:none!important;min-height:0!important;transform:none!important}
.dx-k .ki,.dx-k.big .ki{grid-row:auto!important;width:28px!important;height:28px!important;margin:0!important;border-radius:9px!important;background:var(--sel-soft)!important;color:var(--green-ink)!important;box-shadow:none!important}
.dx-k .ki svg,.dx-k.big .ki svg{width:15px!important;height:15px!important}
.dx-k b,.dx-k.big b{font:700 15px/1.2 var(--font)!important;white-space:nowrap;letter-spacing:-.01em}
.dx-k small{font-size:12px!important;line-height:1.3!important;color:var(--mute)!important;min-width:0}
.dx-k em{display:none!important}
.dx-k:hover{border-color:rgba(87,183,146,.45)!important}
/* Kennzahlen im gleichen Kartenstil wie der Rest */
.dx-k,.dx-k.big{background:var(--glass)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;color:var(--fg)!important}
.dx-k .ki,.dx-k.big .ki{border-radius:50%!important;background:var(--green-soft)!important;color:var(--green-ink)!important}
.dx-k b,.dx-k.big b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--fg)!important}
.dx-k:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-up)!important}
/* Suche */
.srch{display:flex;align-items:center;gap:9px;height:46px;padding:0 14px;border-radius:14px;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--shadow);color:var(--mute);cursor:text}
.srch svg{flex:none;width:18px;height:18px}
.srch input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--fg);font:400 14.5px var(--font)}
.srch input::placeholder{color:var(--dim)}
.srch:focus-within{border-color:rgba(87,183,146,.55);box-shadow:0 0 0 4px var(--green-soft)}
.srch input::-webkit-search-cancel-button{opacity:.5}
.bm-srch{margin:6px 18px 6px}
.bm-none{padding:16px 6px;color:var(--mute);font-size:13px;text-align:center}
.hs{position:relative;z-index:8;max-width:520px;margin-top:20px}
.hs-res{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;border-radius:18px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35);max-height:60vh;overflow:auto}
.hs-res[hidden]{display:none!important}
.hs-res .bm-m{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:10px 12px;margin:0;border-radius:14px;border:1px solid transparent;background:none;color:var(--fg);cursor:pointer}
.hs-res .bm-m:hover{background:var(--sel-soft)}
.hs-res .bm-m b{display:block;font:500 14px/1.3 var(--font)}
.hs-res .bm-m small{display:block;margin-top:2px;color:var(--mute);font-size:12px;line-height:1.35}
.hs-res .bm-m i{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1.5px solid var(--line2)}
.hs-res .bm-m.on{background:var(--green-soft);border-color:rgba(87,183,146,.35)}
.hs-res .bm-m.on i{border:0;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hs-res .bm-m em{flex:none;margin-left:auto;font-style:normal;font:500 12px var(--font);color:var(--green-ink);white-space:nowrap;padding-top:2px}
@media (max-width:980px){.hero .hs{order:3;max-width:none;margin-top:16px!important}}
.bgal .gal{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.bgal .gal .ginfo{background:var(--sel-soft)!important;border:0!important}.bgal{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}

.hs-ph{display:none}.hs-ph.on{display:block;order:3}
.hs.hs-fix{position:fixed!important;z-index:19!important;margin:0!important;max-width:none!important;animation:hsIn .25s var(--ease,ease)}
.hs.hs-fix .srch{background:var(--bg)!important;box-shadow:0 14px 34px -14px rgba(16,24,43,.35)!important;border-color:var(--glass-line)!important}
.hs.hs-fix .hs-res{max-height:min(60vh,520px)}
@keyframes hsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hs-res .bm-m i{cursor:pointer;transition:transform .15s}.hs-res .bm-m i:hover{transform:scale(1.12);border-color:var(--green)}
.mdet.hs-flash{animation:hsFlash 2.2s ease}
@keyframes hsFlash{0%,40%{box-shadow:0 0 0 3px rgba(87,183,146,.55),var(--shadow)}100%{box-shadow:var(--shadow)}}
.mb-host{flex:none;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--sel-soft);border:1px solid var(--glass-line)}
.mb-host button{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--mute);font:500 13px var(--font);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.mb-host button svg{width:16px;height:16px;flex:none}
.mb-host button[aria-pressed="true"]{background:var(--bg);color:var(--fg);box-shadow:0 2px 8px -3px rgba(16,24,43,.25)}
@media (max-width:520px){.mb-host button{padding:0 9px}.mbar .mb-host button span{display:none!important}.mbar .btn{padding-left:14px;padding-right:14px}}
/* Server-Services kompakt */
#srvs.srvs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#srvs .srvcard{min-height:0!important;padding:0!important;border-radius:16px!important}
#srvs .srvcard .sb{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:2px;align-items:center;padding:12px 12px 12px 16px!important;height:auto!important}
#srvs .srvcard .stype{display:none!important}
#srvs .srvcard h4{grid-column:1;margin:0!important;font-size:14.5px!important;line-height:1.3!important}
#srvs .srvcard p{grid-column:1;margin:0!important;font-size:12.5px!important;line-height:1.4!important;color:var(--mute)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#srvs .srvcard .dep,#srvs .srvcard .sgrp{grid-column:1;display:block!important;margin:3px 0 0!important;padding:0!important;background:none!important;border:0!important;font-size:11.5px!important;line-height:1.35!important;color:#c26a1b!important}
#srvs .srvcard .sgrp{color:var(--mute)!important}
#srvs .srvcard .cfoot{grid-column:2;grid-row:1/span 4;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:0!important;padding:0!important;border:0!important}
#srvs .srvcard .cprice{text-align:right;font-size:15px!important;line-height:1.2;white-space:nowrap}
#srvs .srvcard .cprice small{display:block;font-size:11px!important;color:var(--mute)}
#srvs .srvcard .cprice.req{font-size:13px!important;color:var(--mute)}
#srvs .srvcard .add{width:38px!important;height:38px!important;min-width:0!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center;flex:none}
#srvs .srvcard .add svg{width:18px;height:18px}
#srvs .srvcard.on{border-color:rgba(87,183,146,.45)!important;background:var(--green-soft)!important}
@media (max-width:760px){#srvs.srvs{grid-template-columns:1fr!important}}
#srvs .srvcard{display:flex!important;flex-direction:column;justify-content:center}
#srvs .srvcard .sb{align-content:center!important;flex:1}
#srvs .srvcard .cfoot{grid-row:1/span 3!important}
@media (max-width:760px){#srvs .srvcard p{-webkit-line-clamp:1}#srvs .srvcard .sb{padding:10px 10px 10px 14px!important}}
#srvs .srvcard .dep{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Server-Services als eine Karte */
#srvBlock .sh{display:none!important}
#srvs.sx-src{display:none!important}
.sx{position:relative;padding:18px 22px 20px;border-radius:26px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:var(--shadow)}
.sx-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.sx-tt b{display:block;font:600 18px/1.25 var(--font);color:var(--fg)}
.sx-tt small{display:block;margin-top:2px;font-size:12.5px;color:var(--mute)}
.sx-sum{display:flex;gap:22px;align-items:flex-end}
.sx-sum span{display:block;font-size:11.5px;color:var(--mute)}
.sx-sum b{display:block;font:600 20px/1.2 var(--font);color:var(--fg);white-space:nowrap}
.sx-sum .sx-ask b{font-size:14px;color:var(--mute);font-weight:500}
.sx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sx-pick{position:relative}
.sx-pick.open{z-index:12}
.sx-pb{width:100%;height:56px;display:flex;align-items:center;gap:10px;text-align:left;padding:0 10px 0 8px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s}
.sx-pick.has .sx-pb{background:var(--green-soft);border-color:rgba(87,183,146,.4)}
.sx-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--sel-soft);color:var(--green-ink)}
.sx-pick.has .sx-ic{background:var(--grad);color:#fff}
.sx-ic svg{width:18px;height:18px}
.sx-t{flex:1;min-width:0}
.sx-t b{display:block;font:500 13.5px/1.25 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-t small{display:block;margin-top:2px;font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-pick.has .sx-t small{color:var(--green-ink)}
.sx-chev{flex:none;width:18px;height:18px;color:var(--mute);transition:transform .2s}
.sx-chev svg{width:18px;height:18px}
.sx-pick.open .sx-chev{transform:rotate(180deg)}
.sx-pl{position:absolute;left:0;top:calc(100% + 6px);width:max(100%,340px);display:grid;gap:3px;padding:6px;border-radius:18px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35)}
.sx-pl[hidden]{display:none!important}
.sx-grid>.sx-pick:nth-child(4n) .sx-pl,.sx-grid>.sx-pick:nth-child(4n-1) .sx-pl{left:auto;right:0}
.sx-o{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:none;color:var(--fg);cursor:pointer}
.sx-o:hover{background:var(--sel-soft)}
.sx-o i{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid var(--line2)}
.sx-o.rd i,.sx-o[data-none] i{border-radius:50%}
.sx-o.on{background:var(--green-soft);border-color:rgba(87,183,146,.35)}
.sx-o.on i{border:0;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.sx-o span{flex:1;min-width:0}
.sx-o b{display:block;font:500 13.5px/1.3 var(--font)}
.sx-o small{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;color:var(--mute)}
.sx-o small.sx-dep{color:#c26a1b}
.sx-o em{flex:none;font-style:normal;font:500 12px var(--font);color:var(--green-ink);white-space:nowrap;padding-top:2px}
@media (max-width:1100px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-grid>.sx-pick:nth-child(4n-1) .sx-pl{left:0;right:auto}.sx-grid>.sx-pick:nth-child(2n) .sx-pl{left:auto;right:0}}
@media (max-width:640px){.sx{padding:14px 12px}.sx-grid{grid-template-columns:1fr}.sx-pl,.sx-grid>.sx-pick .sx-pl{left:0!important;right:0!important;width:auto}.sx-sum{gap:16px;width:100%}.sx-sum b{font-size:17px}}
#srvBlock{position:relative;z-index:6}
.sx-pb{gap:8px;padding:0 8px 0 7px}.sx-chev{width:16px}.sx-chev svg{width:16px;height:16px}
#srvBlock{z-index:15!important}
@media (max-width:980px){.mbar{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important}.mbar>div:first-child{row-gap:0!important}.mbar>div:first-child>div{line-height:1.2}.mbar>div:first-child span{line-height:1.2!important}.mbar>div:first-child b{line-height:1.2!important}}
/* Monat/Jahr und Pakete/Module: ein Schaltertyp, gleiches Verhalten */
.sh:has(>.bg-period){justify-content:flex-start!important}
.seg.bg-period{margin-left:0!important;margin-right:auto!important;order:-1}
.seg.bg-period,#mTabs.mtabs{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:2px!important;height:48px!important;padding:3px!important;border-radius:14px!important;flex:none!important;width:auto!important}
.seg.bg-period>button,#mTabs.mtabs>button{box-sizing:border-box!important;height:40px!important;min-height:0!important;padding:0 14px!important;border-radius:11px!important;font-size:13px!important;font-weight:500!important;line-height:1!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
@media (max-width:600px){.seg.bg-period>button,#mTabs.mtabs>button{padding:0 10px!important;font-size:12px!important}}
@media (max-width:360px){.seg.bg-period>button,#mTabs.mtabs>button{padding:0 8px!important;font-size:11.5px!important}}
@media (max-width:600px){.exts .ext{flex-wrap:wrap!important}.exts .ext>.t{flex:1 1 100%!important;min-width:0}.exts .ext>.stepper,.exts .ext>.sw{margin-left:auto!important;margin-top:6px!important;align-self:flex-end}}
.bm-nav{padding:0 18px 4px}
.bm-nav .bm-k{margin:10px 0 6px}
.bm-chips{display:flex;flex-wrap:wrap;gap:6px}
.bm-chips button{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);font:500 12.5px var(--font);cursor:pointer}
.bm-chips button:hover{background:var(--sel-soft)}
.bm-docs{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.bm-docs button{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 2px;border:0;background:none;color:var(--fg);font:500 13px var(--font);text-align:left;cursor:pointer}
.bm-docs button svg{flex:none;width:16px;height:16px;color:var(--green-ink)}
.bm-docs button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:rgba(87,183,146,.45);text-underline-offset:3px}
.bm-docs button:hover span{color:var(--green-ink)}
#sum .doclinks a{text-decoration:underline;text-decoration-color:rgba(87,183,146,.45);text-underline-offset:3px}
.qslogan{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px auto 0;max-width:640px}
.qslogan span{font:600 clamp(22px,3.4vw,36px)/1.15 var(--font);letter-spacing:-.015em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}
.qslogan i{flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--green))}
.qslogan i:last-child{background:linear-gradient(90deg,var(--green),transparent)}
@media (max-width:600px){.qslogan{gap:10px;margin-top:28px}.qslogan i{max-width:36px}}
/* Fragebogen: klickbare Schritte */
.qprog.seg{height:auto!important;background:none!important;overflow:visible!important}
.qprog.seg>i{display:none!important}
.qsteps{display:flex;gap:3px;width:100%}
.qsteps button{flex:1;min-width:0;height:24px;padding:0;margin:0;border:0;background:none;cursor:pointer;position:relative}
.qsteps button::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:999px;background:var(--line);transition:background .25s,height .2s,margin .2s}
.qsteps button.done::before{background:var(--green)}
.qsteps button.cur::before{background:var(--grad);height:10px;margin-top:-5px;box-shadow:0 0 12px rgba(87,183,146,.55)}
.qsteps button:not(:disabled):hover::before{height:10px;margin-top:-5px}
.qsteps button:disabled{cursor:default}
.qnum.qn-btn{cursor:pointer;padding:6px 10px;border-radius:10px;border:1px solid var(--glass-line);background:var(--glass-strong);white-space:nowrap}
.qnum.qn-btn::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.qjump{position:absolute;right:18px;top:calc(100% + 6px);z-index:5;width:min(420px,calc(100vw - 24px));max-height:min(62vh,560px);overflow:auto;scrollbar-width:none;padding:6px;border-radius:18px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35)}
.qjump::-webkit-scrollbar{display:none}
.qjump[hidden]{display:none!important}
.qj-h{padding:8px 10px 6px;font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--green-ink)}
.qjump button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:none;color:var(--fg);text-align:left;cursor:pointer}
.qjump button:hover:not(:disabled){background:var(--sel-soft)}
.qjump button:disabled{opacity:.4;cursor:default}
.qjump button.cur{background:var(--green-soft);border-color:rgba(87,183,146,.35)}
.qjump .n{flex:none;width:26px;font:600 12px var(--font);color:var(--mute)}
.qjump .t{flex:1;min-width:0}
.qjump .t small{display:block;font-size:11px;color:var(--mute)}
.qjump .t b{display:block;font:500 13px/1.3 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qjump i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2)}
.qjump .done i{border:0;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:600px){.qsteps{gap:2px}.qsteps button::before{height:5px;margin-top:-2.5px}.qjump{right:12px}}
.qbar{z-index:12!important}
@media (max-width:600px){.qbar{position:relative}.qnum.qn-btn{margin-left:auto}.qprog.seg{position:absolute!important;left:14px;right:14px;bottom:3px;width:auto!important;flex:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.qsteps button{height:8px}.qsteps button::before{height:4px!important;margin-top:-2px!important}.qsteps button.cur::before{height:6px!important;margin-top:-3px!important}}
/* Menü-Kopf mit Design-Schalter */
.bm-h{gap:10px}
.bm-h b{flex:1}
.bm-theme{flex:none}
.bm-theme button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px!important}
.bm-theme button svg{width:15px;height:15px;flex:none}
@media (max-width:380px){.bm-theme button span{display:none}}
.bm-row{display:none!important}
/* Warenkorb: Unterlagen kompakt */
.clibox .dl-src{display:none!important}
.dl-row{display:grid;gap:6px;margin:10px 0 8px}
.dl-cap{font:600 10.5px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dl-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dl-pick{position:relative;min-width:0}
.dl-pick.open{z-index:6}
.dl-b{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);font:500 13px var(--font);cursor:pointer;transition:background .2s,border-color .2s}
.dl-b:hover,.dl-pick.open .dl-b{background:var(--sel-soft);border-color:rgba(87,183,146,.4)}
.dl-b svg{width:16px;height:16px;flex:none;color:var(--green-ink)}
.dl-b span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-b i{display:grid;flex:none;color:var(--mute)}.dl-b i svg{width:14px;height:14px;color:currentColor;transition:transform .2s}
.dl-pick.open .dl-b i svg{transform:rotate(180deg)}
.dl-pl{position:absolute;left:0;bottom:calc(100% + 6px);min-width:100%;width:max-content;display:grid;gap:2px;padding:5px;border-radius:14px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 18px 40px -14px rgba(16,24,43,.35)}
.dl-pick:last-child .dl-pl{left:auto;right:0}
.dl-pl[hidden]{display:none!important}
.dl-pl button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:10px;background:none;color:var(--fg);font:500 13px var(--font);text-align:left;cursor:pointer;white-space:nowrap}
.dl-pl button:hover{background:var(--sel-soft)}
.dl-pl button svg{width:15px;height:15px;color:var(--green-ink)}
.clibox #coOpen{height:46px!important;min-height:0!important;margin-top:8px}
.clibox .doclinks{margin-top:8px;font-size:12px}
.dl-b>svg{display:none}.dl-b{gap:5px;padding:0 6px}
#sum .tots{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 16px!important;align-items:end}#sum .tots>div{min-width:0}#sum .tots .v{white-space:nowrap;font-size:clamp(22px,2.1vw,28px)!important}
/* Cookie-Banner */
.ck-ban{position:fixed;left:20px;bottom:20px;z-index:60;width:min(400px,calc(100vw - 24px));padding:16px 16px 14px;border-radius:20px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 60px -18px rgba(16,24,43,.45);color:var(--fg);opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s}
.ck-ban.on{opacity:1;transform:none}
.ck-ban[hidden]{display:none!important}
.ck-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ck-h b{font:600 15px var(--font)}
.ck-ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-ink)}
.ck-ic svg{width:18px;height:18px}
.ck-ban p{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--mute)}
.ck-ban p b{color:var(--fg);font-weight:600}
.ck-ban a{color:var(--green-ink);text-decoration:underline;text-decoration-color:rgba(87,183,146,.45);text-underline-offset:3px}
.ck-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-btns button{height:40px;border-radius:12px;font:500 13px var(--font);cursor:pointer}
.ck-no{border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg)}
.ck-yes{border:0;background:var(--grad);color:#fff}
@media (max-width:600px){.ck-ban{left:12px;right:12px;bottom:12px;width:auto}}
.bm-cset{display:flex;align-items:center;gap:7px;margin-top:6px;padding:6px 2px;border:0;background:none;color:var(--mute);font:500 12.5px var(--font);cursor:pointer}
.bm-cset svg{width:16px;height:16px;color:var(--green-ink)}
.bm-cset:hover{color:var(--fg)}
.co-keep{margin-top:12px}
.co-dsgvo{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--mute)}
.co-dsgvo a{color:var(--green-ink);text-decoration:underline;text-underline-offset:3px}
#qIn::selection{background:transparent;color:inherit}#qIn::-moz-selection{background:transparent;color:inherit}#qIn{caret-color:var(--green)}#qIn:focus,#qIn:focus-visible{outline:none!important;box-shadow:none!important}

/* логотип старта: без filter (Safari растрирует SVG с filter → мыльные края), после анимации трансформ снимается */
.qlogo{shape-rendering:geometricPrecision}
.qlogo .bub{animation:bub2 .95s cubic-bezier(.34,1.56,.64,1) backwards!important;filter:none!important}
@keyframes bub2{0%{opacity:0;transform:scale(.3) rotate(-12deg)}55%{opacity:1}100%{opacity:1;transform:none}}

/* EPC-Video */
.gmain.ev-main{position:relative;background:#000}
.gmain .ev-vid{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ev-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(16,24,43,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s ease,background .2s ease}
.ev-play::before{content:"";position:absolute;left:26px;top:20px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.gmain.ev-main:hover .ev-play{transform:scale(1.08);background:rgba(87,183,146,.85)}
.ev-th{position:relative}
.ev-th::after{content:"";position:absolute;left:50%;top:50%;margin:-7px 0 0 -4px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
#lb video.ev-lb{max-width:min(94vw,1400px);max-height:84vh;border-radius:14px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.5)}

/* ===== QA 10/2026: mobile fixes ===== */
/* module chips: long names wrap, "+" never leaves the chip */
.mx-sel .mc{min-width:0;max-width:100%}
.mx-sel .mc .fo{min-width:0}
.mx-sel .mc .tg{flex:none}
@media (max-width:600px){
  .mx-sel .mc .fo{align-items:center!important;gap:10px!important}
  .mx-sel .mc .fo b{white-space:normal!important;min-width:0;line-height:1.25!important;text-align:left}
  .mx-sel .mc .fo small{flex:none;text-align:right;max-width:46%;white-space:normal!important;line-height:1.25}
}
/* module / pack header: title never squeezed by the price block */
.mdet.mdx .mx-title{min-width:0}
.mdet.mdx .mx-buy .cprice{min-width:max-content}
.mdet.mdx .mx-buy .epcnote,.mdet.mdx .mx-buy .implp{max-width:280px;margin-left:auto;white-space:normal}
.mdet.mdx .mx-title h4{overflow-wrap:break-word}
.epcnote{display:block;white-space:normal}
@media (max-width:560px){
  .mdet.mdx .mx-head{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:16px 14px 14px!important}
  .mdet.mdx .mx-buy{max-width:none!important}
  .mdet.mdx .mx-buy .cprice{min-width:0!important}
  .mdet.mdx .mx-buy .epcnote{margin-left:0!important;max-width:none!important}
  .mdet.mdx .mx-buy .cfoot{flex-flow:row nowrap!important;justify-content:space-between!important;align-items:center!important}
  .mdet.mdx .mx-buy .cprice{text-align:left!important;min-width:0}
  .mdet.mdx .mx-buy .cprice small{display:inline!important;margin-left:4px}
  .mdet.mdx .mx-buy .epcnote{display:block!important}
  .mdet.mdx > .gal{margin-top:0!important}
}
/* docked search: solid band so content never shows through */
.hs.hs-fix::before{content:"";position:absolute;left:-40px;right:-40px;top:-90px;bottom:-12px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0,var(--bg) calc(100% - 26px),transparent);opacity:.94}
/* cart sheet: sticky title bar with the close button, lines scroll under it */
@media (max-width:980px){
  .sum > h3{position:sticky;top:-20px;z-index:2;margin:-20px -20px 4px!important;padding:22px 64px 10px 20px!important;background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .sum-x{z-index:4!important}
}
/* menu: document list in one column on phones */
@media (max-width:480px){ .bm-docs{grid-template-columns:1fr!important} .bm-docs button span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important} }
/* document viewer tabs: scrollable with soft edges */
.dvw .dtabs{scroll-behavior:smooth;scrollbar-width:none}
.dvw .dtabs::-webkit-scrollbar{display:none}
@media (max-width:760px){ .dvw .dtabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent)} }
:root{--sheet-solid:#fbfcfd}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sheet-solid:#18191e}}
:root[data-theme="dark"]{--sheet-solid:#18191e}
@media (max-width:980px){ .sum > h3{background:var(--sheet-solid)!important;box-shadow:0 -26px 0 0 var(--sheet-solid),0 10px 14px -10px rgba(16,24,43,.12)} }
/* quiz: no empty counter pill on the result screen */
.qnum:empty{display:none!important}
/* toasts never cover the bottom action buttons of sheets/modals on phones */
@media (max-width:760px){ .toast,.toast2{bottom:calc(env(safe-area-inset-bottom,0px) + 96px)!important} }
/* quiz result: modules without screenshots get an icon tile instead of an empty grey box */
.qitem .ph{position:relative;background:linear-gradient(135deg,var(--green-soft),var(--sel-soft))!important}
.qitem .ph::before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:var(--green-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5-8 4.5-8-4.5z'/%3E%3Cpath d='M4 12l8 4.5 8-4.5'/%3E%3Cpath d='M4 16.5L12 21l8-4.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5-8 4.5-8-4.5z'/%3E%3Cpath d='M4 12l8 4.5 8-4.5'/%3E%3Cpath d='M4 16.5L12 21l8-4.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* mobile: tabs and the bundle/group picker stacked, full width */
@media (max-width:600px){
  .mt-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .mt-row>.mtabs,.mt-row>.gt-pick{width:100%!important;max-width:none!important;flex:none!important;min-width:0}
  .mt-row>.mtabs{display:flex!important}
  .mt-row>.mtabs button{flex:1 1 0!important}
}
@media (max-width:600px){ .mt-row>.mtabs button{justify-content:center!important;text-align:center!important} }
/* 200+: price label "auf Anfrage / по запросу" compact, no wrapping over the slider */
.tierx.is-req .tx-p b,.tierx.is-req #txP{font-size:clamp(20px,5.4vw,28px)!important;white-space:nowrap!important;line-height:1.1!important}
.tx-stop,.tx-bars span{touch-action:manipulation}
/* document viewer: dropdown on phones */
.dv-pick{display:none;position:relative;flex:1;min-width:0}
@media (max-width:760px){
  .dvw .dtabs{display:none!important}
  .dv-pick{display:block}
  .dv-pb{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding:0 10px 0 16px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--fg);font:600 15px var(--font);text-align:left;cursor:pointer;box-shadow:var(--shadow)}
  .dv-pl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .dv-pb i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sel-soft);position:relative;transition:transform .2s}
  .dv-pb i::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-5px 0 0 -4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
  .dv-pb[aria-expanded="true"] i{transform:rotate(180deg)}
  .dv-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:2px;padding:6px;border-radius:16px;background:var(--bg);border:1px solid var(--glass-line);box-shadow:0 24px 50px -16px rgba(16,24,43,.35)}
  .dv-pop[hidden]{display:none}
  .dv-pop button{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-radius:12px;background:none;color:var(--fg);font:500 15px var(--font);cursor:pointer}
  .dv-pop button[aria-selected="true"]{background:var(--green-soft);color:var(--green-ink)}
}
/* menu: development links */
.bm-dev{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.bm-devb{width:100%;display:flex;align-items:center;gap:8px;padding:8px 2px;border:0;background:none;color:var(--fg);font:600 13.5px var(--font);cursor:pointer;text-align:left}
.bm-devb svg{width:17px;height:17px;color:var(--green-ink);flex:none}
.bm-devb span{flex:1}
.bm-devb i{flex:none;width:8px;height:8px;margin-right:6px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.bm-devb[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}
.bm-devl{display:grid;gap:6px;padding:4px 0 6px}
.bm-devl[hidden]{display:none}
.bm-devl a{position:relative;display:block;padding:10px 34px 10px 12px;border-radius:14px;background:var(--glass-strong);border:1px solid var(--glass-line);color:var(--fg);text-decoration:none;transition:background .15s,border-color .15s}
.bm-devl a:hover{background:var(--green-soft);border-color:rgba(87,183,146,.4)}
.bm-devl b{display:block;font:600 13.5px/1.3 var(--font)}
.bm-devl small{display:block;margin-top:2px;color:var(--mute);font-size:12px;line-height:1.35}
.bm-devl em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--green-ink);font-weight:600}
/* WhatsApp consultation widget */
.wa-w{position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:22;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:opacity .25s,transform .25s}
.wa-w.off{opacity:0;transform:translateY(12px);pointer-events:none}
@media (max-width:980px){ .wa-w{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px)} }
.wa-fab{width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:#25D366;box-shadow:0 14px 30px -10px rgba(37,211,102,.75),0 0 0 4px rgba(37,211,102,.14);cursor:pointer;transition:transform .2s}
.wa-fab:hover{transform:scale(1.06)}
.wa-fab svg{width:30px;height:30px}
.wa-w.open .wa-fab{background:#128C7E}
.wa-card{position:relative;width:min(320px,calc(100vw - 28px));padding:16px;border-radius:20px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-line);box-shadow:var(--shadow-up);color:var(--fg);animation:waIn .25s var(--ease,ease)}
.wa-card[hidden]{display:none}
@keyframes waIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.wa-x{position:absolute;right:10px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--sel-soft);color:var(--mute);font:400 20px/1 var(--font);cursor:pointer}
.wa-h{display:flex;align-items:center;gap:10px;padding-right:30px}
.wa-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff}
.wa-av svg{width:24px;height:24px}
.wa-h b{display:block;font:600 15px/1.2 var(--font)}
.wa-h small{display:flex;align-items:center;gap:6px;margin-top:3px;color:var(--mute);font-size:12px}
.wa-h small i{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.2)}
.wa-card p{margin:12px 0 14px;color:var(--mute);font-size:13.5px;line-height:1.45}
.wa-go{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:14px;background:#25D366;color:#fff;font:600 14.5px var(--font);text-decoration:none;box-shadow:0 12px 26px -12px rgba(37,211,102,.9)}
.wa-go:hover{background:#1ebe5a}
.wa-go svg{width:20px;height:20px}
@media print{.wa-w{display:none!important}}
@media (min-width:981px){ .wa-w{right:auto;left:18px;align-items:flex-start} }
/* phone in header */
.h-tel{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:12px;color:var(--fg);text-decoration:none;font:600 14px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .15s}
.h-tel:hover{background:var(--sel-soft)}
.h-tel svg{width:18px;height:18px;flex:none;color:var(--green-ink)}
@media (max-width:1100px){ .h-tel{width:40px;padding:0;justify-content:center;border:1px solid var(--glass-line);background:var(--glass-strong)} .h-tel span{display:none} }
@media (max-width:420px){ .h-tel{width:36px;height:36px} }
/* WhatsApp widget in brand gradient with a soft shimmer */
.wa-fab,.wa-av,.wa-go{background:var(--grad)!important;background-size:220% 220%!important;animation:waFlow 6s ease-in-out infinite;color:#fff}
.wa-fab{box-shadow:0 14px 30px -10px rgba(87,183,146,.75),0 0 0 4px rgba(87,183,146,.14)!important;position:relative;overflow:hidden}
.wa-fab::after,.wa-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:waSheen 4.5s ease-in-out infinite;pointer-events:none}
.wa-go{position:relative;overflow:hidden;box-shadow:0 12px 26px -12px rgba(87,183,146,.9)!important}
.wa-go:hover{filter:brightness(1.06)}
.wa-w.open .wa-fab{filter:brightness(.92)}
.wa-h small i{background:var(--green)!important;box-shadow:0 0 0 3px var(--green-soft)!important}
@keyframes waFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes waSheen{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.wa-fab,.wa-av,.wa-go,.wa-fab::after,.wa-go::after{animation:none!important}}
/* footer: © + developer */
header.top .dev{display:none!important}
.gc-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--dim);font:500 12.5px var(--font)}
.gc-copy a{display:inline-flex;align-items:center;gap:7px;color:var(--mute);text-decoration:none}
.gc-copy a:hover{color:var(--fg)}
.gc-copy img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.gc-copy b{font-weight:600;color:var(--fg)}
@media (max-width:980px){ .gc-copy{justify-content:center;text-align:center;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 90px)} }
.bm-dev{margin:0 0 8px!important;padding:0 0 8px!important;border-top:0!important;border-bottom:1px solid var(--line)}
/* WhatsApp widget: same navy→green as the checkout button */
.wa-fab,.wa-av,.wa-go{background:linear-gradient(120deg,#3D4A69,#57B792,#3D4A69)!important;background-size:220% 220%!important}
.wa-fab{box-shadow:0 14px 30px -10px rgba(61,74,105,.7),0 0 0 4px rgba(87,183,146,.14)!important}
.wa-go{box-shadow:0 16px 36px -12px rgba(61,74,105,.7)!important}
/* quiz live panel: business effect */
.ql-eff{margin-top:14px;padding:14px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--glass-line)}
.qe-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.qe-h b{font:600 14px var(--font)}
.qe-h small{color:var(--dim);font-size:11px}
.qe-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.qe-t{padding:10px 12px;border-radius:14px;background:var(--sel-soft)}
.qe-t.g{background:var(--green-soft)}
.qe-t span{display:block;font-size:11px;color:var(--mute);line-height:1.25}
.qe-t b{display:block;margin-top:3px;font:700 22px/1.1 var(--font);letter-spacing:-.02em}
.qe-t.g b{color:var(--green-ink)}
.qe-t small{display:block;margin-top:2px;font-size:11px;color:var(--mute)}
.qe-l{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.qe-l::-webkit-scrollbar{display:none}
.qe-l li{padding:8px 0 0;border-top:1px solid var(--line);animation:rise .5s var(--ease,ease) both}
.qe-l li:first-child{border-top:0;padding-top:0}
.qe-l b{display:block;font:600 12.5px/1.3 var(--font)}
.qe-m{display:block;font-size:12px;color:var(--fg);margin-top:1px}
.qe-m em{font-style:normal;color:var(--green-ink);font-weight:600}
.qe-l small{display:block;font-size:11.5px;color:var(--mute);line-height:1.35;margin-top:1px}
.qe-empty{margin:8px 0 0;font-size:12.5px;color:var(--dim)}

.qe-src{margin:10px 0 0;font-size:10.5px;line-height:1.4;color:var(--dim)}
.qe-src a{color:var(--green-ink);text-decoration:underline;text-underline-offset:2px}

/* live panel with effect: desktop — whole panel scrolls (no visible scrollbar) */
@media (min-width:1181px){
  .qlive{overflow-y:auto!important;scrollbar-width:none}
  .qlive::-webkit-scrollbar{display:none}
  .qlive .ql-list{flex:none!important;overflow:visible!important}
  .qlive .ql-eff{flex:none;margin-top:0}
  .qlive::before{position:sticky!important;top:-22px;margin:-22px -22px 0;flex:none}
}
/* compact bar (tablet/phone): two effect pills on their own row */
@media (max-width:1180px){
  .qlive{flex-wrap:wrap!important;row-gap:8px!important}
  .qlive .ql-eff{flex:1 1 100%;order:9;margin:0;padding:0;background:none;border:0}
  .qlive .ql-eff .qe-h,.qlive .ql-eff .qe-l,.qlive .ql-eff .qe-src,.qlive .ql-eff .qe-empty{display:none}
  .qlive .ql-eff .qe-tiles{margin:0;gap:6px}
  .qlive .ql-eff .qe-t{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;padding:6px 10px;border-radius:12px}
  .qlive .ql-eff .qe-t span{font-size:10.5px}
  .qlive .ql-eff .qe-t b{margin:0;font-size:15px}
  .qlive .ql-eff .qe-t small{margin:0;font-size:10.5px;flex-basis:100%}
}
@media (max-width:1180px){ .qz.haslive .qstage{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 170px)!important} }
/* intro logo without "CRM": 4B draws right after the bubble */
.qlogo .d6{animation-delay:.9s!important}.qlogo .d7{animation-delay:1.05s!important}.qlogo .d8{animation-delay:1.2s!important}
/* Untere Leiste: Werte vollständig sichtbar */
.mbar>div:first-child b{white-space:nowrap}
@media (max-width:440px){.mbar{gap:8px!important}.mbar .btn{font-size:0!important;gap:0!important;padding:0!important;width:46px;min-width:46px;justify-content:center}.mbar .btn svg{width:20px;height:20px}.mbar>div:first-child>div{gap:6px!important}.mbar>div:first-child span{font-size:11px!important}.mbar>div:first-child b{font-size:15px!important;overflow:visible!important;text-overflow:clip!important}}
/* Герой: чёткие скрины — без 3D-перспективы (Chrome растрирует 3D-слои размыто) */
.hero-r{perspective:none!important}
.stack{transform-style:flat!important;transform:translate(var(--hx,0px),var(--hy,0px))!important;transition:transform .5s var(--ease)!important}
.stack figure img{image-rendering:auto;backface-visibility:hidden}
.stack .s1{width:72.5%!important;transform:translateY(-6px)!important;animation:hfl1 9s ease-in-out infinite alternate!important}
.stack .s2{width:77.6%!important;transform:none!important;animation:hfl2 11s ease-in-out infinite alternate!important}
.stack .s3{transform:none!important;animation:hfl3 10s ease-in-out infinite alternate!important}
@keyframes hfl1{from{transform:translateY(-6px)}to{transform:translateY(-18px)}}
@keyframes hfl2{from{transform:none}to{transform:translateY(10px)}}
@keyframes hfl3{from{transform:none}to{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.stack .s1,.stack .s2,.stack .s3{animation:none!important}}
/* Герой: приближенный фрагмент экрана вместо целого скрина — крупнее и читаемо */
.stack figure img{width:calc(100% * var(--hz,1.6))!important;max-width:none!important;height:auto!important;object-fit:fill!important}
.stack .s1{--hz:1.45}.stack .s2{--hz:1.5}.stack .s3{--hz:1.6}
/* Safari: увеличенная картинка не должна растягивать карточку с aspect-ratio */
.stack figure{contain:paint}
.stack figure img{position:absolute!important;top:0!important;left:0!important}
/* QA 05.10: наложения и обрезки на всех ширинах */
/* Safari: блоки с aspect-ratio не растягиваются содержимым */
.stack figure,.hero-r{min-height:0!important}
/* корзина: список прокручивается — мягкое затухание у краёв вместо обрубленной строки */
.lines.f-b{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),transparent);mask-image:linear-gradient(#000 calc(100% - 40px),transparent)}
.lines.f-t{-webkit-mask-image:linear-gradient(transparent,#000 32px);mask-image:linear-gradient(transparent,#000 32px)}
.lines.f-t.f-b{-webkit-mask-image:linear-gradient(transparent,#000 32px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(transparent,#000 32px,#000 calc(100% - 40px),transparent)}
/* крупные суммы — в одну строку (размер подгоняется скриптом) */
.tots .v,#mTot,#mTotY{white-space:nowrap!important;overflow-wrap:normal!important}
/* серверные услуги: 2 колонки, 4 — только на очень широких экранах */
.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (min-width:1700px){.sx-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:600px){.sx-grid{grid-template-columns:minmax(0,1fr)!important}}
/* комплект: отступ «что входит» от заголовка; выбор комплекта на всю ширину ряда */
.mdet.mdx .mx-inc{margin-top:12px}
.mt-row .gt-pick{max-width:none!important}
@media (min-width:981px){.hs.hs-fix::before{left:-12px!important;right:-12px!important}}
/* WhatsApp: вместо плавающей кнопки — кнопка в шапке, карточка открывается под ней (ничего не перекрывает) */
.wa-fab{display:none!important}
.wa-w{position:fixed!important;top:var(--wa-top,72px)!important;right:var(--wa-right,16px)!important;left:auto!important;bottom:auto!important;align-items:flex-end!important;z-index:40!important}
.wa-w .wa-card{box-shadow:0 24px 60px -20px rgba(16,24,43,.45)!important}
.h-wa{flex:none;width:40px;height:40px;border-radius:12px;border:0;display:inline-grid;place-items:center;color:#fff;cursor:pointer;background:linear-gradient(120deg,#3D4A69,#57B792,#3D4A69);background-size:220% 220%;animation:waFlow 6s ease-in-out infinite;box-shadow:0 8px 18px -8px rgba(61,74,105,.6);transition:filter .15s}
.h-wa:hover{filter:brightness(1.08)}.h-wa svg{width:21px;height:21px}
.h-wa[aria-expanded="true"]{filter:brightness(.9)}
@media (max-width:600px){.h-wa{display:none}}
.h-pop{position:fixed;z-index:41;min-width:220px;padding:6px;border-radius:16px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-line);box-shadow:0 24px 60px -20px rgba(16,24,43,.45)}
.h-pop[hidden]{display:none}
.h-pop a,.h-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:none;color:var(--fg);font:500 14.5px var(--font);text-decoration:none;cursor:pointer;text-align:left}
.h-pop a:hover,.h-pop button:hover{background:var(--sel-soft)}
.h-pop svg{width:20px;height:20px;flex:none;color:var(--green-ink)}
.h-pop small{display:block;color:var(--mute);font-size:12px;font-weight:400}
@media (prefers-reduced-motion:reduce){.h-wa{animation:none}}