/* qk-home.css · krikya.ing · linked after qk-tokens.css.
   What a change of variables cannot do: page bands, buttons, header and footer, the offer scoreboard of the first screen,
   promotion cards with operator art, game tiles, rank cards. Colours, type and radii come from the tokens. */

/* ── page bands ── */
.qk-1dsfx{background:var(--qk-night);overflow-x:clip}
.qk-1dsfx>.qk-j2f71{padding-top:40px;padding-bottom:var(--qk-s7)}
.qk-j2f71{max-width:calc(var(--qk-wrap) + 2 * var(--qk-gutter))}
.qk-79py5{background:var(--qk-night-2)}
.qk-izdjx,.qk-79py5{border-top:0}
.qk-izdjx,.qk-79py5,.qk-pl6yr{padding-block:0}
.qk-izdjx>.qk-j2f71,.qk-79py5>.qk-j2f71,.qk-pl6yr>.qk-j2f71{padding-block:var(--qk-band-y)}
@media (max-width:899px){.qk-1dsfx>.qk-j2f71{padding-top:var(--qk-s4);padding-bottom:var(--qk-s6)}}
html:lang(en) h2{color:var(--qk-ink)}
html:lang(en) :is(.qk-s68e2,.qk-hpb5k,.qk-70cl8,.qk-co3mf,.qk-6p20c,.qk-6qmip,.dl-ttl){line-height:1.35}

/* ── action buttons: the only orange on the site ── */
html:lang(en) a.qk-6ctx3,html:lang(en) a.qk-66tig,html:lang(en) a.qk-2cpij,html:lang(en) a.qk-y3e3w,html:lang(en) a.qk-y3e3w.dl-faded,
html:lang(en) a.qk-66tig.dl-faded,html:lang(en) .dl-ledge-goto,html:lang(en) a.dl-flyout-goto{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--qk-btn-h);
  padding:0 var(--qk-s5);border:0;border-radius:var(--qk-r-pill);background:linear-gradient(180deg,var(--qk-flame-hi),var(--qk-flame) 60%);
  color:var(--qk-on-flame);font:700 var(--qk-fs-btn)/var(--qk-lh-btn) var(--qk-text);white-space:normal;text-align:center;text-decoration:none;box-shadow:var(--qk-sh-btn);background-color:var(--qk-flame)}
html:lang(en) a.qk-6ctx3:hover,html:lang(en) a.qk-66tig:hover,html:lang(en) a.qk-2cpij:hover,html:lang(en) a.qk-y3e3w:hover,
html:lang(en) .dl-ledge-goto:hover,html:lang(en) a.dl-flyout-goto:hover,
html:lang(en) a.qk-6ctx3:active,html:lang(en) a.qk-66tig:active,html:lang(en) a.qk-2cpij:active,html:lang(en) a.qk-y3e3w:active,
html:lang(en) .dl-ledge-goto:active,html:lang(en) a.dl-flyout-goto:active{background:var(--qk-flame-deep);color:var(--qk-on-flame)}
html:lang(en) a.qk-6ctx3:active,html:lang(en) a.qk-66tig:active,html:lang(en) a.qk-2cpij:active,html:lang(en) a.qk-y3e3w:active,
html:lang(en) .dl-ledge-goto:active,html:lang(en) a.dl-flyout-goto:active{box-shadow:var(--qk-sh-btn-press)}
html:lang(en) a.qk-7saim,html:lang(en) .dl-btn.qk-65zer{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--qk-btn-h);
  padding:var(--qk-s3) var(--qk-s5);border:2px solid var(--qk-line-ctl);border-radius:var(--qk-r-pill);background:transparent;color:var(--qk-ink);
  font:600 var(--qk-fs-btn)/var(--qk-lh-btn) var(--qk-text);white-space:normal;text-align:center;text-decoration:none}
