.vx-pdp{background:var(--vx-paper);padding-bottom:3.2rem}
.product{display:grid;gap:2.4rem;margin-top:1.6rem;align-items:start}
@media screen and (min-width:46.875em){.product{grid-template-columns:minmax(0,min(var(--gbox),44%)) minmax(0,1fr);gap:2.8rem}}
@media screen and (min-width:61.875em){.product{grid-template-columns:var(--gbox) minmax(0,1fr);gap:4.8rem}.product__media-wrapper{position:sticky;top:2rem}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.product__media-wrapper{top:13rem}}
.product__media-wrapper{min-width:0;width:100%;max-width:var(--gbox);justify-self:center}
media-gallery{display:grid;gap:1rem}
.product__media{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:.1rem solid var(--vx-line);background:#fff;cursor:zoom-in;overflow:hidden}
.product__media img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.product__media-icon{position:absolute;right:1rem;bottom:1rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--vx-paper);border:.1rem solid var(--vx-line);color:var(--vx-ink)}
.thumbnail-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.thumbnail{display:block;width:100%;aspect-ratio:1;padding:0;border:.1rem solid var(--vx-line);background:#fff;cursor:pointer;overflow:hidden}
.thumbnail[aria-current="true"]{border-color:var(--vx-ink);box-shadow:inset 0 0 0 .1rem var(--vx-ink)}
.thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.product__info-wrapper{min-width:0}
.product__info-container{display:grid;gap:1.4rem;min-width:0}
.product__info-container .vx-kicker{margin:0}
.product__title h1{font-family:var(--font-body-family);font-weight:700;text-transform:none;letter-spacing:-.01em;line-height:1.1;font-size:clamp(2.6rem,2.6vw,3.6rem)}
.product__lead{margin:0;font-size:1.8rem;color:var(--vx-ink2);max-width:60rem}
.vx-pricebox{display:grid;gap:1.6rem;padding:1.6rem;border:.1rem solid var(--vx-ink);background:var(--vx-paper)}
.vx-pricebox__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem}
.price--large{font-size:3rem;font-weight:700;line-height:1}
.vx-pricebox__pack{font-family:var(--vx-mono);font-size:1.3rem;color:var(--vx-ink2)}
variant-selects{display:block}
.product-form__input{border:0;margin:0;padding:0;min-width:0}
.form__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin-bottom:1rem;padding:0;font-family:var(--vx-mono);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}
.form__label b{flex:1 1 100%;font-family:var(--font-body-family);font-size:1.7rem;line-height:2.5rem;letter-spacing:0;text-transform:none}
/* длинное имя упаковки на телефоне встаёт в две строки: место под них держится у всех вариантов, кнопка не прыгает */
@media screen and (max-width:63.998em){.vx-shades--long .form__label b{min-height:5rem}}
.vx-shades__w{flex:1 1 100%;font-family:var(--font-body-family);font-size:1.4rem;line-height:2.2rem;letter-spacing:0;text-transform:none;color:var(--vx-ink2);min-height:4.4rem}
.vx-shades__row{display:grid;gap:.4rem;margin-bottom:1rem}
.vx-shades__row:last-child{margin-bottom:0}
.vx-shades__h{font-family:var(--vx-mono);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-ink2)}
.vx-shades__set{display:flex;flex-wrap:wrap;gap:.6rem}
.vx-shades input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.vx-shades label{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:.4rem 1rem .4rem .5rem;border:.1rem solid var(--vx-line);background:var(--vx-paper);cursor:pointer;user-select:none}
.vx-shades label i{width:3rem;height:3rem;border-radius:50%;flex:none;box-shadow:inset 0 0 0 .1rem rgba(28,25,23,.18)}
.vx-shades label .vx-code{font-size:1.3rem;font-weight:500}
.vx-shades label:hover{border-color:var(--vx-ink)}
.vx-shades input:checked+label{border-color:var(--vx-ink);box-shadow:inset 0 0 0 .1rem var(--vx-ink)}
.vx-shades input:focus-visible+label{outline:.2rem solid var(--vx-clay);outline-offset:.2rem}
/* размеры и составы плитками: название и цена */
.vx-shades--sizes .vx-shades__set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.vx-shades--sizes label{display:grid;gap:.2rem;align-content:center;justify-items:start;min-height:6rem;padding:.8rem 1.2rem}
.vx-shades--sizes .vx-shades__set>label:last-child:nth-child(4n+2){grid-column:1 / -1}
.vx-size__n{font-weight:700;font-size:1.5rem;line-height:1.2}
.vx-size__p{font-size:1.4rem;color:var(--vx-ink2)}
.vx-shades--sizes input:checked+label{background:var(--vx-cell)}
@media screen and (min-width:73.75em){.vx-shades--sizes .vx-shades__set{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-shades--sizes .vx-shades__set>label:last-child:nth-child(4n+2){grid-column:auto}}
.product-form__buttons{display:grid;gap:.4rem}
.product-form__submit{width:100%;min-height:5.6rem;font-size:1.5rem}
.vx-trio{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;border-top:.1rem solid var(--vx-ink);border-left:.1rem solid var(--vx-line)}
.vx-trio li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem;align-items:baseline;padding:1rem 1.2rem;border-right:.1rem solid var(--vx-line);border-bottom:.1rem solid var(--vx-line);min-width:0}
.vx-trio b{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:2.2rem;line-height:1.05;overflow-wrap:anywhere}
.vx-trio span{font-size:1.3rem;color:var(--vx-ink2)}
.vx-about{display:grid;gap:2.4rem}
.vx-about__text{min-width:0}
.vx-about__text h2{margin-bottom:1.8rem}
.vx-about__text p{margin:0 0 1.4rem;font-size:1.75rem;break-inside:avoid}
@media screen and (min-width:61.875em){.vx-about__text{columns:2;column-gap:5.6rem}.vx-about__text h2{column-span:all}}
.vx-about .vx-facts{margin:0}
.vx-about .vx-meters{margin:0}
@media screen and (min-width:46.875em){.vx-meters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem}.vx-minus ul{columns:2;column-gap:4rem}.vx-minus li{break-inside:avoid}}
.vx-howto{display:grid;gap:2.8rem;align-items:start}
.vx-howto__text{min-width:0;display:grid;gap:1.6rem}
.vx-howto__note{margin:0;font-size:1.55rem}
.vx-howto__fig{margin:0;overflow:hidden;display:flex;justify-content:center;justify-self:start;line-height:0}
.vx-howto__fig img{display:block;width:auto;max-width:100%;height:auto}
@media screen and (min-width:37.5em){.vx-howto{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:3.2rem}.vx-howto__fig{justify-self:end;max-width:44vw}}
@media screen and (min-width:61.875em){.vx-howto{gap:5.6rem}.vx-howto__fig{max-width:46rem}}
.vx-howto--slim{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:1.6rem}
.vx-howto--slim .vx-howto__fig{max-width:34vw}
.vx-table--shades{min-width:0}
.vx-table--shades td:last-child{width:1%;white-space:nowrap}
@media screen and (max-width:43.748em){.vx-table--shades td:last-child{width:auto;justify-content:flex-end}.vx-table--shades td:last-child::before{content:none}}

