.cf-pdp{background:linear-gradient(180deg,var(--fs) 0,var(--cf-canvas) 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(23,19,26,.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:#17131a;display:flex;align-items:center;justify-content:center;box-shadow:0 .2rem .8rem rgba(23,19,26,.2)}
.thumbnail-list{display:flex;gap:1rem;overflow-x:auto;padding:.4rem;margin:-.4rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.thumbnail-list li{flex:0 0 calc((100% - 4rem)/5);min-width:0;scroll-snap-align:start}
@media screen and (min-width:30em){.thumbnail-list li{flex-basis:calc((100% - 5rem)/6)}}
.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(--cf-line)}
.thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.thumbnail[aria-current="true"]{box-shadow:0 0 0 .3rem var(--cf-magenta)}
.product__info-container{display:grid;gap:1.6rem;min-width:0;align-content:start}
.product__title h1{font-size:clamp(3rem,3.6vw,4.4rem);text-transform:none;line-height:1.05}
.product__lead{margin:0;font-size:1.8rem}
.cf-rating a{text-decoration:underline;text-underline-offset:.3rem}
/* три значка-факта у кнопки */
.cf-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.cf-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:#17131a}
.cf-trio .cf-ico{width:2.6rem;height:2.6rem;color:var(--cf-magenta)}
.cf-trio b{font-family:var(--cf-head);font-weight:600;font-size:2rem;line-height:1.1;max-width:100%;overflow-wrap:break-word}
@media screen and (min-width:30em){.cf-trio b{font-size:2.4rem}}
@media screen and (min-width:46.875em) and (max-width:73.748em){.cf-trio b{font-size:1.8rem}.cf-trio li{padding:1.4rem .4rem}}
.cf-trio span{font-size:1.3rem;line-height:1.3}
.cf-pricebox{display:grid;gap:1.6rem;padding:2.2rem;border-radius:2.8rem;background:#fff;color:#17131a;box-shadow:0 1.2rem 2.4rem rgba(23,19,26,.08)}
.cf-pricebox__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem}
.price--large{font-family:var(--cf-head);font-weight:600;font-size:4.4rem;line-height:1}
.cf-pricebox__pack{font-weight:700;font-size:1.7rem}
.cf-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 1.8rem;border-radius:4rem;box-shadow:inset 0 0 0 .2rem var(--cf-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(--cf-graphite);color:#fff;box-shadow:none}
.product-form__input input:focus-visible+label{outline:.2rem solid var(--cf-magenta);outline-offset:.2rem}
.product-form__buttons{display:grid;gap:1rem}
.product-form__submit{width:100%;min-height:5.6rem;font-size:1.8rem}
/* рассказ и «знать заранее» */
.cf-about{display:grid;gap:2.4rem 4.8rem;align-items:stretch}
@media screen and (min-width:61.875em){.cf-about{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.cf-about__text{display:grid;gap:1.4rem;align-content:start;min-width:0}
.cf-about__text .cf-kicker{margin:0}
.cf-about__text h2{text-transform:none;font-size:clamp(2.6rem,3vw,3.8rem);line-height:1.1}
.cf-about__text p{font-size:1.8rem;margin:0}
.cf-about__side{display:grid;min-width:0}
/* панель изделия: сверху линия, в середине вырез, снизу что идёт в комплекте — колонка занята до низа рядом с текстом */
.cf-about__panel{position:relative;margin:0;min-width:0;min-height:28rem;padding:2.4rem;border-radius:3.2rem;background:radial-gradient(circle at 50% 50%,#fff 0 12rem,var(--f) 12.2rem 100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.6rem;justify-items:center;align-items:center}
.cf-about__cap{margin:0;font-size:1.5rem;font-weight:600;text-align:center;color:var(--cf-graphite)}
.cf-about__cut{margin:0;line-height:0;width:min(calc(30rem * var(--ar,1)),30rem,100%,var(--cap));aspect-ratio:var(--ar,1)}
.cf-about__cut img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.2rem 1.6rem rgba(23,19,26,.22))}
@media screen and (min-width:61.875em){.cf-about__cut{width:min(var(--cap),34rem,calc(34rem * var(--ar,1)),100%)}}
.cf-minus{display:grid;gap:1rem;align-content:start;padding:2.4rem;border-radius:2.8rem;background:#17131a;color:#fff;min-width:0}
.cf-minus h3{font-family:var(--cf-head);color:#c6ad8c;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase}
.cf-minus p{margin:0;font-size:1.6rem}
/* сцена изделия в деле: кадр и «лучше, когда…» на графите */
.cf-sceneband{display:grid;gap:2.8rem 5.6rem;align-items:start}
@media screen and (min-width:46.875em){.cf-sceneband{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}
@media screen and (min-width:61.875em){.cf-sceneband{grid-template-columns:minmax(0,62rem) minmax(0,1fr)}}
.cf-sceneband__fig{margin:0;line-height:0;border-radius:2.8rem;overflow:hidden;width:100%;max-width:min(60rem,var(--cap,60rem));margin-inline:auto;aspect-ratio:4/3}
@media screen and (max-width:46.873em){.cf-sceneband__fig{max-width:var(--cap,71.7rem)}}
@media screen and (min-width:61.875em){.cf-sceneband__fig{max-width:min(62rem,var(--cap,62rem))}}
.cf-sceneband__fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.cf-sceneband__text{min-width:0;display:grid;gap:1.8rem;justify-items:start;align-content:center}
.cf-sceneband__text h2{text-transform:none;font-size:clamp(2.6rem,3vw,3.8rem);line-height:1.1}
.cf-sceneband .cf-chips li{color:var(--cf-gold)}