html:lang(en) a.qk-7saim:hover,html:lang(en) .dl-btn.qk-65zer:hover{border-color:var(--qk-red);color:var(--qk-accent-ink)}
html:lang(en) main a:not([class]),html:lang(en) .dl-bottom a:not(.dl-bottom-post){text-decoration:underline;text-underline-offset:.2em}
html:lang(en) main p a:not([class]),html:lang(en) main li a:not([class]){color:var(--qk-link)}

/* ── header: operator green, white menu, outline Log in + orange Play now ── */
.dl-crown{background:linear-gradient(180deg,var(--qk-head-a),var(--qk-head-b));border-bottom:1px solid rgba(0,0,0,.08);color:var(--qk-head-ink);backdrop-filter:none}
.dl-crown-within{max-width:calc(var(--qk-wrap) + 2 * var(--qk-gutter));min-height:var(--qk-head-h);padding:0 var(--qk-gutter);gap:var(--qk-s3);box-sizing:border-box}
.dl-crown-origin{flex:none}
.dl-crown .dl-emblem{width:auto;height:30px;min-width:0;flex:none}
.dl-deck-wayfind{background:none;padding:0;margin-left:var(--qk-s5);gap:4px;flex:1 1 auto}
.dl-cluster-switch,.dl-cluster-direct{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:var(--qk-r-pill);background:none;color:var(--qk-head-ink);
  font:600 15px/1.5 var(--qk-text);text-decoration:none;white-space:nowrap;cursor:pointer}