/* п.11: три факта и галочки — отдельные ячейки сетки карточки (обёртка product__extra от 750 px прозрачна), чтобы колонки
   сходились по высоте. Замер 13.10: без них колонка покупки вровень с галереей либо у изделий с выбором варианта от 990 px,
   либо у изделий без выбора до 990 px — там ряд «галерея | покупка» и под ним ряд «галочки | факты». В остальных случаях
   обе ячейки уходят в короткую колонку: под галерею (выбор варианта, до 990 px) или под покупку (без выбора, от 990 px).
   На телефоне порядок прежний: галерея, покупка, факты, галочки. */
.product__extra{min-width:0;display:grid;gap:1.4rem;align-content:start}
/* изделие без выбора варианта: факты и галочки стоят ВНУТРИ колонки покупки (приёмка col-gap 13.10: колонка была короче галереи на 200–260 px) */
.product__info-container>.product__extra{margin-top:2rem}
@media screen and (min-width:46.875em){
 .product--long{row-gap:2rem}
 .product--long>.product__extra{display:contents}
 .product--long>.product__media-wrapper{grid-area:media}.product--long>.product__info-wrapper{grid-area:info}
 .product--long .vx-trio{grid-area:trio;align-self:start}.product--long .vx-checks--pdp{grid-area:checks;align-self:start}
 .product--long{grid-template-areas:"media info" "trio info" "checks info";grid-template-rows:auto auto 1fr}
}
/* 750–989 px, изделие без выбора: колонка покупки прозрачна — её части стоят строками справа от галереи, факты и галочки рядом под ними (под галереей нет пустого поля) */
/* то же при крупном шрифте браузера (от ~22 px) на широком окне: рамка галереи упирается в пиксели кадра, а слова растут — колонка покупки
   уходила на 340 px ниже галереи (1920 при 24 px). Шрифт виден запросу только как отношение px к em, поэтому полосы ширин шагом 10 %; PX прописными — сборка переводит «px» запросов в em, а здесь нужны пиксели окна. Низкое окно (п.3) исключено. */
