
.qn-pagehero{background-color:var(--qn-ink);background-image:var(--qn-caps-dark);color:#fff}
.qn-pagehero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;padding-top:0.8rem;padding-bottom:3.6rem}
.qn-pagehero__text{min-width:0}
.qn-pagehero__text .qn-crumbs{padding:1.2rem 0 1.2rem;color:#d9dadd}
.qn-pagehero__text h1{margin:1.2rem 0 1.4rem;color:#fff}
.qn-pagehero h1 em,.qn-pagehero h2 em,.qn-pagehero h3 em,.main-blog__hero h1 em{color:var(--qn-orange)}
.qn-pagehero h2,.qn-pagehero h3{color:#fff}
.qn-pagehero__text>p{font-size:1.8rem;line-height:1.55;color:#d9dadd;max-width:60ch}
.qn-pagehero .qn-jump a{color:#fff}
.qn-pagehero .qn-jump a:hover{color:var(--qn-ink)}
.qn-pagehero__fig{margin:0;border-radius:0.6rem;overflow:hidden;background:var(--qn-coal)}
.qn-pagehero__fig img{width:100%;height:auto;display:block}
@media screen and (min-width:61.875em){.qn-pagehero__in--split{grid-template-columns:minmax(0,1fr) minmax(0,48rem);gap:4.8rem;align-items:start;padding-bottom:5.2rem}}
.qn-pagehero--plain .qn-pagehero__in{padding-bottom:2.8rem}
@media screen and (min-width:61.875em){.qn-pagehero--about .qn-pagehero__in--split{grid-template-columns:minmax(0,1fr) minmax(0,56rem)}}
.qn-pagehero--about .qn-def{color:#fff;border-left-color:var(--qn-orange)}
/* «о бренде»: полосы */
.qn-abrow{display:grid;gap:3.2rem}
@media screen and (min-width:61.875em){.qn-abrow{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:5.6rem;align-items:start}}
.qn-abrow__text p{font-size:1.7rem;line-height:1.65}
.qn-abrow__fig{margin:0;border-radius:0.6rem;overflow:hidden;aspect-ratio:1;background:var(--qn-sand)}
.qn-abrow__fig img{display:block;width:100%;height:100%;object-fit:cover}
/* путь: вехи-капсулы, растущие слева направо как давление */
.qn-abpath__list{margin:0;padding:0;list-style:none;display:grid;gap:1.4rem}
@media screen and (min-width:46.875em){.qn-abpath__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (min-width:73.75em){.qn-abpath__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.qn-abpath__list li{position:relative;display:flex;flex-direction:column;gap:0.8rem;padding:2.2rem 2rem 2rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line)}
.qn-abpath__cap{display:block;height:1rem;border-radius:0.5rem;background:var(--qn-orange);width:40%}
.qn-abpath__list li:nth-child(2) .qn-abpath__cap{width:58%}.qn-abpath__list li:nth-child(3) .qn-abpath__cap{width:76%}.qn-abpath__list li:nth-child(4) .qn-abpath__cap{width:94%}
.qn-abpath__n{font-family:var(--font-heading-family);font-size:2.2rem;color:var(--qn-ink2);line-height:1}
.qn-abpath__list b{font-family:var(--font-heading-family);font-size:3rem;font-weight:600;line-height:1;color:var(--qn-ink)}
.qn-abpath__t{font-size:1.5rem}
.qn-abpath__list small{margin-top:auto;color:var(--qn-ink2);font-size:1.3rem}
/* манифест: оранжевая полоса */
.qn-ab--accent{background:var(--qn-orange)!important;background-image:none!important;color:var(--qn-ink)}
.qn-ab--accent .qn-kicker{color:var(--qn-ink)}
.qn-ab--accent .qn-kicker::before{background:var(--qn-ink)}
.qn-absay{margin:0;text-align:center;padding:1.2rem 0;position:relative}
.qn-absay .qn-kicker{justify-content:center}
.qn-absay__q{margin:0.8rem auto 1rem;font-family:var(--font-heading-family);font-size:clamp(4.8rem,7vw,10.4rem);font-weight:600;line-height:.92;color:var(--qn-ink);text-wrap:balance}
.qn-absay figcaption{color:var(--qn-ink);font-size:1.5rem;font-weight:600}
.qn-pulse--row{position:static;display:inline-flex;flex-direction:row;align-items:flex-end;margin:2.2rem auto 0;background:var(--qn-ink)}
.qn-pulse--row i{width:1.2rem;height:var(--w,4rem)}
ol.qn-abrules{--rg:1.6rem;margin:0;padding:0;list-style:none}
.qn-abrules li{display:flex;flex-direction:column;gap:1rem;padding:2.4rem 2.2rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line)}
.qn-abrules__n{font-family:var(--font-heading-family);font-size:2.2rem;color:var(--qn-ink2);line-height:1}
.qn-abrules__t{font-size:1.5rem;color:var(--qn-ink2)}
ul.qn-ablines{--rg:1.6rem}
.qn-abline{display:flex;flex-direction:column;gap:0.8rem;padding:0 0 1.8rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line);overflow:hidden}
.qn-abline__img{aspect-ratio:1;overflow:hidden;background:var(--qn-bone);flex:none;width:100%;position:relative}
.qn-abline__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.qn-abline h3,.qn-abline .qn-abline__t,.qn-abline__price{padding:0 1.8rem}
.qn-abline h3 a{text-decoration:none}
.qn-abline__t{font-size:1.5rem;color:var(--qn-ink2)}
.qn-abline__price{margin:auto 0 0;font-size:1.4rem}
.qn-ab--record .qn-stats li{background:transparent;border:0;border-left:3px solid var(--qn-orange);border-radius:0;padding:0.4rem 0 0.4rem 1.6rem}
.qn-ab--record .qn-stats b{color:var(--qn-orange)}
.qn-ab--record .qn-stats span{color:#c7c9ce}
.qn-passport--about{margin-top:3.2rem}
.qn-abexit__btns{display:flex;flex-wrap:wrap;gap:1.2rem;margin:2.6rem 0 0}
ul.qn-charts{--rg:1.8rem}
.qn-charts li{padding:2rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line)}
.qn-charts h3{margin:0 0 0.4rem}
.qn-charts h3 a{text-decoration:none}
.qn-charts__sold{margin:0 0 1.2rem;font-size:1.4rem;color:var(--qn-ink2)}
.qn-note-line{margin:2.2rem 0 0;font-size:1.5rem}
/* отзывы */
ul.qn-themes{--rg:1.4rem}
.qn-themes li{padding:1.8rem 2rem;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-themes b{display:block;margin-bottom:0.6rem;font-family:var(--font-heading-family);font-size:2.6rem;font-weight:600;line-height:1}
.qn-themes p{margin:0;font-size:1.5rem;color:var(--qn-ink2)}
.qn-revgroup{display:grid;gap:1.8rem;margin:3.6rem 0 0;scroll-margin-top:12rem}
.qn-revgroup__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0.8rem 2rem}
.qn-revgroup__head>*{min-width:0;overflow-wrap:anywhere}
.qn-revgroup__head h2{font-family:var(--font-body-family);font-weight:800;font-size:clamp(2.2rem,2vw,2.8rem);letter-spacing:-.02em;line-height:1.2;min-width:0;max-width:100%;overflow-wrap:anywhere}
/* FAQ */
ul.qn-roads{--rg:1.2rem}
.qn-roads a{display:flex;flex-direction:column;gap:0.4rem;height:100%;padding:1.6rem 1.8rem;border-radius:0.6rem;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line);text-decoration:none}
.qn-roads b{font-weight:800}
.qn-roads span{font-size:1.4rem;color:var(--qn-ink2)}
/* контакты, правовые */
ul.qn-contact{--rg:1.4rem}
.qn-contact li{padding:2rem;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-contact b{display:block;margin-bottom:0.8rem;font-weight:800}
.qn-contact a:not([href^="mailto:"]):not([href^="tel:"]){overflow-wrap:anywhere}
.qn-contact__address{display:flex;flex-direction:column;gap:2px;font-style:normal;margin:0}
.qn-contact__address a{font-weight:700}
.qn-legal{display:grid;gap:2.6rem;font-size:1.7rem;line-height:1.65}
/* правовой текст газетными колонками: нечётное число разделов не оставляет одиночку в последнем ряду */
@media screen and (min-width:61.875em){.qn-legal{display:block;column-count:2;column-gap:4.8rem}.qn-legal>section{break-inside:avoid;margin:0 0 3.2rem}}
.qn-legal h2{font-size:3.2rem;margin:0 0 1rem}
.qn-legal a{overflow-wrap:anywhere}
/* поиск */
.qn-search .field{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;border-radius:0.4rem;border:2px solid var(--qn-ink);background:#fff;max-width:64rem}
.qn-search .field input{min-width:0;flex:1 1 auto;width:100%}
.qn-search input{flex:1 1 auto;border:0;background:transparent;font:inherit;font-size:1.7rem;min-height:5rem;outline:0}
.qn-search p{margin:1.2rem 0 0;color:var(--qn-ink2)}
.qn-hits{margin:2.2rem 0 0;padding:0;list-style:none;display:grid;gap:1rem}
.qn-hits a{display:flex;flex-direction:column;gap:2px;padding:1.4rem 1.6rem;border-radius:0.6rem;background:#fff;border:1px solid var(--qn-line);text-decoration:none}
.qn-hits small{color:var(--qn-orange-ink);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem}
.qn-hits span{color:var(--qn-ink2);font-size:1.4rem}
.cart__warnings{display:grid;gap:1.8rem;justify-items:start}
/* 404: «404 mmHg» табло, давление на нуле */
.qn-404{display:grid;gap:2.8rem;align-items:start}
@media screen and (min-width:46.875em){.qn-404{grid-template-columns:minmax(0,1fr) minmax(0,32rem)}}
.qn-404__n{display:flex;align-items:baseline;gap:1.2rem;margin:0 0 1rem;font-family:var(--font-heading-family);font-size:clamp(9.6rem,14vw,18rem);font-weight:600;color:var(--qn-orange);line-height:.8}
.qn-404__n small{font-size:.28em;color:#c7c9ce}
.qn-404__go{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:2rem}
.qn-404__fig{margin:0;border-radius:0.6rem;overflow:hidden;max-width:32rem;aspect-ratio:1;background:#fff}
.qn-404__fig img{width:100%;height:100%;object-fit:contain;display:block}
.color-scheme-3 .qn-link{color:#fff}
