/* chill4reel-pl — tokens --kr-*; palette = media brief §1.1 (operator's site): ground #1c0a2e, violet #7b2cbf,
   neon green #2ee86e (action fill, dark ink), magenta #c04fd4, gold #f4c04a. Family BASE: two-row sticky header with
   the pack's icon menu, full-bleed art hero, art panels, sticky bonus bar on every breakpoint. */
:root{
  --kr-ground:#1c0a2e;      /* page ground — aubergine */
  --kr-bed:#240f3b;         /* alternate section bed */
  --kr-card:#2e1449;        /* cards, tables */
  --kr-card-hi:#3a1a5c;
  --kr-line:#4b2a6b;        /* hairlines */
  --kr-violet:#7b2cbf;      /* panels, nav tiles */
  --kr-green:#2ee86e;       /* action fill + text accent */
  --kr-green-hi:#5ef08f;    /* button hover */
  --kr-btn-ink:#0b1a10;     /* ink on green / gold / magenta */
  --kr-magenta:#c04fd4;     /* badges, borders */
  --kr-magenta-txt:#e19bf0; /* magenta as TEXT on the ground */
  --kr-magenta-fill:#d27ae2;/* magenta as a FILL under dark ink: 6.5:1 (the brand #c04fd4 gives 4.54) */
  --kr-gold:#f4c04a;        /* figures */
  --kr-ink:#ffffff;
  --kr-mute:#dccbec;
  --kr-r-btn:14px;--kr-r-card:16px;--kr-r-chip:10px;
  --kr-top:118px;
  --kr-disp:'Titan One',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
html,body{overflow-x:clip}
body{margin:0;background:var(--kr-ground);color:var(--kr-ink);font:400 16px/1.62 'Golos Text',system-ui,sans-serif;padding-bottom:78px}
img{max-width:100%;height:auto;display:block}
a{color:var(--kr-green)}
h1,h2,h3{font-family:var(--kr-disp);font-weight:400;line-height:1.08;letter-spacing:.005em;margin:0}
h1{font-size:clamp(2.4rem,4.4vw + .8rem,4rem)}
h2{font-size:clamp(1.6rem,2.2vw + .6rem,2.3rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.kr-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
section{padding:64px 0}
section[id]{scroll-margin-top:calc(var(--kr-top) + 10px)}
.kr-alt{background:var(--kr-bed)}
/* section head: the pack's icon tile + h2 + sub */
.kr-head{display:flex;align-items:center;gap:16px;margin-bottom:28px;max-width:860px}
.kr-head>img{flex-shrink:0;width:56px;height:56px}
.kr-head p{margin:6px 0 0;color:var(--kr-mute);font-size:1.05rem}
.kr-prose{max-width:74ch;overflow-wrap:anywhere}
.kr-prose p{color:var(--kr-mute)}
.kr-prose b{color:var(--kr-ink);font-weight:600}
/* buttons */
.kr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:var(--kr-r-btn);
  background:var(--kr-green);color:var(--kr-btn-ink);font-weight:800;font-size:1rem;text-decoration:none;
  box-shadow:0 0 22px rgba(46,232,110,.35);transition:background .18s,transform .18s}
.kr-btn:hover,.kr-btn:focus-visible{background:var(--kr-green-hi);color:var(--kr-btn-ink);transform:translateY(-1px)}
.kr-btn--line{background:transparent;color:var(--kr-ink);border:2px solid var(--kr-magenta);box-shadow:0 0 18px rgba(192,79,212,.3)}
.kr-btn--line:hover,.kr-btn--line:focus-visible{background:rgba(192,79,212,.22);color:var(--kr-ink)}
/* header: row 1 logo + actions, row 2 the icon menu */
.kr-top{position:sticky;top:0;z-index:60;background:rgba(22,7,37,.96);backdrop-filter:blur(8px);
  border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--kr-magenta),var(--kr-violet) 45%,var(--kr-green)) 1}
.kr-row{display:flex;align-items:center;gap:14px;min-height:60px}
.kr-logo{display:flex;flex-shrink:0;margin-right:auto}
.kr-logo img{height:40px;width:auto}
.kr-acts{display:flex;gap:8px;flex-shrink:0}
.kr-acts .kr-btn{min-height:42px;padding:8px 18px;font-size:.93rem}
.kr-menu{display:flex;gap:6px;margin:0;padding:0 0 8px;list-style:none;overflow-x:auto;scrollbar-width:none}
.kr-menu::-webkit-scrollbar{display:none}
.kr-menu a{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:12px;color:var(--kr-mute);
  font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;border:1px solid transparent}
