/* Microsafari Rutebog (SH1-tema). CSS fra stil-1-rutebog-kladden, uaendret. */
:root{
  --bg:#141619; --bg2:#1a1d21; --bg3:#22262b; --line:#30353c; --line2:#454b54;
  --tx:#f2f2ee; --mut:#a3a9b0; --acc:#F5C400; --acc-ink:#141619; --red:#d9412c;
  --disp:"Barlow Condensed", "Arial Narrow", sans-serif;
  --body:"Barlow", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
  --wrap:1320px; --gut:clamp(20px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html,body{margin:0;background:var(--bg);color:var(--tx)}
body{font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:var(--disp);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;margin:0}
h2{font-size:clamp(2.6rem,6vw,5.2rem)}
h3{font-size:1.7rem;font-weight:700;line-height:1}
p{margin:0}
.lead{color:var(--mut);max-width:58ch;font-size:1.1rem;margin-top:18px}
.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:18px;display:block}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--acc);color:var(--acc-ink);font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:1.35rem;letter-spacing:.02em;padding:16px 26px;border:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s, background .15s}
.btn:hover{background:#ffd21f}
.btn:active{transform:translateY(1px) scale(.98)}
.btn svg{width:22px;height:22px}
.btn-ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx)}
.btn-ghost:hover{background:var(--tx);color:var(--acc-ink)}

/* draft band */
.draft{background:var(--acc);color:var(--acc-ink);font-size:.85rem;font-weight:600;padding:8px var(--gut);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;text-align:center}
.draft a{font-weight:700}

