/* линии: карточки-сцены beautyrest «collections» */
ul.qn-depts{--rg:2rem}
.qn-dept{position:relative;display:flex;flex-direction:column;background:#fff;color:var(--qn-ink);border-radius:0.6rem;overflow:hidden;border:1px solid var(--qn-line)}
.qn-dept__img{aspect-ratio:1;overflow:hidden;background:var(--qn-sand)}
/* главная: линии строкой — квадрат сцены слева, текст справа (первая плашка изделия в пределах первого экрана) */
.qn-depts--row .qn-dept{flex-direction:row;align-items:flex-start}
.qn-depts--row .qn-dept__img{flex:0 0 12rem;width:12rem;margin:1.6rem 0 1.6rem 1.6rem;border-radius:0.4rem}
@media screen and (min-width:46.875em){.qn-depts--row .qn-dept__img{flex-basis:15rem;width:15rem}}
.qn-depts--row .qn-dept__body{border-top:0;border-left:0.4rem solid var(--qn-orange);margin:1.6rem 0 1.6rem 1.6rem;padding:0 1.8rem 0 1.6rem;align-self:stretch}
.qn-depts--row .qn-dept h3{font-size:2.8rem}
/* каталог отделов: на телефоне та же строка, шире — плитка со сценой сверху */
@media screen and (max-width:37.498em){.qn-dept__img,.qn-post__img{max-width:30%}.qn-dept__body,.qn-post__body{min-width:0;overflow-wrap:anywhere}}
@media screen and (max-width:46.873em){.qn-depts--rowmob .qn-dept{flex-direction:row;align-items:flex-start}.qn-depts--rowmob .qn-dept__img{flex:0 0 12rem;width:12rem;margin:1.6rem 0 1.6rem 1.6rem;border-radius:0.4rem}.qn-depts--rowmob .qn-dept__body{border-top:0;border-left:0.4rem solid var(--qn-orange);margin:1.6rem 0 1.6rem 1.6rem;padding:0 1.8rem 0 1.6rem;align-self:stretch}.qn-depts--rowmob .qn-dept h2{font-size:2.8rem}}
.qn-dept__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.qn-dept:hover .qn-dept__img img{transform:scale(1.03)}
.qn-dept__body{display:flex;flex-direction:column;gap:0.8rem;padding:1.8rem 2rem 2rem;flex:1 1 auto;border-top:0.4rem solid var(--qn-orange)}
.qn-dept h2,.qn-dept h3{font-family:var(--font-heading-family);font-size:3.2rem;font-weight:600;line-height:1}
.qn-dept h2 a,.qn-dept h3 a{text-decoration:none}
.qn-dept__body{position:relative}
.qn-dept h2 a::after,.qn-dept h3 a::after{content:"";position:absolute;inset:0}
.qn-dept p{margin:0;color:var(--qn-ink2);font-size:1.5rem}
.qn-dept__n{margin-top:auto!important;color:var(--qn-ink)!important}
.qn-dept .qn-link{margin-top:0.6rem;font-size:1.5rem}
ul.qn-revs{--rg:1.6rem}
.qn-revs--cols{display:grid;gap:1.8rem;align-items:start}
.qn-revs__col{margin:0;padding:0;list-style:none;display:grid;gap:1.8rem;align-content:start}
@media screen and (min-width:46.875em){.qn-revs--cols{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
.qn-rev{margin:0;display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
.qn-rev .qn-rating{color:var(--qn-ink2)}
.qn-rev__t{margin:0;font-weight:700;font-size:1.6rem}
.qn-rev blockquote{margin:0;font-size:1.5rem;line-height:1.6}
.qn-rev blockquote p{margin:0}
.qn-clip p{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.qn-clip.is-open p{display:block;-webkit-line-clamp:unset}
.qn-rev [data-more]{align-self:flex-start;border:0;background:none;padding:0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;color:var(--qn-ink)}
.qn-rev footer{margin-top:auto;font-size:1.3rem;color:var(--qn-ink2);line-height:1.5}
.qn-revhead{display:grid;gap:1.8rem;margin:0 0 2.2rem;padding:1.8rem 2rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
@media screen and (min-width:46.875em){.qn-revhead{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3.6rem}}
.qn-revsum{display:flex;align-items:center;gap:1rem;margin:0;font-weight:700}
.qn-hist{margin:0;padding:0;list-style:none;display:grid;gap:0.6rem;font-size:1.4rem}
.qn-hist li{display:grid;grid-template-columns:5.6rem minmax(0,1fr) 4rem;gap:1rem;align-items:center}
.qn-hist i{display:block;height:0.9rem;border-radius:0.9rem;background:var(--qn-cream)}
.qn-hist b{display:block;height:0.9rem;border-radius:0.9rem;background:var(--qn-orange)}
/* паспорт марки */
.qn-passport h2{margin:0 0 1.4rem}
.qn-def{font-size:1.9rem;line-height:1.5;margin:0 0 2rem;padding-left:1.6rem;border-left:0.4rem solid var(--qn-orange)}
dl.qn-facts{margin:0;--rg:1rem}
.qn-facts>div{display:grid;gap:0.4rem;padding:1.4rem 1.6rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
@media screen and (min-width:46.875em){.qn-facts--full>div{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:1.8rem;align-items:baseline}}
.qn-facts dt{font-weight:700;color:var(--qn-ink2);font-size:1.4rem}
.qn-facts dd{margin:0}
.qn-facts small{display:block;color:var(--qn-ink2);font-size:1.3rem;margin-top:2px}
/* карточки статей */
ul.qn-posts{--rg:1.8rem}
.qn-post{height:100%;display:flex;flex-direction:column;border-radius:0.6rem;overflow:hidden;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
.qn-post__img{aspect-ratio:1;overflow:hidden;background:var(--qn-sand)}
@media screen and (max-width:37.498em){.qn-posts .qn-post{flex-direction:row;align-items:flex-start}.qn-posts .qn-post__img{flex:0 0 12rem;width:12rem;margin:1.6rem 0 1.6rem 1.6rem;border-radius:0.4rem}.qn-posts .qn-post__body{border-top:0;border-left:0.4rem solid var(--qn-orange);margin:1.6rem 0 1.6rem 1.6rem;padding:0 1.8rem 0 1.6rem;align-self:stretch}}
.qn-posts--two .qn-post{flex-direction:row;align-items:flex-start}
.qn-posts--two .qn-post__img{flex:0 0 12rem;width:12rem;margin:1.6rem 0 1.6rem 1.6rem;border-radius:0.4rem}
@media screen and (min-width:37.5em){.qn-posts--two .qn-post__img{flex-basis:18rem;width:18rem}}
.qn-posts--two .qn-post__body{border-top:0;border-left:0.4rem solid var(--qn-orange);margin:1.6rem 0 1.6rem 1.6rem;padding:0 1.8rem 0 1.6rem;align-self:stretch}
.qn-post__img img{width:100%;height:100%;object-fit:cover;display:block}
.qn-post__body{padding:1.8rem 2rem 2.2rem;display:flex;flex-direction:column;gap:1rem;border-top:0.4rem solid var(--qn-orange)}
.qn-post__tag{display:flex;flex-wrap:wrap;gap:0.8rem;margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-orange-ink)}
.qn-post h3 a{text-decoration:none}
.qn-post h3 a:hover{text-decoration:underline}
.qn-post__body>p:last-child{margin:0;color:var(--qn-ink2);font-size:1.5rem}
ul.qn-reads{--rg:1.2rem}
.qn-reads a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.4rem 1.2rem;align-items:center;padding:1.6rem 1.8rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line);text-decoration:none;height:100%}
.qn-reads__tag{grid-column:1;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-orange-ink)}
.qn-reads a>span:nth-child(2){grid-column:1;font-weight:700}
.qn-reads .icon{grid-column:2;grid-row:1 / span 2;color:var(--qn-orange-ink)}
/* «лучший выбор для…» */
ul.qn-best{--rg:1.4rem}
.qn-best li{display:flex;flex-direction:column;gap:0.6rem;padding:1.8rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line);border-top:0.4rem solid var(--qn-orange)}
.qn-best__s{font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-orange-ink)}
.qn-best__p{font-weight:700;font-size:1.6rem}
.qn-best p{margin:0;font-size:1.5rem;color:var(--qn-ink2)}
/* «X или Y» */
.qn-pair h2{margin:0 0 1.2rem}
.color-scheme-3 .qn-pair .qn-lead{color:#e5e6e9}
/* табло: числа крупно */
ul.qn-stats{--rg:1.4rem}
.qn-stats li{padding:1.8rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line);display:flex;flex-direction:column;gap:2px}
.qn-stats b{font-family:var(--font-heading-family);font-size:min(clamp(4rem,4vw,6rem),13vw);font-weight:600;color:var(--qn-orange-ink);line-height:.9}
.qn-stats span{font-size:1.4rem;color:var(--qn-ink2)}
.qn-stats--strip li{background:transparent;border:0;border-left:3px solid var(--qn-orange);border-radius:0;padding:0.4rem 0 0.4rem 1.6rem;color:#fff}
.qn-stats--strip b{color:var(--qn-orange)}
.qn-stats--strip span{color:#c7c9ce}
.qn-statfig{margin:0.8rem 0 2.6rem}
.qn-statfig figcaption{font-size:1.4rem;color:var(--qn-ink2);margin-top:1rem}
/* шаги на графите (подбор размера) и в применении на карточке */
ol.qn-steps4{--rg:1.6rem;margin:0;padding:0;list-style:none}
.qn-steps4 li{display:flex;flex-direction:column;gap:1rem;padding:2.2rem 2rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
.color-scheme-3 .qn-steps4 li{background:rgba(255,255,255,.06);border-color:#34363c;color:#fff;--color-foreground:255,255,255}
.qn-steps4__n{width:4.4rem;height:4.4rem;border-radius:0.4rem;background:var(--qn-orange);color:var(--qn-ink);font-family:var(--font-heading-family);font-size:2.8rem;line-height:1;display:flex;align-items:center;justify-content:center}
.qn-steps4 p{margin:0;font-size:1.5rem}
.color-scheme-3 .qn-steps4 p{color:#d9dadd}
.qn-use .qn-steps4{display:grid;gap:1rem}
.qn-use .qn-steps4 li{flex-direction:row;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem}
.qn-use .qn-steps4__n{flex:none;width:3.8rem;height:3.8rem;font-size:2.4rem}
/* КАМЕРЫ: капсулы силуэтом ноги, зоны списком */
.qn-ch{margin:0;padding:2.2rem;border-radius:0.6rem;background:var(--qn-ink);color:#fff;display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:0.8rem 2.2rem;align-items:center}
.qn-ch svg{display:block;width:100%;height:auto;max-width:14rem}
.qn-ch__cap{fill:#3a3c42;animation:qnfillsvg 3.2s var(--d,0s) infinite}
@keyframes qnfillsvg{0%,8%{fill:#3a3c42}18%,62%{fill:#ff6b1a}80%,100%{fill:#3a3c42}}
@media (prefers-reduced-motion:reduce){.qn-ch__cap{animation:none;fill:#ff6b1a}}
.qn-ch__zones{margin:0;padding:0;list-style:none;display:grid;gap:0.8rem;font-weight:700;font-size:1.5rem}
.qn-ch__zones li{display:flex;align-items:center;gap:1rem}
.qn-ch__zones li::before{content:"";width:1.8rem;height:0.8rem;border-radius:0.4rem;background:var(--qn-orange);flex:none}
/* узкая колонка (телефон при крупном шрифте): рисунок над подписями зон */
@media screen and (max-width:37.498em){.qn-ch{grid-template-columns:minmax(0,1fr)}.qn-ch svg{max-width:12rem}}
.qn-ch figcaption{grid-column:1 / -1;font-size:1.3rem;color:#c7c9ce;margin-top:0.8rem}
/* ШКАЛА ДАВЛЕНИЯ 0–200 mmHg */
.qn-gauge{margin:0;padding:1.8rem 2rem 1.6rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
.qn-gauge__track{position:relative;height:1.6rem;border-radius:0.8rem;background:var(--qn-cream)}
.qn-gauge__fill{position:absolute;top:0;bottom:0;border-radius:0.8rem;background:linear-gradient(90deg,#ffb38a,var(--qn-orange))}
.qn-gauge__track i{position:absolute;top:-0.4rem;bottom:-0.4rem;width:2px;margin-left:-1px;background:var(--qn-ink);opacity:.35}
.qn-gauge__nums{position:relative;height:2rem;margin:0.6rem 0 0;padding:0;list-style:none;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}
.qn-gauge__nums li{position:absolute;transform:translateX(-50%)}
.qn-gauge__nums li:first-child{transform:none}.qn-gauge__nums li:last-child{transform:translateX(-100%)}
.qn-gauge figcaption{margin-top:0.8rem;font-size:1.4rem;font-weight:700}
.qn-gauges{margin:2.4rem 0;display:grid;gap:1.2rem}
.qn-gauges__row{display:grid;gap:0.6rem}
.qn-gauges__row>a{font-weight:700}
.qn-gauges figcaption{font-size:1.4rem;color:var(--qn-ink2)}
/* КОЛОННОЕ СРАВНЕНИЕ (beautyrest): колонки моделей, шапки графитом с оранжевой нитью */
.qn-cmp{display:grid;gap:1.6rem}
/* до 1180 px столбцы сравнения идут рядами, последний ряд растягивается во всю ширину (пятый столбец не стоит один под парой) */
@media screen and (min-width:46.875em) and (max-width:73.748em){.qn-cmp{display:flex;flex-wrap:wrap}.qn-cmp__col{flex:1 1 calc(33.333% - 1.6rem);min-width:13.75em}}
@media screen and (min-width:73.75em){.qn-cmp{grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:auto repeat(var(--r),auto) auto;gap:0 1.4rem}.qn-cmp__col{display:grid;grid-row:1 / span calc(var(--r) + 2);grid-template-rows:subgrid}.qn-cmp__col dl{display:contents}.qn-cmp__col dl>div{background:linear-gradient(#ece5da,#ece5da) top/100% 1px no-repeat}}
.qn-cmp__col{background:#fff;color:var(--qn-ink);border-radius:0.6rem;overflow:hidden;border:1px solid var(--qn-line);padding-bottom:1.6rem}
.qn-cmp__head{padding:1.8rem 1.8rem 1.6rem;background:var(--qn-coal);color:#fff;border-bottom:0.4rem solid var(--qn-orange)}
.qn-cmp__type{margin:0 0 0.4rem;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-glow)}
.qn-cmp__head h3{color:#fff;font-size:1.7rem}
.qn-cmp__head h3 a{text-decoration:none;color:#fff}
.qn-cmp__price{margin:0.8rem 0 0}
.qn-cmp__price .price{color:#fff}
.qn-cmp__rate{display:flex;align-items:center;gap:0.8rem;margin:0.6rem 0 0;font-size:1.3rem;color:#c7c9ce}
.qn-cmp dl{margin:0}
.qn-cmp dl>div{padding:1rem 1.8rem}
.qn-cmp dt{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--qn-ink2)}
.qn-cmp dd{margin:2px 0 0;font-size:1.5rem}
.qn-cmp__col>.qn-link{margin:1rem 1.8rem 0;align-self:end}