.check-page{min-height:100dvh;display:flex;flex-direction:column}
.check-page [hidden]{display:none!important}
.check-header,.check-footer,main{width:calc(100% - 2 * var(--pad));margin-inline:auto}
.check-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid var(--rule)}
.check-label{font-family:var(--mono);font-size:13px;line-height:1.5;letter-spacing:.03em}
.check-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,88px);padding:clamp(28px,5vh,64px) 0;min-height:calc(100svh - 166px);align-items:center}
.intro-copy h1{font-size:clamp(48px,5.8vw,80px);font-weight:600;line-height:1.02;margin:22px 0 28px;letter-spacing:-.055em}
.intro-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--body);max-width:43ch}
.intro-text{font-size:17px;line-height:1.65;margin-top:18px;max-width:43ch;color:var(--body)}
.check-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:16px 22px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .18s,border-color .18s}
.check-primary:hover{background:var(--accent-cta);border-color:var(--accent-cta);color:#fff}
.check-primary:disabled{background:var(--paper2);border-color:var(--rule);color:var(--muted);cursor:default}
.check-primary span{font-size:22px;line-height:1}
.check-small{font-size:13px;line-height:1.65;color:var(--muted);margin-top:13px}
.intro-sheet{background:#fff;padding:clamp(28px,3.4vw,48px);border:1px solid var(--rule)}
.intro-sheet h2{font-size:clamp(30px,3vw,42px);line-height:1.14;letter-spacing:-.04em;font-weight:600;margin-top:24px}
.proof-client{font-size:15px;line-height:1.5;font-weight:600;margin-top:20px}
.proof-copy{font-size:16px;line-height:1.65;color:var(--body);margin-top:10px}
.proof-link{text-decoration:underline;text-underline-offset:3px}
.proof-link:hover{color:var(--ink)}
.intro-sheet .check-founder{margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}
.check-founder{display:flex;gap:16px;align-items:center}
.check-founder img{width:64px;height:64px;object-fit:cover;object-position:50% 30%;background:var(--paper2)}
.check-founder strong{font-size:16px;font-weight:600;display:block}
.check-founder span{font-size:13px;line-height:1.6;color:var(--muted);display:block;margin-top:4px}
.check-workspace{display:grid;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);padding:28px 0 36px;align-items:start}
.check-aside{padding-top:10px}
.aside-title{font-size:32px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin:20px 0 34px}
.answer-summary li{padding:16px 0;border-top:1px solid var(--rule);font-size:15px;line-height:1.5}
.answer-summary span{display:block;font:13px var(--mono);color:var(--muted);margin-bottom:5px}
.aside-note{font-size:14px;line-height:1.65;color:var(--muted);margin-top:30px;max-width:30ch}
.check-panel{background:#fff;border:1px solid var(--rule);padding:clamp(24px,2.4vw,40px);min-width:0}
.check-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font:13px var(--mono);color:var(--muted);margin-bottom:22px}
.check-progress progress{width:100%;height:3px;border:0;appearance:none;background:var(--paper2)}
.check-progress progress::-webkit-progress-bar{background:var(--paper2)}
.check-progress progress::-webkit-progress-value{background:var(--ink)}
.check-progress progress::-moz-progress-bar{background:var(--ink)}
.check-panel h1{font-size:clamp(30px,3vw,52px);line-height:1.1;font-weight:600;margin-top:13px;letter-spacing:-.045em}
.check-panel h1:focus{outline:0}
.screen-hint{font-size:16px;line-height:1.65;color:var(--body);margin-top:18px;max-width:60ch}
#options{border:0;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.check-option{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:14px;border:1px solid var(--rule-strong);cursor:pointer;transition:background .18s,border-color .18s}
.check-option:hover{background:var(--paper)}
.check-option:has(input:checked){background:var(--paper);border:2px solid var(--ink);padding:13px}
.check-option:has(input:focus-visible){outline:2px solid var(--accent-cta);outline-offset:3px}
.check-option input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--ink);margin:0}
.choice-icon{width:28px;height:28px;flex:0 0 28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--accent-cta)}
.check-option.has-icon input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.check-option.has-icon{min-width:0}
.check-option strong{font-size:17px;line-height:1.35;font-weight:500;display:block}
.check-option small{font-size:13px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}
.check-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.check-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:none;border:0;padding:10px 0;font-size:14px;color:var(--body);text-decoration:underline;text-underline-offset:5px;cursor:pointer;transition:color .18s}
.check-back:hover{color:var(--accent-cta)}
.result-ideas{counter-reset:idea;margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.result-ideas li{counter-increment:idea;position:relative;padding:48px 0 12px;border-top:1px solid var(--rule)}
.result-ideas li:before{content:'0' counter(idea);position:absolute;left:0;top:18px;font:13px var(--mono);color:var(--muted)}
.result-ideas h2,.result-next h2{font-size:22px;font-weight:600;line-height:1.3}
.result-ideas p,.result-next p{font-size:16px;line-height:1.65;color:var(--body);margin-top:10px}
.result-next{padding:28px;background:var(--paper);margin-top:30px}
.result-next .check-primary{margin-top:22px}
.result-next .check-small{font-size:13px;color:var(--muted)}
.contact-signature{font-size:14px;margin:20px 0 28px;font-weight:600}
.check-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.check-form>.form-wide,.check-form>p,.check-form>.check-consent,.check-form>.check-actions{grid-column:1/-1}
.field-hint{display:block;font-size:13px;line-height:1.4;margin-top:6px}
.check-form>label{font-size:14px;line-height:1.5;font-weight:600}
.check-form>label>span{font-weight:400;color:var(--muted)}
.check-form input:not([type=checkbox]),.check-form textarea{display:block;width:100%;min-height:52px;border:1px solid var(--rule-strong);border-radius:0;padding:12px 14px;color:var(--ink);background:#fff;font-size:16px;margin-top:7px}
.check-form textarea{resize:vertical}
.check-form textarea::placeholder{color:var(--muted)}
.check-form .check-consent{display:flex;align-items:flex-start;gap:12px;min-height:44px;font-weight:400;font-size:13px;line-height:1.65;cursor:pointer}
.check-consent input{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;accent-color:var(--ink)}
.check-consent a,.check-error a{text-decoration:underline;text-underline-offset:3px}
.check-form .check-actions,.check-form .check-small{margin-top:0}
.check-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.check-error{font-size:15px;line-height:1.6;color:#9C2818;padding:16px;border:1px solid #9C2818;margin-top:16px}
.check-footer{margin-top:auto;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding:20px 0;font-size:13px;line-height:1.6;color:var(--muted)}
.check-footer nav{display:flex;flex-wrap:wrap;gap:24px;align-items:start}
.check-footer a,.check-footer summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--muted);transition:color .18s}
.check-footer a:hover,.check-footer summary:hover{color:var(--ink)}
.check-footer>span{padding-top:12px}
.check-footer details{max-width:340px}
.check-footer details p{padding-top:8px}
/* One responsive page: compact questions, readable detail screens. */
.direct-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.direct-contact a{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-height:54px;padding:12px 18px;border:1px solid var(--rule-strong);font-size:16px;font-weight:600;transition:background .18s}
.direct-contact a:hover{background:#fff}
.contact-detail{grid-column:2;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}
.success-contact{margin-bottom:20px}
#result-context{max-width:80ch}
#contact-screen>.screen-hint{max-width:75ch}
.check-option input{pointer-events:none}
.check-consent input{pointer-events:none}
.check-option span{min-width:0;overflow-wrap:break-word}
body[data-screen=question] main{flex:1}
body[data-screen=question] .check-panel{min-height:calc(100svh - 224px);display:flex;flex-direction:column}
body[data-screen=question] #question-screen{flex:1;display:flex;flex-direction:column}
body[data-screen=question] #question-form{flex:1;display:flex;flex-direction:column}
body[data-screen=question] #question-form .check-actions{margin-top:auto;padding-top:22px}
@media(min-width:1600px){.check-option{min-height:84px;padding:20px}.check-option:has(input:checked){padding:19px}.check-option strong{font-size:20px}.check-option small{font-size:15px}.intro-copy h1{font-size:clamp(80px,5.5vw,110px)}.intro-lead,.intro-text{max-width:50ch}.intro-sheet{max-width:760px}.result-ideas p{font-size:18px}}
@media(max-width:1100px){.check-aside{display:none}.check-workspace{grid-template-columns:1fr;gap:0}.check-intro{gap:32px}.intro-sheet{padding:28px}.result-ideas{gap:20px}}
@media(max-width:720px){
.check-page{--pad:16px}.check-header{min-height:58px}.check-header>.check-label{font-size:13px;max-width:180px;text-align:right}
.check-intro{grid-template-columns:1fr;padding-top:26px;gap:28px;min-height:0}.intro-copy h1{font-size:clamp(44px,11vw,68px);margin:16px 0 18px}.intro-lead{font-size:17px;line-height:1.5}.intro-text{font-size:16px;line-height:1.5;margin-top:12px}.intro-copy>.check-primary{margin-top:20px}.intro-sheet{padding:24px}
.check-workspace{padding:16px 0 20px}.check-panel{padding:0;background:transparent;border:0}.check-progress{margin-bottom:16px;gap:10px}.check-panel h1{font-size:30px;margin-top:8px}.screen-hint{font-size:15px;line-height:1.45;margin-top:12px}#question-number{display:none}
#options{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.check-option{min-height:62px;padding:11px 9px;gap:8px;background:#fff}.check-option:has(input:checked){padding:10px 8px}.check-option strong{font-size:15px}.check-option small{display:none}.check-option input{width:18px;height:18px;flex-basis:18px}
body[data-screen=question] .check-panel{min-height:calc(100svh - 94px)}
body[data-screen=question] #question-form .check-actions{position:sticky;bottom:0;background:var(--paper);padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:2;gap:20px}
body[data-screen=question] .check-footer{display:none}.check-actions .check-primary{flex:1;min-height:50px;padding:12px 16px}
.check-footer{display:block;padding:14px 0}.check-footer nav{gap:20px}.check-footer>span{display:block;padding:0 0 4px}
.result-ideas{display:block;margin-top:22px}.result-ideas li{padding:18px 0 18px 32px}.result-ideas li:before{top:22px}.result-ideas h2{font-size:21px}.result-ideas p{font-size:15px;line-height:1.5}.result-next{padding:22px 18px;margin-top:22px}.result-next p{font-size:15px;line-height:1.5}.result-next .check-primary{width:100%;gap:12px}.direct-contact{display:grid;grid-template-columns:1fr}.direct-contact a{font-size:15px}
.check-form{grid-template-columns:1fr;gap:14px}.check-form .check-actions{flex-direction:column-reverse;align-items:stretch}.check-form .check-actions .check-back{align-self:flex-start}.contact-signature{margin:16px 0 22px}
}
@media(max-height:500px) and (min-width:721px){.check-header{min-height:52px}.check-workspace{padding:14px 0}.check-panel{padding:18px 24px}.check-progress{margin-bottom:12px}.check-panel h1{font-size:30px}#question-number{display:none}#question-form .check-actions{position:sticky;bottom:0;background:#fff;z-index:2;padding:8px 0!important}#options{margin-top:14px}.check-option{padding:10px;min-height:54px}.check-option:has(input:checked){padding:9px}.check-option small{display:none}body[data-screen=question] .check-footer{display:none}}
@media(prefers-reduced-motion:reduce){.check-page *{scroll-behavior:auto!important;transition:none!important}}
@page{size:A4;margin:16mm}
@media print{.check-header,.check-footer,.check-aside,.check-progress,.check-actions,.skip,.direct-contact,#contact,.result-sticky,.check-small,.check-error{display:none!important}.check-page,.check-panel{background:#fff}.check-workspace,.check-panel,main{display:block!important;width:100%;padding:0;border:0}#result-screen{display:block!important}#intro,#question-screen,#contact-screen,#success-screen{display:none!important}.result-ideas{display:block}.result-ideas li{break-inside:avoid;padding:16px 0 16px 32px}.result-ideas h2{font-size:17px}.result-ideas p,.result-next p{font-size:13px}.result-next{break-inside:avoid;padding:18px;margin-top:18px}.result-next:after{content:"Alexander Barzik · 0160 6111711 · hi@barzik.studio · barzik.studio/termin";display:block;font-size:13px;font-weight:600;margin-top:14px}.check-panel h1{font-size:32px}.check-page{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.intro-copy>.check-primary{margin-top:28px}
.check-stat-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:10px;max-width:46ch}
.check-stat-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.intro-copy>.check-primary{width:100%}}

/* Ablauf-Grafik je Vorschlag: steht VOR dem details, bleibt also auch zugeklappt sichtbar. */
.idea-figure{margin:0 0 18px;border:1px solid var(--rule);background:var(--paper);line-height:0}
.idea-figure svg{display:block;width:100%;height:auto}
@media(max-width:720px){.idea-figure{margin-bottom:14px}}
@media print{.idea-figure{max-width:220px;margin-bottom:10px}}
.result-ideas summary{cursor:pointer;min-height:44px;list-style:none;display:flex;align-items:center;gap:12px}
.result-ideas summary::-webkit-details-marker{display:none}
.result-ideas summary:after{content:'+';font-size:20px;margin-left:auto;color:var(--muted)}
.result-ideas details[open] summary:after{content:'−'}
.result-ideas summary:hover{color:var(--accent-cta)}
.result-ideas .idea-preview{display:block;margin-top:10px;font-size:16px;font-weight:400;line-height:1.6;color:var(--body)}
.result-ideas .idea-reason{font-size:13px;color:var(--muted)}
.result-ideas a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.contact-extra summary{min-height:44px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:4px}
.contact-extra label{display:block;font-size:14px;margin-top:8px}
@media(max-width:720px){.check-form{grid-template-columns:1fr 1fr;gap:14px 12px}.check-form input:not([type=checkbox]){padding:10px;min-width:0}.check-form>label{min-width:0}.contact-signature{margin:12px 0 18px}#contact-screen>.screen-hint{margin-top:12px}#contact-screen .check-small{line-height:1.45}.result-ideas li{padding-block:10px}.result-ideas li:before{top:24px}.result-ideas h2{font-size:18px}.result-next .check-primary{margin-top:16px}.result-next h2{font-size:21px}.direct-contact{grid-template-columns:1fr 1fr;gap:8px}.direct-contact a{padding:10px;font-size:14px;column-gap:5px}.direct-contact a>span:first-child{display:none}.contact-detail{grid-column:1;font-size:13px}.direct-contact a{grid-template-columns:1fr}.result-next{padding:18px 14px}#team-hint{display:none}.check-form .check-actions{flex-direction:row}.check-form .check-actions .check-primary{font-size:14px;gap:8px}.check-form .check-actions .check-back{font-size:13px}#result-screen>.check-actions{gap:10px;margin-top:16px}.contact-extra{grid-column:1/-1}}
@media print{.result-ideas details::details-content{display:block!important;content-visibility:visible!important}.result-ideas summary:after{display:none}}
@media(max-width:720px){.contact-signature{display:none}#contact-form{margin-top:20px}}
.check-primary{transition:border-color .18s}
.direct-contact a:hover{color:var(--ink)}
@media(max-width:720px){#contact-form{margin-top:12px}.check-form{gap:12px}.check-form .check-actions{gap:10px}}

/* ── Mobil vollständig, 08.09.2026 ────────────────────────────────────────────────────────────
   Gemessen über vier Geräteklassen und alle sieben Schritte (elementFromPoint, pointer:coarse).
   Behoben: Antworten unter der klebenden Weiter-Leiste, verschenkte Breite im Querformat,
   Einstieg ohne sichtbaren Startknopf im Querformat, Tippziele unter 44 px, Ergebnis-Aktion
   erst nach 1.900 px Scrollweg. Die Leiste bleibt klebend — sie ist die Führung durch den Funnel. */

/* Höhe der klebenden Leiste, als Freiraum unter dem letzten Element. Sonst liegt die letzte
   Antwortreihe auch am Scrollende noch darunter und ist nie anzutippen. */
:root{--leiste:calc(62px + max(12px,env(safe-area-inset-bottom)))}



/* ── Handy quer und kleine Tablets quer (721–1200 px breit, unter 500 px hoch) ────────────────
   Vorher: zwei Spalten auf 852 px Breite, Reihe 3 angeschnitten, Reihe 4 unter der Leiste.
   Jetzt: so viele Spalten wie die Breite trägt, alle Antworten im ersten Bild. */
@media(max-height:500px) and (min-width:721px) and (pointer:coarse){
  #options{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
  .check-option strong{font-size:14px;line-height:1.2}
  .choice-icon{width:24px;height:24px;flex-basis:24px}
  /* Gemessen: 205 von 393 px gingen für Kopf, Fortschritt und Überschrift drauf, bevor die erste
     Antwort kam — deshalb lagen zwei Reihen unter der Leiste. Jetzt beginnt das Raster bei 161 px
     und alle drei Reihen stehen über der Leiste. */
  .check-header{min-height:40px}
  .check-workspace{padding:6px 0}
  .check-panel{padding:10px 24px}
  .check-progress{margin-bottom:8px}
  .check-panel h1{font-size:24px;margin-top:2px}
  .screen-hint{font-size:13px;line-height:1.4;margin-top:4px}
  #options{margin-top:8px;gap:5px}
  .check-option{min-height:48px;padding:8px 10px}
  .check-option:has(input:checked){padding:7px 9px}
  /* Das !important muss sein: die Grundfassung setzt in derselben Query padding:8px 0!important. */
  body[data-screen=question] #question-form .check-actions{padding:8px 0 max(8px,env(safe-area-inset-bottom))!important}
  .check-actions .check-primary{min-height:44px;padding:9px 16px}
  .check-back{min-height:44px}

  /* Einstieg: der Startknopf stand bei 523 px, also unter der Kante von 393 px. */
  .check-intro{min-height:0;padding:16px 0;gap:28px;align-items:start}
  .intro-copy h1{font-size:34px;margin:10px 0 14px;line-height:1.05}
  .intro-lead{font-size:16px;line-height:1.45;max-width:38ch}
  .intro-text,.check-founder{display:none}
  .intro-sheet{padding:18px 20px}
  .intro-sheet h2{font-size:24px;margin-top:12px}
  .proof-copy{font-size:15px;line-height:1.45;margin-top:8px}
  .proof-client{margin-top:12px}

  /* Ergebnis: Grafik nimmt sonst 39 % der Fensterhöhe. */
  .idea-figure{max-width:210px}
  .result-ideas li{padding-top:34px}
}

.result-sticky{display:none}

/* ── Ergebnis auf dem Handy: die Aktion bleibt erreichbar ─────────────────────────────────────
   Vorher lag „Einschätzung anfragen" 1.953 px unter der Kante — nach drei Vorschlägen mit Grafik.
   Die Leiste zeigt dieselbe eine Aktion wie der Block darunter, kein zweiter Weg, keine Entscheidung. */
@media(max-width:720px) and (pointer:coarse),(max-height:500px) and (pointer:coarse){
  /* Scroll-Polster statt Freiraum: ohne das scrollt der Browser ein per Tab fokussiertes
     Element genau an die Unterkante — also hinter die Leiste (gemessen: 8 von 48 px frei). */
  :root{scroll-padding-bottom:calc(var(--leiste) + 16px)}
  .result-sticky{position:sticky;bottom:0;z-index:3;display:flex;background:var(--paper);
    padding:10px 0 max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--rule);margin-top:14px}
  .result-sticky .check-primary{flex:1;min-height:50px;padding:12px 16px;gap:12px}
}

/* Silbentrennung statt Wortbruch: bei zwei schmalen Spalten brach „Informationen" sonst als
   „Informatione / n finden". Die Seite ist als Deutsch ausgezeichnet, der Browser trennt richtig. */
.check-option span{-webkit-hyphens:auto;hyphens:auto}

/* Sehr schmale Geräte (bis 349 px): eine Spalte. Zwei Spalten lassen dort nur rund 89 px Textbreite,
   die Beschriftungen zerfielen in vier Zeilen. Eine Spalte trägt 237 px — die meisten Antworten
   stehen in einer Zeile, die Kachel bleibt gut zu treffen. Dafür wird häufiger gescrollt. */
@media(max-width:349px){
  #options{grid-template-columns:1fr;gap:7px}
  /* Kurze Fragen (bis vier Antworten, hier die Teamgröße) behalten zwei Spalten und passen damit
     ohne Scrollen ins Bild. Trifft zu, wenn die letzte Kachel unter den ersten vier liegt. */
  #options:has(.check-option:nth-child(-n+4):last-child){grid-template-columns:1fr 1fr}
  #options:has(.check-option:nth-child(-n+4):last-child) .check-option strong{font-size:14px}
  .check-option{min-height:52px;padding:10px 12px;gap:10px}
  .check-option:has(input:checked){padding:9px 11px}
  .check-option strong{font-size:15px;line-height:1.3}
  .check-panel h1{font-size:26px}
}

/* 350–360 px: zwei Spalten bleiben, die Kachel wird ruhiger. */
@media(min-width:350px) and (max-width:360px){
  #options{gap:7px}
  .check-option{min-height:58px;padding:10px 8px;gap:7px}
  .check-option:has(input:checked){padding:9px 7px}
  .check-option strong{font-size:14px;line-height:1.3}
  .choice-icon{width:24px;height:24px;flex-basis:24px}
  .check-panel h1{font-size:27px}
}


/* Querformat: der Knopf über die volle Breite wäre ein 780 px breiter schwarzer Balken. Rechts
   ausgerichtet wie die Weiter-Aktion auf den Fragen — gleiche Sprache, weniger Fläche. Muss NACH
   dem Leisten-Block stehen: dessen flex:1 hat dieselbe Spezifität und gewönne sonst. */
@media(max-height:500px) and (min-width:721px) and (pointer:coarse){
  /* Im Querformat ist die Karte weiß — die Leiste muss es auch sein, sonst liegt ein
     cremefarbener Balken mit weißen Streifen daneben mitten auf der Karte. */
  .result-sticky{justify-content:flex-end;background:#fff}
  .result-sticky .check-primary{flex:0 0 auto;min-width:280px}
}