.dl-cluster-switch:hover,.dl-cluster-direct:hover,.dl-cluster.dl-be-raised .dl-cluster-switch,.dl-cluster:focus-within .dl-cluster-switch{background:rgba(255,255,255,.16);color:var(--qk-head-ink)}
.dl-cluster.dl-current-at .dl-cluster-switch,.dl-cluster-direct[aria-current="page"]{box-shadow:inset 0 -2px 0 #fff}
.dl-cluster-roster{background:var(--qk-panel);border:1px solid var(--qk-line-hi);border-radius:var(--qk-r-card);top:calc(100% + 2px)}
.dl-cluster-roster a{font:600 15px/1.5 var(--qk-text);color:var(--qk-ink);padding:var(--qk-s3)}
.dl-cluster-roster a:hover{background:var(--qk-raise);color:var(--qk-accent-ink)}
.dl-crown :focus-visible{outline:2px solid #fff;outline-offset:2px}
html:lang(en) .dl-deck-second{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;flex:none;white-space:nowrap;
  padding:0 var(--qk-s4);background:transparent;color:var(--qk-head-ink);border:1.5px solid #fff;border-radius:var(--qk-r-pill);font:600 15px/1.4 var(--qk-text);text-decoration:none}
html:lang(en) .dl-deck-second:hover{background:rgba(255,255,255,.16);color:#fff}
html:lang(en) .dl-deck-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;flex:none;white-space:nowrap;
  padding:0 var(--qk-s5);background:linear-gradient(180deg,var(--qk-flame-hi),var(--qk-flame) 60%);color:var(--qk-on-flame);border-radius:var(--qk-r-pill);
  font:700 var(--qk-fs-btn)/var(--qk-lh-btn) var(--qk-text);box-shadow:var(--qk-sh-btn);text-decoration:none;background-color:var(--qk-flame)}
html:lang(en) .dl-deck-action:hover{background:var(--qk-flame-deep);color:var(--qk-on-flame)}
html:lang(en) .dl-deck-second + .dl-deck-action{margin-left:0}
.dl-stripes-switch{display:none;flex:none;width:40px;height:40px;border-radius:var(--qk-r-pill);background:rgba(255,255,255,.14)}
.dl-stripes-switch span{background:#fff}
.dl-stripes-switch[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.dl-stripes-switch[aria-expanded="true"] span:nth-child(2){opacity:0}
.dl-stripes-switch[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:899px){
  .dl-deck-wayfind{display:none}
  .dl-stripes-switch{display:flex}
  .dl-crown-within{padding:0 var(--qk-gutter);gap:var(--qk-s2)}
  .dl-crown .dl-emblem{height:26px;width:auto}
  html:lang(en) .dl-deck-second{min-height:36px;padding:0 var(--qk-s3);font-size:15px}
  html:lang(en) .dl-deck-action{min-height:36px;padding:0 10px}
  html:lang(en) .dl-deck-second + .dl-deck-action{margin-left:0}
  .dl-stripes-switch{margin-left:var(--qk-s1)}
  .dl-flyout-wayfind{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - var(--qk-head-h));max-height:none;box-sizing:border-box;background:var(--qk-panel);
    padding:var(--qk-s2) var(--qk-gutter) var(--qk-s7);overflow-y:auto;gap:var(--qk-s2);border-top:1px solid var(--qk-line)}
  .dl-flyout-direct{display:flex;align-items:center;min-height:48px;box-sizing:border-box;padding:0 var(--qk-s3);border-radius:var(--qk-r-pill);font:700 19px/1.4 var(--qk-text);color:var(--qk-ink);text-decoration:none;background:var(--qk-raise)}
  .dl-flyout-cluster summary{pointer-events:none;cursor:default;padding:var(--qk-s2) 0;font:600 14px/1.5 var(--qk-text);color:var(--qk-ink-3)}
  .dl-flyout-cluster summary::after{display:none}
  .dl-flyout-wayfind a{margin-left:0;min-height:48px;display:flex;align-items:center;box-sizing:border-box;font:600 17px/1.5 var(--qk-text);color:var(--qk-ink);padding:var(--qk-s2) var(--qk-s3)}
  .dl-flyout-wayfind a:hover{background:var(--qk-raise);color:var(--qk-accent-ink)}
  .dl-flyout-wayfind a.dl-flyout-goto{margin-top:var(--qk-s3);justify-content:center;color:var(--qk-on-flame);font-size:var(--qk-fs-btn)}
}
@media (min-width:900px){.dl-stripes-switch,.dl-flyout-wayfind{display:none!important}}
@media (max-width:374px){
  .dl-crown-within{padding:0 12px;gap:6px}
  .dl-crown .dl-emblem{height:22px}
  html:lang(en) .dl-deck-second{padding:0 8px;font-size:14px}
  html:lang(en) .dl-deck-action{padding:0 8px}
}

/* ── first screen: the offer scoreboard ── */
.dl-hm{display:grid;grid-template-columns:minmax(0,664px) 464px;column-gap:var(--qk-col-gap);row-gap:var(--qk-s4);align-items:start;position:relative}
.dl-hm>*{grid-column:1;min-width:0}
.dl-hm-viewed{justify-self:start;display:inline-flex;align-items:center;gap:var(--qk-s2);padding:2px var(--qk-s3);border-radius:var(--qk-r-tag);
  background:var(--qk-panel);border:1px solid var(--qk-line);color:var(--qk-ink-2);font-size:var(--qk-fs-small);line-height:var(--qk-lh-small)}
.dl-hm-viewed .qk-wm8pd{display:block;width:8px;height:8px;border-radius:var(--qk-r-round);background:var(--qk-ok-hi);box-shadow:none}
html:lang(en) .dl-hm-headline{margin:0;color:var(--qk-ink);font-size:var(--qk-fs-h1);line-height:var(--qk-lh-h1);font-weight:700;letter-spacing:0}
.dl-hm-hue{color:var(--qk-accent-ink)}
.dl-hm-prime{margin:0;font-size:var(--qk-fs-lead);line-height:var(--qk-lh-lead);color:var(--qk-ink-2)}
.dl-hm-credit{display:flex;align-items:center;gap:var(--qk-s2);min-height:32px;color:var(--qk-ink-2);font-size:var(--qk-fs-small);line-height:1.2;white-space:nowrap;min-width:0}
.dl-hm-credit>span:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-hm-credit .dl-visage-visual{flex:none;width:28px;height:28px;font-size:12px;border-width:1px;border-radius:50%}
.dl-hm-credit .dl-visage-picture{object-fit:cover;display:block}
.dl-hm-credit .dl-visage-blank{background:var(--qk-raise);border:1px dashed var(--qk-line-hi)}
.dl-writer-placeholder{opacity:1}

.dl-hm-board{background-color:var(--qk-ticket-a);background-image:linear-gradient(135deg,var(--qk-ticket-a),var(--qk-ticket-b));border-radius:var(--qk-r-ticket);box-shadow:var(--qk-sh-ticket);
  padding:20px var(--qk-s5);color:var(--qk-board-ink);display:flex;flex-direction:column;gap:12px}
.dl-hm-markers{display:flex;flex-wrap:wrap;gap:var(--qk-s2)}
.dl-hm-marker{padding:2px 12px;border-radius:var(--qk-r-round);background:rgba(255,255,255,.12);color:var(--qk-board-ink);font:600 13px/1.5 var(--qk-text)}
.dl-hm-handle{margin:0;font:700 20px/1.3 var(--qk-display);color:var(--qk-board-ink)}
.dl-hm-scores{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--qk-board-line);padding-top:12px}
.dl-hm-score{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 16px}
.dl-hm-score:first-child{padding-left:0}
.dl-hm-score+.dl-hm-score{border-left:1px solid var(--qk-board-line)}
.dl-hm-score dt{font:600 13px/1.4 var(--qk-text);color:var(--qk-board-ink-2)}
.dl-hm-score dd{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.dl-hm-pct{font:700 var(--qk-fs-num)/var(--qk-lh-num) var(--qk-num);color:var(--qk-board-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.dl-hm-cap{font:600 17px/1.3 var(--qk-num);color:var(--qk-board-ink)}
.dl-hm-sum{white-space:nowrap}
.dl-hm-turn{display:inline-block;border:1px solid var(--qk-board-num);border-radius:var(--qk-r-tag);padding:1px 8px;color:var(--qk-board-num);font:700 13px/1.5 var(--qk-num);white-space:nowrap}
.dl-hm-terms{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.dl-hm-terms li{position:relative;padding-left:26px;font:400 14px/1.45 var(--qk-text);color:var(--qk-board-ink)}
.dl-hm-terms li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--qk-board-num);color:var(--qk-ticket-a);font:700 11px/18px var(--qk-text);text-align:center}
.dl-hm-foot{display:flex;align-items:center;gap:var(--qk-s5);flex-wrap:wrap}
html:lang(en) .dl-hm-goto{min-width:220px}
.dl-hm-more{color:var(--qk-board-ink);font:500 15px/1.4 var(--qk-text);text-decoration:underline;text-underline-offset:.2em}
.dl-hm-more:hover{color:var(--qk-board-num)}
.dl-hm-age{margin-left:auto;font:500 13px/1.4 var(--qk-text);color:var(--qk-board-ink-2)}
.dl-hm-fineterms{margin:0;color:var(--qk-ink-3);font-size:13px;line-height:1.5}

.dl-hm-pitch{grid-column:2;grid-row:2 / span 4;align-self:start;position:relative;margin:0;display:flex;justify-content:center}
.dl-hm-pitch::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:420px;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,var(--qk-pitch-soft) 0 86%,var(--qk-pitch-line) 86% 87.2%,var(--qk-pitch-soft) 87.2% 99.5%,transparent 100%)}
.dl-hm-visual{position:relative;display:block;width:448px;max-width:100%;height:auto;border-radius:var(--qk-r-card);box-shadow:var(--qk-sh-card)}
.dl-hm-alt{grid-column:2;grid-row:5;align-self:end;background:var(--qk-panel);border:1px solid var(--qk-line);border-radius:var(--qk-r-card);padding:var(--qk-s4);position:relative}
.dl-hm-alt-title{margin:0 0 6px;font:600 17px/1.35 var(--qk-display);color:var(--qk-ink)}
.dl-hm-alt-text{margin:0 0 8px;font-size:var(--qk-fs-small);line-height:var(--qk-lh-small);color:var(--qk-ink-2)}
.dl-hm-alt a{font:600 14px/1.5 var(--qk-text);color:var(--qk-link);text-decoration:underline;text-underline-offset:.2em}
@media (max-width:899px){
  .dl-hm{display:flex;flex-direction:column;gap:12px}
  .dl-hm-viewed{align-self:flex-start}
  .dl-hm-board{padding:14px var(--qk-s4);gap:10px}
  .dl-hm-handle{font-size:18px}
  .dl-hm-score{padding:0 8px}
  .dl-hm-score dt{font-size:12px;overflow-wrap:anywhere}
  .dl-hm-cap{font-size:14px}
  .dl-hm-upto{display:block;font-size:12px;font-weight:500;line-height:1.2}
  .dl-hm-terms{grid-template-columns:minmax(0,1fr);gap:4px}
  .dl-hm-terms li{font-size:13px;line-height:1.4}
  .dl-hm-foot{gap:var(--qk-s2) var(--qk-s4)}
  html:lang(en) .dl-hm-goto{width:100%;min-width:0}
  .dl-hm-pitch{margin-top:var(--qk-s2)}
  .dl-hm-pitch::before{width:112%;height:auto;aspect-ratio:520/420;max-height:140%}
  .dl-hm-visual{width:100%}
}

/* ── eyebrow: pill with three stumps (drawn in qk-tokens.css); step numbers: small squares ── */
.qk-4xlms,.qk-i2qxv{border-radius:var(--qk-r-tag);border:0;box-shadow:none;background:var(--qk-red);color:var(--qk-on-royal)}

/* ── promotion cards: operator art on top (none on the home page) ── */
.qk-41n6x.dl-having-canvas{padding:0;gap:var(--qk-s2);overflow:hidden;border:1px solid var(--qk-line)}
.dl-deal-canvas{display:block;width:100%;height:auto}
.qk-41n6x.dl-having-canvas>*:not(.dl-deal-canvas){margin-inline:var(--qk-s4)}
.qk-41n6x.dl-having-canvas>.qk-n7der{margin-bottom:var(--qk-s4)}
.qk-xe1uo{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--qk-s4)}
@media (max-width:899px){.qk-xe1uo{grid-template-columns:minmax(0,1fr)}.qk-xe1uo>*{flex:1 1 100%}}
.qk-n7der a{width:100%}
@media (min-width:900px){
  html:lang(en) .qk-xe1uo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;align-items:stretch}
  .qk-41n6x.dl-having-canvas>.qk-n7der{margin-top:auto}
  html:lang(en) .qk-xe1uo>*{flex:none;min-width:0}
}
.qk-41t4g{font-size:12.5px}
.qk-dmezz,.qk-5zocj,.qk-cbkyu,.qk-fr0mt,.qk-cv6iz,.qk-5juez{font-size:13px}

/* ── games: operator tiles 617 × 780 in their own proportion, 6 in a row, 3 × 2 on a phone ── */
.qk-a1433{display:block;width:100%;max-width:617px;height:auto;aspect-ratio:auto;object-fit:contain}
.qk-u0swa.dl-lane3{grid-template-columns:repeat(3,minmax(0,1fr))}.qk-u0swa.dl-lane4{grid-template-columns:repeat(4,minmax(0,1fr))}
.qk-u0swa.dl-lane5{grid-template-columns:repeat(5,minmax(0,1fr))}.qk-u0swa.dl-lane6{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--qk-s3)}
@media (max-width:899px){.qk-u0swa,.qk-u0swa.dl-lane3,.qk-u0swa.dl-lane4,.qk-u0swa.dl-lane5,.qk-u0swa.dl-lane6{display:grid;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qk-s2)}
  .qk-u0swa>.qk-sgf57{flex:none}}
