/* Merania: pruhy s radením, načítanie vedľa seba, pred a po, kruhy Lighthouse, medián a "Ako meriame".
   Základ je KONEČNÝ stav (bez JS aj pri znížení pohybu). Počiatočné stavy animácií sú len pod .js a v prefers-reduced-motion:no-preference. */
.pg-mer{--mr-old:#707070;--mr-track:#1a1a1a;--mr-panel:#131313}
.mr-sec{margin-top:var(--scene-gap);scroll-margin-top:16px}
.pg-mer .pg-head+.mr-sec{margin-top:var(--sp-7)}
.mr-h{max-width:22ch;margin-bottom:14px;font-size:clamp(28px,7.6vw,52px);letter-spacing:-.04em;line-height:1.05}
.mr-h3{margin:0;font-size:clamp(21px,5.4vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.15}
.mr-lead{max-width:46ch;color:var(--mute);font-size:var(--fs-md);line-height:1.45}
.mr-note{max-width:62ch;margin-top:14px;color:var(--mute);font-size:var(--fs-sm);line-height:1.5}
.pg-mer .eyebrow{margin-bottom:12px}

/* číslo hrdina: najväčší rozdiel, jediný veľký prvok hlavičky */
.mr-hero{margin-top:var(--sp-6)}
.mr-hero-k{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}
.mr-hero-n{margin-top:var(--sp-2);font-size:clamp(88px,30vw,168px);font-weight:600;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
html[lang="en"] .mr-hero-n{font-size:clamp(80px,27.5vw,168px)}
html[lang="en"] .pg-mer .pg-head h1{font-size:clamp(36px,12.2vw,148px)}
.mr-hero-t{max-width:34ch;margin-top:var(--sp-3);color:var(--text-2);font-size:var(--fs-md);line-height:1.45}
.mr-hero-t b{color:var(--fg);font-weight:600}

/* skok na časť: tri čipy, rovnaký komponent .chip ako výber firmy */
.mr-jump{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}

/* prepínač a čipy */
.mr-seg{grid-template-columns:1fr 1fr;max-width:480px;margin-top:var(--sp-5)}
.mr-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-2);margin-top:var(--sp-4)}
.mr-chip{padding:0 var(--sp-2);font-weight:600}
html:not(.js) .mr-seg,html:not(.js) .mr-pick{display:none}
@media (hover:hover) and (pointer:fine){
}

/* rozbaľovací blok: karta na telefóne (tlačidlo 72 px, plus), na počítači vždy otvorený a bez karty (js/merania.js) */
.mr-dts{display:grid;gap:var(--sp-2);margin-top:var(--sp-5)}
.mr-dt{border-radius:var(--r-2);background:var(--surface)}
.mr-dt-s{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:72px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mr-dt-s::-webkit-details-marker{display:none}
.mr-dt-s::marker{content:""}
.mr-dt-s:focus-visible{outline-offset:-3px}
.mr-dt-t{display:grid;gap:var(--sp-1);min-width:0}
.mr-dt-k{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}
.mr-dt-h{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.mr-dt-pm{position:relative;flex:none;width:28px;height:28px}
.mr-dt-pm::before,.mr-dt-pm::after{content:"";position:absolute;left:4px;right:4px;top:13px;height:2px;background:currentColor;transition:transform var(--dur-2) var(--ease)}
.mr-dt-pm::after{transform:rotate(90deg)}
.mr-dt[open]>.mr-dt-s .mr-dt-pm::after{transform:rotate(0)}
.mr-dt-b{padding:var(--sp-2) var(--sp-4) var(--sp-5)}
.mr-dt-b .mr-lead{margin-top:0}
.mr-dt-b .mr-h3{margin-top:var(--sp-5)}
.mr-fold{margin-top:var(--sp-3)}
.mr-fold-s{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2);font-size:var(--fs-sm);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--outline);cursor:pointer;list-style:none}
.mr-fold-s::-webkit-details-marker{display:none}
.mr-fold-s::marker{content:""}
.mr-fold .mr-note:first-of-type{margin-top:var(--sp-1)}

/* odometer: číslice sa pretáčajú; ostatné znaky stoja */
.od{display:inline-flex;height:1em;overflow:hidden;line-height:1;vertical-align:top}
.od-c{display:block;height:1em;overflow:hidden}
.od-s{display:block;will-change:transform}
.od-s span,.od-ch{display:block;height:1em;line-height:1}

/* 1. pruhy */
.mr-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:22px;color:var(--mute);font-size:var(--fs-xs);letter-spacing:.03em}
.mr-lg-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;flex:1 0 100%;color:var(--fg)}
.mr-lg{display:inline-flex;align-items:center;gap:8px}
.mr-lg::before{content:"";width:18px;height:10px;border-radius:2px;background:var(--mr-old)}
.mr-lg-new::before{background:var(--fg)}
.mr-list{position:relative;display:grid;gap:4px;margin-top:28px}
.mr-row{position:relative;display:grid;gap:8px;padding:14px 12px 12px;border-radius:var(--r-2)}
.mr-rh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mr-name{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.mr-gain{display:grid;justify-items:end;gap:1px;text-align:right}
.mr-gain b{font-size:var(--fs-sm);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.mr-gain span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;color:var(--mute);font-size:var(--fs-xs);line-height:1.3}
.mr-bars{display:grid;gap:5px}
.mr-b{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:8px}
.mr-track{position:relative;display:block;height:12px}
.mr-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);min-width:3px;border-radius:2px;background:var(--mr-old);transform-origin:0 50%}
.mr-b-new .mr-fill,.mr-med-new .mr-fill{background:var(--fg)}
.mr-fill.is-cut::after{content:"";position:absolute;right:11%;top:-3px;bottom:-3px;width:5px;background:var(--bg);transform:skewX(-28deg);box-shadow:8px 0 0 var(--bg)}
.mr-row.is-top .mr-fill.is-cut::after{background:var(--bg)}
.mr-v{display:flex;justify-content:flex-end;font-size:var(--fs-sm);font-weight:500;letter-spacing:-.01em;color:var(--mute)}
.mr-b-new .mr-v{color:var(--fg)}
.mr-row.is-top{box-shadow:inset 0 0 0 2px var(--fg)}
.mr-tag{position:absolute;top:-12px;left:14px;padding:3px 10px;border-radius:var(--r-pill);background:var(--fg);color:var(--bg);font-size:var(--fs-xs);font-weight:500;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
.mr-sp+.mr-note{margin-top:18px}

/* 2. načítanie vedľa seba */
.mr-film-body{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}
.mr-clock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);min-height:56px}
.mr-t{font-size:clamp(36px,11vw,64px);white-space:nowrap;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.mr-play{min-height:48px;padding:0 var(--sp-3);font-size:var(--fs-md);white-space:nowrap}
.mr-play[hidden]{display:none}
.mr-speed{min-height:1.2em;margin-top:-6px;color:var(--mute);font-size:var(--fs-xs);line-height:1.3}
.mr-speed:empty{display:none}
.mr-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mr-ph{display:grid;align-content:start;gap:10px;min-width:0}
.mr-scr{position:relative;aspect-ratio:var(--ar,600/1191);overflow:hidden;border:4px solid var(--surface-3);border-radius:var(--r-2);background:#ececec}
.mr-scr img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top;clip-path:inset(0 0 calc((1 - var(--p,1)) * 100%) 0)}
.mr-pc{display:grid;gap:2px}
.mr-pc b{font-size:var(--fs-md);font-weight:600;letter-spacing:-.015em}
.mr-pc-t{color:var(--mute);font-size:var(--fs-xs)}
.mr-pc-s{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase}
.mr-pc-s::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--fg)}
.mr-pc-s[data-s="blank"]::before{background:transparent;box-shadow:inset 0 0 0 2px var(--mute)}
.mr-pc-s[data-s="draw"]::before{background:var(--mute)}
.mr-pc-s[data-s="blank"],.mr-pc-s[data-s="draw"]{color:var(--mute)}
.mr-tl{position:relative;display:grid;gap:8px;padding-top:2px;--tp:0}
.mr-tl-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}
.mr-tl-k{color:var(--mute);font-size:var(--fs-xs);letter-spacing:.04em}
.mr-tl-track{position:relative;display:block;height:12px;overflow:hidden;border-radius:2px;background:var(--mr-track)}
.mr-tl-paint{position:absolute;top:0;bottom:0;left:var(--f,0%);width:var(--d,0%);background:#4d4d4d}
.mr-tl-end{position:absolute;top:0;bottom:0;left:calc(var(--e,0%) - 3px);width:3px;background:var(--fg)}
.mr-tl-head{position:absolute;top:-2px;bottom:22px;left:calc(80px + (100% - 80px) * var(--tp));width:2px;margin-left:-1px;background:var(--fg);box-shadow:0 0 0 1px var(--bg)}
.mr-tl-ax{display:flex;justify-content:space-between;padding-left:80px;color:var(--mute);font-size:var(--fs-xs)}
.mr-cmp{width:100%;margin-top:4px;border-collapse:collapse;font-size:var(--fs-sm)}
.mr-cmp th,.mr-cmp td{padding:11px 0;border-top:2px solid var(--axis);vertical-align:baseline}
.mr-cmp thead th{border-top:0;padding:0 0 8px 6px;color:var(--text-3);font-size:var(--fs-xs);font-weight:500;letter-spacing:.03em;text-align:right;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}
.mr-cmp tbody th{padding-right:10px;font-weight:500;line-height:1.3;text-align:left;overflow-wrap:anywhere;hyphens:auto}
.mr-cmp td{width:1%;padding-left:6px;text-align:right;font-size:var(--fs-sm);color:var(--mute);white-space:nowrap}
.mr-cmp td:last-child{color:var(--fg)}
.mr-h3+.mr-cmp{margin-top:0}
.mr-film-body .mr-h3{margin-top:var(--sp-3)}

/* 4. pred a po */
.mr-ba-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-1);margin-top:var(--sp-5)}
.mr-ba-body>.mr-dt{margin-top:var(--sp-4)}
.mr-ba{display:grid;gap:12px}
.mr-ba-box{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-2);background:var(--surface-2);touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mr-ba-box img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;-webkit-user-drag:none}
.mr-ba-old{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.mr-ba-k{position:absolute;top:12px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(10,10,10,.86);color:var(--fg);font-size:var(--fs-xs);font-weight:500;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
.mr-ba-k-old{left:12px}
.mr-ba-k-new{right:12px}
.mr-ba-h{position:absolute;top:0;bottom:0;left:var(--x);display:grid;place-items:center;width:56px;margin-left:-28px;cursor:ew-resize;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.mr-ba-h:focus-visible{outline:none}
.mr-ba-h:focus-visible .mr-ba-grip{outline:3px solid var(--fg);outline-offset:3px}
.mr-ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--fg);box-shadow:0 0 0 1px rgba(10,10,10,.4)}
.mr-ba-grip{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--fg);color:var(--bg);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.mr-ba-cap{color:var(--mute);font-size:var(--fs-sm);line-height:1.4}
.mr-ba-cap b{color:var(--fg);font-weight:600}

/* 3. Lighthouse */
.mr-lh{display:grid;gap:0;margin-top:30px}
.mr-lh-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:var(--fs-md);letter-spacing:-.015em}
.mr-lh-t b{font-weight:600}
.mr-lh-t .mono{color:var(--mute);font-size:var(--fs-xs)}
.mr-rings{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:10px;margin-top:22px}
.mr-ring{display:grid;justify-items:center;align-content:start;gap:9px}
.mr-ring[hidden]{display:none}
.mr-ring-w{position:relative;display:block;width:100%;max-width:150px;aspect-ratio:1}
.mr-ring-w svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.mr-ring-w circle{fill:none;stroke-width:9}
.mr-ring-t{stroke:var(--surface-2)}
.mr-ring-a{stroke:var(--fg);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v,0))}
.mr-ring-n{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(20px,6.2vw,36px);font-weight:600;letter-spacing:-.04em}
.mr-ring-l{max-width:11ch;color:var(--mute);font-size:var(--fs-xs);line-height:1.25;text-align:center}
.mr-met{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin:30px 0 0}
.mr-met dt{color:var(--mute);font-size:var(--fs-sm);line-height:1.3}
.mr-met dd{margin:4px 0 0;font-size:clamp(22px,6vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.1}

/* 5. stránky a ukážky */
.mr-pane{margin-top:22px}
.mr-pane[hidden]{display:none}
html:not(.js) .mr-pane[hidden]{display:block}
.mr-pane-h{margin-bottom:8px;font-size:var(--fs-sm);font-weight:500;color:var(--mute);letter-spacing:0}
.js .mr-pane-h{display:none}
.mr-list1{display:grid;gap:4px}
.mr-r1{display:grid;gap:7px;padding:12px 0}
.mr-r1h{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px}
.mr-sub{color:var(--mute);font-size:var(--fs-xs);letter-spacing:.02em}
.mr-extra{color:var(--mute);font-size:var(--fs-xs);line-height:1.35}
.mr-r1 .mr-v{color:var(--fg)}

/* 6. medián */
.mr-med{display:grid;gap:var(--sp-6);margin-top:var(--sp-5)}
.mr-med-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:var(--fs-lg);font-weight:500;letter-spacing:-.015em}
.mr-med-l .mono{color:var(--mute);font-size:var(--fs-xs);font-weight:400;letter-spacing:.04em}
.mr-med-rings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.mr-med-r{display:grid;justify-items:center;gap:10px}
.mr-med-r .mr-ring-w{max-width:170px}
.mr-med-r .mr-ring-n{font-size:clamp(34px,10vw,52px)}
.mr-med-r.mr-med-old .mr-ring-a{stroke:var(--mr-old)}
.mr-med-r .mr-ring-l{max-width:none;color:var(--fg);font-size:var(--fs-sm)}
.mr-med-axis{display:grid;gap:18px;margin-top:20px}
.mr-med-bl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;color:var(--mute);font-size:var(--fs-sm)}
.mr-med-bl b{font-size:clamp(30px,9vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--fg)}
.mr-med-axis .mr-track{height:14px}
.mr-med-old .mr-fill{background:var(--mr-old)}
.mr-ticks{display:flex;justify-content:space-between;margin-top:-6px;color:var(--mute);font-size:var(--fs-xs)}
.mr-med-note{grid-column:1/-1;margin-top:-18px}

