/* Pet Diet — переиспользуемая карточка товара в дизайне /ratcioni-dlya-koshek/ (.prc).
   Self-contained скоуп .pd-rc: токены/шрифты/кнопки/карточка скопированы 1:1 из
   sets-rebrand.css (.psc-btn) + ration-rebrand.css (.prc*, .pdrc__grid), НО без глобального
   body{background} и .pd-sets-rb-резета — чтобы грузиться на любой странице без побочки.
   Ставится там, где нужны новые карточки на старых страницах (главная, калькулятор,
   благотворительность, статьи блога). Разметка: .pd-rc > .pd-rc__grid > .prc. */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&family=Golos+Text:wght@400;500;600;700&display=swap');

.pd-rc{
  --surface:#FFFFFF; --surface-warm:#FCF8F1; --cream-deep:#EADFCD;
  --ink:#211F1A; --ink-soft:#423E36; --muted:#6E695E; --faint:#9C9486;
  --line:#E6DDCD;
  --green:#1F5B42; --green-700:#164230; --green-500:#2E7355; --green-tint:#E3EDE7; --green-tint-2:#C8DDD2;
  --warm:#E8852E; --warm-600:#CC7120; --warm-tint:#FBE7D2;
  --r-md:14px; --r-lg:20px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(33,31,26,.05),0 1px 3px rgba(33,31,26,.04);
  --sh-3:0 12px 32px rgba(33,31,26,.10),0 4px 10px rgba(33,31,26,.05);
  --dur:200ms; --ease:cubic-bezier(.22,.61,.36,1);
  --display:'Nunito',system-ui,sans-serif; --sans:'Golos Text',system-ui,sans-serif;
  font-family:var(--sans); color:var(--ink); line-height:1.5;
}
.pd-rc *{box-sizing:border-box;}
.pd-rc p,.pd-rc h1,.pd-rc h2,.pd-rc h3,.pd-rc button{margin:0;}
.pd-rc img{max-width:100%;display:block;}
.pd-rc a{color:inherit;text-decoration:none;}

/* кнопки (из sets-rebrand.css .psc-btn) */
.pd-rc .psc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;cursor:pointer;
  font-family:var(--sans);font-weight:600;font-size:.9rem;border-radius:10px;padding:10px 17px;line-height:1;
  white-space:nowrap;min-height:38px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease);}
.pd-rc .psc-btn:active{opacity:.9;}
.pd-rc .psc-btn svg{flex:0 0 auto;}
.pd-rc .psc-btn--green{background:var(--green);color:#fff;}
.pd-rc .psc-btn--green:hover{background:var(--green-700);}
.pd-rc .psc-btn--soft{background:var(--green-tint);color:var(--green-700);}
.pd-rc .psc-btn--soft:hover{background:var(--green-tint-2);}

/* сетка (из ration-rebrand.css .pdrc__grid) */
.pd-rc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pd-rc--single .pd-rc__grid{grid-template-columns:minmax(0,360px);justify-content:center;}

/* карточка рациона (из ration-rebrand.css .prc*, .card-база вложена) */
.pd-rc .prc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);
  padding:14px;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.pd-rc .prc:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.pd-rc .prc__media{display:grid;place-items:center;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--surface-warm);}
.pd-rc .prc__media img{width:92%;height:92%;object-fit:contain;}
.pd-rc .prc__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;}
.pd-rc .prc__name{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.15;color:var(--ink);}
.pd-rc .prc__head:hover .prc__name{color:var(--green-700);}
.pd-rc .prc__tag{flex:0 0 auto;font-size:.72rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 10px;}
.pd-rc .prc__desc{font-size:.85rem;color:var(--muted);margin-top:8px;line-height:1.45;min-height:48px;}
.pd-rc .prc__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px;flex-wrap:wrap;}
.pd-rc .prc__price{font-family:var(--display);font-weight:600;font-size:1.5rem;color:var(--ink);}
.pd-rc .prc__unit{font-size:.78rem;color:var(--muted);}
.pd-rc .prc__cart{margin-top:14px;}
.pd-rc .prc__cart[hidden],.pd-rc .prc__incart[hidden]{display:none;}
.pd-rc .prc__incart{display:flex;gap:8px;margin-top:14px;align-items:stretch;}
.pd-rc .prc__incart .psc-btn--soft{flex:1;gap:6px;}
.pd-rc .prc__stepper{display:flex;align-items:center;border:1.5px solid var(--green-tint-2);border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--green-tint);height:38px;}
.pd-rc .prc__step{width:34px;align-self:stretch;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:var(--green-700);}
.pd-rc .prc__step svg{display:block;}
.pd-rc .prc__count{min-width:22px;text-align:center;font-weight:700;font-size:.92rem;color:var(--green-700);}

@media(max-width:980px){.pd-rc__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.pd-rc__grid{grid-template-columns:1fr;gap:14px;}.pd-rc--single .pd-rc__grid{grid-template-columns:1fr;}}