/* header */
.hdr{position:absolute;left:0;right:0;top:0;z-index:5}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{font-family:var(--disp);font-weight:800;font-size:1.6rem;letter-spacing:.04em;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{display:inline-block;width:14px;height:14px;background:var(--acc)}
.nav{display:flex;align-items:center;gap:28px}
.nav a.l{text-decoration:none;font-family:var(--mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx)}
.nav a.l:hover{color:var(--acc)}
.nav .btn{font-size:1.05rem;padding:10px 16px}

/* hero */
.hero{position:relative;min-height:min(100dvh,920px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 60%;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,22,25,.94) 0%,rgba(20,22,25,.78) 34%,rgba(20,22,25,.15) 66%,rgba(20,22,25,0) 100%),linear-gradient(0deg,rgba(20,22,25,1) 0%,rgba(20,22,25,0) 22%),linear-gradient(180deg,rgba(20,22,25,.7) 0%,rgba(20,22,25,0) 18%)}
.hero .wrap{width:100%;padding-block:120px 88px}
.hero h1{font-size:clamp(4rem,10.5vw,9.6rem);line-height:1.04;padding-top:.08em}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p{max-width:30ch;font-size:clamp(1.1rem,1.5vw,1.3rem);margin-top:26px;color:#e6e7e3}
.hero .btn{margin-top:34px}
.rv-on .hero h1, .rv-on .hero p, .rv-on .hero .btn{animation:rise .9s cubic-bezier(.16,1,.3,1) both}
.rv-on .hero p{animation-delay:.12s}.rv-on .hero .btn{animation-delay:.22s}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

section{padding-block:clamp(80px,11vw,150px)}
.rv-on .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv-on .rv.in{opacity:1;transform:none}

/* route (sådan) */
.route{margin-top:64px;position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.route::before{content:"";position:absolute;left:0;right:0;top:15px;height:4px;background:repeating-linear-gradient(90deg,var(--line2) 0 18px,transparent 18px 30px)}
.route .fill{position:absolute;left:0;top:15px;height:4px;background:var(--acc);width:100%;transform-origin:left;transition:transform 1.8s cubic-bezier(.65,0,.35,1) .2s}
.rv-on .route:not(.in) .fill{transform:scaleX(0)}
.cp{position:relative;padding-right:22px}
.cp .mk{display:inline-block;background:var(--bg);border:3px solid var(--acc);font-family:var(--mono);font-weight:700;font-size:.8rem;padding:4px 8px;position:relative;z-index:1}
.cp:first-child .mk,.cp:last-child .mk{background:var(--acc);color:var(--acc-ink)}
.cp h3{margin-top:22px;font-size:1.55rem}
.cp p{color:var(--mut);margin-top:8px;font-size:.98rem}

/* roadbook */
.rb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rb{margin-top:48px;border:2px solid var(--line)}
.rb-cols,.rb-row>button{display:grid;grid-template-columns:78px 110px minmax(0,1fr) 170px 120px 40px;align-items:center;gap:0}
.rb-cols{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);background:var(--bg2);border-bottom:2px solid var(--line)}
.rb-cols span{padding:12px 16px}
.rb-cols span:nth-child(5){text-align:right}
.rb-row{border-bottom:1px solid var(--line)}
.rb-row:last-child{border-bottom:0}
.rb-row>button{width:100%;background:none;border:0;text-align:left;cursor:pointer;padding:0;min-height:76px}
.rb-row>button:hover{background:var(--bg2)}
.rb-row>button>*{padding:10px 16px}
.tul{border-right:1px solid var(--line);height:100%;display:flex;align-items:center;justify-content:center}
.tul svg{width:44px;height:44px}
.tul .g{stroke:var(--line2)}
.tul .m{stroke:var(--tx)}
.tul .a{fill:var(--tx)}
.tul .d{fill:var(--tx)}
.rb-row.open .tul .m{stroke:var(--acc)} .rb-row.open .tul .a,.rb-row.open .tul .d{fill:var(--acc)}
.km{font-family:var(--mono);font-size:1.05rem;border-right:1px solid var(--line);height:100%;display:flex;flex-direction:column;justify-content:center}
.km small{font-size:.7rem;color:var(--mut)}
.rb-name{font-family:var(--disp);font-weight:700;font-size:1.65rem;text-transform:uppercase;line-height:1}
.rb-name small{display:block;font-family:var(--mono);font-size:.72rem;color:var(--mut);letter-spacing:.06em;margin-top:6px;font-weight:400}
.rb-cat{font-family:var(--mono);font-size:.82rem;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.rb-pt{font-family:var(--mono);font-weight:700;font-size:1.25rem;text-align:right;color:var(--acc)}
.rb-pt.leg{color:var(--acc-ink);background:var(--acc);justify-self:end;padding:4px 10px !important;margin-right:12px}
.rb-row>button>.chev{width:40px;display:flex;justify-content:center;padding:0}
.chev svg{width:20px;height:20px;transition:transform .25s}
.rb-row.open .chev svg{transform:rotate(45deg)}
.rb-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}
.rb-row.open .rb-body{grid-template-rows:1fr}
.rb-body>div{overflow:hidden}
.rb-body .in2{padding:4px 16px 24px 204px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}
.rb-body p{font-size:1.1rem;max-width:62ch}
.rb-body dl{margin:0;font-family:var(--mono);font-size:.78rem;color:var(--mut);display:grid;grid-template-columns:auto auto;gap:4px 16px}
.rb-body dd{margin:0;color:var(--tx)}
.rb-more{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.rb-more .note{font-family:var(--mono);font-size:.8rem;color:var(--mut)}
.rb-row.extra{display:none}
.rb.all .rb-row.extra{display:block}

/* board */
.board-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;margin-top:52px;align-items:start}
.board{background:#0d0e10;border:2px solid var(--line)}
.board-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:2px solid var(--line);font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;gap:12px}
.live{display:flex;align-items:center;gap:10px;color:var(--acc)}
.live i{width:10px;height:10px;background:var(--red);display:inline-block}
.rv-on .live i{animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.clock{font-size:1rem;color:var(--tx)}
.bcols{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr) 170px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--mut);text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line)}
.bcols span{padding-inline:20px}.bcols span:last-child{text-align:right}
.rows{position:relative;height:calc(var(--rh) * 3);--rh:96px}
.trow{position:absolute;left:0;right:0;height:var(--rh);top:calc(var(--i) * var(--rh));display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr) 170px;align-items:center;border-bottom:1px solid var(--line);transition:top .7s cubic-bezier(.65,0,.35,1),background .4s}
.trow>*{padding-inline:20px}
.trow.flash{background:#23241a}
.pos{font-family:var(--disp);font-weight:800;font-size:3rem;line-height:1;color:var(--mut)}
.trow[style*="--i:0"] .pos{color:var(--acc)}
.team{display:flex;align-items:center;gap:14px;min-width:0}
.sw{width:16px;height:44px;flex:none}
.team b{font-family:var(--disp);font-size:1.9rem;font-weight:800;text-transform:uppercase;line-height:1;display:block}
.team span{font-family:var(--mono);font-size:.74rem;color:var(--mut);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.last{font-family:var(--mono);font-size:.82rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.last b{color:var(--acc);font-weight:700}
.pts{font-family:var(--mono);font-weight:700;font-size:2.3rem;text-align:right;letter-spacing:-.02em}
.board-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:2px solid var(--line);flex-wrap:wrap}
.board-foot small{font-family:var(--mono);font-size:.74rem;color:var(--mut)}
.btn-sm{font-size:1rem;padding:10px 16px}
.log{border-left:4px solid var(--acc);padding-left:24px}
.log h3{font-size:1.5rem}
.log ol{list-style:none;margin:18px 0 0;padding:0;font-family:var(--mono);font-size:.86rem}
.log li{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;color:var(--mut)}
.log li b{color:var(--tx);font-weight:500}
.log li em{font-style:normal;color:var(--acc);font-weight:700}
.log .aimg{margin-top:26px;aspect-ratio:4/3;overflow:hidden}
.log .aimg img{width:100%;height:100%;object-fit:cover}

/* draw */
.draw{position:relative;isolation:isolate;overflow:hidden}
.draw>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.draw::before{content:"";position:absolute;inset:0;background:rgba(20,22,25,.72);z-index:-1}
.draw .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.draw .lead{color:#d9dbd6}
.draw .btn{margin-top:30px}
.card{background:var(--bg);border:2px solid var(--tx);position:relative}
.card-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--tx);padding:12px 20px;gap:12px}
.card-main{padding:30px 28px 34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start}
.card-main svg{width:88px;height:88px}
.card-main .m{stroke:var(--acc)} .card-main .a,.card-main .d{fill:var(--acc)} .card-main .g{stroke:var(--line2)}
.card h3{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800}
.card p{margin-top:14px;font-size:1.15rem}
.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--tx);padding:14px 20px;gap:12px}
.card-foot .p{font-family:var(--mono);font-weight:700;font-size:1.8rem;color:var(--acc)}
.card-foot .c{font-family:var(--mono);font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.card.shuffle h3{color:var(--mut)}

/* tours */
.tours{margin-top:52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:14px}
.tour{position:relative;background:var(--bg2);border:2px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;overflow:hidden;isolation:isolate;padding:26px}
.tour>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.tour.ph::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,22,25,.96) 0%,rgba(20,22,25,.55) 55%,rgba(20,22,25,.1) 100%);z-index:-1}
.tour:hover>img{transform:scale(1.04)}
.t-big{grid-column:span 2;grid-row:span 2;min-height:620px}
.t-wide{grid-column:span 2}
.tour h3{font-size:clamp(2rem,3vw,2.8rem)}
.t-big h3{font-size:clamp(2.8rem,5vw,4.6rem)}
.tour .cnt{font-family:var(--mono);font-size:.85rem;color:#dcdcd6;margin-top:10px}
.tour .row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:22px;padding-top:16px;border-top:2px solid rgba(242,242,238,.25);flex-wrap:wrap}
.price{font-family:var(--mono);font-weight:700;font-size:1.6rem;color:var(--acc);line-height:1}
.price small{display:block;font-size:.72rem;color:#cfd1cc;font-weight:400;margin-top:6px}
.pick{background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tx);padding:6px 0;border-bottom:2px solid var(--acc)}
.pick:hover{color:var(--acc)}
.t-fur{background:var(--bg3)}
.t-fur .big20{font-family:var(--disp);font-weight:800;font-size:8rem;line-height:.8;color:var(--acc);margin-bottom:auto}
.firm{margin-top:14px;border:2px dashed var(--line2);padding:20px 26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.firm b{font-family:var(--disp);font-size:1.6rem;text-transform:uppercase}
.firm span{font-family:var(--mono);color:var(--mut);font-size:.9rem}

/* who */
.who{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:stretch}
.who-img{position:relative;min-height:560px}
.who-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.groups{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}
.groups h3{font-size:1.6rem;padding-top:14px;border-top:4px solid var(--tx)}
.groups p{color:var(--mut);margin-top:8px;font-size:.98rem}
.lang{margin-top:44px;background:var(--bg2);border:2px solid var(--line)}
.lang-tabs{display:flex;border-bottom:2px solid var(--line)}
.lang-tabs button{flex:1;background:none;border:0;border-right:2px solid var(--line);padding:12px;font-family:var(--mono);font-weight:700;letter-spacing:.1em;cursor:pointer;color:var(--mut)}
.lang-tabs button:last-child{border-right:0}
.lang-tabs button[aria-selected="true"]{background:var(--acc);color:var(--acc-ink)}
.lang-body{padding:22px 24px}
.lang-body b{font-family:var(--disp);font-size:1.6rem;text-transform:uppercase;display:block;line-height:1}
.lang-body p{margin-top:10px}
.lang-body small{display:block;margin-top:12px;font-family:var(--mono);font-size:.74rem;color:var(--mut)}

/* booking */
.book{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px)}
form{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
.f{display:flex;flex-direction:column;gap:8px}
.f.full{grid-column:1/-1}
label{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#d6d8d3}
input,select{background:#0d0e10;border:2px solid var(--line2);padding:14px 14px;font-size:1.05rem;color:var(--tx);width:100%;min-width:0;appearance:none;-webkit-appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--tx) 50%),linear-gradient(135deg,var(--tx) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
input:focus,select:focus{border-color:var(--acc);outline:none}
input::placeholder{color:#8a9097}
input[type=date]{color-scheme:dark}
.help{font-size:.82rem;color:var(--mut)}
.err{font-size:.86rem;color:#ff8a78;min-height:0;display:none}
.f.bad input,.f.bad select{border-color:#ff8a78}
.f.bad .err{display:block}
.form-err{grid-column:1/-1}
.form-err.on{display:block}
.submit{grid-column:1/-1;display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}
.submit small{color:var(--mut);font-size:.88rem}
.thanks{display:none;margin-top:40px;border:2px solid var(--acc);padding:32px}
.thanks h3{font-size:2.6rem;color:var(--acc)}
.thanks p{margin-top:12px;max-width:52ch}
.done form{display:none}.done .thanks{display:block}
.sheet{border:2px solid var(--line);display:flex;flex-direction:column}
.sheet .pic{aspect-ratio:4/3;overflow:hidden}
.sheet .pic img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.sheet dl{margin:0;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;font-family:var(--mono);font-size:.9rem}
.sheet dt{color:var(--mut)} .sheet dd{margin:0;text-align:right}
.sheet .tot{border-top:2px solid var(--line);padding:18px 24px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sheet .tot span{font-family:var(--mono);color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.sheet .tot b{font-family:var(--mono);font-size:2rem;color:var(--acc)}

/* faq */
.faq{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 36px}
.faq div{border-top:4px solid var(--acc);padding-top:18px}
.faq h3{font-size:1.5rem;line-height:1.02}
.faq p{color:var(--mut);margin-top:10px;font-size:.98rem}

/* footer */
footer{border-top:2px solid var(--line);padding-block:64px 40px}
.ft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.wm{font-family:var(--disp);font-weight:800;font-size:clamp(3.4rem,13vw,12rem);line-height:.8;text-transform:uppercase;letter-spacing:-.01em}
.wm span{color:var(--acc)}
.ft ul{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:.9rem;display:grid;gap:8px;text-align:right}
.ft ul a{text-decoration:none}.ft ul a:hover{color:var(--acc)}
.fine{margin-top:40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:.76rem;color:var(--mut)}

/* responsive */
@media (max-width:1024px){
  .rb-cols,.rb-row>button{grid-template-columns:64px 96px minmax(0,1fr) 130px 100px 36px}
  .rb-body .in2{padding-left:176px}
  .faq{grid-template-columns:1fr 1fr}
  .t-big{min-height:520px}
}
@media (max-width:900px){
  .nav a.l{display:none}
  .route{grid-template-columns:1fr;gap:30px;padding-left:34px}
  .route::before{left:15px;right:auto;top:0;bottom:0;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--line2) 0 18px,transparent 18px 30px)}
  .route .fill{left:15px;top:0;bottom:0;width:4px;height:auto;transform-origin:top}
  .rv-on .route:not(.in) .fill{transform:scaleY(0)}
  .cp{padding-right:0}
  .cp .mk{position:absolute;left:-34px;top:-2px;font-size:.7rem;padding:3px 5px}
  .cp h3{margin-top:0;padding-left:36px}
  .cp p{padding-left:36px}
  .board-grid,.draw .wrap,.who,.book{grid-template-columns:1fr}
  .tours{grid-template-columns:1fr 1fr}
  .t-big{grid-column:1/-1;grid-row:auto;min-height:440px}
  .t-wide{grid-column:1/-1}
  .who-img{min-height:380px}
}
@media (max-width:700px){
  body{font-size:16px}
  .hdr .wrap{height:60px}
  .logo{font-size:1.3rem}
  .nav .btn{display:none}
  .hero{min-height:calc(100dvh - 60px);max-height:none}
  .hero img{object-position:50% 58%}
  .hero::before{background:linear-gradient(0deg,rgba(20,22,25,1) 0%,rgba(20,22,25,.88) 42%,rgba(20,22,25,.1) 72%),linear-gradient(180deg,rgba(20,22,25,.75) 0%,rgba(20,22,25,0) 20%)}
  .hero .wrap{padding-block:100px 56px}
  .hero h1{font-size:clamp(3.6rem,19vw,5.4rem)}
  .rb-cols{display:none}
  .rb-row>button{grid-template-columns:56px minmax(0,1fr) auto 30px;min-height:84px}
  .rb-row>button>*{padding:10px 10px}
  .rb-row .km,.rb-row .rb-cat{display:none}
  .tul svg{width:36px;height:36px}
  .rb-name{font-size:1.4rem}
  .rb-pt{font-size:1.05rem}
  .rb-pt.leg{margin-right:0}
  .chev{width:30px}
  .rb-body .in2{padding:0 14px 22px 66px;grid-template-columns:1fr}
  .bcols{grid-template-columns:48px minmax(0,1fr) 116px}
  .bcols span{padding-inline:12px}
  .bcols span:nth-child(3){display:none}
  .rows{--rh:84px}
  .trow{grid-template-columns:48px minmax(0,1fr) 116px}
  .trow>*{padding-inline:12px}
  .trow .last{display:none}
  .pos{font-size:2.2rem}
  .team b{font-size:1.5rem}
  .sw{width:10px;height:38px}
  .pts{font-size:1.6rem}
  .board-top{padding:12px 14px}
  .card-main{grid-template-columns:1fr;padding:22px 20px 26px;gap:14px}
  .card-main svg{width:60px;height:60px}
  .tours{grid-template-columns:1fr}
  .t-big,.t-wide{grid-column:auto}
  .tour{min-height:280px}
  .t-big{min-height:420px}
  .groups{grid-template-columns:1fr}
  form{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr;gap:32px}
  .ft{grid-template-columns:1fr}
  .ft ul{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}