/* Pet Diet — карточка рациона .prc и сетка .pdrc (все состояния). Вынесено из ration-rebrand.css,
   чтобы главная не грузила весь файл. Страницы с ration-rebrand.css получают этот файл
   автоматически перед ним (pdUiCss в ui_components.php). */
/* ===================== КАТАЛОГ РАЦИОНОВ (Catalog.jsx, скоуп .pdrc) ===================== */
.pd-sets-rb.pdrc .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);}
/* сетка карточек рационов */
.pdrc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.prc{padding:14px;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.prc:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.prc__media{display:grid;place-items:center;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;}
.prc__media img{width:92%;height:92%;object-fit:contain;}
.prc__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;}
.prc__name{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.15;color:var(--ink);}
.prc__head:hover .prc__name{color:var(--green-700);}
.prc__tag{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 10px;}
.prc__desc{font-size:.85rem;color:var(--muted);margin-top:8px;line-height:1.45;min-height:48px;}
.prc__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;flex-wrap:wrap;}
.prc__price{font-family:var(--display);font-weight:600;font-size:1.5rem;color:var(--ink);}
.prc__unit{font-size:.78rem;color:var(--muted);}
.prc__cart{margin-top:14px;}
.prc__cart[hidden],.prc__incart[hidden]{display:none;}
.prc__incart{display:flex;gap:8px;margin-top:14px;align-items:stretch;}
.prc__incart .psc-btn--soft{flex:1;gap:6px;}
/* адаптив каталога рационов */
@media(max-width:980px){
  .pdrc__grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .pdrc__grid{grid-template-columns:1fr;gap:14px;}
  .prc__desc{min-height:0;}
}
/* На телефоне карточки каталога рационов идут во всю ширину экрана: гасим
   боковые отступы .pd-sets-rb__wrap (на этой ширине ровно 18px). Скругления
   и боковые границы убираем — иначе углы «липнут» к краю. Правило в КОНЦЕ
   файла: база .pd-sets-rb.pdrc .card объявлена выше и при равной
   специфичности перебивала бы обнуление скругления. */
@media(max-width:640px){
  .pd-sets-rb.pdrc .card{
    margin-left:-18px;margin-right:-18px;
    border-radius:0;border-left-width:0;border-right-width:0;
  }
  /* карточка внутри карточки остаётся обычной */
.pd-sets-rb.pdrc .card .card{
    margin-left:0;margin-right:0;
    border-radius:var(--r-lg);border-left-width:1px;border-right-width:1px;
  }
}