/* ueeshop theme t317 — TEENO */
/* ---- герой-мозаика ---- */
.tn-hero{padding-block:1.2rem 1.6rem;background:#f3f2ef}
.tn-hero-in{display:grid;gap:16px}
@media (min-width:60em){.tn-hero-in{grid-template-columns:minmax(0,64fr) minmax(0,36fr)}}
.tn-hero-main{position:relative;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:#15171a;--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2}
.tn-hero-pic img{width:100%;aspect-ratio:16/10;object-fit:cover;max-height:46vh}
.tn-hero-card{padding:1.4rem 1.4rem 1.6rem;background:#15171a}
.tn-hero-card h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.6rem)}
.tn-hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
/* герой: наложение карточки на сцену — от 60em или на лежачем экране от 40em (ПК при шрифте 24 px: 40em = 960 px),
   высота не больше 62 % экрана; на лежачем 40em…60em плитки отделов героя убраны — иначе стопка выше двух экранов */
@media (min-width:60em),(min-width:40em) and (orientation:landscape){
 .tn-hero-main{min-height:min(clamp(28rem,38vw,36rem),62vh)}
 .tn-hero-pic{position:absolute;inset:0}.tn-hero-pic img{height:100%;aspect-ratio:auto;max-height:none}
 .tn-hero-card{position:relative;margin-top:auto;max-width:36rem;margin-left:1.2rem;margin-bottom:1.2rem;border-radius:6px;background:rgba(21,23,26,.9);border-left:5px solid #e30012}
}
@media (min-width:60em) and (max-height:40em){.tn-hero-card .tn-lede{display:none}}
@media (min-width:40em) and (max-width:59.99em) and (orientation:landscape){.tn-hero-in>.tn-hero-side{display:none}}
.tn-hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:60em){.tn-hero-side{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr;gap:16px}}
.tn-hero-tile{position:relative;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:#15171a;color:#f4f4f2;text-decoration:none;min-height:0}
.tn-hero-tile figure{flex:1 1 auto;min-height:0}
.tn-hero-tile img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.tn-hero-tile:hover img{transform:scale(1.03)}
.tn-hero-tile-t{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;background:#15171a;border-top:4px solid #e30012}
.tn-hero-tile-t b{font:800 1.3rem/1.1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-hero-tile-t span{font-size:.92rem;color:#c3c7cd}
@media (min-width:60em){.tn-hero-tile img{aspect-ratio:auto}.tn-hero-tile figure{position:absolute;inset:0}.tn-hero-tile-t{position:relative;margin-top:auto;background:rgba(21,23,26,.9)}}

/* ---- лента чисел ---- */
.tn-rail{--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background-color:#15171a;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.6px,transparent 1.7px);background-size:22px 22px;padding-block:1.6rem}
.tn-rail-l.tn-rows{--gap:0px}
.tn-rail-i{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .4rem;height:100%;padding:.9rem 1.2rem;color:#f4f4f2;text-decoration:none;border-left:4px solid #e30012}
.tn-rail-i b{font:800 clamp(2.2rem,1.6rem + 1.6vw,3rem)/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#ffffff;white-space:nowrap}
.tn-rail-u{font:800 1.1rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#ff5a63;letter-spacing:.06em}
.tn-rail-t{flex:1 1 100%;margin-top:.35rem;color:#c3c7cd;font-size:.95rem}
.tn-rail-i:hover .tn-rail-t{color:#f4f4f2;text-decoration:underline}

/* ---- светлые карточки на любой полосе несут свои переменные (на угольной полосе иначе белое на белом) ---- */
:is(.tn-prod,.tn-job,.tn-review,.tn-qa-i,.tn-best-i,.tn-yn-c,.tn-steps li,.tn-blog-i a,.tn-principle,.tn-faq-g,.tn-contact-c,.tn-smallprint,.tn-strip,.tn-table-w,.tn-results li a,.tn-buybox){--fg:#16181b;--soft:#4a4f57;--acc:#c0000f;color:#16181b}

/* ---- карточки изделий ---- */
.tn-card{display:flex}
.tn-prod{display:flex;flex-direction:column;width:100%;background:#ffffff;border:1px solid #dddcd7;border-radius:6px;overflow:hidden;color:#16181b;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07)}
.tn-prod-shot{position:relative;background:#fff;border-bottom:1px solid #dddcd7}
.tn-prod-shot img{width:100%;aspect-ratio:1/1;object-fit:contain}
.tn-chip{position:absolute;top:.6rem;display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:4px;font:800 .92rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.03em;pointer-events:none}
.tn-chip--v{left:.6rem;background:#16181b;color:#ffffff}
.tn-chip--k{top:auto;bottom:.6rem;left:.6rem;background:#e7e9ec;color:#16181b}
.tn-prod-b{display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;padding:1rem 1.1rem 1.1rem}
.tn-prod-l{color:#16181b;text-decoration:none}
.tn-prod-l:hover .tn-prod-n{text-decoration:underline}
.tn-prod-n{font:600 1.2rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:0}
.tn-prod-z{margin:0;font-size:.95rem;color:#4a4f57}
.tn-sw{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:0}
.tn-sw-i{width:1rem;height:1rem;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.tn-sw-n{font-size:.9rem;color:#4a4f57;margin-left:.2rem}
.tn-prod-r{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin:0;font-size:.92rem;color:#4a4f57}
.tn-stars{display:inline-flex;gap:1px;color:#ffb21a}
.tn-stars svg{width:1rem;height:1rem}
.tn-stars svg.is-off{color:#c5cad1}
.tn-prod-foot{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;margin-top:auto;padding-top:.5rem}
.tn-price{margin:0;font-size:1.45rem;line-height:1}
.tn-prod-foot .tn-btn{width:100%}

/* ---- ряды отделов: сцена-колонна + карточки ---- */
.tn-tone--night{--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.6px,transparent 1.7px);background-size:22px 22px}
.tn-tone--wood{--bg:#f3e5d3;--acc:#7a4a1c}
.tn-tone--red{--bg:#fde3e4}
.tn-tone--steel{--bg:#e7e9ec}
.tn-drow{display:grid;gap:20px;align-items:start}
@media (min-width:48em){.tn-drow{grid-template-columns:minmax(0,27fr) minmax(0,73fr)}.tn-drow--flip{grid-template-columns:minmax(0,73fr) minmax(0,27fr)}.tn-drow--flip .tn-drow-scene{order:2}}
/* сцены в px-потолке: у сцен 1200 px высоты кадр не выше 590 px (DPR 2) — иначе при шрифте 24 px рамка 3:4 и 4:3 растёт
   с полосой и растягивает исходник (§4.0) */
.tn-drow-scene{position:relative;display:block;border-radius:6px;overflow:hidden;background:#15171a;aspect-ratio:3/4;max-height:590px}
.tn-drow-scene figure{position:absolute;inset:0}
.tn-drow-scene img{width:100%;height:100%;object-fit:cover}
.tn-drow-go{position:absolute;left:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border-radius:4px;background:#15171a;color:#f4f4f2;font:800 1rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-drow-go svg{width:1rem;height:1rem;color:#ff5a63}
@media (max-width:47.99em){.tn-drow-scene{display:none}}
.tn-drow-cards{min-width:0}

/* ---- работы ---- */
.tn-jobs.tn-rows{align-items:stretch}
.tn-job{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);border-top:4px solid #16181b}
.tn-job-i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:4px;background:#e30012;color:#ffffff}
.tn-job-i svg{width:1.4rem;height:1.4rem}
.tn-job h3{font-size:1.25rem}
.tn-job p{margin:0;color:#4a4f57}
.tn-job-p{display:grid;grid-template-columns:3.4rem minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:.7rem;margin-top:auto;padding-top:.7rem;border-top:1px solid #dddcd7;color:#16181b;text-decoration:none}
.tn-job-pp{grid-row:1/3}
.tn-job-p .price{align-self:start}
.tn-job-pp img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid #dddcd7;border-radius:4px}
.tn-job-pn{font-weight:700;min-width:0}
.tn-job-p:hover .tn-job-pn{text-decoration:underline}

/* ---- таблицы: на узком — карточками со своими подписями ---- */
.tn-table-w{overflow-x:auto;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b}
.tn-table th,.tn-table td{padding:.8rem 1rem;text-align:left;vertical-align:top;border-top:1px solid #dddcd7;overflow-wrap:normal}
.tn-table thead th{border-top:0;background:#16181b;color:#ffffff;font:800 1.05rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-table thead a{color:#ffffff}
.tn-table tbody th{font-weight:700;color:#16181b;width:12rem;background:#e7e9ec}
.tn-table-better td,.tn-table-better th{background:#f3e5d3!important}
@media (max-width:47.99em){
 .tn-table thead{display:none}.tn-table,.tn-table tbody,.tn-table tr,.tn-table th,.tn-table td{display:block;width:100%!important}
 .tn-table tr{padding:.7rem 1rem;border-top:1px solid #dddcd7}.tn-table tr:first-child{border-top:0}
 .tn-table th,.tn-table td{padding:.25rem 0;border:0;background:transparent!important}
 .tn-table tbody th{font:800 1.05rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#c0000f}
 .tn-table td::before{content:attr(data-l);display:block;font-size:.85rem;font-weight:700;color:#4a4f57}
}
@media (min-width:48em) and (max-width:63.99em){
 :is(.tn-table--c4,.tn-table--c5) thead{display:none}:is(.tn-table--c4,.tn-table--c5),:is(.tn-table--c4,.tn-table--c5) :is(tbody,tr,th,td){display:block;width:100%!important}
 :is(.tn-table--c4,.tn-table--c5) tr{padding:.7rem 1rem;border-top:1px solid #dddcd7}:is(.tn-table--c4,.tn-table--c5) tr:first-child{border-top:0}
 :is(.tn-table--c4,.tn-table--c5) :is(th,td){padding:.25rem 0;border:0;background:transparent!important}
 :is(.tn-table--c4,.tn-table--c5) td::before{content:attr(data-l);display:block;font-size:.85rem;font-weight:700;color:#4a4f57}
}

/* ---- текст о марке ---- */
/* текст о марке колонками во всю полосу; сцена стоит в колонке между абзацами (страж простыни и «текст на всю полосу») */
.tn-story-cols{columns:1;column-gap:2.4rem}
@media (min-width:48em){.tn-story-cols{columns:2}}
.tn-story-cols p{break-inside:avoid}
.tn-story-f{margin:0 0 1rem;break-inside:avoid}
.tn-story-f img{width:100%;aspect-ratio:4/3;max-height:590px;object-fit:cover;border-radius:6px;border-bottom:5px solid #e30012}
@media (max-width:47.99em){.tn-story-f{max-width:24rem}}
.tn-strip{display:flex;align-items:center;gap:.9rem;padding:.75rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);margin:.8rem 0 1.4rem;color:#16181b;border-left:4px solid #e30012}
.tn-strip-pic{flex:0 0 4.6rem;width:4.6rem}
.tn-strip-pic img{width:100%;border-radius:4px;background:#fff}
.tn-strip-t{margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.tn-strip-t a{font-weight:700;color:#16181b}
.tn-strip-t span:not(.tn-nb){font-size:.92rem;color:#4a4f57}
.tn-strip-pr{margin:0;font-size:1.25rem}

/* ---- паспорт марки ---- */
.tn-def{font:600 clamp(1.2rem,1rem + .8vw,1.5rem)/1.35 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;margin:0 0 1.4rem;max-width:62rem}
/* паспорт — табличка характеристик марки: строка «ярлык | значение» во всю полосу */
.tn-facts.tn-rows{--gap:0px;border-radius:6px;overflow:hidden;border-top:4px solid #e30012}
.tn-fact{display:grid;gap:.3rem 2rem;padding:.9rem 1.2rem;background:var(--cell,#ffffff);border-bottom:1px solid var(--rule)}
@media (min-width:48em){.tn-fact{grid-template-columns:14rem minmax(0,1fr);align-items:baseline}}
.tn-band--night .tn-fact{--cell:#202328}
.tn-fact dt{font:800 .88rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.tn-fact dd{font-weight:600}
.tn-fact-src{display:block;font-weight:400;font-size:.9rem;color:var(--soft);margin-top:.35rem}

/* ---- отзывы ---- */
.tn-reviews{display:grid;gap:16px;align-items:start}
@media (min-width:48em){.tn-reviews{grid-template-columns:repeat(min(var(--cols),2),minmax(0,1fr))}}
@media (min-width:75em){.tn-reviews{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
.tn-reviews-col{display:grid;gap:16px;align-content:start}
.tn-review{position:relative;padding:1.2rem 1.3rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b;border-top:4px solid #16181b}
.tn-review::before{content:"\201C";position:absolute;right:1rem;top:.2rem;font:800 3.6rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#e30012}
.tn-review-title{margin:.5rem 0 .4rem;font:800 1.1rem/1.25 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-review blockquote{margin:0;white-space:pre-line}
.tn-review--long:not(.is-open) blockquote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.tn-reviews--tight .tn-review--long:not(.is-open) blockquote{-webkit-line-clamp:4}
.tn-review-more{margin-top:.4rem;padding:.2rem 0;border:0;background:none;font-weight:700;color:#c0000f;min-height:44px}
.tn-review-by,.tn-review-on{margin:.5rem 0 0;font-size:.92rem;color:#4a4f57}
.tn-review-on a{color:#c0000f}
.tn-rating-big{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.4rem}
.tn-rating-big b{font:800 2.4rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-rating-big .tn-stars svg{width:1.4rem;height:1.4rem}

/* ---- вопросы, источники, лучший выбор ---- */
.tn-qa.tn-rows{align-items:flex-start}
.tn-qa-i{padding:1.2rem 1.3rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b;border-left:4px solid #e30012}
.tn-qa-i h3{margin-bottom:.45rem;font-size:1.2rem}
.tn-qa-more{color:#4a4f57}
.tn-q{font-style:italic}
.tn-q-src{font-size:.92rem}
.tn-sources li{display:flex;flex-direction:column;padding:1rem 1.1rem;border-radius:6px;background:#e7e9ec}
.tn-sources span:not(.tn-nb){font-size:.92rem;color:#4a4f57}
.tn-best.tn-rows{align-items:stretch}
.tn-best-i{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b}
.tn-best-s{margin:0;align-self:flex-start;padding:.2rem .6rem;border-radius:4px;background:#16181b;color:#ffffff;font:800 .95rem/1.3 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-best-h{display:flex;align-items:center;gap:.8rem}
.tn-best-h h3 a{color:#16181b}
.tn-mini-pic{flex:0 0 3.6rem;width:3.6rem}
.tn-mini-pic img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid #dddcd7;border-radius:4px}
.tn-best-p{margin-top:auto!important;font-size:1.3rem}

/* ---- шапка страницы (отдел, гид, служебные) ---- */
.tn-phead{--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.6px,transparent 1.7px);background-size:22px 22px;padding-block:1.6rem 2rem}
.tn-phead--wood{--bg:#15171a}
.tn-phead-in{display:grid;gap:1.4rem 2.6rem;align-items:stretch}
.tn-phead-t,.tn-phead-pic{display:flex;flex-direction:column;justify-content:center}
@media (min-width:48em){.tn-phead--pic .tn-phead-in{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}}
@media (max-width:47.99em){.tn-phead-pic img{max-width:min(100%,670px)}}
.tn-phead-t{min-width:0}
.tn-phead-pic img{width:100%;border-radius:6px;object-fit:cover;aspect-ratio:16/9;background:#202328;border-bottom:5px solid #e30012}
.tn-phead-pic--sq{align-items:center}.tn-phead-pic--sq img{max-width:24rem}
.tn-phead-pic--sq img{aspect-ratio:1/1;object-fit:contain;background:#fff}
.tn-phead-art,.tn-404-art{display:flex;flex-direction:column;justify-content:center;width:100%;color:#ff5a63}.tn-phead-art>svg,.tn-404-art>svg{display:block;width:100%;max-width:22rem;margin-inline:auto}
@media (min-width:48em){.tn-404 .tn-phead-in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.tn-phead-n{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-top:1.1rem}
.tn-phead-n>span{padding:.25rem .75rem;border-radius:4px;background:#202328;font-weight:700;font-size:.95rem;color:#f4f4f2}
.tn-phead-n .price{color:#f4f4f2}
.tn-search-page input{width:100%;max-width:34rem;margin-top:1rem;padding:.8rem 1rem;border:0;border-radius:4px;background:#ffffff;color:#16181b}
.tn-results li a{display:flex;flex-direction:column;padding:.8rem 1rem;margin-bottom:.5rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b;text-decoration:none}
.tn-results li a span{color:#4a4f57;font-size:.95rem}

/* ---- фильтр отдела ---- */
.tn-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.6rem}
.tn-filters-t{margin:0;font:800 1rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tn-filters-l{display:flex;flex-wrap:wrap;gap:.5rem}
.tn-filters button{display:inline-flex;align-items:center;gap:.45rem;min-height:max(2.7rem,44px);padding:.35rem .9rem;border-radius:4px;border:0;background:#ffffff;box-shadow:inset 0 0 0 1.5px #c5cad1;font-weight:600;color:#16181b;text-align:left}
.tn-filters button[aria-pressed="true"]{background:#16181b;color:#ffffff;box-shadow:none}
.tn-filters small{opacity:.75}
.tn-filter-n{margin:0 0 0 auto;color:#4a4f57;font-size:.95rem}
.tn-dims-note{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:1.4rem 0 0;padding:.8rem 1rem;border-radius:6px;background:#e7e9ec}
.tn-dims-note svg{color:#c0000f;flex:0 0 auto}

/* ---- карточка изделия ---- */
.tn-pdp{padding-block:1.4rem 2.6rem;background:#ffffff}
.tn-pdp-in{display:grid;gap:1.4rem 2.6rem;align-items:start}
@media (min-width:48em){.tn-pdp-in{grid-template-columns:minmax(0,min(calc(var(--gmax,560px) + 24px),50%)) minmax(0,1fr)}}
@media (max-width:47.99em){.tn-pdp-in{display:flex;flex-direction:column}.tn-pdp-info{display:contents}.tn-pdp-z,.tn-pdp-info h1,.tn-pdp-r,.tn-pdp-pr{order:-2}.tn-pdp-r{margin-top:-.6rem}.tn-pdp-g{order:-1}}
.tn-gallery-main{position:relative;background:#fff;border:1px solid #dddcd7;border-radius:6px;aspect-ratio:1/1;display:grid;place-items:center;max-width:var(--gmax,560px);overflow:hidden}
.tn-stage{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.tn-stage img{width:100%;height:100%;object-fit:contain;max-width:var(--gmax,560px);margin:auto}
.tn-badge{position:absolute;left:.8rem;top:.8rem;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:4px;background:#16181b;color:#ffffff;font:800 1rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;pointer-events:none}
.tn-gallery-hint{display:flex;align-items:center;gap:.4rem;margin:.7rem 0 0;font-size:.95rem;color:#4a4f57}
.tn-thumbs{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:8px;margin-top:.7rem;max-width:var(--gmax,560px)}
.tn-thumb{padding:0;border:2px solid #dddcd7;border-radius:4px;background:#fff;overflow:hidden;aspect-ratio:1/1}
.tn-thumb img{width:100%;height:100%;object-fit:contain}
.tn-thumb[aria-current="true"]{border-color:#e30012}
.tn-pdp-z{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin:0 0 .6rem;font-size:.95rem;color:#4a4f57}
.tn-pdp-z a{font-weight:700;color:#c0000f}
.tn-pdp-info h1{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.7rem)}
.tn-pdp-r{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:1rem;font-weight:600}
.tn-pdp-pr{margin:.6rem 0 0;font-size:1.8rem;line-height:1.1}
.tn-pdp-pr small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:.25rem 0 0!important;font:600 .95rem/1.3 "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;color:#4a4f57}
.tn-pdp-in>*,.tn-pdp-info>*,.tn-buybox,.tn-options,.tn-buy-row{min-width:0;max-width:100%}
.tn-buybox{margin-top:1.2rem;padding:1.2rem;border-radius:6px;background:#e7e9ec}
.tn-options-h{margin:0 0 .5rem;font-size:1rem;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tn-options-b{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:8px}
.tn-option{display:grid;grid-template-columns:2.7rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.55rem;align-items:center;text-align:left;padding:.4rem .55rem;min-height:44px;border-radius:4px;border:0;background:#ffffff;box-shadow:inset 0 0 0 1.5px #c5cad1;font-size:.92rem;line-height:1.25;color:#16181b}
.tn-option-pic{grid-row:1/3;width:2.7rem}
.tn-option-pic img{width:100%;border-radius:4px;background:#fff}
.tn-option-t{font-weight:700;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tn-option-p{color:#4a4f57}
.tn-option[aria-pressed="true"]{box-shadow:inset 0 0 0 2.5px #e30012}
.tn-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:1rem}
.tn-badges[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:75em){.tn-badges[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tn-badge-i{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:4px;background:#16181b;color:#ffffff}
.tn-badge-ic{color:#ff5a63}
.tn-badge-ic svg{width:1.2rem;height:1.2rem}
.tn-badge-i b{font:800 1.4rem/1.05 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;white-space:nowrap}
.tn-badge-i span:not(.tn-badge-ic){font-size:.88rem;font-weight:500;color:#c3c7cd}
.tn-buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:1.1rem}
.tn-price--lg{margin:0;font-size:2.2rem;line-height:1;min-width:var(--pw,0)}
.tn-buy-row .tn-btn--buy{flex:1 1 12rem;font-size:1.08rem}
.tn-buy-note{margin:.8rem 0 0;font-size:.92rem;color:#4a4f57}
.tn-pdp-why{margin-top:1.2rem}
.tn-pdp-info .tn-pdp-lede{margin:0 0 .9rem}
.tn-pdp>.tn-wrap>.tn-pdp-why{margin-top:1.4rem}
@media (min-width:48em){.tn-pdp>.tn-wrap>.tn-pdp-why{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.6rem 2.6rem;align-items:start;padding:1.3rem 1.5rem;border-radius:6px;background:#e7e9ec;border-left:5px solid #e30012}.tn-pdp>.tn-wrap>.tn-pdp-why .tn-pdp-lede{margin:0;font-size:1.12rem}}
@media (min-width:48em){.tn-pdp>.tn-wrap>.tn-pdp-why--lede{display:block}}
.tn-ticks li{display:flex;gap:.5rem;align-items:flex-start;margin:.4rem 0;font-weight:600}
.tn-ticks svg{flex:0 0 auto;color:#c0000f;margin-top:.2rem}
.tn-subnav{position:sticky;top:7.4rem;z-index:20;background:#ffffff;box-shadow:0 2px 0 #dddcd7}
@media (max-width:63.99em){.tn-subnav{top:4.5rem}}
@media (max-width:47.99em){.tn-subnav{top:7.4rem}}
.tn-subnav .tn-wrap{display:flex;align-items:center;gap:1rem;min-height:3.3rem}
.tn-subnav ul{display:flex;flex-wrap:wrap;gap:.2rem .4rem;flex:1 1 auto;min-width:0}
.tn-subnav ul a{display:inline-block;padding:.45rem .8rem;font:600 1rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#16181b;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.tn-subnav ul a[aria-current]{border-bottom-color:#e30012}
.tn-subnav-buy{display:none;align-items:center;gap:.8rem;margin:0}
@media (min-width:60em){.tn-subnav-buy{display:flex}}
@media (max-width:47.99em){.tn-subnav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}
/* факты карточки — строки спецификации «ярлык | значение» во всю полосу: в сетке 3-в-ряд длинные значения комплекта
   (списки головок) давали то пустые рамки (stretch), то ряды разной высоты (grid-rows) */
.tn-keys.tn-rows{--gap:0px;border-radius:6px;overflow:hidden;border-top:4px solid #16181b}
.tn-keys>div{display:grid;gap:.2rem 2rem;padding:.75rem 1.1rem;background:#e7e9ec;border-bottom:1px solid #ffffff}
.tn-keys>div:nth-child(even){background:#f4f5f7}
@media (min-width:48em){.tn-keys>div{grid-template-columns:14rem minmax(0,1fr);align-items:baseline}}
.tn-keys dt{color:#4a4f57;font-size:.9rem;font-weight:600}
.tn-keys dd{font-weight:700}
.tn-yn{display:grid;gap:1.2rem}
@media (min-width:48em){.tn-yn{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tn-yn-c{padding:1.3rem 1.4rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b}
.tn-yn-c h3{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.tn-yn-c li{display:flex;gap:.5rem;margin:.45rem 0}
.tn-yn-c li svg{flex:0 0 auto;margin-top:.2rem}
.tn-yn-c--yes{border-top:4px solid #1d6b46}.tn-yn-c--no{border-top:4px solid #b3261e}
.tn-yn-c--yes svg{color:#1d6b46}.tn-yn-c--no svg{color:#b3261e}
.tn-vs-a{font-size:1.12rem;margin:.6rem 0 1.2rem}
.tn-vs-more{margin-top:1rem}
.tn-use figure{margin:0;max-width:670px}
.tn-use img{width:100%;border-radius:6px;aspect-ratio:16/9;object-fit:cover;background:#202328}
.tn-use--three img{aspect-ratio:4/3}
.tn-use figcaption{margin-top:.5rem;font-size:.96rem;color:var(--soft)}
.tn-use figcaption a{font-weight:700}
.tn-use-one figure{max-width:670px}
/* одна сцена — в своей пропорции: панорама 1464×599 в рамке 16:9 при 670 px требует 754 px высоты исходника */
.tn-use-one img{aspect-ratio:auto;height:auto}
.tn-use-cap{margin:.5rem 0 0;color:var(--soft)}
@media (min-width:60em){.tn-use-one{display:grid;grid-template-columns:minmax(0,670px) minmax(12rem,1fr);gap:1.6rem;align-items:center}.tn-use-cap{margin:0;font:600 clamp(1.2rem,1rem + .6vw,1.5rem)/1.35 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}}

/* ---- гиды и указатель статей ---- */
.tn-cols{columns:1;column-gap:2.2rem;margin-bottom:1.2rem}
@media (min-width:48em){.tn-cols{columns:2}}
.tn-cols p{break-inside:avoid}
.tn-guide-fig{margin:0 0 1rem;break-inside:avoid}
.tn-guide-fig img{width:100%;height:auto;border-radius:6px}
.tn-steps{margin-bottom:1.2rem}.tn-steps.tn-rows{--gap:14px;align-items:stretch}
.tn-steps li{display:flex;gap:.9rem;padding:1.2rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b}
.tn-step-n{display:grid;place-items:center;flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:4px;background:#16181b;font:800 1.2rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#ffffff}
.tn-step-i{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-bottom:.4rem;border-radius:4px;background:#e30012;color:#ffffff}
.tn-step-i svg{width:1.1rem;height:1.1rem}
.tn-steps h3{margin-bottom:.35rem}
.tn-blog.tn-rows{align-items:stretch}
.tn-blog-i a{display:flex;flex-direction:column;height:100%;border-radius:6px;overflow:hidden;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);color:#16181b;text-decoration:none}
.tn-blog-i img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tn-blog-b{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.3rem 1.4rem;border-top:4px solid #e30012}
.tn-blog-b b{font:800 1.45rem/1.15 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-blog-b>span:last-child{color:#4a4f57}

/* ---- о марке ---- */
/* герой «о марке»: полоса не уже полосы контента (77.5em при шрифте 24 px = 1860 px, иначе края текста расходятся с
   остальными полосами), а сцена — не шире 1600 px (исходник 3620 px, DPR 2) и встаёт по центру на тёмном */
.tn-ab-hero{position:relative;--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background:#15171a;max-width:max(1600px,77.5em);margin-inline:auto}
.tn-ab-hero-pic img{object-position:center 35%}
.tn-ab-hero-pic img{width:100%;aspect-ratio:16/9;object-fit:cover;max-height:46vh}
.tn-ab-hero-card{padding:1.4rem 0 2rem}
.tn-ab-hero h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem)}
.tn-ab-lede{font-size:1.14rem;color:var(--soft)}
@media (min-width:60em){
 .tn-ab-hero{min-height:clamp(30rem,44vw,40rem);display:flex;flex-direction:column}
 .tn-ab-hero-pic{position:absolute;top:0;bottom:0;left:50%;width:min(100%,1600px);transform:translateX(-50%)}.tn-ab-hero-pic img{height:100%;aspect-ratio:auto;max-height:none}
 .tn-ab-hero>.tn-wrap{position:relative;margin-top:auto}
 .tn-ab-hero-card{max-width:40rem;margin-bottom:2rem;padding:1.6rem 1.8rem;border-radius:6px;background:rgba(21,23,26,.9);border-left:5px solid #e30012}
}
.tn-ab-nums-band{background:#e30012;color:#ffffff;padding-block:1.4rem}
.tn-ab-nums.tn-rows{--gap:12px}
.tn-ab-nums li{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.tn-ab-nums b{font:800 clamp(2rem,1.5rem + 1.4vw,2.8rem)/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;white-space:nowrap}
.tn-ab-nums span{font-weight:600}
.tn-ab-origin{display:grid;gap:2rem 3rem;align-items:start}
@media (min-width:48em){.tn-ab-origin{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.tn-ab-year{margin:0 0 .4rem!important;font:800 clamp(4rem,2.6rem + 5vw,7rem)/.9 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:transparent;-webkit-text-stroke:2px #e30012}
.tn-ab-origin-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;border-bottom:5px solid #e30012}
@media (max-width:47.99em){.tn-ab-origin-pic{max-width:24rem}}
.tn-ab-path.tn-rows{align-items:stretch}
.tn-ab-step{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem 1.2rem;border-radius:6px;background:#202328;border-top:4px solid #e30012}
.tn-ab-step-n{font:800 .95rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#ff5a63;letter-spacing:.08em}
.tn-ab-step-y{font:800 2.2rem/1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color:#ffffff}
.tn-ab-step p{margin:0}
.tn-ab-step-src{font-size:.88rem;color:var(--soft)}
.tn-ab-step--now{background:#c0000f;border-top-color:#ffffff}
.tn-ab-step--now .tn-ab-step-n,.tn-ab-step--now a{color:#ffffff}
.tn-principles.tn-rows{align-items:stretch}
.tn-principle{display:flex;gap:1rem;padding:1.3rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07)}
.tn-principle-i{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:4px;background:#16181b;color:#ff5a63}
.tn-principle-i svg{width:1.5rem;height:1.5rem}
.tn-principle h3{margin-bottom:.35rem}
.tn-ab-quote{background:#e30012;color:#ffffff;padding-block:clamp(2.4rem,1.6rem + 3vw,4rem)}
.tn-ab-quote blockquote p{margin:0;font:800 clamp(1.7rem,1.2rem + 2vw,2.8rem)/1.15 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-ab-quote-by{margin:1rem 0 0;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tn-ab-trust{display:grid;gap:2rem}
.tn-ab-qa{display:grid;gap:1.6rem 2.6rem;align-items:start}
@media (min-width:60em){.tn-ab-qa{grid-template-columns:9rem minmax(0,1fr)}}
.tn-ab-mark{width:7rem}
.tn-ab-mark svg{display:block;width:100%;height:auto}
.tn-ab-depts.tn-rows{align-items:stretch}
.tn-ab-depts a{display:flex;flex-direction:column;gap:.2rem;height:100%;border-radius:6px;overflow:hidden;background:#202328;color:#f4f4f2;text-decoration:none;border-bottom:4px solid #e30012}
.tn-ab-depts figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tn-ab-depts b{padding:.8rem 1rem 0;font:800 1.2rem/1.15 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif}
.tn-ab-depts small{padding:0 1rem .9rem;color:var(--soft);font-size:.92rem}

/* ---- вопросы, контакты, мелкий шрифт, 404 ---- */
.tn-faq.tn-rows{align-items:flex-start}
.tn-faq-g{padding:1.2rem 1.3rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07)}
.tn-faq-g h2{font-size:1.3rem;margin-bottom:.6rem}
.tn-faq-g li{margin:.4rem 0}
.tn-contact{display:grid;gap:1.4rem;align-items:start}
@media (min-width:48em){.tn-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tn-contact-c{padding:1.4rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07);border-top:4px solid #e30012}
.tn-contact-c h2{font-size:1.5rem;margin-bottom:.8rem}
.tn-contact-c address{margin-bottom:1rem}
.tn-contact-c address p{display:flex;gap:.55rem;align-items:flex-start}
.tn-contact-c address svg{flex:0 0 auto;margin-top:.2rem;color:#c0000f}
.tn-contact-map h2{margin-bottom:1rem}
.tn-contact-frame{border-radius:6px;overflow:hidden;background:#202328}
.tn-contact-frame iframe{display:block;width:100%;height:clamp(300px,40vw,440px);border:0}
.tn-smallprint{display:grid;gap:1.4rem;padding:1.6rem;border-radius:6px;background:#ffffff;box-shadow:0 1px 2px rgba(22,24,27,.08), 0 6px 18px rgba(22,24,27,.07)}
@media (min-width:48em){.tn-smallprint{grid-template-columns:4rem minmax(0,1fr)}}
.tn-legal-ico{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:4px;background:#16181b;color:#ff5a63}
.tn-legal-ico svg{width:1.6rem;height:1.6rem}
.tn-legal-t{columns:1;column-gap:2.2rem}
@media (min-width:60em){.tn-legal-t{columns:2}}
.tn-legal-t p{break-inside:avoid}
.tn-legal-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem}
.tn-price-date{font-weight:700}