/*  EtoZheMarket • фирменная тема «EtoZheFarm»
    Белый фон, акцентный красно-оранжевый, шрифт Inter
    ─────────────────────────────────────────────── */

:root{
  --c-primary:#ff4b2b;     /* кнопки, ссылки, рельеф карточек */
  --c-primary-hover:#e03e20;
  --c-dark:#1d1d1f;        /* основной текст */
  --c-light:#f7f7f9;       /* светлый фон секций */
  --c-muted:#7e7e86;       /* подписи, вторичный текст */
  font-family:'Inter',sans-serif;
}

/* базовые теги */
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:#fff;
  color:var(--c-dark);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

/* ────────── универсальная карточка ────────── */
.card{
  background:#fff;
  border-radius:0.75rem;                       /* 12 px */
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.04);
  transition:transform .25s ease,box-shadow .25s ease;
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}

/* ────────── inputs, selects, file ────────── */
.input,
.input-file{
  width:100%;
  padding:0.5rem 0.75rem;
  border-radius:0.75rem;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  color:var(--c-dark);
  transition:box-shadow .2s ease;
}
.input:focus,
.input-file:focus{
  outline:none;
  box-shadow:0 0 0 2px var(--c-primary);
}

/* ────────── primary button ────────── */
.btn-primary{
  width:100%;
  background:var(--c-primary);
  color:#fff;
  font-weight:600;
  padding:0.5rem 0.75rem;
  border-radius:0.75rem;
  box-shadow:0 2px 6px rgba(255,75,43,.25);
  transition:background .2s ease,transform .1s ease;
}
.btn-primary:hover{background:var(--c-primary-hover);}
.btn-primary:active{transform:scale(.97);}

/* Для кнопок внутри карточек на главной странице */
.card .btn-primary {
  width: auto;
  display: inline-block;
}

/* ────────── toast анимация ────────── */
@keyframes fade-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1}}
.animate-fade-in{animation:fade-in .25s ease-out both}

/* ────────── кастомный скроллбар ────────── */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--c-light)}
::-webkit-scrollbar-thumb{
  background:#d1d1d6;border-radius:4px
}
::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}