.dl-vendor{border-radius:var(--qk-r-tile);background:var(--qk-panel);padding:0 10px;min-width:0}
.dl-vendor img{max-height:32px;max-width:100%}
html:lang(en) .dl-hinting{border-bottom:0;text-decoration:underline dashed var(--qk-gold);text-underline-offset:.28em;text-decoration-thickness:1.5px}

/* ── VIP: white cards with a rank stripe on top, figures in dark green ── */
.qk-mcrdx,.qk-ytgfd{color:var(--qk-gold)}
.dl-elite-tableau{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--qk-s5);align-items:start}
.dl-elite-wing{display:flex;flex-direction:column;gap:var(--qk-s3);min-width:0}
.dl-elite-canvas{display:block;width:100%;max-width:550px;height:auto;border-radius:var(--qk-r-card);box-shadow:var(--qk-sh-card)}
.dl-elite-tableau .qk-zbi7l{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:899px){.dl-elite-tableau{grid-template-columns:minmax(0,1fr)}.dl-elite-tableau .qk-zbi7l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.dl-elite-tableau .qk-zbi7l{grid-template-columns:minmax(0,1fr)}}

/* ── footer: dark green, light text ── */
.dl-bottom{background:var(--qk-foot);color:var(--qk-foot-ink);border-top:0}
.dl-bottom-holder{max-width:calc(var(--qk-wrap) + 2 * var(--qk-gutter));gap:var(--qk-s6);box-sizing:border-box}
.dl-bottom .dl-emblem{width:auto;height:30px;min-width:0}
.dl-bottom-tagline{color:var(--qk-foot-ink);font-size:var(--qk-fs-small);line-height:var(--qk-lh-small)}
.dl-bottom-post{width:auto;height:auto;background:none;border-radius:0;gap:var(--qk-s2);display:inline-flex;align-items:center;color:var(--qk-foot-ink);font-size:var(--qk-fs-small);line-height:var(--qk-lh-small)}
.dl-bottom-post span{text-decoration:underline;text-underline-offset:.2em}
.dl-bottom-post:hover{color:#fff}
.dl-bottom-viewed{color:var(--qk-foot-ink-2)}
.dl-bottom-viewed::before{content:none}
.dl-bottom-lanes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.dl-bottom-limit{font:600 14px/1.6 var(--qk-text);color:var(--qk-foot-ink-2)}
.dl-bottom-lane a{font:500 15px/1.6 var(--qk-text);color:var(--qk-foot-ink)}
.dl-bottom-lane a:hover{color:#fff;text-decoration:underline}
.dl-bottom-heed{background:none;padding:0;gap:var(--qk-s4);align-items:center}
.dl-bottom-heed-topline{font:600 16px/1.6 var(--qk-display);color:var(--qk-foot-ink)}
.dl-bottom-heed-core p{font-size:var(--qk-fs-small);line-height:var(--qk-lh-small);color:var(--qk-foot-ink-2)}
a.dl-bottom-marker-tie{color:var(--qk-foot-ink)}a.dl-bottom-marker-tie:hover{color:#fff}
.dl-bottom-years{width:44px;height:44px;font-size:15px;color:var(--qk-foot-ink);border-color:var(--qk-foot-ink-2)}
.dl-bottom-markers{display:none}
.dl-bottom-belt{border-top:1px solid rgba(255,255,255,.14);padding-top:var(--qk-s5)}
.dl-bottom-lowest{border-top:1px solid rgba(255,255,255,.14)}
.dl-bottom-fineprint,.dl-bottom-rights{font-size:13px;line-height:1.5;color:var(--qk-foot-ink-2)}
@media (min-width:981px){
  .dl-bottom-crown{grid-template-columns:minmax(220px,260px) 1fr;gap:40px}
  .dl-bottom-lanes{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
}
@media (max-width:899px){.dl-bottom-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-bottom-holder{padding-bottom:96px}}

/* ── floating button: not on wide screens (the header has one), hidden while the phone menu is open ── */
.dl-ledge{border-radius:var(--qk-r-card)}
.dl-ledge-naked{justify-content:center;padding:var(--qk-s2)}
.dl-ledge-naked .dl-ledge-goto{width:100%}
@media (min-width:900px){.dl-ledge,.dl-ledge[hidden]{display:none!important}}
body:has(.dl-stripes-switch[aria-expanded="true"]) .dl-ledge{display:none!important}
@media (min-width:900px){:root{--qk-band-y:56px}}

/* ── closing offer strip: headline and terms left, button right ── */
@media (min-width:900px){
  .qk-f8js4{flex-wrap:nowrap}
  .qk-f8js4>a{width:auto;flex:0 0 auto;min-width:200px}
  .qk-f8js4 .qk-76uv0{flex:1 1 auto;flex-wrap:nowrap}
}
.qk-g4jcp{padding:10px 14px;background:var(--qk-ticket-a);border-radius:var(--qk-r-card)}
.qk-g4jcp .dl-emblem{flex:none;width:auto;min-width:54px;max-width:none}

/* ── calculator: the result spans the panel, terms inside the band ── */
.qk-kwp42>.qk-ywedc:nth-child(3){grid-column:1 / -1}
.qk-kwp42>.qk-ywedc:nth-child(3) .qk-co3mf{font-size:40px;color:var(--qk-gold)}
[data-qk-join]>.qk-j2f71{padding-top:0}
[data-qk-block="B18"]:has(+ [data-qk-join])>.qk-j2f71{padding-bottom:var(--qk-s5)}
[data-qk-join] .qk-qi43r{max-width:none}

/* ── app and cashier: one band of two columns ── */
.dl-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--qk-s7) var(--qk-s6);align-items:start}
.dl-pair .qk-f4o6f{grid-template-columns:minmax(0,1fr);gap:10px}
.dl-pair .qk-g9oa9{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:var(--qk-s4);row-gap:2px;align-items:start}
.dl-pair .qk-g9oa9 .qk-ueryg{grid-row:1 / 3;grid-column:1}
.dl-pair .qk-g9oa9>*:not(.qk-ueryg){grid-column:2;min-width:0}
.dl-pair .qk-zoub8{grid-template-columns:minmax(0,1fr);gap:10px}
.dl-pair .qk-ikonm{position:relative;padding:14px 16px 14px 56px;gap:2px}
.dl-pair .qk-ikonm::before{content:"✓";position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--qk-ok);color:var(--qk-on-royal);font:700 15px/28px var(--qk-text);text-align:center}
@media (max-width:899px){.dl-pair{grid-template-columns:minmax(0,1fr)}}

/* ── small print and tables ── */
@media (max-width:600px){.qk-l8eit .qk-cbkyu{font-size:13px}.qk-l8eit .qk-ijza0,.qk-l8eit .qk-wp6ja{font-size:14px}}
main th{font-size:13px}
.dl-metric-worth{line-height:1.35}
.dl-metric dt,.dl-metrics dt{font-size:13px}

/* ── link tiles (cricket): white cards ── */
.qk-3t47d{background:var(--qk-panel);border:1px solid var(--qk-line);border-radius:var(--qk-r-card);padding:var(--qk-s5);box-shadow:var(--qk-sh-card)}

/* ── orange belongs to buttons only: the tip-panel colours of the engine become pale green ── */
html:root{--qk-ember:var(--qk-raise);--qk-ember-line:var(--qk-line-hi)}

/* ── critic v1 (14.10.2026): first screen right column as one stack, phone/tablet fixes ── */
.dl-hm>.dl-hm-side{grid-column:2;grid-row:2 / span 4;align-self:stretch;display:flex;flex-direction:column;gap:16px;min-width:0}
.dl-hm-side>.dl-hm-pitch{grid-column:auto;grid-row:auto;align-self:center;margin:0}
.dl-hm-side>.dl-hm-alt{grid-column:auto;grid-row:auto;align-self:stretch;flex:1 1 auto;display:flex;flex-direction:column}
.dl-hm-alt>a{margin-top:auto;align-self:flex-start}
.dl-hm-alt-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.dl-hm-alt-steps li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 10px;border-radius:var(--qk-r-tile);background:var(--qk-raise);font:500 14px/1.4 var(--qk-text);color:var(--qk-ink-3)}
.dl-hm-alt-offer{font-weight:600;color:var(--qk-gold);white-space:nowrap}
.dl-hm-alt-x{font:700 13px/1.4 var(--qk-num);color:var(--qk-accent-ink)}
.dl-hm-fineterms{position:relative;z-index:1}
.dl-bottom-marker-tie,.dl-bottom-marker.dl-bottom-marker-tie{background:transparent;border:1px solid var(--qk-foot-ink-2);color:var(--qk-foot-ink)}
@media (min-width:900px){html:lang(en) .qk-xe1uo:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){
  .dl-hm{align-items:stretch}
  .dl-hm>.dl-hm-side{gap:12px}
  .dl-hm-side>.dl-hm-pitch{margin-top:var(--qk-s2)}
  .dl-vendors{flex-wrap:wrap;overflow:visible;padding-bottom:0;gap:8px}
  .dl-vendor{height:36px;padding:0 12px}
  .dl-hm-score dt{font-size:13px}
  .dl-hm-upto{font-size:12.5px}
}
@media (min-width:600px) and (max-width:899px){
  .dl-hm>.dl-hm-side{flex-direction:row;align-items:stretch}
  .dl-hm-side>.dl-hm-pitch{flex:0 1 448px;align-self:flex-start}
  .dl-hm-side>.dl-hm-alt{flex:1 1 0;min-width:0}
  .dl-hm-upto{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit}
  .dl-hm-cap{font-size:17px}
  .dl-hm-terms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.dl-hm-alt-step{font-weight:600;color:var(--qk-ink-2)}

/* ── critic-v2 (14.10) · дописать в конец build/assets/qk-home.css ── */
/* В1: кадры условий оператора не крупнее своего размера (terms-ftd 1032→1160, terms-app188 1028→1160) */
.qk-vwgi0[src*="/terms-"]{width:auto;max-width:100%;margin-inline:auto}
/* В2: кадр формы регистрации на /review/ (780×690) растянут до 1160×1026 */
.qk-1fabx>.qk-vwgi0[src*="/form-"]{width:auto;max-width:min(100%,440px);margin-inline:auto}
/* В3: 14 карточек /bonus/ — 14 оранжевых кнопок парами; в карточках кнопка вторичная, главная /go/ остаётся оранжевой */
#offers-at-a-glance .qk-41n6x .qk-y3e3w{background:transparent;color:var(--qk-red-deep);box-shadow:inset 0 0 0 2px var(--qk-red-deep)}
#offers-at-a-glance .qk-41n6x .qk-y3e3w:hover{background:var(--qk-red-deep);color:var(--qk-on-royal)}
/* К1: H1 внутренних страниц на 390 — 4 строки; 30px → 28px, вместе с новым лидом первый экран короче */
@media (max-width:480px){.qk-1dsfx .qk-nm1ul .qk-m0e9h{font-size:28px;line-height:1.08}}

/* operator captures (terms tables, VIP ladder, header): natural width, never stretched past it (critic v2, 14/10) */
.qk-1fabx>.qk-vwgi0[src*="/terms-"],.qk-1fabx>.qk-vwgi0[src*="/vip-ladder"],.qk-1fabx>.qk-vwgi0[src*="/op-header"]{width:auto;max-width:100%;height:auto;object-fit:contain;margin-inline:auto}
.qk-1fabx>.qk-vwgi0[src*="/form-"]{max-width:min(100%,390px)}