.fh-300 {
    transform: scale(1.5);
}

.shop-name {
    font-family: 'Ans Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-size: 4em;
}
.shop-name * {
    font-family: 'Ans Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* Глобально Ans Sans, но не на брендовый заголовок и иконки Font Awesome */
body *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class*="fa-"]) {
    font-family: 'Ans Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* DayZ style: белые квадратные рамки */
:root {
    --frame-color: #ffffff;
    --frame-width: 2px;
}

/* Карточки товаров и общие карточки */
.card,
.product-card {
    border: var(--frame-width) solid var(--frame-color) !important;
}

/* Сохраняем белую рамку при наведении */
.product-card:hover {
    border-color: var(--frame-color) !important;
}

/* Изображения товаров в карточках (внутренний div с фоном) */
.product-image .mx-auto {
    border: none !important;
    border-radius: 0 !important;
}

/* Строка поиска: убираем скругления для единого стиля */
.input-group .form-control,
.input-group .input-group-text {
    border-radius: 0 !important;
}

/* Анимация для заголовка WISSCRAFT */
.shop-name {
    position: relative;
    display: inline-block;
    animation: title-glitch 2s steps(1, end) infinite !important;
    will-change: transform, text-shadow;
}

@keyframes title-glitch {
    0%, 100% { transform: none; text-shadow: none; }
    4% { transform: translate(2px, -1px) skewX(0.6deg); text-shadow: -3px 0 rgba(255,0,0,.55), 3px 0 rgba(0,255,255,.55); }
    6% { transform: translate(-2px, 1px) skewX(-0.6deg); }
    8% { transform: none; text-shadow: none; }

    14% { transform: translate(1px, 0) skewX(0.4deg); text-shadow: -2px 0 rgba(255,0,0,.45), 2px 0 rgba(0,255,255,.45); }
    16% { transform: translate(-1px, 0) skewX(-0.4deg); }
    18% { transform: none; text-shadow: none; }

    30% { transform: translate(2px, 0); text-shadow: -2px 0 rgba(255,0,0,.35), 2px 0 rgba(0,255,255,.35); }
    32% { transform: none; text-shadow: none; }

    48% { transform: translate(-2px, -1px) skewX(0.5deg); text-shadow: -2px 0 rgba(255,0,0,.4), 2px 0 rgba(0,255,255,.4); }
    50% { transform: none; text-shadow: none; }

    66% { transform: translate(1px, 0); text-shadow: -1px 0 rgba(255,0,0,.35), 1px 0 rgba(0,255,255,.35); }
    68% { transform: none; text-shadow: none; }

    82% { transform: translate(-2px, 1px) skewX(-0.5deg); text-shadow: -2px 0 rgba(255,0,0,.4), 2px 0 rgba(0,255,255,.4); }
    84% { transform: none; text-shadow: none; }
}

/* Убираем выключение анимации при reduced-motion, чтобы эффект точно работал */

/* Стили для заголовка "Выживание [Hard/Modded]" */
h4.font-weight-bolder.mb-0 {
    font-family: 'Ans Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
    position: relative;
    display: inline-block;
    animation: title-glitch 2s steps(1, end) infinite !important;
    will-change: transform, text-shadow;
    color: #ffffff; /* Белый цвет для контраста */
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); /* Легкая тень */
}