.ox-pdp{background:linear-gradient(180deg,var(--fs) 0,var(--ox-milk) 100%);padding-bottom:4.8rem}
.product{display:grid;gap:2.4rem 5.6rem;align-items:start;margin-top:2rem}
@media screen and (min-width:56.25em){.product{grid-template-columns:minmax(0,var(--gbox)) minmax(0,1fr)}}
.product__media-wrapper{min-width:0;max-width:var(--gbox);width:100%;justify-self:center}
media-gallery{display:grid;gap:1.2rem}
.product__media{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:2.8rem;overflow:hidden;background:#fff;cursor:zoom-in;line-height:0;box-shadow:0 1.6rem 3.2rem rgba(27,42,82,.12)}
.product__media img{display:block;width:100%;height:100%;object-fit:contain}
.product__media-icon{position:absolute;right:1.2rem;bottom:1.2rem;width:4.4rem;height:4.4rem;border-radius:50%;background:rgba(255,255,255,.92);color:#1b2a52;display:flex;align-items:center;justify-content:center;box-shadow:0 .2rem .8rem rgba(27,42,82,.2)}
.thumbnail-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.thumbnail{display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:1.4rem;overflow:hidden;background:#fff;cursor:pointer;line-height:0;box-shadow:inset 0 0 0 .1rem var(--ox-line)}
.thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.thumbnail[aria-current="true"]{box-shadow:0 0 0 .3rem var(--ox-violet)}
.product__info-container{display:grid;gap:1.6rem;min-width:0;align-content:start}
.product__title h1{font-size:clamp(3.2rem,3.6vw,4.6rem);line-height:1.06}
.product__lead{margin:0;font-size:1.8rem}
.ox-rating a{text-decoration:underline;text-underline-offset:.3rem}
/* три значка-факта с упаковки */
.ox-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.ox-trio li{min-width:0;display:grid;gap:.3rem;justify-items:center;text-align:center;padding:1.4rem .8rem;border-radius:2rem;background:#fff;color:#1b2a52}
.ox-trio .ox-ico{width:2.6rem;height:2.6rem;color:var(--fp)}
.ox-trio .ox-ico-patch{width:3.4rem}
.ox-trio b{font-family:var(--ox-head);font-weight:700;font-size:clamp(1.8rem,2.3vw,2.6rem);line-height:1.05;white-space:nowrap}
.ox-trio span{font-size:1.3rem;line-height:1.3}
.ox-pricebox{display:grid;gap:1.6rem;padding:2.2rem;border-radius:2.8rem;background:#fff;color:#1b2a52;box-shadow:0 1.2rem 2.4rem rgba(27,42,82,.08)}
.ox-pricebox__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem}
.price--large{font-family:var(--ox-head);font-size:5.2rem;line-height:.95}
.ox-pricebox__pack{font-weight:700;font-size:1.7rem}
.ox-pricebox__each{flex:1 1 100%;margin:0;font-size:1.5rem}
.product-form__input{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.product-form__input legend{flex:1 1 100%;font-weight:700;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;padding:0}
.product-form__input input{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input label{display:grid;gap:.1rem;justify-items:center;min-height:5.2rem;padding:.8rem 2rem;border-radius:4rem;box-shadow:inset 0 0 0 .2rem var(--ox-line);font-weight:700;font-size:1.5rem;cursor:pointer;align-content:center}
.product-form__input label small{font-weight:500;font-size:1.3rem}
.product-form__input input:checked+label{background:var(--ox-ink);color:#fff;box-shadow:none}
.product-form__input input:focus-visible+label{outline:.2rem solid var(--ox-violet);outline-offset:.2rem}
.product-form__buttons{display:grid;gap:1rem}
.product-form__submit{width:100%;min-height:5.6rem;font-size:1.7rem}
.ox-buynote{margin:0;font-size:1.4rem}
/* рассказ и «знать заранее» */
.ox-about{display:grid;gap:2.4rem 4.8rem;align-items:stretch}
@media screen and (min-width:61.875em){.ox-about{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.ox-about__text{display:grid;gap:1.4rem;align-content:start;min-width:0}
.ox-about__text p{font-size:1.8rem;margin:0}
.ox-about__text .ox-facts{margin-top:1rem}
.ox-about__side{display:grid;gap:2rem;min-width:0;align-content:start}
.ox-about__cut{line-height:0;max-width:100%}
.ox-about__cut img{display:block;width:auto;height:auto;max-width:22rem;max-height:20rem;object-fit:contain;filter:drop-shadow(0 1rem 1.2rem rgba(27,42,82,.2))}
.ox-about__panel{margin:0;min-width:0;padding:2.8rem 2.4rem;border-radius:3.2rem;background-color:var(--f);display:grid;gap:1.6rem;justify-items:center;text-align:center;color:#1b2a52}
.ox-minus{display:grid;gap:1rem;align-content:start;padding:2.4rem;border-radius:2.8rem;background:#172c5e;color:#fff;min-width:0}
.ox-minus h3{color:#ffd95a;font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase}
.ox-minus p{margin:0;font-size:1.6rem}
.ox-cols--steps .ox-steps__fig,.ox-steps__figs{margin:0;min-width:0;width:100%;max-width:var(--cap,40rem);justify-self:center;align-self:start}
@media screen and (max-width:61.873em){.ox-cols--steps{display:block}.ox-cols--steps .ox-steps__fig,.ox-cols--steps .ox-steps__figs{margin:2.4rem auto 0}}
.ox-steps__fig{line-height:0;border-radius:3.2rem;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ox-steps__fig img{display:block;width:100%;height:auto}
.ox-steps__figs{display:flex;flex-direction:column;gap:1.6rem;justify-content:center}
.ox-steps__figs figure{margin:0;line-height:0;border-radius:2.4rem;overflow:hidden}
.ox-steps__figs img{display:block;width:100%;height:auto}
.ox-cols--steps .ox-cols__text{gap:2rem}
/* состав и этикетка */
.ox-label{display:grid;gap:2.4rem 4.8rem;align-items:start}
@media screen and (min-width:61.875em){.ox-label{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
@media screen and (max-width:61.873em){.ox-label{display:block}.ox-label__col+.ox-label__col{margin-top:2.4rem}}
.ox-label__h{font-size:2rem;margin-top:.8rem}
.ox-label__h:first-child{margin-top:0}
.ox-label .ox-warn{margin-top:0}
.ox-label__col{min-width:0;display:grid;gap:1.4rem;align-content:start}
.ox-ingr{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.ox-ingr li{padding:.5rem 1.2rem;border-radius:4rem;background:#fff;box-shadow:inset 0 0 0 .1rem var(--ox-line);font-size:1.4rem;line-height:1.35}
.ox-ingr li.is-core{background:var(--ox-lemon-pale);box-shadow:none;font-weight:600}
.ox-care{display:grid;gap:2.4rem 4.8rem;align-items:stretch}
@media screen and (min-width:61.875em){.ox-care{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ox-care>div{min-width:0}
.ox-pair h2,[data-answer="alternatives"] h2{font-size:clamp(3rem,3.4vw,4.4rem);text-transform:none;line-height:1.02}