/* ТОВАР: только раскладка страницы */
.pd{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-head);margin-top:var(--sp-gap)}
.pd__media{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:1/.66;overflow:hidden;border-radius:var(--radius);background:var(--c-white);box-shadow:inset 0 0 0 1px var(--c-line);cursor:zoom-in}
.pd__media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.24)}
.pd__info{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);align-content:start}
.pd__info .page-title{text-align:left}
.pd__tags{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:.4rem}
.pd__tags .tag{flex-direction:column;justify-content:flex-start;gap:.35em;padding:.7em .3em;border-radius:calc(var(--radius)*.8);text-align:center;font-size:var(--fs-cap);line-height:1.25}
@media (min-width:768px){.pd__tags{display:flex;flex-wrap:wrap}.pd__tags .tag{flex-direction:row;padding:.35em .9em;border-radius:999px;font-size:var(--fs-sm)}}
.pd__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em .8em}
.pd__now{font-size:var(--fs-h2s);font-weight:700;color:var(--c-green-dark);line-height:1}
.pd__cta{display:grid;gap:.75rem}
.pd-sec{margin-top:var(--sp-section)}
.container:has(.pd){padding-bottom:var(--sp-section)}
@media (min-width:1024px){
.pd{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:calc(var(--sp-head) * 1.6);align-items:start}
.pd__media{position:sticky;top:calc(var(--header-h) + var(--sp-gap));aspect-ratio:1/.75}
.pd__media img{transform:scale(1.24)}
.pd--guest{align-items:center}
}

.pd-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-section) var(--sp-head)}
@media (min-width:1024px){.pd-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:calc(var(--sp-head) * 1.6);align-items:start}}
.pd-cols .sec-title{margin-bottom:var(--sp-gap)}
.pd-faq{margin-top:var(--sp-gap)}
@media (min-width:1024px){.pd-cols>:last-child{position:sticky;top:calc(var(--header-h) + var(--sp-gap))}}
/* «Другая продукция»: на 3 колонках (600–1023) показываем три карточки, а не три и одну одинокую */
@media (min-width:600px) and (max-width:1023px){.pd-sec .grid--products>.card:nth-child(n+4){display:none}}
.pd__media img.is-pack{transform:none}   /* улучшенные упаковки сняты уже с нужными полями: без увеличения */
.pd-cols .note{flex-wrap:wrap;margin-top:var(--sp-gap)}
.pd-cols .note>div{flex:1 1 14rem}
.pd-cols .note .btn{margin-left:auto}