@media screen and (min-width:46.875em) and (max-width:61.873em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
}
@media screen and (min-width:990PX) and (max-width:1088PX) and (max-width:47.14em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1089PX) and (max-width:1197PX) and (max-width:51.85em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1198PX) and (max-width:1317PX) and (max-width:57.04em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1318PX) and (max-width:1448PX) and (max-width:62.74em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1449PX) and (max-width:1593PX) and (max-width:69.02em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1594PX) and (max-width:1753PX) and (max-width:75.92em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1754PX) and (max-width:1928PX) and (max-width:83.51em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:1929PX) and (max-width:2121PX) and (max-width:91.86em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:2122PX) and (max-width:2333PX) and (max-width:101.05em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:2334PX) and (max-width:2567PX) and (max-width:111.16em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:2568PX) and (max-width:2824PX) and (max-width:122.27em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:2825PX) and (max-width:3106PX) and (max-width:134.5em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:3107PX) and (max-width:3417PX) and (max-width:147.95em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:3418PX) and (max-width:3759PX) and (max-width:162.74em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:3760PX) and (max-width:4134PX) and (max-width:179.02em) and (min-height:38.07em){
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long){grid-template-rows:auto auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__media-wrapper{grid-row:1 / span 6}
 .product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;margin-top:0}
 .product:not(.product--long) .vx-trio{grid-column:1 / -1;grid-row:7;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (min-width:61.875em){
 .product--long{grid-template-areas:"media info" "checks trio";grid-template-rows:auto auto}
 .product--long .product__media-wrapper{position:static}
}
/* 990–1179 px: плитки вариантов по три в ряд — колонка покупки не уходит ниже галереи */
@media screen and (min-width:61.875em) and (max-width:73.748em){
 .vx-shades--sizes .vx-shades__set{grid-template-columns:repeat(3,minmax(0,1fr))}
 .vx-shades--sizes .vx-shades__set>label:last-child:nth-child(4n+2){grid-column:auto}
}
/* п.10: «как принимать» — кадр не выше шагов рядом с ним, колонки по центру друг друга */
/* верхи колонок совпадают (мера приёмочного grid-rows), слова стоят по центру высоты кадра */
@media screen and (min-width:37.5em){.vx-howto{align-items:stretch}.vx-howto__text{align-content:center}.vx-howto__fig{align-self:start}.vx-howto__fig img{width:auto;max-height:var(--hh,36rem)}}
/* п.13: на телефоне шаги и кадр стоят столбиком у всех изделий */
@media screen and (max-width:37.498em){
 .vx-howto,.vx-howto--slim{grid-template-columns:minmax(0,1fr);gap:2rem}
 /* столбиком кадр не показывается: узкий портретный кадр в полной строке — пустые поля по бокам (приёмка 13.10), изделие уже стоит в галерее выше */
 .vx-howto .vx-howto__fig,.vx-howto--slim .vx-howto__fig{display:none}
}
/* п.3: низкое окно в две колонки (1366×768 и 1570×900 при шрифте браузера 24 px = 57×32em и 65×37.5em; порог — 38em высоты; галерея там мала, поэтому факты и галочки стоят под ней). Выбор варианта и галерея целиком стоят
   в первом экране над плашкой: миниатюры — столбцом слева от кадра, вводная фраза — под блоком цены, полосы объявления нет. */
@media screen and (min-width:46.875em) and (max-height:38.0605em){
 .announcement-bar-section{display:none}
 .product--long{grid-template-areas:"media info" "trio info" "checks info";grid-template-rows:auto auto 1fr}
 .product:not(.product--long){row-gap:0;grid-template-rows:auto auto auto auto 1fr auto}
 .product:not(.product--long)>.product__info-wrapper,.product:not(.product--long) .product__info-container,.product:not(.product--long) .product__extra{display:contents}
 .product:not(.product--long)>.product__media-wrapper{grid-column:1;grid-row:1 / span 5}
 .product:not(.product--long) .product__info-container>*{grid-column:2;min-width:0;margin-bottom:1.2rem}
 .product:not(.product--long) .product__info-container>.vx-kicker{grid-row:1}.product:not(.product--long) .product__title{grid-row:2}.product:not(.product--long) .product__info-container>.vx-rating{grid-row:3}.product:not(.product--long) .product__lead{grid-row:4}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:5;align-self:start}
 .product:not(.product--long) .vx-trio{grid-column:1;grid-row:6;align-self:start;margin-top:2rem}.product:not(.product--long) .vx-checks--pdp{grid-column:2;grid-row:6;align-self:start;margin-top:2rem}
 .product:not(.product--long) .product__info-container>:nth-last-child(2){grid-row:4}.product:not(.product--long) .product__lead{grid-row:5;align-self:start}
 .product__media-wrapper{position:static}
 .product{grid-template-columns:minmax(0,min(var(--gbox),44%,calc(100dvh - 17rem))) minmax(0,1fr)}
 media-gallery{grid-template-columns:5.6rem minmax(0,1fr);align-items:start}
 media-gallery .thumbnail-list{order:-1;grid-template-columns:minmax(0,1fr)}
 .product__info-container{gap:1rem}
 .product__lead{order:5}
 .vx-pricebox{gap:1rem;padding:1rem 1.6rem}
 .vx-shades__w{min-height:0}
 .form__label{margin-bottom:.6rem}
 .vx-dock{padding-top:.6rem;padding-bottom:.6rem}
}