.hy-pdp{background:var(--fs);color:var(--fd)}
.hy-pdp .hy-crumbs{padding-top:1.6rem}
.product{display:grid;gap:2.4rem 4.8rem;padding-top:2rem;padding-bottom:4rem;align-items:start}
@media screen and (min-width:900px){.product{grid-template-columns:minmax(0,var(--gbox,52rem)) minmax(0,1fr);padding-bottom:5.6rem}}
.product__media-wrapper{min-width:0}
media-gallery{display:block}
.product__media{display:block;position:relative;width:min(100%,var(--gbox,52rem));margin:0 auto;padding:0;border:0;aspect-ratio:1/1;border-radius:3.2rem;overflow:hidden;background:#fff;cursor:zoom-in}
.product__media img{display:block;width:100%;height:100%;object-fit:contain}
.product__media-icon{position:absolute;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#0e4636;color:#fff;pointer-events:none}
.product__media-icon .icon{width:1.8rem;height:1.8rem}
.thumbnail-list{display:flex;flex-wrap:nowrap;gap:.8rem;margin:1.2rem auto 0;padding:0 0 .6rem;list-style:none;width:min(100%,var(--gbox,52rem));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.thumbnail-list li{flex:none}
.thumbnail-list button{display:block;width:6.4rem;height:6.4rem;padding:0;border:.3rem solid #fff;border-radius:1.6rem;overflow:hidden;background:#fff;cursor:pointer}
.thumbnail-list button[aria-current="true"]{border-color:var(--fd)}
.thumbnail-list img{display:block;width:100%;height:100%;object-fit:contain}
.product__info-wrapper{min-width:0}
.product__info-container{display:grid;gap:1.6rem}
.product__info-container .hy-kicker{margin:0}
.product__info-container .hy-kicker::before{background:var(--fp)}
.product__title h1{font-size:clamp(3rem,3.6vw,4.6rem);color:var(--fd)}
.product__lead{margin:0;font-size:1.9rem;font-weight:500;line-height:1.45}
.product__info-container .hy-rating a{color:inherit;text-decoration:underline;text-underline-offset:.3rem}
.hy-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.hy-chips li{padding:.5rem 1.3rem;border-radius:4rem;background:rgba(255,255,255,.78);font-weight:700;font-size:1.5rem}
.hy-pricebox{display:grid;gap:1.6rem;padding:2rem 2.2rem 2.2rem;border-radius:2.8rem;background:#fff;color:#12332b}
.hy-pricebox__row{display:grid;gap:.4rem}
.hy-pricebox .price{font-family:var(--hy-head);font-size:4.4rem;line-height:1;color:#0e4636}
.hy-pricebox__pack{font-size:1.9rem;font-weight:800;white-space:nowrap}
.hy-pricebox__each{margin:0;font-size:1.6rem;font-weight:600;white-space:nowrap}
variant-selects{display:block}
.product-form__input{border:0;padding:0;margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:.8rem}
.product-form__input legend{width:100%;padding:0;margin:0 0 .8rem;font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
.product-form__input input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.product-form__input label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:5.4rem;padding:.6rem 1.8rem;border-radius:1.8rem;box-shadow:inset 0 0 0 .2rem #0e4636;color:#0e4636;font-weight:800;font-size:1.6rem;line-height:1.15;cursor:pointer;text-align:center}
.product-form__input label small{font-weight:600;font-size:1.3rem}
.product-form__input input:checked+label{background:#0e4636;color:#fff}
.product-form__input input:focus-visible+label{outline:.3rem solid #c8254a;outline-offset:.2rem}
.product-form__buttons{display:grid;gap:.8rem}
.product-form__submit{width:100%;min-height:5.8rem;font-size:1.8rem}
.hy-buynote{margin:0;font-size:1.4rem}
/* таблица упаковок */
.hy-table tr.is-picked td,.hy-table tr.is-picked th{background:#d9f2d3}
.hy-pick{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:0 1.6rem;border:0;border-radius:4rem;background:transparent;box-shadow:inset 0 0 0 .2rem #0e4636;color:#0e4636;font:inherit;font-weight:800;font-size:1.4rem;cursor:pointer;white-space:nowrap}
.hy-pick:hover{background:#d9f2d3}
tr.is-picked .hy-pick{background:#0e4636;color:#fff}
.hy-tablefoot{margin:1.2rem 0 0;font-size:1.5rem}
/* рассказ и «знать заранее» */
.hy-about{display:grid;gap:2.4rem 4.8rem;align-items:stretch}
@media screen and (min-width:900px){.hy-about{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.hy-about__text{display:grid;gap:1.4rem;align-content:center;min-width:0}
.hy-about__text p{margin:0;font-size:1.8rem}
.hy-minus{display:grid;gap:1rem;align-content:center;padding:2.6rem 2.8rem;border-radius:2.8rem;background:#fde2df;color:#12332b;min-width:0}
.hy-minus h3{font-family:var(--hy-head);font-weight:400;font-size:2.2rem}
.hy-minus p{margin:0}
.hy-facts--bag>div{flex:1 1 22rem}
/* «X или Y» */
.hy-pair{display:grid;gap:2rem}
.hy-takes{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0;padding:0;list-style:none}
.hy-takes li{position:relative;flex:1 1 30rem;min-width:0;display:grid;gap:.6rem;align-content:start;padding:2.2rem 2.4rem;border-radius:2.8rem;background:var(--fs);color:var(--fd)}
.hy-takes b{font-family:var(--hy-head);font-weight:400;font-size:2.2rem;line-height:1.15}
.hy-takes p{margin:0}
.hy-takes a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.3rem}
.hy-more{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center;justify-content:space-between;margin-top:2.4rem}