/* --- блоки Vyxion (минимальные правила; оформление темы — отдельным проходом) --- */
/* панель Supplement Facts */
/* панель Supplement Facts — как на этикетке: кремовое поле, тяжёлая линейка под заголовком, тонкие линейки строк */
.vx-sf{border:.2rem solid var(--vx-ink);border-radius:.6rem;padding:1.6rem 1.8rem 1.4rem;background:var(--vx-paper);color:var(--vx-ink);max-width:56rem;box-shadow:.6rem .6rem 0 var(--vx-mint,#e2eee0)}
.vx-sf__h{font-family:var(--font-body-family);font-weight:900;font-size:clamp(2.6rem,7vw,3.4rem);letter-spacing:-.01em;line-height:1;margin:0 0 .6rem;padding-bottom:.8rem;border-bottom:.8rem solid var(--vx-ink);text-transform:none}
.vx-sf__serv{display:flex;justify-content:space-between;gap:1.6rem;margin:0;padding:.3rem 0;font-size:1.5rem}
.vx-sf__serv b{white-space:nowrap}
.vx-sf__t{width:100%;border-collapse:collapse;margin-top:.6rem;border-top:.4rem solid var(--vx-ink);font-size:1.45rem}
.vx-sf__t th,.vx-sf__t td{padding:.6rem .4rem .6rem 0;border-bottom:.1rem solid var(--vx-ink);text-align:left;vertical-align:top;font-weight:400}
.vx-sf__t tbody th{font-weight:700;overflow-wrap:anywhere}
.vx-sf__t tbody tr:last-child th,.vx-sf__t tbody tr:last-child td{border-bottom:.4rem solid var(--vx-ink)}
.vx-sf__t thead th{font-size:1.25rem;font-weight:600}
.vx-sf__t td{white-space:nowrap;text-align:right;padding-left:1.2rem;padding-right:0;font-weight:600}
.vx-sf__blend{display:block;padding:.3rem 0 0 1.4rem;font-size:1.3rem;font-weight:400;color:var(--vx-ink2)}
.vx-sf__other,.vx-sf__foot{margin:.8rem 0 0;font-size:1.3rem}
.vx-sfwrap{display:flex;flex-direction:column;gap:2.8rem}
.vx-sfwrap__panel{min-width:0}
.vx-sfwrap__side{min-width:0;display:flex;flex-direction:column;gap:1.2rem}
.vx-sfwrap__side h3{margin:0}
@media screen and (min-width:46.875em){.vx-sfwrap{flex-direction:row;align-items:flex-start;gap:5.6rem}.vx-sfwrap__panel{flex:1.2 1 0}.vx-sfwrap__side{flex:1 1 0}}
.vx-statfig--panel .vx-sf{margin-inline:0}
/* как принимать: пипетка с делениями и шаги */
.vx-take{display:flex;gap:2rem;align-items:stretch;margin:1.6rem 0}
.vx-dropper{display:flex;gap:.8rem;flex:none;color:var(--vx-ink)}
.vx-dropper__svg{display:block;width:6rem;height:24rem;flex:none}
.vx-dropper__marks{list-style:none;margin:0;padding:6.6rem 0 0;display:flex;flex-direction:column;gap:1.25rem;font-size:1.3rem;font-weight:600;white-space:nowrap}
.vx-take__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.4rem;min-width:0;flex:1 1 0;justify-content:center}
.vx-take__steps li{display:flex;gap:1.2rem;align-items:flex-start;font-size:1.7rem}
.vx-take__n{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;border:.15rem solid var(--vx-ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem}
/* «о марке»: путь, вынесенная фраза, принципы, линии */
.vx-abpath{display:flex;flex-direction:column;gap:2.4rem}
.vx-abpath__head{min-width:0}
.vx-abpath__list{list-style:none;margin:0;padding:0;min-width:0;flex:1.4 1 0;border-left:.2rem solid var(--vx-gold)}
.vx-abpath__list li{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:0 0 2.6rem 3.6rem}
.vx-abpath__list li:last-child{padding-bottom:0}
.vx-abpath__drop{position:absolute;left:-1.3rem;top:0;width:2.4rem;height:3.2rem;color:var(--vx-gold)}
.vx-abpath__n{font-size:1.3rem;letter-spacing:.1em;color:var(--vx-ink2)}
.vx-abpath__list b{font-family:var(--font-heading-family);font-size:2.8rem;line-height:1.1}
.vx-abpath__t{font-size:1.65rem}
.vx-abpath__list small{font-size:1.3rem;color:var(--vx-ink2)}
.vx-abpath__list small a{text-decoration:underline;text-underline-offset:.3rem}
@media screen and (min-width:61.875em){.vx-abpath{flex-direction:row;gap:8rem;align-items:flex-start}.vx-abpath__head{flex:1 1 0}}
.vx-absay{margin:0;display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.vx-absay__sprig{width:6.4rem;height:6.4rem;opacity:.9}
.vx-absay__q{margin:0;font-family:var(--font-heading-family);font-style:italic;font-size:clamp(3.6rem,5vw,7.2rem);line-height:1.05;text-wrap:balance}
.vx-absay figcaption{font-size:1.5rem;opacity:.85}
.vx-ab--say .vx-kicker{color:inherit;opacity:.85}
.vx-abrules{--rg:2.4rem}
.vx-abrules>li{display:flex;flex-direction:column;gap:.8rem;padding-top:1.6rem;border-top:.2rem solid var(--vx-ink)}
.vx-abrules__n{font-size:1.3rem;letter-spacing:.1em;color:var(--vx-ink2)}
.vx-abrules__ico{width:4.8rem;height:4.8rem}
.vx-abrules h3{margin:0}
.vx-abrules__t{font-size:1.6rem}
.vx-ablines{--rg:1.6rem}
.vx-abline{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem;background:var(--tint);border-radius:.8rem}
.vx-abline__img{line-height:0;align-self:center}
.vx-abline__img img{display:block;width:auto;max-width:100%;height:auto;mix-blend-mode:multiply}
.vx-abline h3{margin:0}
.vx-abline h3 a{text-decoration:underline;text-underline-offset:.3rem}
.vx-abline__t{font-size:1.5rem;flex:1 1 auto}
.vx-abline__price{margin:0}
.vx-abexit__btns{display:flex;flex-wrap:wrap;gap:1.2rem;margin:2.4rem 0 0}
.vx-crono.vx-rows{--rg:0rem}
.vx-crono.vx-rows>li{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0;padding:1.6rem 1.2rem}
.vx-crono.vx-rows>li>*{min-width:0;max-width:100%}
.vx-crono.vx-rows .vx-crono__img{align-self:center}
.vx-fda{border:.1rem solid currentColor;padding:1rem 1.2rem;margin:0 0 1rem!important;text-align:left}

/* отметки: слова объявления списком с золотой галочкой */
.vx-checks{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.vx-checks li{position:relative;padding-left:3rem;font-size:1.6rem;font-weight:600}
.vx-checks li::before{content:"";position:absolute;left:.4rem;top:.35em;width:1.3rem;height:.7rem;border-left:.25rem solid var(--vx-gold);border-bottom:.25rem solid var(--vx-gold);transform:rotate(-45deg)}
.vx-checks--pdp li{font-size:1.5rem;font-weight:400}
/* размеры строкой на плитке */
.vx-sizes{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.vx-sizes span{padding:.2rem .7rem;border:.1rem solid var(--vx-line);font-size:1.2rem;font-weight:600;max-width:100%;color:var(--vx-ink)}
/* лестница размеров: флаконы по росту на поле линии, под каждым — цена и расчёт */
.vx-ladder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:.2rem solid var(--vx-gold);border-left:.1rem solid var(--vx-line)}
.vx-ladder>li:last-child:nth-child(odd){grid-column:1 / -1}
.vx-ladder__step{display:grid;grid-template-rows:auto 1fr;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line);background:var(--vx-paper);min-width:0}
.vx-ladder__img{height:22rem;padding:1.2rem 1.2rem 0;background:var(--tint);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
/* обёртка облегает кадр: приёмка меряет пустоту между кадром и его родителем */
.vx-ladder__pic{display:block;width:fit-content;max-width:100%;min-width:0;line-height:0}
.vx-ladder__img img{display:block;width:auto;height:auto;max-width:min(100%,var(--cap,100%));max-height:calc(var(--h)*1px);mix-blend-mode:multiply}
.vx-ladder__body{display:grid;gap:.4rem;align-content:start;padding:1.4rem 1.2rem 1.6rem;min-width:0}
.vx-ladder__size{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:3rem;line-height:1;text-transform:uppercase}
.vx-ladder__size a{text-decoration:none}
.vx-ladder__size a:hover{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}
.vx-ladder__price{margin:0;font-size:1.9rem}
.vx-ladder dl{margin:.6rem 0 0;display:grid;gap:0;border-top:.1rem solid var(--vx-line)}
.vx-ladder dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:.1rem solid var(--vx-line);font-size:1.35rem}
.vx-ladder dt{color:var(--vx-ink2)}
.vx-ladder dd{margin:0;font-weight:700;text-align:right}
@media screen and (min-width:46.875em){.vx-ladder{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}.vx-ladder>li:last-child:nth-child(odd){grid-column:auto}.vx-ladder__img{height:24rem}.vx-ladder__body{padding:1.6rem}}
/* порядок применения: шаг — номер, изделие шага, что делает шаг */
.vx-order{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:.2rem solid var(--vx-gold)}
.vx-order__step{position:relative;display:grid;grid-template-columns:3.2rem 7.2rem minmax(0,1fr);gap:1.2rem;align-items:center;padding:1.2rem .8rem;border-bottom:.1rem solid var(--vx-line);min-width:0}
.vx-order__no{font-family:var(--font-heading-family);font-weight:600;font-size:4rem;line-height:1;color:var(--vx-clay);text-align:center}
.vx-order__img{width:7.2rem;height:9.6rem;border-radius:3.6rem 3.6rem 0 0;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden}
.vx-order__img img{display:block;max-width:6.4rem;max-height:8.4rem;width:auto;height:auto;mix-blend-mode:multiply}
.vx-order__body{display:grid;gap:.3rem;min-width:0}
.vx-order__body h3{font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-ink2);font-family:var(--font-body-family)}
.vx-order__name{margin:0;font-weight:700;font-size:1.8rem;line-height:1.2}
.vx-order__name a{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}
.vx-order__body p{margin:0;font-size:1.5rem}
.vx-order__price{color:var(--vx-ink2)}
.vx-order__price b{color:var(--vx-ink)}
.vx-order__step.is-current{background:var(--vx-paper);box-shadow:inset .4rem 0 0 var(--vx-gold)}
.vx-order__here{display:inline-block;margin-left:.6rem;padding:.1rem .7rem;font-style:normal;font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--vx-ink);color:var(--vx-paper);white-space:nowrap}
@media screen and (min-width:61.875em){.vx-order__step{grid-template-columns:5.6rem 9.6rem minmax(0,1fr);gap:2rem;padding:1.4rem 1.6rem}.vx-order__no{font-size:5.6rem}.vx-order__img{width:9.6rem}.vx-order__img img{max-width:8.4rem}.vx-order__body{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:.3rem 3.2rem;align-items:center}.vx-order__body h3{grid-column:1}.vx-order__name{grid-column:1}.vx-order__body>p:not(.vx-order__name){grid-column:2;grid-row:1 / span 2}}
/* состав набора */
.vx-box{--rg:0rem;border-top:.2rem solid var(--vx-gold);border-left:.1rem solid var(--vx-line)}
.vx-box>li{display:grid;gap:.4rem;align-content:start;padding:1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line);background:var(--vx-paper)}
.vx-box b{font-size:1.8rem;line-height:1.2}
.vx-box span{font-size:1.5rem;color:var(--vx-ink2)}
.vx-goal{display:grid;gap:2rem}
.vx-goal__head .vx-head{margin-bottom:0}
.vx-passport{display:grid;gap:1.4rem}
.vx-sitedef{margin:0;font-size:1.5rem;color:var(--vx-ink2);max-width:90rem}
.vx-def{margin:1rem 0 0;font-family:var(--font-body-family);font-weight:600;font-size:clamp(1.9rem,1.8vw,2.4rem);line-height:1.35;max-width:90rem}
.vx-facts{margin:1rem 0 0;--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-facts>div{display:grid;gap:.4rem 2.4rem;align-content:start;align-items:baseline;padding:1.2rem 1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line);min-width:0}
@media screen and (min-width:37.5em){.vx-facts--home>div,.vx-facts--bag>div{grid-template-columns:20rem minmax(0,1fr)}}
@media screen and (min-width:61.875em){.vx-facts--home>div{grid-template-columns:28rem minmax(0,1fr)}}
.vx-facts dt{font-family:var(--vx-mono);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-clay)}
.vx-facts dd{margin:0;font-size:1.7rem;font-weight:600;overflow-wrap:anywhere}
.vx-facts dd small{display:block;margin-top:.3rem;font-size:1.3rem;font-weight:400;color:var(--vx-ink2)}
.vx-facts dd a{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}
.vx-facts--bag dd{font-size:1.55rem}
/* отзывы */
ul.vx-revs{align-items:flex-start}
.vx-revs>li{min-width:0}
.vx-rev{margin:0;display:grid;gap:.9rem;padding:1.8rem 1.6rem;background:var(--vx-paper);border:.1rem solid var(--vx-line);border-top:.1rem solid var(--vx-ink);color:var(--vx-ink)}
.vx-rev__t{margin:0;font-weight:700;font-size:1.8rem;line-height:1.25;overflow-wrap:anywhere}
.vx-rev blockquote{margin:0;font-size:1.55rem;overflow-wrap:anywhere}
.vx-rev blockquote p{margin:0}
.vx-clip{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.vx-clip.is-open{display:block}
.vx-rev [data-more]{justify-self:start;border:0;background:none;padding:0;min-height:4.4rem;font:inherit;font-weight:700;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;color:var(--vx-ink)}
.vx-rev footer{font-size:1.3rem;color:var(--vx-ink2)}
.vx-rev footer a{text-decoration:underline;text-underline-offset:.3rem}
.vx-revhead{display:grid;gap:1.6rem 4rem;margin-bottom:2.4rem;align-items:center}
@media screen and (min-width:46.875em){.vx-revhead{grid-template-columns:auto minmax(0,42rem)}}
.vx-revsum{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:0;font-weight:700;font-size:2rem}
.vx-revsum .vx-stars{width:12rem}
.vx-hist{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:1.3rem;font-family:var(--vx-mono)}
.vx-hist li{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 4rem;gap:1rem;align-items:center}
.vx-hist i{display:block;height:.8rem;background:var(--vx-cell);box-shadow:inset 0 0 0 .1rem var(--vx-line)}
.vx-hist b{display:block;height:100%;background:var(--vx-ink)}
.vx-hist li>span:last-child{text-align:right}
.vx-revgroup{display:grid;gap:1.6rem;padding:3.2rem 0;border-top:.1rem solid var(--vx-ink)}
.vx-revgroup__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem}
.vx-jump{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.4rem;padding:0;list-style:none}
.vx-jump a{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.4rem;border:.1rem solid var(--vx-line);text-decoration:none;font-size:1.45rem;font-weight:600}
.vx-jump a:hover{border-color:var(--vx-ink)}
.vx-jump i{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(28,25,23,.2)}
/* мозаика кадров: плитки ряда делят его ширину по своим пропорциям */
.vx-gallery{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
@media screen and (min-width:46.875em){.vx-gallery{gap:.8rem}}
.vx-gallery>li{flex:var(--ar) 1 0;min-width:0}
.vx-gallery button{display:block;width:100%;padding:0;border:0;background:var(--vx-cell);cursor:zoom-in;line-height:0}
.vx-gallery img{display:block;width:100%;height:auto;max-width:none}
.vx-gallery__br{flex:0 0 100%!important;height:0;display:none}
@media screen and (max-width:37.498em){.vx-gallery__br--xs{display:block}}
@media screen and (min-width:37.5em) and (max-width:46.873em){.vx-gallery__br--s{display:block}}
@media screen and (min-width:46.875em) and (max-width:61.873em){.vx-gallery__br--m{display:block}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.vx-gallery__br--l{display:block}}
@media screen and (min-width:73.75em){.vx-gallery__br--xl{display:block}}
/* годы: шкала дат */
.vx-years{--rg:0rem;border-top:.2rem solid var(--vx-gold);border-left:.1rem solid var(--vx-line)}
.vx-years>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-years b{font-family:var(--font-heading-family);font-weight:600;font-size:4.8rem;line-height:.9;color:var(--vx-clay)}
.vx-years p{margin:0;font-size:1.55rem}
.vx-years small{font-size:1.25rem;color:var(--vx-ink2)}
.vx-years small a{text-decoration:underline;text-underline-offset:.3rem}
/* карточки статей */
.vx-posts{--rg:1.6rem}
.vx-post{display:grid;grid-template-rows:auto 1fr;height:100%;border:.1rem solid var(--vx-line);background:var(--vx-paper);position:relative}
.vx-post__img{background:var(--vx-cell);overflow:hidden;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}
.vx-post__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.vx-post__body{display:grid;gap:.8rem;align-content:start;padding:1.6rem}
.vx-post__tag{margin:0;font-family:var(--vx-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-clay)}
.vx-post h3{font-family:var(--font-body-family);font-weight:700;font-size:2.4rem;line-height:1.15}
.vx-post h3 a{text-decoration:none}
.vx-post h3 a:hover{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}
.vx-post p{margin:0;font-size:1.55rem}
.vx-post__meta{font-family:var(--vx-mono);font-size:1.2rem!important;color:var(--vx-ink2)}
/* «лучший для…» */
.vx-best{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-best>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-best__s{font-family:var(--vx-mono);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-clay)}
.vx-best__p{font-weight:700;font-size:1.9rem;line-height:1.2}
.vx-best__p a{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}
.vx-best p{margin:0;font-size:1.55rem}
/* стена оттенков: чипы с кодом и именем по группам глубины */
.vx-wallbox{padding:1.6rem;border:.1rem solid var(--vx-line);background:var(--vx-paper)}
.vx-wallbox+.vx-wallbox{margin-top:1.6rem}
.vx-walls{display:grid;gap:1.2rem}
.vx-wallrow{display:grid;gap:.6rem}
@media screen and (min-width:46.875em){.vx-wallrow{grid-template-columns:9.6rem minmax(0,1fr);align-items:start;gap:1.2rem}}
.vx-wallrow__h{margin:0;padding-top:.4rem;font-family:var(--vx-mono);font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase}
.vx-wallrow__h small{margin-left:.8rem;color:var(--vx-ink2)}
.vx-wall{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.vx-chip{display:grid;grid-template-columns:2.8rem auto;grid-template-rows:auto auto;align-items:center;column-gap:.8rem;min-height:4.8rem;padding:.5rem 1rem .5rem .6rem;border:.1rem solid var(--vx-line);background:var(--vx-paper);text-decoration:none;line-height:1.15}
.vx-chip:hover{border-color:var(--vx-ink)}
.vx-chip i{grid-row:1 / span 2;width:2.8rem;height:2.8rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(28,25,23,.18)}
.vx-chip .vx-code{font-size:1.3rem;font-weight:500;align-self:end}
.vx-chip .vx-code:last-child{grid-row:1 / span 2;align-self:center}
.vx-chip__w{font-size:1.25rem;color:var(--vx-ink2);align-self:start}
/* полоса покупки */
.vx-strip{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1.6rem;align-items:center;padding:1.4rem;border:.1rem solid var(--vx-ink);background:var(--vx-paper)}
.vx-strip__img{width:12rem;height:12rem;background:var(--tint);display:flex;align-items:center;justify-content:center;overflow:hidden}
.vx-strip__img img{display:block;max-width:min(12rem,var(--cap,12rem));max-height:12rem;width:auto;height:auto;mix-blend-mode:multiply}
.vx-strip__body{display:grid;gap:.6rem;min-width:0;justify-items:start}
.vx-strip__name{margin:0;font-weight:700;font-size:1.8rem;line-height:1.2}
.vx-strip__name a{text-decoration:none}
.vx-strip__name a:hover{text-decoration:underline;text-underline-offset:.3rem}
.vx-strip__fact{margin:0;font-size:1.4rem;color:var(--vx-ink2)}
.vx-strip__fact b{color:var(--vx-ink);font-size:1.7rem}
.vx-strip .button{min-height:4.8rem;padding:.6rem 1.6rem;font-size:1.3rem}
@media screen and (max-width:24.373em){.vx-strip{grid-template-columns:minmax(0,1fr)}.vx-strip__img{width:100%}}
/* блок вопросов: во всю полосу; полоса покупки — ниже */
.vx-cols{display:grid;gap:2.4rem}
.vx-cols__text{min-width:0}
.vx-cols__side{min-width:0;display:grid;gap:1.6rem}
/* ссылки на статьи, дороги, темы, имена, контакты */
.vx-reads{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-reads>li{border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-reads a{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:6.4rem;padding:1.2rem 1.6rem;font-weight:700;font-size:1.7rem;text-decoration:none;height:100%}
.vx-reads a:hover span{text-decoration:underline;text-underline-offset:.4rem}
.vx-roads{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid rgba(28,25,23,.25)}
.vx-roads>li{border-right:.1rem solid rgba(28,25,23,.25);border-bottom:.1rem solid rgba(28,25,23,.25);display:flex}
.vx-roads a{display:grid;gap:.5rem;align-content:start;padding:1.6rem;text-decoration:none;width:100%}
.vx-roads b{font-size:1.8rem;line-height:1.25}
.vx-roads a:hover b{text-decoration:underline;text-underline-offset:.4rem}
.vx-roads span{font-size:1.45rem;color:var(--vx-ink2)}
.vx-themes,.vx-contact{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid rgba(28,25,23,.25)}
.vx-themes>li,.vx-contact>li{display:grid;gap:.6rem;align-content:start;padding:1.8rem 1.6rem;border-right:.1rem solid rgba(28,25,23,.25);border-bottom:.1rem solid rgba(28,25,23,.25)}
.vx-themes b,.vx-contact b{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:2.4rem;line-height:1.1}
.vx-themes p,.vx-contact p{margin:0;font-size:1.55rem}
.vx-contact a{text-decoration:underline;text-underline-offset:.3rem;overflow-wrap:anywhere}
.vx-names{display:grid;margin:0;padding:0;list-style:none;border-top:.1rem solid var(--vx-ink)}
.vx-names li{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1.2rem;padding:1.2rem 0;border-bottom:.1rem solid var(--vx-line);align-items:baseline}
.vx-names b{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:2.2rem}
.vx-names span{font-size:1.5rem}
/* шаги, заметка, источники, «знать заранее» */
.vx-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:st;border-top:.1rem solid var(--vx-ink)}
.vx-step{counter-increment:st;display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-bottom:.1rem solid var(--vx-line);align-items:baseline}
.vx-step::before{content:"0" counter(st);font-family:var(--vx-mono);font-size:1.4rem;color:var(--vx-clay)}
.vx-step p{margin:0;font-size:1.7rem}
.vx-note{padding:1.6rem;border:.1rem solid var(--vx-line);border-left:.4rem solid var(--vx-clay);background:var(--vx-paper)}
.vx-note b{display:block;margin-bottom:.4rem}
.vx-note p{margin:0;font-size:1.5rem}
.vx-sources{margin-top:2rem;font-size:1.4rem}
.vx-sources__h{margin:0 0 .6rem;font-family:var(--vx-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-clay)}
.vx-sources ul{margin:0;padding-left:1.8rem;display:grid;gap:.4rem}
.vx-sources a{text-decoration:underline;text-underline-offset:.3rem;overflow-wrap:anywhere}
.vx-minus{padding:1.6rem;border:.1rem solid var(--vx-ink)}
.vx-minus h3{font-family:var(--vx-mono);font-weight:500;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
.vx-minus ul{margin:0;padding-left:1.8rem;display:grid;gap:.6rem;font-size:1.55rem}
.vx-card__step{margin:0;font-family:var(--vx-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-clay)}
/* рассказ: заголовок, текст в две колонки во всю полосу, под ним ряд «кадр + полка» одной высоты */
.vx-story{display:grid;gap:2.8rem}
.vx-story+.vx-story,.vx-linesbox+.vx-story{margin-top:5.6rem}
.vx-story__text{min-width:0}
.vx-story__text h2{margin-bottom:1.8rem}
.vx-story__text p{margin:0 0 1.4rem;font-size:1.75rem;break-inside:avoid}
@media screen and (min-width:61.875em){.vx-story__text{columns:2;column-gap:5.6rem}.vx-story__text h2{column-span:all}}
.vx-story__side{min-width:0;display:grid;gap:1.6rem;align-items:stretch}
.vx-story__fig{margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:0;background:var(--vx-cell)}
.vx-story__fig img{display:block;width:100%;height:auto}
.vx-named{display:grid;gap:1.2rem;align-content:center;padding:2rem;border:.1rem solid var(--vx-line);background:var(--vx-paper)}
.vx-named h3{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:2.8rem;line-height:1}
.vx-named p{margin:0;font-size:1.45rem;color:var(--vx-ink2)}
@media screen and (min-width:46.875em){.vx-story__side{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-story__side:has(>.vx-story__fig){grid-template-columns:minmax(0,min(50rem,52%)) minmax(0,1fr)}.vx-story__side>:only-child{grid-column:1 / -1}}
.vx-story__side>ul.vx-rows{align-content:stretch}
.vx-story__side .vx-strip,.vx-story__side .vx-storebox{align-content:center}
/* шкалы «покрытие и финиш» по линиям */
.vx-lines{display:grid;margin:0;padding:0;list-style:none;border-top:.1rem solid var(--vx-ink)}
.vx-lines li{display:grid;gap:.6rem;padding:1.2rem 0;border-bottom:.1rem solid var(--vx-line)}
.vx-lines li>b{font-size:1.6rem}
.vx-linesbox{margin-top:4rem}
.vx-linesbox__p{font-size:1.75rem;max-width:90rem;margin:0 0 2.4rem}
@media screen and (min-width:46.875em){.vx-lines--grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem}}
@media screen and (min-width:73.75em){.vx-lines--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vx-lines__m{display:grid;gap:.5rem}
.vx-meter{display:grid;grid-template-columns:8.4rem 11rem minmax(0,1fr);align-items:center;gap:.4rem 1rem;font-size:1.4rem}
.vx-meter__l{font-family:var(--vx-mono);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vx-ink2)}
.vx-meter__bar{display:flex;gap:.3rem}
.vx-meter__bar i{flex:1 1 0;height:1rem;background:transparent;box-shadow:inset 0 0 0 .1rem var(--vx-ink)}
.vx-meter__bar i.is-on{background:var(--vx-ink)}
.vx-meter__w{font-weight:700}
.vx-meter small{grid-column:2 / -1;font-family:var(--vx-mono);font-size:1.1rem;color:var(--vx-ink2)}
.vx-meters{display:grid;gap:.8rem;margin-top:1rem;padding:1.6rem;border:.1rem solid var(--vx-line)}
/* подтон: три ячейки */
.vx-tones{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-tone{display:grid;gap:.8rem;align-content:start;padding:2rem 1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-tone p.vx-tone__code{margin:0;font-family:var(--font-heading-family);font-size:5.6rem;line-height:.9;font-style:italic}
.vx-tone--cool .vx-tone__code{color:#b06a72}
.vx-tone--neutral .vx-tone__code{color:#a8743f}
.vx-tone--warm .vx-tone__code{color:#b0791f}
.vx-tone p{margin:0;font-size:1.55rem}
.vx-tone__n{font-family:var(--vx-mono);font-size:1.25rem!important;color:var(--vx-ink2)}
.vx-tone .vx-link{font-size:1.5rem;min-height:4.4rem;justify-self:start}
.vx-tones+.vx-wallbox{margin-top:2.4rem}
.vx-wallbox+.vx-tickets,.vx-wallbox+ul.vx-rows{margin-top:2.4rem}
.vx-storebox{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center;justify-content:space-between;padding:1.6rem 2rem;background:var(--vx-cell);border:.1rem solid var(--vx-line)}
.vx-storebox .vx-buynote{flex:1 1 100%;margin:0}
.vx-story__side--stack{grid-template-columns:minmax(0,1fr)!important}
.vx-storebox p{margin:0}
/* таблица подбора «глубина × подтон» */
.vx-matrix{min-width:0;table-layout:fixed}
.vx-matrix th[scope=row]{width:14rem;font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:2.4rem}
.vx-matrix th[scope=row] small{font-family:var(--vx-mono);font-size:1.15rem}
.vx-matrix td{padding:1rem 1.2rem}
.vx-matrix__line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .8rem}
.vx-matrix__line:last-child{margin-bottom:0}
.vx-matrix__line small{flex:1 1 100%;font-family:var(--vx-mono);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vx-ink2)}
.vx-mchip{display:inline-flex;align-items:center;gap:.5rem;min-height:4.4rem;padding:.3rem .8rem .3rem .4rem;border:.1rem solid var(--vx-line);text-decoration:none;background:var(--vx-paper)}
.vx-mchip:hover{border-color:var(--vx-ink)}
button.vx-mchip{font:inherit;color:inherit;cursor:pointer}
.vx-mchip__w{font-size:1.25rem;color:var(--vx-ink2)}
.vx-matrix__none{margin:0;font-size:1.3rem;color:var(--vx-ink2)}
.vx-matrix--pick .vx-matrix__line{gap:.5rem}
.vx-mchip i{width:2.6rem;height:2.6rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(28,25,23,.18)}
.vx-mchip .vx-code{font-size:1.25rem;font-weight:500}
@media screen and (max-width:46.873em){
 .vx-matrix thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
 .vx-matrix tr{display:block;border-bottom:.1rem solid var(--vx-ink)}
 .vx-matrix th[scope=row]{display:block;width:auto;border-bottom:0;padding-bottom:0}
 .vx-matrix td{display:block;border-bottom:.1rem solid var(--vx-line)}
 .vx-matrix td::before{content:attr(data-label);display:block;margin-bottom:.4rem;font-family:var(--vx-mono);font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-clay)}
}
/* «X или Y» */
.vx-pair h2{margin-bottom:1.2rem}
/* шкалы-полосы и цифры (статьи) */
.vx-statfig{margin:2.4rem 0}
.vx-statfig figcaption{margin-top:.8rem;font-size:1.35rem;color:var(--vx-ink2)}
.vx-bars{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.vx-bars li{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr) auto;gap:1rem;align-items:center;font-size:1.4rem}
.vx-bars i{display:block;height:1.2rem;background:var(--vx-cell);box-shadow:inset 0 0 0 .1rem var(--vx-line)}
.vx-bars i b{display:block;height:100%;background:var(--vx-ink)}
.vx-bars em{font-style:normal;font-family:var(--vx-mono);font-size:1.3rem}
.vx-stats{--rg:0rem;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-stats>li{display:grid;gap:.4rem;padding:1.6rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line)}
.vx-stats b{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:3.6rem;line-height:1}
.vx-stats span{font-size:1.4rem;color:var(--vx-ink2)}

/* ---- тема Vyxion: общие блоки (файл section-multicolumn.css идёт после base.css) ---- */
.vx-years b{font-style:italic;font-weight:500;font-size:3.6rem}
.color-scheme-3 .vx-years{border-color:rgba(250,245,233,.4)}
.color-scheme-3 .vx-years>li{border-color:rgba(250,245,233,.25)}
.color-scheme-3 .vx-years b{color:#f0cf96}
.color-scheme-3 .vx-years small{color:#dfe9dd}
.vx-gallery{justify-content:center}
.vx-gallery button{border-radius:1.2rem;overflow:hidden}
/* таблицы: крем с зелёными линейками, шапка — ботанический зелёный */
.vx-table-wrap{border:.1rem solid var(--vx-deep);border-radius:1.2rem;overflow:hidden}
.vx-table thead th{font-family:var(--font-body-family);font-weight:700;background:var(--vx-deep);color:var(--vx-paper)}
.vx-table th,.vx-table td{border-bottom-color:rgba(23,64,47,.22)}
.vx-table tr.is-best td,.vx-table tr.is-best th,.vx-table tr.is-picked td,.vx-table tr.is-picked th{background:var(--vx-mint)}
/* названия вариантов и подписи — строчными серифом, а не прописным гротеском */
.vx-ladder__size,.vx-order__body h3,.vx-names b,.vx-named h3,.vx-minus h3,.vx-themes b,.vx-contact b{text-transform:none;letter-spacing:0;font-family:var(--font-heading-family);font-weight:600}
.vx-stats b,.vx-trio b{text-transform:none;letter-spacing:0;font-family:var(--font-heading-family);font-weight:600}
.vx-post,.vx-rev,.vx-strip,.vx-storebox,.vx-qa,.vx-facts{border-radius:1.2rem}
.vx-ladder{border-top:0;border-left:0;gap:1.2rem}
.vx-ladder__step{border:.1rem solid var(--vx-line);border-radius:1.2rem;overflow:hidden}
.vx-ladder__img{position:relative;background:radial-gradient(circle at center,rgba(255,255,255,.55) 0 .11rem,transparent .13rem) 0 0/1rem 1rem,var(--tint)}
.vx-ladder__size{font-size:2.2rem;line-height:1.1}
.vx-strip__img,.vx-order__img{border-radius:.9rem}
@media screen and (min-width:61.875em){
 .vx-abpath{flex-direction:column}
 .vx-abpath__list{display:flex;gap:2.4rem;border-left:0;border-top:.2rem solid var(--vx-gold);flex:none}
 .vx-abpath__list li{flex:1 1 0;min-width:0;padding:2.6rem 0 0}
 .vx-abpath__drop{left:0;top:-1.7rem}
}

/* п.5: ячейка с кнопкой в сложенной таблице — без подписи столбца, кнопка у правого края; выбранная строка залита целиком */
.vx-table td:has(.vx-pick)::before{content:none}
.vx-table td:has(.vx-pick){justify-content:flex-end}
@media screen and (max-width:56.248em){.vx-table--wide tr.is-picked,.vx-table--wide tr.is-best{background:var(--vx-mint)}.vx-table--wide.vx-table--shades td:last-child{width:auto}}
@media screen and (max-width:43.748em){.vx-table--stack tr.is-picked,.vx-table--stack tr.is-best{background:var(--vx-mint)}}
/* п.6–7: слово в ячейке и в шапке таблицы не делится посреди слова */
.vx-table th,.vx-table td{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media screen and (max-width:43.748em){.vx-table--stack td,.vx-table--stack tbody th{overflow-wrap:break-word}.vx-table--stack td{flex-wrap:wrap;justify-content:flex-end}.vx-table--stack td::before{margin-right:auto}}
@media screen and (max-width:56.248em){.vx-table--wide td{flex-wrap:wrap;justify-content:flex-end}.vx-table--wide td::before{margin-right:auto}}
/* п.9: рельса вариантов — ряды по ступеням (rows() в build.js), цена и строки фактов на одной линии по всему ряду */
.vx-ladder{--rg:1.2rem}
.vx-ladder__step{display:flex;flex-direction:column}
.vx-ladder__body{flex:1 1 auto;display:flex;flex-direction:column;gap:.4rem}
.vx-ladder__price{margin-top:auto;padding-top:.4rem}
.vx-ladder dt,.vx-ladder dd{white-space:nowrap}
.vx-ladder dl>div{flex-wrap:wrap}
/* п.14: панель Supplement Facts — состав смеси своей строкой во всю ширину, шапки столбцов значений выровнены как значения */
.vx-sf__t thead th:not(:first-child){text-align:right;padding-left:1.2rem;padding-right:0}
/* на телефоне строка панели — название во всю ширину, под ним количество и % дневной нормы: длинное название не дробится */
@media screen and (max-width:29.998em){
 .vx-sf__t,.vx-sf__t thead,.vx-sf__t tbody{display:block}
 .vx-sf__t tr{display:grid;grid-template-columns:minmax(0,1fr) auto 10.5rem;border-bottom:.1rem solid var(--vx-ink)}
 .vx-sf__t th,.vx-sf__t td{border-bottom:0!important}
 .vx-sf__t tr>th:first-child{grid-column:1 / -1;padding-bottom:0;overflow-wrap:break-word}
 .vx-sf__t tr>td,.vx-sf__t thead th:not(:first-child){grid-row:2;padding-top:.2rem}
 .vx-sf__t tr>td:nth-child(2),.vx-sf__t thead th:nth-child(2){grid-column:2}
 .vx-sf__t tr>td:nth-child(3),.vx-sf__t thead th:nth-child(3){grid-column:3}
 .vx-sf__t tr>td:nth-child(2):last-child,.vx-sf__t thead th:nth-child(2):last-child{grid-column:2 / -1}
 .vx-sf__t tr:has(+ .vx-sf__sub){border-bottom:0}
 .vx-sf__t .vx-sf__sub td{grid-column:1 / -1;grid-row:auto}
 .vx-sf__t tbody tr:last-child{border-bottom:.4rem solid var(--vx-ink)}
}
.vx-sf__t tbody tr:has(+ .vx-sf__sub) th,.vx-sf__t tbody tr:has(+ .vx-sf__sub) td{border-bottom:0;padding-bottom:.2rem}
.vx-sf__t .vx-sf__sub td{white-space:normal;text-align:left;font-weight:400;font-size:1.3rem;color:var(--vx-ink2);padding:0 0 .7rem 1.4rem}
/* п.16: подборщик — слева шаг, изделие и цена, справа слова о шаге */
.vx-order__text{color:var(--vx-ink2)}
@media screen and (min-width:61.875em){.vx-goal .vx-order__price{grid-column:1!important;grid-row:auto!important}.vx-goal .vx-order__text{grid-column:2;grid-row:1 / span 3;align-self:center}}