/* fermerdlyafermy.online — «небо и трава»: акценты, животные, рассрочка */
:root{
  --ep-sky:#0EA5E9;
  --ep-sky-soft:#E6F6FD;
  --ep-teal:#0D9488;
  --ep-teal-dark:#0F766E;
  --ep-grass:#16A34A;
  --ep-grass-dark:#15803D;
  --ep-grass-soft:#EAFBEF;
  --ep-ink:#0B3B49;
}

/* --- герой: небо переходит в траву --- */
#main-content > section:first-of-type{
  background-image:linear-gradient(180deg,#E8F6FD 0%,#F1FAF6 55%,#FFFFFF 100%);
}

/* --- плашка рассрочки на карточке товара --- */
.ep-inst{
  display:flex;align-items:center;gap:8px;
  margin-top:10px;padding:7px 10px;
  border:1px dashed #5EEAD4;border-radius:12px;
  background:linear-gradient(90deg,var(--ep-grass-soft) 0%,var(--ep-sky-soft) 100%);
  font-family:Rubik,'Nunito Sans',system-ui,sans-serif;
  font-size:12px;line-height:1.25;font-weight:600;color:var(--ep-teal-dark);
}
.ep-inst__ic{
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  background:var(--ep-grass);color:#fff;
  font:800 11px/20px Rubik,system-ui,sans-serif;text-align:center;
}
.ep-inst b{font-weight:800;color:var(--ep-grass-dark);white-space:nowrap}

/* --- блок рассрочки на странице товара --- */
.ep-inst-prod{
  display:flex;align-items:center;gap:14px;
  margin:14px 0 4px;padding:14px 16px;
  border:1px solid #A7F3D0;border-radius:16px;
  background:linear-gradient(135deg,var(--ep-grass-soft) 0%,var(--ep-sky-soft) 100%);
  font-family:Rubik,'Nunito Sans',system-ui,sans-serif;
}
.ep-inst-prod__ic{
  flex:0 0 auto;width:44px;height:44px;border-radius:14px;
  background:var(--ep-grass);color:#fff;
  font:800 15px/44px Rubik,system-ui,sans-serif;text-align:center;
}
.ep-inst-prod__t{margin:0;font-size:16px;font-weight:800;color:var(--ep-ink)}
.ep-inst-prod__t b{color:var(--ep-grass-dark)}
.ep-inst-prod__s{margin:2px 0 0;font-size:13px;font-weight:500;color:var(--ep-teal-dark)}

/* --- секция «Кому подходит»: корова, коза, лошадь --- */
.ep-animals{
  position:relative;overflow:hidden;
  padding:56px 0 64px;
  background:linear-gradient(180deg,#E9F6FC 0%,#EFF9F1 62%,#E4F6E6 100%);
}
.ep-animals__in{position:relative;z-index:1;width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}
@media (min-width:768px){.ep-animals__in{padding-inline:24px}}
@media (min-width:1024px){.ep-animals__in{padding-inline:32px}}
.ep-animals__kicker{
  margin:0 0 6px;font-family:'Nunito Sans',system-ui,sans-serif;
  font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ep-teal-dark);
}
.ep-animals__title{
  margin:0 0 8px;font-family:Rubik,system-ui,sans-serif;
  font-size:clamp(24px,3.2vw,34px);line-height:1.2;font-weight:700;color:var(--ep-ink);
}
.ep-animals__lead{
  margin:0 0 28px;max-width:720px;font-family:'Nunito Sans',system-ui,sans-serif;
  font-size:16px;line-height:1.6;color:#3F6670;
}
.ep-animals__grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:700px){.ep-animals__grid{grid-template-columns:repeat(3,1fr);gap:20px}}
.ep-animal{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid #D7EDE9;border-radius:20px;
  padding:16px 18px 18px;text-decoration:none;
  box-shadow:0 8px 22px rgba(11,59,73,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ep-animal:hover{transform:translateY(-3px);border-color:var(--ep-teal);box-shadow:0 14px 30px rgba(11,59,73,.12)}
.ep-animal__art{
  border-radius:16px;margin-bottom:14px;overflow:hidden;
  background:linear-gradient(180deg,#F2FAFE 0%,#EDF9EF 100%);
  aspect-ratio:4/3;
}
.ep-animal__art img,.ep-animal__art svg{display:block;width:100%;height:100%;object-fit:cover}
.ep-animal:hover .ep-animal__art img{transform:scale(1.03)}
.ep-animal__art img{transition:transform .35s ease}
.ep-animal__t{margin:0 0 6px;font-family:Rubik,system-ui,sans-serif;font-size:19px;font-weight:700;color:var(--ep-ink)}
.ep-animal__d{margin:0 0 14px;font-family:'Nunito Sans',system-ui,sans-serif;font-size:14px;line-height:1.55;color:#4A6E77;flex:1}
.ep-animal__cta{
  font-family:Rubik,system-ui,sans-serif;font-size:14px;font-weight:700;color:var(--ep-teal-dark);
}
.ep-animal:hover .ep-animal__cta{color:var(--ep-grass-dark)}
.ep-animal__chip{
  display:inline-block;align-self:flex-start;margin-bottom:10px;
  padding:4px 10px;border-radius:999px;
  background:var(--ep-grass-soft);color:var(--ep-grass-dark);
  font:800 11px/1.5 'Nunito Sans',system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;
}

/* белый текст на бирюзовых кнопках (Помогите выбрать, В корзину и т.п.) */
.MuiButton-contained.MuiButton-colorSecondary,
.MuiButton-contained.MuiButton-colorSecondary:hover,
.MuiButton-contained.MuiButton-colorSecondary:focus{
  color:#FFFFFF !important;
  --variant-containedColor:#FFFFFF !important;
}
.MuiButton-contained.MuiButton-colorSecondary .MuiSvgIcon-root{color:#FFFFFF !important}