/* =========================================================
   Vet House — product.css
   Карточка товара: галерея, выбор фасовки, покупка, характеристики.
   Бейджи, фасовки, вкладки, кнопки и сетка — из components.css.
   ========================================================= */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:6px}

/* галерея */
.pdp-gallery{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.pdp-main{position:relative;aspect-ratio:1/1;border-radius:28px}
.pdp-main .fav{position:absolute;top:16px;right:16px;width:44px;height:44px}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pdp-thumbs .ph{aspect-ratio:1/1;border-radius:16px;border:2px solid transparent;cursor:pointer}
.pdp-thumbs .ph.is-active{border-color:var(--teal)}
.pdp-thumbs .ph-label{font-size:11px}

/* информация */
.pdp-info{display:flex;flex-direction:column;gap:16px;padding-top:8px}
.pdp-brand{font-size:15px;color:var(--teal);font-weight:600;align-self:flex-start}
.pdp-brand:hover{color:var(--teal-deep)}
.pdp-title{font-size:36px;line-height:1.12;font-weight:700;letter-spacing:-.025em}
.pdp-badges{display:flex;flex-wrap:wrap;gap:6px}
.pdp-badges .bdg{background:var(--mist);height:28px;padding:0 11px;font-size:13px}
.pdp-badges .line-tag{height:28px;font-size:13px;padding:0 11px}
.pdp-lead{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:56ch}
.pdp-block .var-label{font-size:14px;margin:0 0 10px;color:var(--ink-2);font-weight:500}
.pdp-block .var{height:40px;padding:0 14px;font-size:14.5px;border-radius:12px}
.pdp-hint{margin-top:10px;font-size:13.5px;color:var(--muted);line-height:1.5}
.pdp-hint .i{display:inline-flex;margin-right:6px;vertical-align:-1px}
.pdp-hint a{color:var(--teal);font-weight:600}

/* блок покупки */
.buy{margin-top:8px;padding:24px;border-radius:24px;background:var(--mist);display:flex;flex-direction:column;gap:16px}
.buy-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.buy-price .price{font-size:32px}
.buy-pack{font-size:14px;color:var(--muted)}
.buy-row{display:flex;gap:12px}
.buy-btn{gap:9px;height:52px;flex:1}
.buy-btn.is-in{background:var(--teal-tint);color:var(--teal-deep)}
.buy-btn.is-in:hover{background:#D5E8E5}

/* описание и характеристики */
.pdp-details{margin-top:64px;max-width:880px}
.pdp-panel{padding-top:4px}
.pdp-text{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:68ch}
.pdp-text b{color:var(--ink);font-weight:600}
.pdp-ph{color:#8A9896;font-style:italic}
.pdp-warn{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:12px;background:var(--coral-tint);color:var(--coral-ink);font-size:14.5px}
.pdp-warn .i{margin-top:3px}

/* панель внизу на мобильном */

@media (max-width:1199px){
  .pdp{gap:32px}
  .pdp-title{font-size:30px}
}
@media (max-width:1023px){
  .pdp{grid-template-columns:1fr;gap:20px}
  .pdp-gallery{position:static}
  .pdp-gallery{margin:0 -16px;padding:0 16px}
  .pdp-main{border-radius:22px}
  .pdp-thumbs{grid-template-columns:repeat(4,64px);gap:8px}
  .pdp-thumbs .ph{border-radius:12px}
  .pdp-thumbs .ph-label{display:none}
  .pdp-title{font-size:26px}
  .pdp-lead{font-size:15.5px}
  .buy{padding:18px;border-radius:20px}
  .buy-price .price{font-size:26px}
  .pdp-details{margin-top:40px}
  .js-ptabs{margin:0 -16px 18px;padding:0 16px}
}