@font-face{font-family:"Pathway Extreme";font-weight:300 900;font-stretch:75% 100%;font-style:normal;font-display:swap;src:url("/dist/assets/pathway-extreme-latin-2a9a6257.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:600;font-style:normal;font-display:swap;src:url("/dist/assets/chakra-petch-latin-600-cd2df683.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:700;font-style:normal;font-display:swap;src:url("/dist/assets/chakra-petch-latin-700-d09f6c28.woff2") format("woff2")}
:root{--navy:#1c3e95;--navy2:#13296a;--navy3:#0c1b47;--blue:#0e6aab;--red:#e51837;--red-ink:#c8102e;--red-dk:#a50d25;--ink:#0f1f3d;--muted:#46536c;--line:#d6dce7;--steel:#f1f3f7;--steel2:#e4e9f1;--kraft:#d3bb8c;--kraft-ink:#6b5320;--yellow:#f7dc07;--green-ink:#00663f;--black:#0b0f19;--paper:#fff;
--disp:"Pathway Extreme","Arial Narrow","Roboto Condensed",sans-serif;--body:"Pathway Extreme","Segoe UI",Arial,sans-serif;--mono:"Chakra Petch","Roboto Mono",ui-monospace,monospace;--wrap:82.5rem;--r:0.375rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);font-stretch:100%}
img,svg{max-width:100%}
img{height:auto;display:block}
a{color:inherit}
[hidden]{display:none!important}
h1,h2,h3{margin:0;line-height:1.05;font-family:var(--disp);font-stretch:75%;font-weight:800;text-transform:uppercase;letter-spacing:.2px}
h1{font-size:3.625rem}
h2{font-size:2.5rem}
h3{font-size:1.3125rem;line-height:1.2;text-transform:none;font-stretch:87.5%;font-weight:750}
p{margin:0 0 0.875rem}
ul,ol{margin:0 0 0.875rem;padding-left:1.375rem}
.tl-wrap{width:min(var(--wrap),calc(100% - 2rem));margin-inline:auto}
.tl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tl-skip{position:absolute;left:-62.4375rem;top:0.5rem;background:var(--navy);color:#fff;padding:0.5rem 0.875rem;z-index:70}
.tl-skip:focus{left:0.5rem}
.tl-kicker{font:700 0.8125rem/1.3 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--red-ink);margin:0 0 0.625rem}
.tl-kicker a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.tl-code{font:700 0.9375rem/1.2 var(--mono);letter-spacing:.6px;color:var(--navy)}
.tl-note{font-size:0.875rem;color:var(--muted)}
.tl-more{display:inline-flex;align-items:center;gap:0.5rem;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--red)}
.tl-more:hover{color:var(--red-ink)}
.tl-more--light{color:#fff;border-color:var(--yellow)}
.tl-more--light:hover{color:var(--yellow)}
.tl-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--navy);text-decoration:underline;cursor:pointer}
/* полоса цветов ленты */
.tl-stripe{display:flex;height:0.375rem}
.tl-stripe i{flex:1}
/* кнопки */
.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:3rem;padding:0.625rem 1.375rem;border-radius:var(--r);border:2px solid transparent;font:800 1rem/1.15 var(--body);font-stretch:87.5%;letter-spacing:.3px;text-transform:uppercase;text-decoration:none;cursor:pointer;text-align:center}
.tl-btn--buy{background:var(--red-ink);color:#fff;border-color:var(--red-ink)}
.tl-btn.tl-btn--buy,.tl-btn.tl-btn--buy:hover{color:#fff;text-decoration:none}
.tl-btn--buy:hover{background:var(--red-dk);border-color:var(--red-dk)}
.tl-btn--navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.tl-btn--navy:hover{background:var(--navy2)}
.tl-btn--ghost{background:#fff;color:var(--navy);border-color:var(--navy)}
.tl-btn--ghost:hover{background:var(--navy);color:#fff}
.tl-btn--sm{min-height:2.75rem;padding:0.5rem 0.875rem;font-size:0.875rem}
.tl-btn--block{display:flex;width:100%}
.tl-partner{display:flex;align-items:center;gap:0.375rem;font-size:0.8125rem;color:var(--muted);margin:0.5rem 0 0}
.tl-partner svg{color:var(--green-ink);flex:0 0 auto}
/* шапка */
.tl-top{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 var(--line)}
.tl-top__in{display:flex;align-items:center;gap:1.375rem;min-height:4.5rem}
.tl-top__logo{display:flex;flex:0 0 auto}
.tl-top__mark{width:10.75rem;height:auto}
.tl-nav{flex:1 1 auto;min-width:0}
.tl-nav__ul{display:flex;gap:1.125rem;list-style:none;margin:0;padding:0;white-space:nowrap}
.tl-nav__a{display:block;padding:1.5rem 0 1.3125rem;font:800 0.9375rem/1 var(--disp);font-stretch:75%;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:3px solid transparent}
.tl-nav__a:hover,.tl-nav__a.is-cur{border-color:var(--red);color:var(--navy)}
.tl-find{display:flex;align-items:center;flex:0 1 15.625rem;min-width:9.375rem;height:2.625rem;border:2px solid var(--steel2);border-radius:var(--r);background:var(--steel)}
.tl-find:focus-within{border-color:var(--navy);background:#fff}
.tl-find__in{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 0.625rem;font:500 0.9375rem var(--body);color:var(--ink)}
.tl-find__in:focus{outline:0}
.tl-find__go{display:flex;align-items:center;justify-content:center;width:2.5rem;height:100%;border:0;background:transparent;color:var(--navy);cursor:pointer}
.tl-find--top{display:none}
.tl-find--bar{margin-left:auto;height:2rem;flex:0 1 17.5rem;border-color:#3b62b8;background:#123488}
.tl-find--bar .tl-find__in{color:#fff;font-size:0.875rem}
.tl-find--bar .tl-find__in::placeholder{color:#b9c8ee}
.tl-find--bar .tl-find__go{color:#fff}
.tl-find--bar:focus-within{background:#fff;border-color:#fff}
.tl-find--bar:focus-within .tl-find__in,.tl-find--bar:focus-within .tl-find__go{color:var(--ink)}
.tl-top__end{display:flex;align-items:center;gap:0.75rem;flex:0 0 auto;margin-left:auto}
.tl-top__search{display:none;color:var(--navy);padding:0.5rem}
.tl-burger{display:none;position:relative}
.tl-burger__btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;cursor:pointer;color:var(--ink);list-style:none}
.tl-burger__btn::-webkit-details-marker{display:none}
.tl-drawer{position:absolute;right:0;top:3.25rem;width:min(20.625rem,calc(100vw - 2rem));max-height:calc(100vh - 8.75rem);overflow:auto;background:#fff;border:1px solid var(--line);border-top:0.25rem solid var(--red);box-shadow:0 1.125rem 2.5rem rgba(12,27,71,.18);padding:0.875rem 1.125rem;z-index:60}
.tl-drawer__h{font:700 0.75rem/1.2 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--red-ink);margin:0.625rem 0 0.25rem}
.tl-drawer ul{list-style:none;margin:0;padding:0}
.tl-drawer a{display:block;padding:0.625rem 0;font-weight:700;text-decoration:none;border-bottom:1px solid var(--steel2)}
.tl-drawer__more{margin-top:0.5rem!important}
.tl-tasks{background:var(--navy);color:#fff}
.tl-tasks__in{display:flex;align-items:center;gap:1.25rem;min-height:2.5rem;overflow:hidden}
.tl-tasks__k{margin:0;font:700 0.75rem/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#cfd9f2;flex:0 0 auto}
.tl-tasks ul{display:flex;gap:1.375rem;list-style:none;margin:0;padding:0;white-space:nowrap;min-width:0}
.tl-tasks a{display:block;padding:0.6875rem 0 0.5625rem;font-weight:600;font-size:0.875rem;text-decoration:none;color:#fff;border-bottom:2px solid transparent}
.tl-tasks a:hover,.tl-tasks a.is-cur{border-color:var(--yellow)}
/* крошки */
.tl-crumbs ol{display:flex;flex-wrap:wrap;gap:0.25rem 0.625rem;list-style:none;margin:0;padding:1rem 0 0.375rem;font-size:0.875rem;color:var(--muted)}
.tl-crumbs li+li::before{content:"/";margin-right:0.625rem;color:#9aa6bc}
.tl-crumbs a{color:var(--navy);text-decoration:none}
.tl-crumbs a:hover{text-decoration:underline}
/* полосы и заголовки полос */
.tl-sec{padding:4rem 0}
.tl-sec--steel{background:var(--steel)}
.tl-sec--navy{background:var(--navy);color:#fff}
.tl-sec--navy .tl-kicker{color:#ffd1d8}
.tl-sec--black{background:var(--black);color:#e9edf5}
.tl-head{margin:0 0 1.625rem}
.tl-head h2{max-width:none}
.tl-head p{max-width:none;margin-top:0.75rem;color:var(--muted);columns:1}
.tl-sec--navy .tl-head p{color:#dfe6f6}
.tl-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.125rem;flex-wrap:wrap}
/* плитки линеек */
.tl-lgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;list-style:none;margin:0;padding:0}
.tl-lgrid>*{flex:1 1 calc((100% - 3.75rem)/4);min-width:0}
.tl-lgrid--3>*{flex-basis:calc((100% - 2.5rem)/3)}
.tl-lgrid--2>*{flex-basis:calc((100% - 1.25rem)/2)}
.tl-lgrid--1>*{flex-basis:min(100%,26.25rem)}
.tl-lcard{position:relative;display:flex;flex-direction:column;container-type:inline-size;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .15s}
.tl-lcard:hover{box-shadow:0 0.625rem 1.625rem rgba(12,27,71,.12)}
.tl-lcard__in{display:flex;flex-direction:column;flex:1}
/* плитка, выросшая в последнем ряду полки, ложится горизонтально: кадр слева, текст справа (ряд полки всегда полный) */
@container (min-width:30rem){.tl-lcard__in{flex-direction:row}.tl-lcard__in>.tl-lcard__img{flex:0 0 42%;border-bottom:0;border-right:0.25rem solid var(--steel2)}}
.tl-lcard__img{background:#fff;border-bottom:0.25rem solid var(--steel2);padding:0.875rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.tl-lcard__img img{width:100%;height:100%;object-fit:contain}
.tl-lcard__body{display:flex;flex-direction:column;flex:1;padding:1rem 1rem 1.125rem}
.tl-lcard__k{font-size:0.8125rem;color:var(--muted);margin:0 0 0.375rem}
.tl-lcard__t{font-size:1.25rem;margin:0 0 0.625rem}
.tl-lcard__t a{text-decoration:none}
.tl-lcard__t a::after{content:"";position:absolute;inset:0;z-index:1}
.tl-lcard__price{margin:auto 0 0.75rem;padding-top:0.375rem}
.tl-lcard__price b{font:700 1.25rem/1 var(--mono);color:var(--ink)}
.tl-lcard__cta{display:flex;gap:0.5rem;flex-wrap:wrap;margin:0;position:relative;z-index:2}
.tl-lcard__cta .tl-btn{flex:1 1 auto}
.tl-metric{display:flex;align-items:baseline;gap:0.5rem;margin:0 0 0.5rem}
.tl-metric b{font:700 1.875rem/1 var(--mono);color:var(--navy);white-space:nowrap}
.tl-metric span{font:700 0.75rem/1.2 var(--mono);letter-spacing:1px;color:var(--muted)}
.tl-rate{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--muted);margin:0 0 0.375rem}
.tl-stars{width:5.5rem;height:auto;color:#e8a317;flex:0 0 auto}
.tl-rate b{color:var(--ink)}
/* герой отдела и задачи */
.tl-dhero{background:var(--steel);border-bottom:1px solid var(--line)}
.tl-dhero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:2.5rem;align-items:stretch;padding:2.25rem 0 2.5rem}
.tl-dhero__t h1{font-size:3.375rem;margin-bottom:1rem}
.tl-dhero__lead{font-size:1.1875rem;color:var(--muted);max-width:none}
.tl-dhero__nums{display:flex;flex-wrap:wrap;gap:0.75rem 2.125rem;list-style:none;margin:1.25rem 0 0;padding:0}
.tl-dhero__nums li{display:flex;flex-direction:column;border-left:0.25rem solid var(--red);padding-left:0.75rem}
.tl-dhero__nums b{font:700 1.875rem/1 var(--mono);color:var(--navy)}
.tl-dhero__nums span{font-size:0.875rem;color:var(--muted)}
.tl-dhero__img{margin:0;justify-self:end;width:100%}
.tl-dhero__img img{width:100%;border-radius:var(--r)}
.tl-dhero__ico{color:var(--navy);width:11.25rem}
/* поиск по модели */
.tl-finder{background:var(--navy3);color:#fff;padding:2.125rem 0}
.tl-finder__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem 2.5rem;align-items:center}
.tl-finder__t h2{font-size:2.125rem;color:#fff}
.tl-finder__t p{color:#cfd9f2;margin:0.625rem 0 0}
.tl-finder .tl-kicker{color:var(--yellow)}
.tl-finder__f{display:flex;gap:0.625rem}
.tl-finder__f input{flex:1;min-width:0;height:3.25rem;border:2px solid #3a5bb0;border-radius:var(--r);background:#0f2560;color:#fff;padding:0 0.875rem;font:600 1.0625rem var(--mono)}
.tl-finder__f input::placeholder{color:#9fb2df}
.tl-finder__f .tl-btn{min-height:3.25rem}
.tl-finder__chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0.5rem;margin:0}
.tl-finder__chips a{font:600 0.875rem/1 var(--mono);color:#fff;text-decoration:none;border:1px solid #4766b9;border-radius:6.1875rem;padding:0.5625rem 0.875rem}
.tl-finder__chips a:hover{background:#fff;color:var(--navy3)}
/* лучший выбор */
.tl-best{display:flex;flex-wrap:wrap;gap:1.125rem;list-style:none;margin:0;padding:0;counter-reset:b}
.tl-best>li{flex:1 1 calc((100% - 2.25rem)/3);min-width:min(100%,16.25rem)}
.tl-scene img{align-self:center;width:100%}
.tl-best li{background:#fff;border:1px solid var(--line);border-top:0.25rem solid var(--navy);border-radius:var(--r);padding:1.25rem}
.tl-best__s{font:700 0.8125rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--red-ink);margin:0 0 0.5rem}
.tl-best__l{font:800 1.375rem/1.15 var(--disp);font-stretch:75%;text-transform:uppercase;margin:0 0 0.5rem}
.tl-best__l a{text-decoration:none;color:var(--navy)}
.tl-best__w{margin:0;color:var(--muted)}
/* таблицы */
.tl-table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}
.tl-table th,.tl-table td{padding:0.8125rem 0.875rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tl-table thead th{background:var(--black);color:#fff;font:700 0.8125rem/1.25 var(--mono);letter-spacing:.8px;text-transform:uppercase;border:0}
.tl-table tbody tr:nth-child(even){background:var(--steel)}
.tl-table tbody th{font-weight:700}
.tl-table a{color:var(--navy)}
.tl-table thead a{color:#fff;text-decoration-color:var(--yellow)}
/* ответы на вопросы */
.tl-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem 1.875rem;align-items:start}
.tl-qa__i{border-top:3px solid var(--navy);padding-top:0.875rem}
.tl-qa__q{font-size:1.25rem;margin:0 0 0.5rem}
.tl-qa__a{margin:0}
.tl-qa__more{margin:0.5rem 0 0}
/* задачи строкой */
.tl-taskrow{display:flex;flex-wrap:wrap;justify-content:center;gap:0.875rem;list-style:none;margin:0;padding:0}
.tl-taskrow li{flex:1 1 calc((100% - 3.5rem)/5);min-width:0}
.tl-taskrow a{display:flex;flex-direction:column;gap:0.25rem;height:100%;padding:1.125rem;border:1px solid var(--line);border-left:0.25rem solid var(--red);border-radius:var(--r);text-decoration:none;background:#fff}
.tl-taskrow b{font:800 1.1875rem/1.1 var(--disp);font-stretch:75%;text-transform:uppercase;color:var(--navy)}
.tl-taskrow span{font-size:0.875rem;color:var(--muted)}
/* карточка линейки */
.tl-pdp{padding:0.5rem 0 3rem}
.tl-pdp__head{margin:0 0 1.375rem}
.tl-pdp__h1{font-size:3.125rem;margin:0 0 0.625rem}
.tl-pdp__rate{display:inline-flex;text-decoration:none}
.tl-pdp__lead{font-size:1.1875rem;color:var(--muted);margin:0.375rem 0 0;max-width:none}
.tl-pdp__grid{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2.5rem;align-items:start}
.tl-gal{width:calc(var(--box) + 2rem);max-width:100%;position:sticky;top:11.25rem}
.tl-gal__main{position:relative;margin:0;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);cursor:zoom-in}
.tl-gal__main img{width:100%;height:100%;max-width:var(--box);object-fit:contain}
.tl-gal__zoom{position:absolute;right:0.625rem;bottom:0.625rem;display:flex;padding:0.5rem;background:var(--steel);border-radius:6.1875rem;color:var(--navy)}
.tl-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.5rem;list-style:none;margin:0.625rem 0 0;padding:0}
.tl-thumbs button{display:block;width:100%;aspect-ratio:1/1;padding:0.25rem;background:#fff;border:2px solid var(--line);border-radius:0.25rem;cursor:pointer}
.tl-thumbs button[aria-current=true]{border-color:var(--red)}
.tl-thumbs img{width:100%;height:100%;object-fit:contain}
.tl-buybox{background:var(--steel);border-radius:var(--r);padding:1.5rem 1.625rem;border-top:0.3125rem solid var(--navy)}
.tl-buybox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 1.875rem;align-items:start}
.tl-buybox__side .tl-specs{grid-template-columns:minmax(0,1fr);margin-top:0}
.tl-buybox__code{display:flex;align-items:center;gap:0.625rem;flex-wrap:wrap;margin:0 0 0.375rem;font-size:0.8125rem;color:var(--muted)}
.tl-buybox__code span{font:700 0.75rem/1 var(--mono);text-transform:uppercase;letter-spacing:1px}
.tl-buybox__code .tl-code{font-size:1.25rem}
.tl-buybox__label{font:800 1.4375rem/1.2 var(--disp);font-stretch:87.5%;margin:0 0 0.75rem}
.tl-buybox__price{display:flex;flex-direction:column;gap:2px;margin:0 0 1rem}
.tl-buybox__price b{font:700 2.5rem/1 var(--mono);color:var(--ink)}
.tl-buybox__price span{font-size:0.9375rem;color:var(--muted)}
.tl-buybox__go .tl-btn{width:100%}
.tl-buybox__more{margin:0.875rem 0 0;font-weight:700}
.tl-buybox__more a{color:var(--navy);text-decoration:none;display:inline-flex;gap:0.5rem;align-items:center}
.tl-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.375rem;margin:1.125rem 0 0;border-top:1px solid var(--line)}
.tl-specs div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 0.75rem;padding:0.5625rem 0;border-bottom:1px solid var(--line);font-size:0.9375rem}
.tl-specs dd{min-width:0;overflow-wrap:anywhere}
.tl-buybox__side .tl-specs>div:last-child:nth-child(odd){grid-column:1/-1}
a[href^="mailto:"]{white-space:nowrap}
.tl-specs dt{color:var(--muted)}
.tl-specs dd{margin:0;font-weight:700;text-align:right}
.tl-fits{margin:1.125rem 0 0;background:#fff;border:1px solid var(--line);border-left:0.25rem solid var(--green-ink);border-radius:var(--r);padding:0.875rem 1rem}
.tl-fits__h{display:flex;align-items:center;gap:0.5rem;font:700 0.8125rem/1 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--green-ink);margin:0 0 0.5rem}
.tl-fits ul{margin:0;padding-left:1.125rem;font-size:0.9375rem}
.tl-fits a{color:var(--navy)}
.tl-fits__x{margin:0.5rem 0 0;font-size:0.875rem;color:var(--muted)}
/* таблица моделей */
.tl-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.75rem 1.25rem;margin:0 0 1rem}
.tl-filter__f{display:flex;flex-direction:column;gap:0.25rem;font:700 0.75rem/1 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.tl-filter select{min-height:2.75rem;min-width:9.375rem;border:2px solid var(--line);border-radius:var(--r);background:#fff;padding:0 0.625rem;font:600 0.9375rem var(--body);color:var(--ink)}
.tl-filter__n{margin:0 0 0 auto;font-size:0.9375rem;color:var(--muted)}
.tl-chart-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tl-chart{width:100%;border-collapse:collapse;font-size:0.9375rem}
@media (min-width:46.875em) and (max-width:68.748em){.tl-chart{font-size:0.8125rem}.tl-chart th,.tl-chart td{padding:0.4375rem 0.375rem}.tl-chart__img,.tl-chart tr>:nth-last-child(2){display:none}.tl-chart__act .tl-btn{min-height:2.25rem;padding:0.375rem 0.5rem;font-size:0.75rem}}
@media (min-width:46.875em) and (max-width:53.123em){.tl-chart{font-size:0.75rem}.tl-chart th,.tl-chart td{padding:0.375rem 0.25rem}.tl-chart thead th{letter-spacing:0}.tl-chart__act .tl-btn{padding:0.25rem 0.375rem;font-size:0.6875rem;letter-spacing:0}}
.tl-chart th,.tl-chart td{padding:0.625rem 0.75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tl-chart thead th{background:var(--black);color:#fff;font:700 0.75rem/1.2 var(--mono);letter-spacing:.8px;text-transform:uppercase}
.tl-chart tbody tr:nth-child(even){background:var(--steel)}
.tl-chart tbody tr.is-picked{background:#fff6d1;box-shadow:inset 0.25rem 0 0 var(--red)}
.tl-chart__img{width:4.25rem}
.tl-chart__img img{width:3.25rem;height:3.25rem;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:0.25rem}
.tl-chart__act{width:1%;white-space:nowrap}
.tl-chart td b{font:700 1rem var(--mono)}
.tl-chart__empty{margin:0.875rem 0 0}
/* о линейке */
.tl-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:2.5rem;align-items:stretch}
.tl-about--solo{grid-template-columns:minmax(0,1fr)}
.tl-about--solo .tl-about__text{columns:2;column-gap:2.5rem}
.tl-about--solo .tl-about__text h2,.tl-about--solo .tl-about__text .tl-kicker{column-span:all}
.tl-about__text h2{margin-bottom:1rem}
.tl-about__img{margin:0;width:100%}
.tl-about__img img{width:100%;border-radius:var(--r)}
.tl-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.875rem}
.tl-fit__col{border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.375rem}
.tl-fit__col h3{margin:0 0 0.625rem;font-size:1.25rem}
.tl-fit__col ul{margin:0;padding-left:1.25rem}
.tl-fit__col li{margin:0 0 0.375rem}
.tl-fit__col--yes{border-top:0.3125rem solid var(--green-ink)}
.tl-fit__col--no{border-top:0.3125rem solid var(--red)}
/* шаги */
.tl-steps{display:flex;flex-wrap:wrap;gap:1.125rem;list-style:none;margin:0;padding:0}
.tl-steps>li{flex:1 1 12.5rem;min-width:0}
.tl-steps li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:1.125rem}
.tl-steps__n{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:50%;background:var(--yellow);color:var(--navy3);font:700 1.125rem var(--mono);margin-bottom:0.625rem}
.tl-steps b{display:block;font-size:1.125rem;margin:0 0 0.375rem}
.tl-steps p{margin:0;color:#dfe6f6}
.tl-vs__line{font-size:1.125rem;margin:0 0 1.125rem;max-width:none}
/* отзывы */
.tl-rv{display:grid;grid-template-columns:minmax(0,18.75rem) minmax(0,1fr);gap:2.5rem;align-items:start}
.tl-rv__big{display:flex;align-items:center;gap:0.75rem;margin:0.875rem 0 0}
.tl-rv__big b{font:700 3.25rem/1 var(--mono);color:var(--navy)}
.tl-rv__big span{display:flex;flex-direction:column;gap:0.25rem;font-size:0.875rem;color:var(--muted)}
.tl-reviews{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:1.25rem;align-items:start}
.tl-reviews__c{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.tl-review{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.125rem}
.tl-review__stars{margin:0 0 0.375rem}
.tl-review__t{font-weight:800;margin:0 0 0.375rem}
.tl-review__b{margin:0}
.tl-review__b p{margin:0}
.tl-review__b.is-long:not(.is-open) p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.tl-review__more{background:none;border:0;padding:0.375rem 0 0;font:700 0.9375rem var(--body);color:var(--navy);cursor:pointer;min-height:2.75rem}
.tl-review__by{margin:0.5rem 0 0;font-size:0.875rem;color:var(--muted)}
.tl-review__by a{color:var(--navy)}
/* увеличение */
.tl-lb{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;border:0;background:rgba(8,14,32,.94)}
.tl-lb[open]{display:flex;align-items:center;justify-content:center}
.tl-lb__slot{display:flex;align-items:center;justify-content:center;width:min(92vw,75rem);height:84vh}
.tl-lb__slot img{max-height:84vh;width:auto;height:auto;object-fit:contain;background:#fff}
.tl-lb__x,.tl-lb__prev,.tl-lb__next{position:absolute;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:0;border-radius:50%;background:#fff;color:var(--navy3);font-size:1.875rem;cursor:pointer}
.tl-lb__x{top:1rem;right:1rem}
.tl-lb__prev{left:1rem;top:50%}
.tl-lb__next{right:1rem;top:50%}
.tl-lb__n{position:absolute;bottom:0.875rem;left:0;right:0;text-align:center;color:#fff;font:700 0.9375rem var(--mono);margin:0}
/* закреплённая покупка */
.tl-dock{display:none}
.tl-pdp__col{min-width:0;display:flex;flex-direction:column;gap:1.125rem}
.tl-pdp__col .tl-pdp__head{margin:0}
/* закреплённая покупка линейки — на всех ширинах (на ПК полосой у низа), уступает главной кнопке и миниатюрам */
.tl-dock--pdp{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:3px solid var(--red);box-shadow:0 -0.5rem 1.5rem rgba(12,27,71,.16);padding:0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom))}
.tl-dock__in{display:flex;align-items:center;gap:0.75rem}
.tl-dock__t{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;line-height:1.2}
.tl-dock__t b{font:700 1.1875rem var(--mono)}
.tl-dock__t span{font-size:0.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-dock .tl-btn{flex:0 1 auto;min-height:2.875rem;padding:0.5rem 0.875rem;font-size:0.875rem;white-space:normal}
.tl-dock--pdp .tl-dock__in{max-width:75rem;margin:0 auto}
.tl-dock--pdp.is-off,.tl-dock--pdp.is-yield{display:none}
body:has(.tl-dock--pdp) .tl-foot{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}
/* подвал */
.tl-foot{background:var(--black);color:#c9d2e3;margin-top:0}
.tl-foot__in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:1.875rem;padding:3.375rem 0 1.875rem}
.tl-foot__mark{width:11.125rem;height:auto;margin-bottom:0.875rem}
.tl-foot__brand p{font-size:0.875rem;color:#aab6cc}
.tl-foot__mail{color:#fff}
.tl-foot__h{font:800 0.9375rem/1 var(--disp);font-stretch:75%;letter-spacing:1px;text-transform:uppercase;color:#fff;margin:0 0 0.875rem}
.tl-foot__col ul{list-style:none;margin:0;padding:0}
.tl-foot__col li{margin:0}
.tl-foot__col a{display:inline-block;padding:0.375rem 0;color:#c9d2e3;text-decoration:none;font-size:0.9375rem}
.tl-foot__col a:hover{color:#fff}
.tl-foot__legal{display:flex;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;border-top:1px solid #222a3b;padding:1.125rem 0 1.375rem;font-size:0.8125rem;color:#93a0b8}
.tl-foot__legal p{margin:0}
.tl-foot__copy a{color:#ff6f84}
/* ---- главная ---- */
.tl-hero{position:relative;background:#fff;overflow:hidden}
.tl-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.75rem;align-items:stretch;padding:1.875rem 0 2.125rem}
.tl-hero__t h1{font-size:4rem;margin:0 0 1.125rem}
.tl-hero__t h1 em{font-style:normal;color:var(--red-ink)}
.tl-hero__lead{font-size:1.25rem;color:var(--muted);margin:0 0 1.375rem;max-width:none}
.tl-hero__find{display:flex;gap:0.625rem;margin:0 0 0.875rem}
.tl-hero__find input{flex:1;min-width:0;height:3.375rem;border:2px solid var(--navy);border-radius:var(--r);padding:0 0.875rem;font:600 1.0625rem var(--mono);color:var(--ink)}
.tl-hero__cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin:0}
.tl-hero__img{position:relative;margin:0;justify-self:end;width:100%}
.tl-hero__img img{width:100%;border-radius:var(--r)}
.tl-hero__img img{border-bottom:0.625rem solid #2d3888;border-image:linear-gradient(90deg,#d3bb8c 0 16%,#ed2d36 16% 33%,#f7dc07 33% 50%,#2d3888 50% 66%,#3750a0 66% 83%,#017247 83%) 1;border-radius:var(--r) var(--r) 0 0}
.tl-hero__nums{display:flex;flex-wrap:wrap;gap:0.625rem 1.875rem;list-style:none;margin:1.375rem 0 0;padding:0}
.tl-hero__nums li{display:flex;flex-direction:column}
.tl-hero__nums b{font:700 1.75rem/1 var(--mono);color:var(--navy)}
.tl-hero__nums span{font-size:0.875rem;color:var(--muted)}
.tl-pop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.tl-tasktiles{display:flex;flex-wrap:wrap;justify-content:center;gap:1.125rem;--tn:5}
.tl-tasktiles>*{flex:1 1 calc((100% - 1.125rem * (var(--tn) - 1)) / var(--tn));min-width:0}
.tl-tasktile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:13.125rem;border-radius:var(--r);overflow:hidden;background:var(--navy3);color:#fff;text-decoration:none}
.tl-tasktile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tl-tasktile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,27,71,0) 35%,rgba(12,27,71,.92) 100%)}
.tl-tasktile b{position:relative;z-index:1;font:800 1.75rem/1 var(--disp);font-stretch:75%;text-transform:uppercase;padding:0 1.125rem 0.375rem}
.tl-tasktile span{position:relative;z-index:1;font-size:0.875rem;padding:0 1.125rem 1.125rem;color:#dfe6f6}
.tl-depts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.875rem}
.tl-dept{display:flex;flex-direction:column;align-items:flex-start;gap:0.375rem;padding:1.25rem 1rem;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;background:#fff;border-bottom:0.25rem solid var(--navy)}
.tl-dept:hover{border-bottom-color:var(--red)}
.tl-dept .tl-ico{width:2.75rem;height:2.75rem;color:var(--navy)}
.tl-dept b{font:800 1.25rem/1.05 var(--disp);font-stretch:75%;text-transform:uppercase}
.tl-dept span{font-size:0.875rem;color:var(--muted)}
.tl-dept i{font:700 1.375rem/1 var(--mono);font-style:normal;color:var(--red-ink)}
.tl-quality{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem;margin:0 0 1.875rem}
.tl-quality>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.25rem}
.tl-quality .tl-ico{width:2.5rem;height:2.5rem;color:var(--red-ink);margin-bottom:0.5rem}
.tl-quality h3{margin:0 0 0.375rem}
.tl-quality p{margin:0;color:var(--muted)}
.tl-video{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;align-items:stretch}
.tl-video__in{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem}
.tl-video__in a{display:inline-block;font:600 0.875rem/1 var(--mono);color:#fff;text-decoration:none;border:1px solid #5b6b95;border-radius:6.1875rem;padding:0.5625rem 0.875rem}
.tl-video__in a:hover{background:#fff;color:var(--black)}
.tl-video__player{position:relative;margin:0;background:#000;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9}
.tl-video__player video{width:100%;height:100%;display:block;object-fit:cover}
.tl-video__player figcaption{font-size:0.8125rem;color:#c9d2e3;padding:0.5rem 2px 0}
.tl-story{display:flow-root}
/* кадры статьи обтекаются текстом: колонка текста не остаётся без соседа, когда шрифт крупнее (strandedText) */
.tl-story>p{margin:0 0 0.875rem}
.tl-story__fig{width:46%;margin:0.25rem 0 1rem}
.tl-story__fig--r{float:right;margin-left:2.5rem}
.tl-story__fig--l{float:left;margin-right:2.5rem;clear:both}
.tl-story__fig img{width:100%;border-radius:var(--r)}
.tl-story__fig figcaption{font-size:0.8125rem;color:var(--muted);margin-top:0.375rem}
.tl-time{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;border-top:0.25rem solid var(--yellow)}
.tl-time li{position:relative;padding:1.375rem 1.125rem 0 0}
.tl-time li::before{content:"";position:absolute;top:-0.75rem;left:0;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--yellow);border:0.25rem solid var(--navy)}
.tl-time b{display:block;font:700 1.875rem/1 var(--mono);color:var(--yellow);margin-bottom:0.5rem}
.tl-time p{margin:0;color:#dfe6f6;font-size:1rem}
.tl-time a{color:#fff}
.tl-verify{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem}
.tl-verify>div{background:#fff;border:1px solid var(--line);border-left:0.3125rem solid var(--green-ink);border-radius:var(--r);padding:1.25rem}
.tl-verify h3{margin:0 0 0.5rem}
.tl-verify p{margin:0 0 0.5rem;color:var(--muted)}
.tl-verify b{font-family:var(--mono);color:var(--ink)}
.tl-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.875rem;list-style:none;margin:0;padding:0}
.tl-gallery button{display:block;width:100%;padding:0;border:0;background:var(--steel);border-radius:var(--r);overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}
.tl-gallery img{width:100%;height:100%;object-fit:cover}
.tl-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.375rem}
.tl-guide{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none}
.tl-guide__img{aspect-ratio:16/10;overflow:hidden;background:var(--steel)}
.tl-guide__img img{width:100%;height:100%;object-fit:cover}
.tl-guide__b{padding:1.125rem 1.25rem 1.375rem}
.tl-guide__b .tl-kicker{margin-bottom:0.375rem}
.tl-guide__b h3{font-size:1.375rem;margin:0 0 0.5rem}
.tl-guide__b p{margin:0;color:var(--muted)}
.tl-passport{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem 2.5rem;align-items:start}
.tl-passport__def{font:800 1.625rem/1.25 var(--disp);font-stretch:87.5%;margin:0}
.tl-passport__facts{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 1.5rem;margin:0}
.tl-passport__facts div{flex:1 1 18.75rem;min-width:0;padding:0.75rem 0;border-top:1px solid var(--line)}
.tl-passport__facts dt{font:700 0.75rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:0.25rem}
.tl-passport__facts dd{margin:0;font-weight:700}
.tl-passport__facts a{color:var(--navy)}
.tl-compare th:first-child{width:20%}
.tl-compare .is-us{background:#fff6d1}
/* текст статей и служебных страниц */
.tl-prose{font-size:1.125rem;line-height:1.7}
.tl-prose h2{font-size:2.25rem;margin:2.75rem 0 1rem}
.tl-prose h3{margin:1.625rem 0 0.625rem}
.tl-prose p,.tl-prose li{max-width:none}
.tl-prose a{color:var(--navy)}
.tl-prose figure{margin:1.625rem 0}
.tl-prose figure img{border-radius:var(--r)}
.tl-prose figcaption{font-size:0.875rem;color:var(--muted);margin-top:0.375rem}
.tl-prose .tl-table{font-size:1rem;margin:1.125rem 0 1.625rem}
.tl-cols2{columns:2;column-gap:2.75rem}
.tl-cols2>*{break-inside:avoid}
/* служебные страницы */
.tl-plain{background:var(--steel);border-bottom:1px solid var(--line);padding:1.875rem 0 1.75rem}
.tl-plain h1{font-size:3rem}
.tl-plain__lead{font-size:1.1875rem;color:var(--muted);margin:0.75rem 0 0}
.tl-page{padding:2.25rem 0 4rem}
.tl-page__h{font-size:1.875rem;margin:2.5rem 0 1rem}
.tl-roads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.875rem;list-style:none;margin:0;padding:0}
.tl-roads a{display:flex;justify-content:space-between;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;color:var(--navy)}
.tl-legal h2{font-size:1.75rem;margin:1.875rem 0 0.625rem}
.tl-legal p{font-size:1.125rem}
.tl-legal a{color:var(--navy)}
.tl-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:2.5rem;align-items:stretch}
.tl-contact__card{background:var(--steel);border-top:0.3125rem solid var(--navy);border-radius:var(--r);padding:1.625rem}
.tl-contact__dl div{padding:0.625rem 0;border-bottom:1px solid var(--line)}
.tl-contact__dl dt{font:700 0.75rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.tl-contact__dl dd{margin:0.25rem 0 0;font-weight:700}
.tl-contact__dl a{color:var(--navy)}
.tl-contact__img{margin:0;width:100%}
.tl-contact__img img{width:100%;border-radius:var(--r)}
.tl-search{display:flex;gap:0.625rem;margin:0 0 0.875rem}
.tl-search input{flex:1;min-width:0;height:3.5rem;border:2px solid var(--navy);border-radius:var(--r);padding:0 1rem;font:600 1.125rem var(--mono)}
.tl-search__n{color:var(--muted)}
.tl-hits{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem 1.25rem}
.tl-hit a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 0.75rem;align-items:baseline;padding:0.75rem 0.875rem;border:1px solid var(--line);border-left:0.25rem solid var(--navy);border-radius:var(--r);text-decoration:none;background:#fff}
.tl-hit b{grid-column:2;font-weight:700}
.tl-hit span:not(.tl-code){grid-column:2;font-size:0.875rem;color:var(--muted)}
.tl-hit .tl-code{grid-row:1/3}
.tl-hit i{grid-column:3;grid-row:1/3;font:700 1rem var(--mono);font-style:normal}
.tl-empty{background:var(--steel);border-radius:var(--r);padding:1.25rem 1.5rem}
.tl-empty h2{font-size:1.625rem;margin:0 0 0.5rem}
.tl-404{padding:3.125rem 0 4.375rem;text-align:center}
.tl-404__n{display:flex;align-items:center;justify-content:center;gap:0.625rem;font:800 8.75rem/1 var(--disp);font-stretch:75%;color:var(--navy);margin:0 0 0.625rem}
.tl-404 h1{font-size:3rem;margin:0 0 0.75rem}
.tl-404 .tl-search{max-width:35rem;margin:1.25rem auto}
.tl-404__go{display:flex;flex-wrap:wrap;justify-content:center;gap:0.625rem}
/* о бренде */
.tl-ab{padding:3.75rem 0}
.tl-ab--hero{padding:1.75rem 0 2.75rem;background:linear-gradient(180deg,var(--steel),#fff)}
.tl-ab__hero,.tl-ab__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.75rem;align-items:stretch}
/* ряды «текст + кадр»: колонки одной высоты (stretch), содержимое по центру колонки — у обеих один верх (приёмка grid-rows) */
.tl-hero__in>*,.tl-dhero__in>*,.tl-video>*,.tl-about>*,.tl-contact>*,.tl-ab__hero>*,.tl-ab__row>*{display:flex;flex-direction:column;justify-content:center}
.tl-qa--grid>:last-child:nth-child(odd){grid-column:1/-1}
.tl-ab__t h1{font-size:3.5rem;margin:0 0 1rem}
.tl-ab__t h2{margin:0 0 1rem}
.tl-ab__def{font:800 1.4375rem/1.3 var(--disp);font-stretch:87.5%;margin:0 0 0.75rem}
.tl-ab__site{color:var(--muted)}
.tl-ab__img{margin:0;width:100%}
.tl-ab__img img{width:100%;border-radius:var(--r)}
.tl-ab--who .tl-ab__img{justify-self:center}
.tl-steps2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;list-style:none;margin:1.25rem 0 0;padding:0}
.tl-steps2 li{border-left:0.25rem solid var(--yellow);padding:0.25rem 0 0.25rem 1rem}
.tl-steps2 b{display:block;font:700 2.125rem/1 var(--mono);color:var(--yellow);margin-bottom:0.375rem}
.tl-steps2 p{margin:0;color:#dfe6f6}
.tl-steps2 a{color:#fff}
.tl-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;margin-top:1.25rem}
.tl-rules>div{border-top:0.25rem solid var(--red);padding-top:0.875rem}
.tl-rules .tl-ico{width:2.625rem;height:2.625rem;color:var(--navy);margin-bottom:0.375rem}
.tl-rules h3{margin:0 0 0.375rem}
.tl-rules p{margin:0;color:var(--muted)}
.tl-ab--quote{background:var(--yellow);padding:2.875rem 0}
.tl-pull{margin:0}
.tl-pull p{font:800 2.625rem/1.1 var(--disp);font-stretch:75%;color:var(--navy3);margin:0 0 0.75rem}
.tl-pull footer{font-size:0.9375rem;color:#3b3200}
.tl-pull a{color:inherit}
.tl-bignums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem;list-style:none;margin:1.25rem 0 1.875rem;padding:0}
.tl-bignums li{border-left:0.3125rem solid var(--navy);padding-left:0.875rem}
.tl-bignums b{display:block;font:700 2.875rem/1 var(--mono);color:var(--navy)}
.tl-bignums span{color:var(--muted)}
.tl-fam{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.875rem;margin-top:1.25rem}
.tl-fam__i{display:flex;flex-direction:column;gap:0.25rem;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0.75rem}
.tl-fam__img{display:block;aspect-ratio:1/1;margin-bottom:0.375rem}
.tl-fam__img img{width:100%;height:100%;object-fit:contain}
.tl-fam__i b{font:800 1.125rem/1.1 var(--disp);font-stretch:75%;text-transform:uppercase;color:var(--navy)}
.tl-fam__i span:last-child{font-size:0.875rem;color:var(--muted)}
.tl-ab__qa{margin:2.125rem 0 1.25rem}
/* гиды */
.tl-ghead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.5rem;align-items:center;padding:1.25rem 0 1.875rem}
.tl-ghead h1{font-size:3.375rem;margin:0 0 0.875rem}
.tl-ghead__lede{font-size:1.3125rem;line-height:1.55;color:var(--muted);margin:0}
.tl-ghero{margin:0;justify-self:end}
.tl-ghero img{width:100%;border-radius:var(--r)}
.tl-gbody{display:grid;grid-template-columns:16.25rem minmax(0,1fr);gap:2.75rem;align-items:start;padding-bottom:3.125rem}
.tl-toc{position:sticky;top:8.125rem;border-left:0.25rem solid var(--navy);padding-left:1rem}
.tl-toc__h{font:700 0.75rem/1 var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--red-ink);margin:0 0 0.625rem}
.tl-toc ol{margin:0;padding-left:1.125rem;font-size:0.9375rem}
.tl-toc li{margin:0 0 0.5rem}
.tl-toc a{color:var(--ink);text-decoration:none}
.tl-toc a:hover{color:var(--navy);text-decoration:underline}
.tl-gsec{margin:0 0 0.625rem}
.tl-gfig{margin:1.5rem 0}
.tl-ginsert{background:var(--steel);border-radius:var(--r);padding:1.25rem;margin:1.375rem 0}
.tl-ginsert .tl-kicker{margin-bottom:0.75rem}
.tl-quote{margin:1.5rem 0;border-left:0.375rem solid var(--red);background:var(--steel);padding:1.125rem 1.375rem}
.tl-quote p{font:700 1.375rem/1.35 var(--body);margin:0 0 0.5rem}
.tl-quote footer{font-size:0.875rem;color:var(--muted)}
.tl-sources{padding-left:1.25rem;font-size:1rem}
.tl-guides--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-video__player{position:relative}
.tl-video__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:rgba(8,14,32,.35);color:var(--red-ink);cursor:pointer}
.tl-video__play .tl-ico{width:5.25rem;height:5.25rem}
.tl-video__t h2{color:#fff}
.tl-video__t p{color:#c9d2e3}
.tl-video__t .tl-note{color:#93a0b8}
.tl-table--q td,.tl-table--q th{font-size:0.9375rem}
@media (max-width:79.998em){
.tl-buybox{grid-template-columns:minmax(0,1fr)}
.tl-buybox__side .tl-specs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.125rem}
.tl-nav__ul{gap:0.875rem}
.tl-nav__a{font-size:0.875rem}
.tl-depts{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl-foot__in{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl-foot__brand{grid-column:1/-1}
}
@media (max-width:68.748em){
.tl-nav{display:none}
.tl-burger{display:block}
.tl-find--top{display:flex;margin-left:auto;flex-basis:17.5rem}
.tl-find--bar{display:none}
.tl-hero__in,.tl-dhero__in,.tl-video,.tl-about,.tl-finder__in{grid-template-columns:minmax(0,1fr)}
.tl-story__fig--r,.tl-story__fig--l{float:none;width:100%;margin:0.375rem 0 1.125rem}
.tl-hero__img,.tl-dhero__img{justify-self:start}
.tl-dhero{background:var(--steel)}
.tl-lgrid>*{flex-basis:calc((100% - 2.5rem)/3)}
.tl-pop{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-tasktiles{--tn:5;gap:0.75rem}
.tl-tasktile b{font-size:1.3125rem}
.tl-verify,.tl-quality{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-best>li{flex-basis:calc((100% - 1.125rem)/2)}
.tl-time{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.75rem}
.tl-taskrow li{flex-basis:calc((100% - 1.75rem)/3)}
.tl-rv{grid-template-columns:minmax(0,1fr)}
.tl-ab__hero,.tl-ab__row,.tl-contact,.tl-gbody,.tl-ghead{grid-template-columns:minmax(0,1fr)}
.tl-ghero{justify-self:start}
.tl-toc{position:static}
.tl-bignums{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-fam{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl-steps2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:46.873em){
h1,.tl-hero__t h1,.tl-dhero__t h1,.tl-pdp__h1{font-size:2.5rem}
h2{font-size:1.9375rem}
.tl-sec{padding:2.375rem 0}
.tl-top__in{min-height:3.875rem;gap:0.625rem}
.tl-top__mark{width:9.125rem}
.tl-find{display:none}
.tl-top__search{display:flex}
.tl-top__end .tl-btn{display:none}
.tl-tasks__k{display:none}
.tl-tasks__in{overflow-x:auto;scrollbar-width:none}
.tl-lgrid>*{flex-basis:calc((100% - 0.875rem)/2)}
.tl-lgrid{gap:0.875rem}
.tl-lcard__body{padding:0.75rem}
.tl-lcard__t{font-size:1.0625rem}
.tl-metric b{font-size:1.5rem}
.tl-lcard__cta .tl-btn{flex-basis:100%}
.tl-pdp__grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
.tl-pdp__col{display:contents}
.tl-pdp__head{order:-1}
.tl-gal{margin-inline:auto}
.tl-specs{grid-template-columns:minmax(0,1fr)}
.tl-qa,.tl-fit,.tl-best,.tl-verify,.tl-guides{grid-template-columns:minmax(0,1fr)}
.tl-pop{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}
.tl-lcard__img{padding:0.5rem}
.tl-lcard__k{font-size:0.75rem}
.tl-lcard__cta .tl-btn--ghost{display:none}
.tl-lcard__cta .tl-btn{padding:0.5rem 0.375rem;font-size:0.8125rem;letter-spacing:0}
.tl-quality{grid-template-columns:minmax(0,1fr);gap:0.75rem;margin-bottom:1.375rem}
.tl-quality>div,.tl-verify>div{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:0.875rem;padding:0.875rem 1rem}
.tl-quality>div>*,.tl-verify>div>*{grid-column:2}
.tl-quality .tl-ico,.tl-verify .tl-ico{grid-column:1;grid-row:1/span 3;width:2rem;height:2rem}
.tl-guide{flex-direction:row}
.tl-guide__img{flex:0 0 7rem;aspect-ratio:auto}
.tl-guide__b{padding:0.75rem 0.875rem}
.tl-guide__b h3{font-size:1.125rem}
.tl-guide__b p{display:none}
.tl-tasktiles{--tn:2;gap:0.75rem}
.tl-tasktile{min-height:8.125rem}
.tl-tasktile b{font-size:1.375rem}
.tl-depts{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-time{grid-template-columns:minmax(0,1fr)}
.tl-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-reviews{grid-template-columns:minmax(0,1fr)}
.tl-cols2,.tl-about--solo .tl-about__text{columns:1}
.tl-taskrow li{flex-basis:100%}
.tl-roads,.tl-hits,.tl-guides--2{grid-template-columns:minmax(0,1fr)}
.tl-rules,.tl-steps2{grid-template-columns:minmax(0,1fr)}
.tl-fam{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-ab__t h1,.tl-ghead h1,.tl-plain h1,.tl-404 h1{font-size:2.375rem}
.tl-pull p{font-size:1.875rem}
.tl-404__n{font-size:6rem}
.tl-foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-finder__f{flex-direction:column}
.tl-hero__find{flex-direction:column}
.tl-filter__n{margin-left:0}
/* таблицы стопкой */
.tl-table thead,.tl-chart thead{display:none}
.tl-table tr,.tl-chart tr{display:block;border-bottom:1px solid var(--line);padding:0.625rem 0.75rem}
.tl-table th,.tl-table td,.tl-chart th,.tl-chart td{display:flex;justify-content:space-between;gap:0.75rem;padding:0.3125rem 0;border:0;text-align:right}
.tl-table td::before,.tl-chart td[data-l]::before,.tl-chart th[data-l]::before{content:attr(data-l);font:700 0.75rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);text-align:left}
.tl-table tbody th{display:block;text-align:left;font-size:1.0625rem}
/* сравнение: пары «подпись — значение» по две в ряд, «когда лучше» во всю ширину */
.tl-compare th:first-child{width:auto}
.tl-lcard .tl-rate{flex-wrap:wrap;gap:2px 0.375rem;font-size:0.8125rem}
.tl-lcard .tl-metric{flex-wrap:wrap;gap:0 0.375rem}
.tl-passport{grid-template-columns:minmax(0,1fr);gap:0.875rem}
.tl-passport__def{font-size:1.375rem}
.tl-review{padding:0.875rem}
.tl-compare tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0.875rem}
.tl-compare tbody th{grid-column:1/-1}
.tl-compare td{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;text-align:left;padding:0.25rem 0}
.tl-compare td:last-child{grid-column:1/-1}
/* узкие таблицы остаются таблицей: на телефоне — только столбцы выбора */
.tl-table--q thead,.tl-table--range thead{display:table-header-group}
.tl-table--q tr,.tl-table--range tr{display:table-row;padding:0}
.tl-table--q th,.tl-table--q td,.tl-table--range th,.tl-table--range td{display:table-cell;text-align:left;padding:0.5625rem 0.5rem 0.5625rem 0;border-bottom:1px solid var(--line);font-size:0.9375rem}
.tl-table--q tbody th,.tl-table--range tbody th{display:table-cell;font-size:0.9375rem}
.tl-table--q td::before,.tl-table--range td::before{content:none}
.tl-table--q tr>:nth-child(3),.tl-table--q tr>:nth-child(4),.tl-table--q tr>:nth-child(5),.tl-table--range tr>:nth-child(2),.tl-table--range tr>:nth-child(5){display:none}
.tl-chart__img{width:auto}
.tl-chart__act{width:auto}
.tl-chart__act .tl-btn{width:100%}
/* закреплённая покупка на телефоне */
.tl-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:3px solid var(--red);box-shadow:0 -0.5rem 1.5rem rgba(12,27,71,.16);padding:0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom))}
.tl-dock.is-off,.tl-dock.is-yield{display:none}
.tl-foot{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}
.tl-lgrid>.tl-lcard:last-child:nth-child(odd) .tl-lcard__in{flex-direction:row}
.tl-lgrid>.tl-lcard:last-child:nth-child(odd) .tl-lcard__img{flex:0 0 42%;border-bottom:0;border-right:0.25rem solid var(--steel2)}
.tl-gal{position:static}
.tl-tasks__in{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
}
@media (max-width:23.998em){
/* самые узкие окна (и крупный шрифт браузера): плитки линеек в одну колонку, кадр слева */
.tl-pop{grid-template-columns:minmax(0,1fr)}
.tl-lgrid>*{flex-basis:100%}
.tl-lcard__in{flex-direction:row}
.tl-lcard__in>.tl-lcard__img{flex:0 0 38%;border-bottom:0;border-right:0.25rem solid var(--steel2)}
.tl-table--q tr>:nth-child(6),.tl-table--range tr>:nth-child(3){display:none}
}
@media (max-width:29.998em){
.tl-foot__in{grid-template-columns:minmax(0,1fr)}
h1,.tl-hero__t h1,.tl-dhero__t h1,.tl-pdp__h1,.tl-ab__t h1,.tl-ghead h1,.tl-plain h1{font-size:1.9375rem}
h2{font-size:1.625rem}
.tl-top__mark{width:7.375rem}
.tl-top__in{gap:0.375rem}
.tl-table td{overflow-wrap:anywhere}
.tl-dock__t b{font-size:1rem}
}