/* style.css - основной стиль проекта */

:root{
  --accent:#ff6fa3;
  --bg1: #fff5fb;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#111;
  background:transparent; /* теперь фон через layout.ejs фиксирован */
}

a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

/* animations */
@keyframes fadeIn { from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none} }
.animate-fade-in{ animation:fadeIn .8s ease-out; }
.animate-fade-up{ animation:fadeIn .9s ease-out; }

/* grid card */
.grid { display:grid; gap:1rem }
.card {
  background:white;
  border-radius:12px;
  padding:1.25rem;
  box-shadow:0 6px 18px rgba(18,18,18,0.06);
  transition: transform .22s ease, box-shadow .22s ease;
}
.card:hover{ transform:translateY(-6px) scale(1.02); box-shadow:0 10px 30px rgba(18,18,18,0.12); }

/* gift page */
.gift-container{ max-width:760px; margin:64px auto; padding:0 16px }
.gift-image-block img{ width:100%; border-radius:14px; display:block; margin:0 auto; }
.gift-description{ margin-top:18px; font-size:18px; color:#334155; line-height:1.5 }

/* back button */
.back-button { display:inline-block; margin-top:20px; padding:12px 20px; border-radius:10px; background:var(--accent); color:white; font-weight:600; box-shadow: 0 8px 20px rgba(255,111,163,0.12); transition: transform .18s ease; }
.back-button:hover{ transform:translateY(-3px) }

/* countdown */
.timer { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace; font-size:28px; color:#0f172a; }

/* responsive */
@media (max-width:768px){
  .gift-container{ margin:40px auto; }
}