/* 09-responsive: tum @media kirilimlari (en son yuklenmeli) */
        /* Responsive */
        @media (max-width: 1024px) {
            .tab-section {
                padding: 28px;
            }
        }

        @media (max-width: 768px) {
            body {
                padding: 12px;
            }

            .header {
                padding: 34px 16px 30px;
            }

            .header h1 {
                font-size: 22px;
            }

            .header p {
                font-size: 12px;
            }

            .tabs-navigation {
                gap: 6px;
                padding: 8px;
            }

            .tab-btn {
                min-width: 0;
                flex: 1 1 30%;
                padding: 10px 8px;
                font-size: 12px;
                gap: 5px;
            }

            .tab-icon {
                font-size: 15px;
            }

            .tab-section {
                padding: 20px 16px;
            }

            .tab-section h2 {
                font-size: 18px;
                margin-bottom: 18px;
            }

            .upload-area {
                padding: 30px 14px;
            }

            .mod-item {
                flex-direction: column;
                align-items: stretch;
                padding: 16px;
            }

            .mod-item-weapon-select,
            .mod-item-name-input {
                width: 100%;
                max-width: none;
                min-width: 0;
            }

            .mod-item-actions {
                justify-content: stretch;
            }

            .mod-item-actions .btn-icon {
                flex: 1;
            }

            .settings-grid {
                grid-template-columns: 1fr;
            }

            .action-buttons {
                padding: 18px 14px;
                flex-direction: column;
            }

            .btn-primary,
            .btn-secondary,
            .btn-danger {
                width: 100%;
                min-width: 0;
            }

            .modal-header {
                padding: 16px 18px;
            }

            .modal-body {
                padding: 18px;
            }

            .modal-filename-bar {
                padding: 14px 18px;
                flex-direction: column;
                align-items: stretch;
            }

            .filename-input-wrap {
                max-width: none;
            }

            .modal-footer {
                padding: 14px 18px;
                flex-direction: column-reverse;
            }

            .modal-footer .btn-primary,
            .modal-footer .btn-secondary {
                width: 100%;
            }
        }

        @media (max-width: 480px) {
            .header h1 {
                font-size: 19px;
            }

            .tab-btn span.tab-icon {
                font-size: 16px;
            }

            .tab-btn {
                font-size: 11px;
                padding: 9px 6px;
            }

            .tab-section h2 {
                font-size: 16px;
            }

            .upload-area p:first-child {
                font-size: 14px;
            }

            .upload-hint {
                font-size: 11px;
            }

            .settings-section {
                padding: 16px;
            }

            .color-picker-wrapper input[type="color"] {
                width: 42px;
                height: 36px;
            }

            #previewCode {
                font-size: 11px;
            }

            .settings-subcard {
                padding: 14px;
            }
        }

        @media (max-width: 480px) {
            .toast-container {
                left: 12px;
                right: 12px;
                bottom: 12px;
                max-width: none;
                width: auto;
            }
        }

        @media (max-width: 768px) {
            .lang-switch {
                top: 12px;
                left: 12px;
            }

            .lang-btn span {
                display: none;
            }

            .lang-btn {
                padding: 4px;
            }

            .social-links {
                gap: 8px;
            }

            .social-links a {
                padding: 7px 13px;
                font-size: 11.5px;
            }
        }