/* Книжковий меморіальний дизайн */
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    background-color: #f5f4ef;
    color: #1a1a1a;
    overflow-x: hidden;
    width: 100%;
}

/* Липка шапка: гарантований непрозорий фон */
header {
    background-color: #f7f6f2 !important;
}

/* Коли смартфон повертають горизонтально — вимикаємо sticky, щоб шапка не перекривала екран */
@media (max-height: 500px) and (orientation: landscape) {
    header {
        position: static !important;
    }
}

/* Картка захисника */
.hero-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #ffffff;
    border: 1px solid #d8d6d0;
}

.hero-card:hover {
    transform: translateY(-3px);
    border-color: #999999;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

/* Інпути та кнопки */
input, button {
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}