.kr-menu a:hover,.kr-menu a:focus-visible{border-color:var(--kr-line);color:var(--kr-ink)}
.kr-menu img{width:34px;height:34px;flex-shrink:0}
.kr-menu .kr-i1{display:none}
.kr-menu a.kr-on{color:var(--kr-green);border-color:rgba(46,232,110,.45)}
.kr-menu a.kr-on .kr-i0{display:none}
.kr-menu a.kr-on .kr-i1{display:block}
/* hero: the pack's text-free art full-bleed, live copy over its dark left half */
.kr-hero{position:relative;overflow:hidden;padding:0;min-height:560px;display:flex;align-items:center}
.kr-hero picture,.kr-hero-bg{position:absolute;inset:0;width:100%;height:100%}
.kr-hero-bg{object-fit:cover;object-position:88% 50%}
.kr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,10,46,.92) 0,rgba(28,10,46,.7) 40%,rgba(28,10,46,0) 66%)}
.kr-hero-in{position:relative;z-index:1;width:100%;padding-top:28px;padding-bottom:40px}
.kr-hero-copy{max-width:600px}
.kr-crumbs ol{display:flex;flex-wrap:wrap;gap:2px 10px;list-style:none;margin:0 0 14px;padding:0;font-size:.95rem}
.kr-crumbs li+li::before{content:"/";margin-right:10px;color:var(--kr-mute)}
.kr-crumbs a{display:inline-block;padding:8px 0;color:var(--kr-mute);text-decoration:none}
.kr-crumbs li:last-child a{color:var(--kr-green);font-weight:700}
.kr-crumbs a:hover{text-decoration:underline}
.kr-eyebrow{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:999px;background:var(--kr-magenta-fill);color:var(--kr-btn-ink);font-weight:800;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}
.kr-fig{margin:18px 0 0;font-family:var(--kr-disp);line-height:1}
.kr-fig i{display:block;font-style:normal;font-family:'Golos Text',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kr-mute);margin-bottom:8px}
.kr-fig b{display:block;font-weight:400;font-size:clamp(2.8rem,5vw + .6rem,4.6rem);color:var(--kr-green);text-shadow:0 0 28px rgba(46,232,110,.35)}
.kr-fig span{display:block;font-size:clamp(1.4rem,2vw + .6rem,2rem);color:var(--kr-gold);margin-top:6px}
.kr-sub{margin:18px 0 0;color:var(--kr-mute);font-size:1.12rem;max-width:52ch}
.kr-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.kr-cta-row .kr-btn{min-height:54px;padding:14px 30px;font-size:1.05rem}
.kr-drop{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(244,192,74,.12);border:1px solid rgba(244,192,74,.5);color:var(--kr-ink);font-weight:600;font-size:.95rem;text-decoration:none}
.kr-drop b{padding:3px 10px;border-radius:999px;background:var(--kr-gold);color:var(--kr-btn-ink);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.kr-drop:hover{border-color:var(--kr-gold)}
.kr-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.kr-chips li{padding:6px 12px;border-radius:999px;background:rgba(28,10,46,.78);border:1px solid var(--kr-line);color:var(--kr-ink);font-weight:600;font-size:.88rem}
.kr-intro{padding:44px 0 4px}
/* slots: cover rail + named-game list */
.kr-lobby{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start;margin:0 0 28px}
.kr-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kr-cover{display:block;border-radius:var(--kr-r-card);overflow:hidden;box-shadow:0 0 0 1px var(--kr-line);transition:transform .2s,box-shadow .2s}
.kr-cover img{width:100%;aspect-ratio:320/420;object-fit:cover}
.kr-cover:hover,.kr-cover:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 2px var(--kr-green),0 0 26px rgba(46,232,110,.35)}
.kr-games{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kr-game{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px 16px;border-radius:var(--kr-r-card);
  background:var(--kr-card);border:1px solid var(--kr-line);color:var(--kr-ink);text-decoration:none;transition:border-color .2s,background .2s}
.kr-game b{font-family:var(--kr-disp);font-weight:400;font-size:1.2rem;letter-spacing:.01em}
.kr-game small{grid-column:1;color:var(--kr-mute);font-size:.88rem}
.kr-game span{grid-column:2;grid-row:1/span 2;padding:8px 14px;border-radius:10px;background:var(--kr-green);color:var(--kr-btn-ink);font-weight:800;font-size:.85rem}
.kr-game:hover,.kr-game:focus-visible{border-color:var(--kr-green);background:var(--kr-card-hi)}
.kr-games-cap{margin:0 0 12px;color:var(--kr-magenta-txt);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
/* art panel: pack background + copy over its dark left */
.kr-panel{position:relative;border-radius:22px;overflow:hidden;min-height:360px;display:flex;align-items:center;margin:0 0 26px;box-shadow:0 0 0 1px var(--kr-line),0 24px 60px rgba(0,0,0,.35)}
.kr-panel picture,.kr-panel-bg{position:absolute;inset:0;width:100%;height:100%}
.kr-panel-bg{object-fit:cover;object-position:right center}
.kr-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,10,46,.94) 0,rgba(28,10,46,.72) 44%,rgba(28,10,46,0) 70%)}
.kr-panel-in{position:relative;z-index:1;padding:34px;max-width:560px}
.kr-panel-in h3{font-size:clamp(1.5rem,2vw + .6rem,2.1rem);margin:0 0 10px}
.kr-panel-in p{color:var(--kr-mute);margin:0 0 18px}
.kr-panel-in .kr-big{display:block;font-family:var(--kr-disp);font-size:clamp(2.6rem,4vw + .6rem,3.8rem);color:var(--kr-gold);line-height:1;margin:0 0 10px}
.kr-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0 0 28px;padding:0}
.kr-tables li{padding:22px 20px;border-radius:var(--kr-r-card);background:var(--kr-card);border:1px solid var(--kr-line);border-top:3px solid var(--kr-magenta)}
.kr-tables b{display:block;font-family:var(--kr-disp);font-weight:400;font-size:1.35rem;margin-bottom:6px}
.kr-tables p{margin:0;color:var(--kr-mute);font-size:.95rem}
.kr-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 24px;padding:0}
.kr-tags li{padding:7px 14px;border-radius:999px;border:1px solid var(--kr-magenta);color:var(--kr-ink);font-weight:600;font-size:.9rem}
.kr-band{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 26px;padding:16px 20px;border-radius:var(--kr-r-card);border:2px dashed rgba(46,232,110,.55);background:rgba(46,232,110,.06)}
.kr-band b{font-family:var(--kr-disp);font-weight:400;font-size:1.35rem;color:var(--kr-green)}
.kr-band span{color:var(--kr-mute)}
/* fast games */
.kr-fast{display:grid;grid-template-columns:minmax(0,240px) minmax(0,240px) minmax(0,1fr);gap:18px 22px;align-items:start}
/* offer cards */
.kr-offer{margin:28px 0 0;padding:24px;border-radius:var(--kr-r-card);background:var(--kr-card);border:1px solid var(--kr-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;max-width:880px}
.kr-offer .kr-badge,.kr-offer .kr-ofig,.kr-offer p{grid-column:1}
.kr-offer .kr-btn{grid-column:2;grid-row:1/span 3}
.kr-offer--spot{max-width:none;background:radial-gradient(120% 140% at 100% 0,#5d2496 0,var(--kr-card) 60%);border:2px solid var(--kr-green);box-shadow:0 0 40px rgba(46,232,110,.16)}
.kr-badge{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--kr-magenta-fill);color:var(--kr-btn-ink);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.kr-offer .kr-ofig{margin:0;font-family:var(--kr-disp);font-size:clamp(1.45rem,2.4vw + .4rem,2.2rem);color:var(--kr-ink);line-height:1.12}
.kr-offer.kr-offer--spot .kr-ofig{color:var(--kr-gold)}
.kr-offer p{margin:0;color:var(--kr-mute)}
/* bonus */
.kr-bonus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin:0 0 28px}
.kr-tab{width:100%;border-collapse:separate;border-spacing:0;background:var(--kr-card);border:1px solid var(--kr-line);border-radius:var(--kr-r-card);overflow:hidden}
.kr-tab caption{text-align:left;padding:0 0 10px;color:var(--kr-mute);font-size:.9rem}
.kr-tab th,.kr-tab td{padding:13px 16px;text-align:left;vertical-align:middle;border-top:1px solid var(--kr-line)}
.kr-tab tr:first-child th,.kr-tab tr:first-child td{border-top:0}
.kr-tab thead th{background:var(--kr-card-hi);color:var(--kr-mute);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.kr-tab tbody th{width:34%;color:var(--kr-gold);font-weight:700}
.kr-tab td{color:var(--kr-mute)}
.kr-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.kr-promo{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--kr-r-card);background:var(--kr-card);border:1px solid var(--kr-line)}
.kr-promo img{width:44px;height:44px;flex-shrink:0}
.kr-promo b{display:block;margin-bottom:4px;font-size:1.05rem}
.kr-promo p{margin:0;color:var(--kr-mute);font-size:.94rem}
.kr-h3{margin:0 0 14px}
.kr-h3--gap{margin-top:34px}
/* payments */
.kr-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.kr-lead{display:flex;align-items:center;gap:18px;padding:22px;border-radius:var(--kr-r-card);background:linear-gradient(135deg,var(--kr-violet),#4d1a7e);box-shadow:0 0 30px rgba(123,44,191,.35)}
.kr-lead b{display:block;font-family:var(--kr-disp);font-weight:400;font-size:1.5rem}
.kr-lead p{margin:2px 0 0;color:#f1e6fa;font-size:.95rem}
.kr-lead em{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:var(--kr-green);color:var(--kr-btn-ink);font-style:normal;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.kr-mark{flex-shrink:0;width:74px;height:44px;display:grid;place-items:center;border-radius:10px;background:#fff}
.kr-lead .kr-mark{width:96px;height:58px}
.kr-mark img{width:auto;height:24px;max-width:60px;object-fit:contain}
.kr-mark--txt{font-size:.74rem;font-weight:800;color:#2b0f3a;letter-spacing:.01em;text-align:center;line-height:1.1;padding:0 6px}
.kr-lead .kr-mark--txt{font-size:.86rem}
.kr-paytab{margin:0 0 28px}
.kr-paytab td:first-child{width:96px}
.kr-paytab td b{color:var(--kr-ink)}
/* vip */
.kr-vip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0 0 26px;padding:0}
.kr-vip li{padding:22px 20px;border-radius:var(--kr-r-card);background:var(--kr-card);border:1px solid var(--kr-line)}
.kr-vip img{width:52px;height:52px;margin-bottom:14px}
.kr-vip b{display:block;margin:0 0 6px;font-family:var(--kr-disp);font-weight:400;font-size:1.25rem}
.kr-vip p{margin:0;color:var(--kr-mute);font-size:.94rem}
/* start: vertical timeline */
.kr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start}
.kr-line{list-style:none;margin:0;padding:0;position:relative;counter-reset:k}
.kr-line::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--kr-green),var(--kr-magenta))}
.kr-line li{counter-increment:k;position:relative;padding:0 0 26px 70px;color:var(--kr-mute)}
.kr-line li:last-child{padding-bottom:0}
.kr-line li::before{content:counter(k);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--kr-ground);border:2px solid var(--kr-green);color:var(--kr-green);display:grid;place-items:center;font-family:var(--kr-disp);font-size:1.3rem}
.kr-line b{display:block;color:var(--kr-ink);font-family:var(--kr-disp);font-weight:400;font-size:1.3rem;padding-top:10px;margin-bottom:4px}
/* licence + providers */
.kr-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.kr-provs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.kr-provs li{display:grid;place-items:center;height:60px;padding:8px 10px;border-radius:var(--kr-r-chip);background:#fff}
.kr-provs img{max-height:34px;width:auto;max-width:100%;object-fit:contain}
.kr-provs li.kr-txt{background:var(--kr-card);border:1px solid var(--kr-line);color:var(--kr-ink);font-weight:700;font-size:.88rem;text-align:center}
/* faq */
.kr-faq{display:grid;gap:10px;margin:0 0 28px}
.kr-q{background:var(--kr-card);border:1px solid var(--kr-line);border-radius:var(--kr-r-card);overflow:hidden}
.kr-q summary{list-style:none;cursor:pointer;position:relative;padding:17px 56px 17px 20px;font-weight:700;font-size:1.05rem}
.kr-q summary::-webkit-details-marker{display:none}
.kr-q summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:2px solid var(--kr-green);color:var(--kr-green);display:grid;place-items:center;font-size:1.15rem;line-height:1}
.kr-q[open]{border-color:var(--kr-magenta)}
.kr-q[open] summary::after{content:'\2212'}
.kr-q div{padding:0 20px 18px;color:var(--kr-mute)}
.kr-q div p{margin:0}
/* footer + sticky */
.kr-foot{background:#13061f;border-top:2px solid var(--kr-violet);padding:40px 0 30px;color:var(--kr-mute);font-size:.92rem}
.kr-foot p{margin:0 0 12px}
.kr-foot b{color:var(--kr-ink)}
.kr-foot a{color:var(--kr-ink)}
.kr-foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px}
.kr-foot-top img.kr-flogo{height:36px;width:auto}
.kr-seals,.kr-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;margin:0;padding:0}
.kr-seals li{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--kr-r-chip);background:#fff}
.kr-seals img{height:22px;width:auto}
.kr-seals li.kr-lic{background:transparent;border:1px solid var(--kr-line);color:var(--kr-mute);font-size:.8rem;font-weight:700}
.kr-strip{margin:0 0 20px}
.kr-strip li{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:8px;background:#fff;font-size:.74rem;font-weight:800;color:#2b0f3a}
.kr-strip img{height:18px;width:auto;max-width:48px}
.kr-sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:16px;padding:10px 16px;background:rgba(36,15,59,.97);border-top:2px solid var(--kr-green)}
.kr-sticky span{font-size:.95rem;color:var(--kr-mute)}
.kr-sticky b{color:var(--kr-gold)}
.kr-sticky .kr-btn{margin-left:auto;flex-shrink:0;min-height:44px;padding:10px 20px;font-size:.95rem}
.kr-rg .kr-sticky,.kr-rg .kr-acts{display:none}
.kr-rg{padding-bottom:0}
/* breakpoints */
@media(max-width:1060px){
  .kr-vip,.kr-promos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr-provs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kr-bonus,.kr-split,.kr-brand,.kr-lobby{grid-template-columns:minmax(0,1fr)}
  .kr-fast{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kr-fast .kr-prose{grid-column:1/-1}
}
@media(max-width:900px){
  .kr-offer{grid-template-columns:minmax(0,1fr)}
  .kr-offer .kr-btn{grid-column:1;grid-row:auto;width:100%;margin-top:6px}
  .kr-tables,.kr-duo{grid-template-columns:minmax(0,1fr)}
  section{padding:48px 0}
}
@media(max-width:700px){
  :root{--kr-top:104px}
  .kr-row{min-height:54px}
  .kr-logo img{height:32px}
  .kr-acts .kr-btn--line{display:none}
  .kr-menu{gap:2px;padding-bottom:6px}
  .kr-menu a{flex-direction:column;gap:2px;padding:3px 6px;font-size:.7rem;border-radius:10px}
  .kr-menu img{width:28px;height:28px}
  .kr-hero{min-height:0;display:block}
  .kr-hero picture{position:relative;display:block;height:auto}
  .kr-hero picture::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,10,46,0) 55%,var(--kr-ground) 100%)}
  .kr-hero-bg{position:static;height:auto;aspect-ratio:768/390;object-position:50% 12%}
  .kr-hero::after{content:none}
  .kr-hero-in{margin-top:-46px;padding-top:0;padding-bottom:30px}
  .kr-crumbs li+li::before{content:none;margin:0}
  .kr-crumbs ol{flex-direction:column;gap:0}
  .kr-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:thin}
  .kr-rail .kr-cover{flex:0 0 62%;scroll-snap-align:start}
  .kr-panel{display:block;min-height:0}
  .kr-panel picture,.kr-panel-bg{position:static;height:auto}
  .kr-panel-bg{aspect-ratio:768/430;object-position:50% 0}
  .kr-panel::after{content:none}
  .kr-panel-in{padding:20px 18px 24px;background:var(--kr-card)}
}
@media(max-width:560px){
  .kr-vip,.kr-promos,.kr-fast{grid-template-columns:minmax(0,1fr)}
  .kr-provs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr-tab th,.kr-tab td{padding:11px 12px}
  .kr-tab tbody th{width:40%}
  .kr-paytab td:first-child{width:84px}
  .kr-mark{width:66px}
  .kr-sticky span{font-size:.8rem}
  .kr-sticky .kr-btn{padding:10px 14px;font-size:.88rem}
  .kr-cta-row .kr-btn{flex:1 1 150px}
  .kr-head>img{width:46px;height:46px}
  .kr-lead{flex-direction:column;align-items:flex-start}
  body{padding-bottom:84px}
}