/* 7. ako meriame */
.mr-how{display:grid;gap:var(--sp-2);margin-top:var(--sp-5)}
.mr-m .mr-h3{font-size:var(--fs-lg)}
.mr-m .mr-dl{margin-top:0}
.mr-dl{display:grid;gap:0;margin:16px 0 0}
.mr-dl>div{display:grid;gap:2px;padding:11px 0;border-top:2px solid var(--axis)}
.mr-dl dt{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase}
.mr-dl dd{margin:0;font-size:var(--fs-md);line-height:1.4}
.mr-dd{display:block}
.mr-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-top:26px}
.mr-stat-n{display:flex;height:1em;font-size:clamp(46px,13vw,76px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.mr-stat-t{display:grid;gap:3px;margin-top:12px}
.mr-stat-t b{font-size:var(--fs-md);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.mr-stat-t span{color:var(--mute);font-size:var(--fs-sm);line-height:1.35}

/* odkazy */
.mer-links{display:grid;gap:4px;max-width:760px}
.pg-mer .art-link{margin-top:0;padding:16px 4px 16px 2px;border-top:2px solid var(--axis)}
.pg-mer .more{margin-top:28px}

/* animácie: len pod .js a bez zníženého pohybu; hotový stav je základ */
@media (prefers-reduced-motion:no-preference){
  .js:not(:where(.is-paused)) .mr-sp:not(.in) .mr-fill,.js:not(:where(.is-paused)) .mr-sp2 .mr-pane:not(.in) .mr-fill,.js:not(:where(.is-paused)) .mr-med:not(.in) .mr-fill{transform:scaleX(0)}
  .js:not(:where(.is-paused)) .mr-fill{transition:transform 1s var(--ease-io);transition-delay:calc(var(--i,0) * 80ms)}
  .js:not(:where(.is-paused)) .mr-b-new .mr-fill{transition-delay:calc(var(--i,0) * 80ms + .3s)}
  .js:not(:where(.is-paused)) .mr-med-new .mr-fill{transition-delay:.3s}
  .js:not(:where(.is-paused)) .mr-sp:not(.in) .mr-tag,.js:not(:where(.is-paused)) .mr-sp:not(.in) .mr-gain{opacity:0}
  .js:not(:where(.is-paused)) .mr-tag,.js:not(:where(.is-paused)) .mr-gain{transition:opacity var(--dur-2) .9s}
  .js:not(:where(.is-paused)) .mr-sp:not(.in) .mr-row.is-top{box-shadow:inset 0 0 0 2px transparent}
  .js:not(:where(.is-paused)) .mr-row.is-top{transition:box-shadow var(--dur-3) 1.7s}
  .js:not(:where(.is-paused)) .mr-lh:not(.in) .mr-ring-a,.js:not(:where(.is-paused)) .mr-med:not(.in) .mr-ring-a{stroke-dashoffset:100}
  .js:not(:where(.is-paused)) .mr-ring-a{transition:stroke-dashoffset 1.2s var(--ease-io)}
  .js:not(:where(.is-paused)) .mr-med-new .mr-ring-a{transition-delay:.3s}
}

@media (max-width:359px){
  .mr-t{font-size:34px}
  .mr-play{padding:0 14px;font-size:var(--fs-sm)}
}
/* tablet */
@media (min-width:700px){
  .mr-lead{font-size:var(--fs-lg)}
  .mr-row{padding:18px 16px 16px}
  .mr-b{grid-template-columns:minmax(0,1fr) 88px}
  .mr-track{height:14px}
  .mr-v{font-size:var(--fs-md)}
  .mr-name{font-size:var(--fs-lg)}
  .mr-gain b{font-size:var(--fs-md)}
  .mr-gain span{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:var(--fs-xs)}
  .mr-lg-k{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .mr-phones{gap:24px}
  .mr-ring-n{font-size:clamp(26px,3.4vw,40px)}
  .mr-met{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mr-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mr-dl>div{grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:baseline}
  .mr-r1{grid-template-columns:minmax(150px,26%) minmax(0,1fr) minmax(170px,30%);align-items:center;gap:0 20px}
  .mr-r1 .mr-extra{text-align:right}
}

/* počítač */
@media (min-width:900px){
  .mr-sec,.mr-dt{scroll-margin-top:96px}
  .pg-mer .pg-head+.mr-sec{margin-top:var(--sp-8)}
  .mr-hero{margin-top:var(--sp-7)}
  .mr-sp,.mr-sp2{max-width:1000px}
  .mr-list{margin-top:18px}
  .mr-row{grid-template-columns:200px minmax(0,1fr) 150px;align-items:center;gap:0 28px;padding:18px 20px}
  .mr-rh{display:contents}
  .mr-name{grid-column:1;grid-row:1}
  .mr-bars{grid-column:2;grid-row:1}
  .mr-gain{grid-column:3;grid-row:1}
  .mr-tag{left:20px}
  .mr-ba-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 64px;align-items:start}
  .mr-ba-head{position:sticky;top:96px}
  .mr-film-body,.mr-ba-body{margin-top:0}
  .mr-ba-body>.mr-dt{margin-top:var(--sp-6)}
  /* rozbaľovacie bloky: na počítači vždy otvorené (js/merania.js), bez karty a bez plusu, nadpis ako pri ostatných častiach */
  .mr-dts{gap:var(--scene-gap)}
  .mr-dt{border-radius:0;background:none}
  .mr-dt-s{min-height:0;padding:0;border-radius:0;cursor:default}
  .js .mr-dt-s{pointer-events:none}
  .mr-dt-pm{display:none}
  .mr-dt-k{margin-bottom:var(--sp-2)}
  .mr-dt-b{padding:var(--sp-4) 0 0}
  h2.mr-dt-h{max-width:22ch;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;line-height:1.05}
  h3.mr-dt-h{font-size:var(--fs-xl);letter-spacing:-.03em}
  .mr-m .mr-h3{font-size:var(--fs-xl)}
  .mr-how{gap:var(--sp-6) 48px}
  .mr-film-body{max-width:600px}
  .mr-phones{gap:28px}
  .mr-pick{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
  .mr-ba-box{aspect-ratio:1/1;max-width:640px}
  .mr-ba{max-width:640px}
  .mr-ba-sec .mr-ba-body{margin-top:0}
  .mr-lh{max-width:1000px}
  .mr-med{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
  .mr-how{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}
  .mr-how .mr-m:nth-child(3){grid-column:1/-1}
  .mr-how .mr-m:nth-child(3) .mr-dl{max-width:720px}
}
@media (min-width:900px) and (max-width:1199px){
  .mr-ba-sec{gap:0 40px}
}