/* ===== phone.css – адаптивные стили для мобильных устройств ===== */

/* --- Общие адаптивные правила --- */
@media (max-width: 1480px) {
    .menu-group .menu-item img { width: 40px; height: 40px; }
    .hor-menu-controls .control-item img { width: 28px; height: 28px; }
    .control-item span.fs-icon,
    .control-item span.size-icon,
    .bonus-popup-icon { font-size: 1.8rem; }
    .group-label { font-size: 0.75rem; top: -22px; }
}
@media (max-width: 1200px) {
    .talents-container { padding: 10px; max-width: 90%; }
    .talents-stats .stat-card { padding: 5px; }
    .talents-stats .stat-value { font-size: 14px; }
    .talents-stats .stat-label { font-size: 12px; }
    .talents-stats .stat-icon { display: none; }
    .talent-blocks-grid { grid-template-columns: 1fr; }
    .user-container, .skills-container, .achievements-container,
    .collections-container, .instances-container, .archive-container,
    .rating-container, .character-container { padding: 10px; }
    .skills-title, .achievements-title { font-size: 20px; }
    .grid-2, .achievements-grid, .collections-grid { gap: 15px; }
    .stats-grid, .character-stats, .achievements-stats,
    .collections-stats, .instances-stats { grid-template-columns: repeat(2,1fr); }

    .game-topmenu {
        justify-content: flex-end !important;
        margin-right: 10px !important;
        position: relative !important;
        right: 0 !important;
        left: auto !important;
        height: 90px !important;
        width: 50px !important;
        float: right !important;
    }
    #top_mnu_cont{
        position: absolute;
        left: -162px;
        width: 750px;
    }
}
@media (max-width: 1024px) {
    .game-grid {  grid-template-columns: 90px 1fr 90px;}
    .character-grid { grid-template-columns: 1fr; }
    .category-content { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    .collections-grid { grid-template-columns: 1fr; }
    .craft-main-grid { grid-template-columns: 1fr; }
    .profession-card { position: static; max-width: 95%; }
    .recipe-table { max-width: 85%; }
    .recipe-table th { padding: 2px 3px; }
    .npc-main-container { grid-template-columns: 1fr; }
    .npc-card { position: static; max-width: 350px; margin: 0 auto; }
    .npc-sidebar { display: none; }
    .npc-layout {grid-template-columns: 1fr;}
    .ratings-main-tabs { flex-direction: row; justify-content: center; }
    .ratings-search { flex-direction: column; align-items: stretch; }
    .search-box { max-width: none; }
    .rating-tab { max-width: 150px; font-size: 0.8rem; padding: 8px 12px; }
    .rating-table th, .rating-table td { padding: 10px 12px; font-size: 0.9rem; }
    .nav-btn { max-width: 100px; font-size: 0.8rem; }
    .achievements-grid { grid-template-columns: 1fr; }
    .collections-sidebar { display: none; }
    .sidebar-mobile-top { display: flex; }
    /* core.css additions */
    .bank-buy-grid { grid-template-columns: 1fr; }
    .bank-container { padding: 5px; max-width: 89%; }
}
@media (max-width: 992px) {
    .menu-group .menu-item img { width: 34px; height: 34px; }
    .hor-menu-controls .control-item img { width: 24px; height: 24px; }
    .control-item span.fs-icon,
    .control-item span.size-icon,
    .bonus-popup-icon { font-size: 1.6rem; }
    .stats-badge, .unread-dot, .lib-progress-text { font-size: 9px; padding: 1px 4px; }
    .unread-dot { width: 7px; height: 7px; }
    .menu-arrow { width: 30px; height: 50px; }
    .menu-arrow span { font-size: 18px; }
    .creature-container { margin: 15px; padding: 20px; }
    .creature-title { font-size: 2.2rem; }
    .stats-grid { grid-template-columns: 1fr; }
    .character-container { margin: 15px; padding: 15px; }
    .character-title { font-size: 2rem; }
    .tab-btn { min-width: 120px; padding: 14px 20px; }
    /* core.css additions */
    .premium-main-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 10px; }
    .premium-features-grid { grid-template-columns: 1fr; }
    .premium-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; }
    .premium-tab { white-space: nowrap; }
}
@media (max-width: 768px) {
    #game-horizontal-menu { border-radius: 8px 0 0 8px; padding: 0px 0px; }
    .menu-group .menu-item img { width: 25px; height: 25px; }
    .hor-menu-controls .control-item img { width: 22px; height: 22px; }
    .control-item span.fs-icon,
    .control-item span.size-icon,
    .bonus-popup-icon { font-size: 1.4rem; }
    .group-label { font-size: 0.7rem; top: -20px; padding: 1px 6px; }
    .stats-badge { font-size: 8px; padding: 1px 3px; }
    .unread-dot { width: 6px; height: 6px; }
    .lib-progress-text { font-size: 7px; padding: 0 2px; }
    .menu-arrow { width: 25px; height: 45px; }
    .menu-arrow span { font-size: 16px; }
    .menu-arrow-left { left: -28px; }
    .menu-arrow-right { right: -28px; }
    .hor-menu-items { gap: 5px; }
    .menu-group { padding: 3px; }
    #game-horizontal-menu.hor-menu-center { left: 10px !important; right: 10px !important; transform: none !important; width: calc(100% - 20px) !important; }
    .nav-container { flex-direction: column; gap: 8px; }
    .nav-btn { width: 100%; max-width: none; }
    .nav-btn-exit { margin-left: 0; order: 999; }
    .payment-methods { grid-template-columns: 1fr; }
    .archive-wrapper .stats-panel { flex-direction: column; align-items: stretch; gap: 10px; }
    .archive-wrapper .fight-info { grid-template-columns: 1fr; }
    .clan-tab-btn { min-width: 100px; padding: 12px 15px; font-size: 0.9rem; }
    .clan-tab-content { padding: 20px; }
    .stats-grid { grid-template-columns: 1fr; }
    .creature-container { margin: 10px; padding: 15px; }
    .creature-title { font-size: 1.8rem; flex-direction: column; gap: 10px; }
    .creature-tabs { flex-direction: column; }
    .tab-btn { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .loot-grid { grid-template-columns: 1fr; }
    .abilities-grid { grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); gap: 15px; padding: 20px; }
    .tab-content { padding: 20px; }
    .ability-item { width: 70px; height: 70px; }
    .ability-item img { width: 65px; height: 65px; }
    .character-container { margin: 10px; padding: 12px; border-radius: 20px; }
    .character-header { padding: 5px 15px; }
    .character-title { font-size: 1.7rem; }
    .character-subtitle { font-size: 1rem; }
    .avatar-display { padding: 15px; }
    .character-tabs { flex-direction: column; }
    .tab-btn { width: 100%; text-align: center; border-right: none; border-bottom: 1px solid rgba(245,230,211,0.2); padding: 12px; }
    .tab-content { padding: 20px 15px; }
    .gifts-container { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); gap: 12px; max-height: 250px; padding: 15px; }
    .gift-item { width: 60px; height: 60px; }
    .skills-header { padding: 16px; }
    .skills-title { font-size: 18px; }
    .skills-subtitle { font-size: 13px; }
    .tabs, .character-tabs, .rating-tabs { flex-direction: column; }
    .tab-btn, .rating-tab { border-right: none; border-bottom: 1px solid rgba(245,230,211,0.2); }
    .filters, .achievements-filters, .collections-filters,
    .instances-filters, .rating-search { flex-direction: column; }
    .filter-btn, .search-box, .rating-search-input { width: 100%; }
    .pagination, .achievements-pagination, .instances-pagination,
    .rating-pagination { flex-direction: column; }
    .fights-grid { grid-template-columns: 1fr; }
    .fight-card-footer { grid-template-columns: 1fr; }
    .edit-form { grid-template-columns: 1fr; }
    .profile-actions { flex-direction: column; }
    .craft-main-grid { grid-template-columns: 1fr; gap: 15px; }
    .craft-nav-container { flex-direction: column; }
    .craft-nav-exit { margin-left: 0; margin-top: 10px; }
    .recipe-table { display: block; overflow-x: auto; }
    .search-input { width: 100%; margin-bottom: 10px; }
    .craft-tabs { flex-wrap: wrap; }
    .quantity-controls { flex-direction: column; align-items: stretch; }
    .quantity-input { width: 100%; }
    .instances-container { padding: 8px; border-radius: 12px; }
    .instances-header { padding: 16px; margin-bottom: 20px; }
    .instances-title { font-size: 20px; }
    .instances-subtitle { font-size: 13px; }
    .instance-header { flex-direction: column; gap: 12px; align-items: flex-start; padding: 12px; }
    .instance-status { align-self: flex-start; }
    .instances-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .stat-card { padding: 12px; }
    .stat-value { font-size: 24px; }
    .instance-icon { width: 100px; height: 40px; }
    .instance-body { padding: 16px; }
    .npc-nav-group { justify-content: center; }
    .npc-nav-right { order: -1; margin-left: 0; }
    .quest-point-header { flex-direction: column; gap: 12px; align-items: flex-start; }
    .quest-item { flex-direction: column; text-align: center; gap: 12px; padding: 4px; }
    .quest-info { text-align: center; }
    .quest-actions { flex-direction: column; align-items: stretch; }
    .quests-container { padding: 15px; }
    .quest-rewards-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
    .ratings-container { padding: 10px; margin: 5px; border-radius: 15px; }
    .ratings-title { font-size: 24px; }
    .ratings-subtitle { font-size: 14px; }
    .main-tab { min-width: 120px; padding: 10px 15px; font-size: 14px; }
    .ratings-main-tabs, .ratings-sub-tabs { flex-direction: column; }
    .sub-tab { text-align: center; justify-content: center; }
    .ratings-table th, .ratings-table td { padding: 10px 12px; font-size: 13px; }
    .player-info, .clan-info { flex-direction: column; align-items: flex-start; gap: 8px; }
    .player-avatar, .clan-icon { width: 40px; height: 40px; }
    .ratings-pagination { flex-wrap: wrap; gap: 8px; }
    .page-btn { padding: 8px 12px; min-width: 35px; }
    .rating-header { padding: 15px; }
    .rating-title { font-size: 1.3rem; }
    .rating-subtitle { font-size: 0.85rem; }
    .rating-tabs { flex-direction: column; gap: 8px; }
    .rating-tab { max-width: none; width: 100%; }
    .rating-subtabs { justify-content: center; }
    .rating-search { flex-direction: column; }
    .rating-search-input { min-width: 100%; }
    .rating-table { display: block; overflow-x: auto; white-space: nowrap; }
    .rating-avatar { width: 40px; height: 40px; }
    .rating-name { font-size: 0.9rem; }
    .talents-container { padding: 8px; border-radius: 12px; }
    .talents-header { padding: 16px; margin-bottom: 20px; }
    .talents-title { font-size: 18px; }
    .talents-subtitle { font-size: 12px; }
    .talents-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 20px; }
    .talents-stats .stat-card { padding: 5px; }
    .talents-stats .stat-value { font-size: 22px; }
    .talents-stats .stat-label { font-size: 11px; }
    .talent-blocks-grid { gap: 12px; }
    .talent-block-card { margin-bottom: 12px; border-radius: 8px; }
    .talent-block-header { padding: 12px; }
    .talent-block-title { font-size: 14px; }
    .talents-list { grid-template-columns: repeat(2, 1fr); padding: 12px; gap: 12px; }
    .talent-icon { width: 64px; height: 64px; margin-bottom: 8px; }
    .talent-name { font-size: 11px; min-height: 40px; padding: 8px; }
    .talent-level { width: 22px; height: 22px; font-size: 10px; top: -6px; right: -6px; }
    .upgrade-section { padding: 12px; margin: 12px; gap: 16px; }
    .upgrade-icon { width: 48px; height: 48px; }
    .upgrade-count { font-size: 18px; }
    .reset-section { padding: 20px; margin-top: 24px; }
    .reset-content { gap: 16px; }
    .reset-icon { width: 56px; height: 56px; }
    .reset-count { font-size: 20px; }
    .talent-btn { padding: 8px 16px; font-size: 11px; min-height: 32px; }
    .settings-actions { flex-direction: column; gap: 15px; padding: 15px; }
    .category-header { padding: 10px 15px; gap: 10px; }
    .category-icon { width: 32px; height: 32px; font-size: 16px; }
    .category-title { font-size: 1rem; }
    .category-content { grid-template-columns: 1fr; padding: 15px; gap: 10px; }
    .setting-item { padding: 12px; min-height: 80px; }
    .setting-header { gap: 10px; margin-bottom: 8px; }
    .settings-btn { min-width: 100%; padding: 12px 20px; }
    .hint-tooltip { width: 200px; font-size: 0.75rem; padding: 10px; }
    /* core.css additions */
    .bank-container { padding: 3px; max-width: 94%; }
    .bank-main-content { margin: 0 8px; }
    .bank-header { padding: 10px 12px; }
    .bank-content { padding: 8px; min-height: calc(100vh - 80px); }
    .bank-nav-container { flex-direction: column; gap: 8px; }
    .bank-nav-btn { width: 100%; max-width: none; }
    .bank-nav-btn-exit { margin-left: 0; order: 999; }
    .bank-bg { border-radius: 0; }
    .info-card-bank { padding: 14px; }
    .payment-system-tabs { grid-template-columns: 1fr; }
    .funpay-packages { grid-template-columns: 1fr; }
    .funpay-link-container { flex-direction: column; }
    .funpay-link-container button { width: 100%; margin-left: 0; margin-top: 10px; }
    .premium-progress-container { padding: 16px 12px; }
    .premium-progress-header { flex-direction: column; gap: 12px; text-align: center; }
    .premium-level-badge { position: relative; top: 0; right: 0; margin: 0 auto 12px; width: fit-content; }
    .premium-stats-grid { grid-template-columns: 1fr; gap: 12px; padding: 14px; }
    .premium-main-grid { gap: 15px; margin-bottom: 20px; padding: 0 5px; }
    .premium-progress-section,
    .premium-benefits-section,
    .premium-management-section,
    .exchange-container { padding: 20px 15px !important; margin-left: -5px; margin-right: -5px; border-radius: 10px; }
    .premium-features-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .premium-info-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .referrals-table { display: block; overflow-x: auto; }
    .stat-value { font-size: 1.5rem; }
    .soratnik-invite-info { flex-direction: column; align-items: flex-start; gap: 10px; }
    .soratnik-invite-actions { width: 100%; justify-content: center; }
    .soratnik-form-group { flex-direction: column; }
    .referral-link-box { flex-direction: column; }
    .bonus-grid { grid-template-columns: 1fr; }
    .exchange-row { flex-direction: column; gap: 10px; text-align: center; }
    .exchange-from, .exchange-to { justify-content: center; width: 100%; }
    .exchange-arrow { display: none; }
}
@media (max-width: 640px) {
    .character-quick-info { flex-direction: column; }
    .fight-item { flex-direction: column; gap: 5px; text-align: center; }
}
@media (max-width: 600px) {
    .campaign-requirements { grid-template-columns: 1fr; }
    .channel-name { display: none; }
    .channel-item { padding: 4px 6px; }
    .user-tab span { display: none; }
    .user-tab { padding: 8px; border-radius: 50%; }
}
@media (max-width: 480px) {
    #game-horizontal-menu { max-width: calc(100vw - 10px); padding: 0px 0px; }
    .menu-group .menu-item img { width: 20px; height: 20px; }
    .hor-menu-controls .control-item img { width: 18px; height: 18px; }
    .control-item span.fs-icon,
    .control-item span.size-icon,
    .bonus-popup-icon { font-size: 1.2rem; }
    .group-label { display: none; }
    .stats-badge { font-size: 7px; padding: 0 2px; bottom: -1px; right: -1px; }
    .unread-dot { width: 5px; height: 5px; }
    .lib-progress-text { font-size: 6px; padding: 0 1px; }
    .menu-arrow { width: 22px; height: 40px; }
    .menu-arrow span { font-size: 14px; }
    .menu-arrow-left { left: -24px; }
    .menu-arrow-right { right: -24px; }
    .hor-menu-controls { gap: 6px; padding-left: 8px; }
    .page-title { font-size: 22px; }
    .btn { padding: 8px 16px; }
    .clan-tabs { flex-direction: column; }
    .clan-tab-btn { width: 100%; border-right: none; border-bottom: 1px solid rgba(245,230,211,0.2); justify-content: flex-start; padding: 14px 20px; }
    .clan-meta { flex-direction: column; align-items: center; gap: 10px; }
    .creature-title { font-size: 1.6rem; }
    .level-badge { font-size: 1rem; }
    .stat-card { padding: 20px; }
    .description-content { padding: 20px; font-size: 1rem; }
    .abilities-grid { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); gap: 10px; padding: 15px; }
    .ability-item { width: 60px; height: 60px; }
    .ability-item img { width: 55px; height: 55px; }
    .character-title { font-size: 1.5rem; }
    .avatar-thumb { width: 55px; height: 55px; }
    .avatars-list_neds { max-height: 120px; padding: 15px; gap: 8px; }
    .modern-button { padding: 12px 24px; font-size: 1rem; width: 100%; }
    .tab-content table { display: block; }
    .tab-content tr { display: flex; flex-direction: column; margin-bottom: 15px; background: rgba(245,230,211,0.3); border-radius: 8px; padding: 10px; border: 1px solid rgba(139,69,19,0.1); }
    .tab-content td { display: block; width: 100%; padding: 8px 0; border: none; }
    .tab-content td:first-child { width: 100%; border-right: none; border-bottom: 1px solid rgba(139,69,19,0.2); margin-bottom: 5px; padding-bottom: 5px; }
    .stats-grid, .character-stats, .achievements-stats,
    .collections-stats, .instances-stats { grid-template-columns: 1fr; }
    .skills-table, .rating-table, .info-table,
    .prizes-table { display: block; overflow-x: auto; }
    .profile-form-grid, .profile-form-grid-two { grid-template-columns: 1fr; padding: 15px; gap: 12px; }
    .profile-header { padding: 15px; }
    .profile-title { font-size: 1.3rem; }
    .profile-subtitle { font-size: 0.85rem; }
    .profile-actions { flex-direction: column; gap: 15px; padding: 15px; }
    .profile-btn { min-width: 100%; padding: 12px 20px; }
    .profile-card-header { padding: 12px 15px; gap: 10px; }
    .profile-icon { width: 32px; height: 32px; font-size: 16px; }
    .profile-card-title { font-size: 1rem; }
    .date-group { grid-template-columns: 1fr; gap: 8px; }
    .color-grid { grid-template-columns: repeat(2, 1fr); }
    .instances-filters { flex-direction: column; gap: 6px; }
    .filter-btn { min-width: auto; width: 100%; padding: 8px; font-size: 12px; }
    .instances-stats { grid-template-columns: 1fr; }
    .instance-title-section { flex-direction: column; align-items: flex-start; gap: 10px; }
    .instance-icon { width: 100%; height: 40px; }
    .instance-card.clan::after, .instance-card.party::after { top: 10px; right: 10px; font-size: 8px; padding: 3px 6px; }
    .npc-nav-btn { width: 100%; min-width: unset; font-size: 0.82rem; padding: 7px 12px; }
    .quest-point-title { flex-direction: column; text-align: center; gap: 8px; }
    .quest-option { flex-direction: column; text-align: center; gap: 8px; }
    .quest-target, .quest-bonus { flex-direction: column; text-align: center; gap: 8px; }
    .npc-card { padding: 15px; }
    .npc-dialog-box { padding: 15px; }
    .quest-icon { width: 50px; height: 50px; }
    .quest-name { font-size: 1rem; }
    .quests-title { font-size: 1rem; }
    .npc-card-title { font-size: 1rem; }
    .npc-nav-location { min-width: 100%; }
    .rating-container { padding: 10px; }
    .rating-subtab { padding: 8px 12px; font-size: 0.8rem; }
    .rating-table-header { font-size: 1rem; padding: 10px 12px; }
    .rating-pagination { flex-wrap: wrap; padding: 12px; }
    .rating-page { padding: 6px 12px; font-size: 0.8rem; }
    .talents-stats { grid-template-columns: 1fr; }
    .talents-list { grid-template-columns: 1fr; gap: 10px; }
    .talent-blocks-grid { grid-template-columns: 1fr; }
    .talents-header { padding: 14px; }
    .talents-title { font-size: 16px; }
    .talent-block-title { font-size: 13px; flex-direction: column; align-items: flex-start; gap: 4px; }
    .talent-block-status { padding: 4px 8px; font-size: 10px; }
    .talent-btn { padding: 8px 14px; font-size: 11px; width: 100%; justify-content: center; }
    .upgrade-section { flex-direction: column; gap: 12px; }
    .reset-content { flex-direction: column; gap: 12px; }
    .settings-header { padding: 10px; border-radius: 10px; }
    .settings-title { font-size: 1.3rem; margin-bottom: 8px; }
    .settings-subtitle { font-size: 0.85rem; line-height: 1.3; }
    .setting-header { flex-direction: column; gap: 8px; }
    .modern-toggle { width: 48px; height: 24px; align-self: flex-start; }
    .toggle-slider:before { height: 18px; width: 18px; }
    input:checked + .toggle-slider:before { transform: translateX(24px); }
    .toggle-slider:after { font-size: 8px; left: 28px; }
    input:checked + .toggle-slider:after { left: 6px; }
    .category-card { margin-bottom: 10px; }
    .settings-actions { padding: 15px 10px; gap: 12px; }
    /* core.css additions */
    .bank-container { padding: 3px; }
    .bank-bg { border: 2px solid var(--color-border-dark); }
    .bank-npc-card { padding: 12px; }
    .bank-npc-image { max-width: 140px; max-height: 180px; }
    .bonus-items-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .bonus-item-card { width: 65px; height: 65px; }
    .bonus-item-image { width: 55px; height: 55px; }
    .form-input { padding: 8px 10px; }
    .card-title-bank { font-size: 1rem; }
    .bank-table td { padding: 8px 10px; }
    .premium-progress-bar { height: 18px; border-radius: 9px; }
    .premium-main-grid { gap: 10px; padding: 0; }
    .premium-progress-section,
    .premium-benefits-section,
    .premium-management-section,
    .exchange-container { padding: 15px 10px !important; margin-left: 0; margin-right: 0; }
    .premium-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
    .premium-tab { white-space: nowrap; padding: 8px 15px; font-size: 0.9rem; }
    @keyframes framePulseMobile {
        0%, 100% { box-shadow: 0 0 0 0.5px rgba(59, 44, 39, 0.2), 0 0 15px rgba(107, 90, 85, 0.1); }
        50% { box-shadow: 0 0 0 0.5px rgba(107, 90, 85, 0.25), 0 0 18px rgba(132, 113, 101, 0.15); }
    }
}
@media (max-width: 360px) {
    .talents-container { padding: 6px; }
    .talent-icon { width: 56px; height: 56px; }
    .talent-name { min-height: 36px; font-size: 10px; }
    /* core.css */
    .bonus-items-grid { grid-template-columns: repeat(2, 1fr); }
    .bank-nav-btn { padding: 8px 12px; font-size: 0.8rem; }
    .bank-button { padding: 8px 16px; min-height: 40px; }
}
@media (max-width: 320px) {
    .category-content { padding: 12px; gap: 8px; }
    .setting-item { padding: 10px; min-height: 75px; }
    .setting-name { font-size: 0.9rem; }
    .setting-description { font-size: 0.75rem; }
}
@media (max-height: 500px) and (orientation: landscape) {
    .character-view { flex-direction: row; align-items: flex-start; }
    #userCanvas { flex: 0 0 280px; height: 400px; }
    .character-quick-info { max-width: calc(100% - 300px); margin-top: 0; }
    .fight-list { max-height: 180px; }
}
@media (hover: none) {
    .fight-item:hover { transform: none; }
    .modern-button:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* Отключение анимаций на мобильных устройствах при низкой производительности */
@media (prefers-reduced-motion: reduce), (max-width: 768px) {
    .bank-nav-btn:hover,
    .bank-button:hover,
    .bank-card:hover,
    .info-card-bank:hover {
        transform: none;
    }
}
/* Поддержка темной темы */
@media (prefers-color-scheme: dark) {
    .bank-bg {
        background: radial-gradient(ellipse at 20% 20%, rgba(139, 69, 19, 0.25) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(91, 41, 6, 0.3) 0%, transparent 50%),
        linear-gradient(145deg, #2d1b0e 0%, #3b2c27 30%, #5d2906 70%, #8b4513 100%);
    }
    .bank-content {
        background: radial-gradient(ellipse at 20% 20%, rgba(139, 69, 19, 0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(91, 41, 6, 0.25) 0%, transparent 50%),
        linear-gradient(135deg, #2d1b0e 0%, #3b2c27 25%, #5d2906 50%, #8b4513 75%, #a0522d 100%);
    }
    .bank-card,
    .info-card-bank {
        background: var(--gradient-card-dark);
        color: var(--color-secondary-light);
    }
    .form-input {
        background: #3b2c27;
        color: var(--color-secondary-light);
        border-color: var(--color-primary);
    }
}