.fg-pdp{background:var(--fg-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(--fg-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(--fg-paper);border:.1rem solid var(--fg-line);color:var(--fg-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(--fg-line);background:#fff;cursor:pointer;overflow:hidden}
.thumbnail[aria-current="true"]{border-color:var(--fg-ink);box-shadow:inset 0 0 0 .1rem var(--fg-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 .fg-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(--fg-ink2);max-width:60rem}
.fg-pricebox{display:grid;gap:1.6rem;padding:1.6rem;border:.1rem solid var(--fg-ink);background:var(--fg-paper)}
.fg-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}
.fg-pricebox__pack{font-family:var(--fg-mono);font-size:1.3rem;color:var(--fg-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(--fg-mono);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}
.form__label b{font-family:var(--font-body-family);font-size:1.7rem;letter-spacing:0;text-transform:none}
.fg-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(--fg-ink2);min-height:4.4rem}
.fg-shades__row{display:grid;gap:.4rem;margin-bottom:1rem}
.fg-shades__row:last-child{margin-bottom:0}
.fg-shades__h{font-family:var(--fg-mono);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-ink2)}
.fg-shades__set{display:flex;flex-wrap:wrap;gap:.6rem}
.fg-shades input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.fg-shades label{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:.4rem 1rem .4rem .5rem;border:.1rem solid var(--fg-line);background:var(--fg-paper);cursor:pointer;user-select:none}
.fg-shades label i{width:3rem;height:3rem;border-radius:50%;flex:none;box-shadow:inset 0 0 0 .1rem rgba(28,25,23,.18)}
.fg-shades label .fg-code{font-size:1.3rem;font-weight:500}
.fg-shades label:hover{border-color:var(--fg-ink)}
.fg-shades input:checked+label{border-color:var(--fg-ink);box-shadow:inset 0 0 0 .1rem var(--fg-ink)}
.fg-shades input:focus-visible+label{outline:.2rem solid var(--fg-clay);outline-offset:.2rem}
/* размеры и составы плитками: название и цена */
.fg-shades--sizes .fg-shades__set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.fg-shades--sizes label{display:grid;gap:.2rem;align-content:center;justify-items:start;min-height:6rem;padding:.8rem 1.2rem}
.fg-shades--sizes .fg-shades__set>label:last-child:nth-child(4n+2){grid-column:1 / -1}
.fg-size__n{font-weight:700;font-size:1.5rem;line-height:1.2}
.fg-size__p{font-size:1.4rem;color:var(--fg-ink2)}
.fg-shades--sizes input:checked+label{background:var(--fg-cell)}
@media screen and (min-width:73.75em){.fg-shades--sizes .fg-shades__set{grid-template-columns:repeat(4,minmax(0,1fr))}.fg-shades--sizes .fg-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}
.fg-trio{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;border-top:.1rem solid var(--fg-ink);border-left:.1rem solid var(--fg-line)}
.fg-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(--fg-line);border-bottom:.1rem solid var(--fg-line);min-width:0}
.fg-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}
.fg-trio span{font-size:1.3rem;color:var(--fg-ink2)}
.fg-about{display:grid;gap:2.4rem}
.fg-about__text{min-width:0}
.fg-about__text h2{margin-bottom:1.8rem}
.fg-about__text p{margin:0 0 1.4rem;font-size:1.75rem;break-inside:avoid}
@media screen and (min-width:61.875em){.fg-about__text{columns:2;column-gap:5.6rem}.fg-about__text h2{column-span:all}}
.fg-about .fg-facts{margin:0}
.fg-about .fg-meters{margin:0}
@media screen and (min-width:46.875em){.fg-meters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem}.fg-minus ul{columns:2;column-gap:4rem}.fg-minus li{break-inside:avoid}}
.fg-howto{display:grid;gap:2.8rem;align-items:start}
.fg-howto__text{min-width:0;display:grid;gap:1.6rem}
.fg-howto__note{margin:0;font-size:1.55rem}
.fg-howto__fig{margin:0;overflow:hidden;display:flex;justify-content:center;justify-self:start;line-height:0}
.fg-howto__fig img{display:block;width:auto;max-width:100%;height:auto}
@media screen and (max-width:37.498em){.fg-howto:not(.fg-howto--slim) .fg-howto__fig{width:100%;justify-self:stretch;background:var(--fg-cell)}}
@media screen and (min-width:37.5em){.fg-howto{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:3.2rem}.fg-howto__fig{justify-self:end;max-width:44vw}}
@media screen and (min-width:61.875em){.fg-howto{gap:5.6rem}.fg-howto__fig{max-width:46rem}}
.fg-howto--slim{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:1.6rem}
.fg-howto--slim .fg-howto__fig{max-width:34vw}
.fg-table--shades{min-width:0}
.fg-table--shades td:last-child{width:1%;white-space:nowrap}
@media screen and (max-width:43.748em){.fg-table--shades td:last-child{width:auto;justify-content:flex-end}.fg-table--shades td:last-child::before{content:none}}