/* Tablet portrait: 481-1024px (landscape biasanya >1024 jadi gak kena) */
@media screen and (min-width: 481px) and (max-width: 1024px) {
    /* Ukuran teks dikecilin biar muat di tablet */
    body {
        font-size: 14px !important;
    }
    /* General Container Adjustments */
    .container {
        width: 95%;
        padding: 0 15px;
        max-width: 100%;
    }

    /* Header - layout sama seperti laptop: logo kiri, nama sekolah kanan logo, teks lebih kecil */
    header .header-top {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
        padding: 0.6rem 1rem !important;
        display: flex !important;
    }

    header .header-top .logo {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.6rem !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    header .header-top .logo img {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }

    header .header-top .logo .school-info {
        margin-top: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
        display: block !important;
    }

    header .header-top .logo .school-info h1 {
        font-size: 1.1rem !important;
    }

    header .header-top .logo .school-info p {
        font-size: 0.7rem !important;
    }

    header .header-top .contact-info {
        display: block !important;
        font-size: 0.65rem !important;
        text-align: right !important;
        position: static !important;
    }

    header .header-top .contact-info p,
    header .header-top .contact-info a {
        font-size: 0.65rem !important;
        margin: 0.2rem 0 !important;
    }

    header .header-top .contact-info i {
        font-size: 0.6rem !important;
    }

    /* Navigation - layout sama laptop, teks lebih kecil */
    nav {
        height: auto !important;
        padding: 6px 0 !important;
    }

    nav ul {
        flex-wrap: nowrap !important;
        justify-content: space-evenly !important;
        height: 38px !important;
        gap: 4px !important;
        padding: 0 15px !important;
    }

    nav ul li a {
        font-size: 0.7rem !important;
        padding: 0.3rem 0.5rem !important;
    }

    nav ul li a i {
        font-size: 0.7rem !important;
    }

    /* Hero/Banner Section */
    .hero-slider, .hero-slide img {
        height: 350px; /* Reduce height for tablet */
    }

    /* Sejarah Section: jangan terlalu lebar di tablet */
    .sejarah-section .sejarah-content {
        max-width: 90% !important;
        margin: 0 auto !important;
        padding: 20px !important;
    }

    .sejarah-top {
        display: block !important; /* Gunakan block untuk float */
        margin-bottom: 15px !important;
        overflow: hidden !important; /* Clearfix */
    }

    .sejarah-image {
        float: left !important;
        width: 40% !important;
        margin-right: 20px !important;
        margin-bottom: 10px !important;
        height: 180px !important; /* Memberikan tinggi tetap agar lebih tinggi */
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    .sejarah-image img {
        width: 100% !important;
        height: 100% !important; /* Memaksa gambar mengisi container */
        object-fit: cover !important; /* Efek zoom/crop agar tidak gepeng */
        display: block !important;
    }

    .sejarah-text {
        display: block !important;
    }

    .sejarah-text p {
        display: block !important;
        width: 100% !important;
        text-align: justify !important;
        margin-bottom: 15px !important; /* Jarak antar paragraf disamakan */
    }

    /* Paragraf pertama mengalir di samping foto */
    .sejarah-text p:first-child {
        margin-bottom: 15px !important;
    }

    .sejarah-text p:nth-child(2) {
        clear: both !important; 
        margin-top: 15px !important;
        margin-bottom: 0px !important; /* Hilangkan margin bottom p2 */
    }

    .sejarah-bottom {
        margin-top: 15px !important; /* Gunakan margin top di kontainer bottom sebagai pengganti */
        clear: both !important;
    }

    .sejarah-bottom p {
        margin-bottom: 15px !important; /* Jarak antar paragraf di bawah disamakan */
    }

    /* Fasilitas Grid - 2 kolom per baris */
    .fasilitas-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 kolom per baris */
        gap: 15px !important;
        padding: 15px !important;
        margin: 20px auto !important;
        max-width: 100% !important;
    }

    .fasilitas-card {
        flex-direction: column !important; /* Gambar di atas, teks di bawah */
        text-align: center !important;
        padding: 15px !important;
    }

    .fasilitas-photo {
        width: 100% !important;
        max-width: 100% !important;
        height: 150px !important; /* Tinggi gambar disesuaikan */
        margin: 0 auto !important;
    }

    .fasilitas-info {
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .fasilitas-info h4 {
        font-size: 1rem !important;
        margin-bottom: 5px !important;
    }

    .fasilitas-info p {
        font-size: 0.85rem !important;
    }

    /* Kepala sekolah di tablet: foto di tengah, teks di bawah foto */
    .kepsek-profile {
        max-width: 400px !important;
        margin: 20px auto !important;
        padding: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 12px !important;
    }

    .kepsek-photo {
        width: 180px !important;
        height: 180px !important;
        min-width: 180px !important;
        min-height: 180px !important;
        margin: 0 auto 10px !important;
    }

    .kepsek-info {
        text-align: center !important;
    }

    /* Guru Grid - tablet: 4 kartu per baris */
    .guru-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12px !important;
        padding: 10px 12px !important;
    }

    /* Kartu guru di tablet: kotak foto tetap 1:1 tapi lebih kecil supaya 4 muat rapi */
    .guru-card {
        padding: 8px !important;
    }

    .guru-card .guru-photo {
        width: 110px !important;
        height: 110px !important; /* 1:1 */
    }

    .guru-nama {
        font-size: 0.8rem !important;
    }

    /* Wakasek Grid - tablet: sama seperti guru, 4 kartu per baris */
    .wakasek-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12px !important;
        padding: 10px 12px !important;
    }

    .wakasek-card {
        padding: 8px !important;
    }

    .wakasek-card .guru-photo {
        width: 110px !important;
        height: 110px !important;
    }

    /* ==========================================
       HOME PAGE: KEUNGGULAN SLIDER (2 CARDS)
       ========================================== */
    #keunggulan .keunggulan-wrapper {
        max-width: 100% !important;
        padding: 0 60px !important; /* Ruang lebar untuk tombol panah seperti laptop */
        overflow: hidden !important;
        position: relative !important;
    }

    #keunggulan .keunggulan-slider {
        width: 100% !important;
        overflow: hidden !important;
        padding: 20px 0 !important;
        margin: 0 auto !important;
    }

    #keunggulan .keunggulan-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 0 !important; /* Hapus gap container agar kita atur manual */
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
        width: 100% !important;
        position: relative !important;
    }

    #keunggulan .keunggulan-item {
        /* Ukuran pas: 50% layar minus setengah dari 20px (jarak tengah) */
        flex: 0 0 calc(50% - 10px) !important; 
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        min-width: calc(50% - 10px) !important;
        height: 480px !important;
        margin: 0 !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* Atur Jarak Sesuai Permintaan: 1>gap>2 | 3>gap>4 (Tanpa gap antara 2 & 3) */
    #keunggulan .keunggulan-item:nth-child(1),
    #keunggulan .keunggulan-item:nth-child(3) {
        margin-right: 20px !important;
    }

    #keunggulan .keunggulan-item:nth-child(2),
    #keunggulan .keunggulan-item:nth-child(4) {
        margin-right: 0 !important;
    }

    #keunggulan .item-content {
        padding: 0 !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #keunggulan .item-content h4 {
        font-size: 0.95rem !important; /* Diperkecil lagi agar judul panjang tidak berantakan */
        padding: 12px 10px 5px !important;
        margin: 0 !important;
        min-height: 55px !important;
        text-align: center !important;
        color: #0066cc !important;
        line-height: 1.3 !important;
    }

    #keunggulan .item-content img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    #keunggulan .item-content p {
        font-size: 0.8rem !important; /* Perkecil teks deskripsi agar serasi dengan judul */
        line-height: 1.5 !important;
        padding: 12px 15px !important;
        text-align: justify !important;
        margin: 0 !important;
        flex-grow: 1 !important;
    }

    #keunggulan .read-more {
        margin: 0 auto 25px !important;
        display: inline-block !important;
        width: fit-content !important;
    }

    /* SMAN 1 dalam Angka - tablet: 5 kotak kecil dalam 1 baris */
    #statistics .stats-container {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 10px 15px !important;
    }

    #statistics .stat-item {
        width: 120px !important;
        height: 140px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 16px !important;
    }

    #statistics .stat-item i {
        font-size: 28px !important;
        margin-bottom: 8px !important;
    }

    #statistics .stat-item h4 {
        font-size: 1.1rem !important;
        margin: 6px 0 !important;
    }

    #statistics .stat-item p {
        font-size: 0.8rem !important;
        margin-top: 2px !important;
    }

    /* Footer - tablet: full width, teks lebih kecil, !important biar menang */
    footer {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        padding: 15px 10px 15px 8px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body footer .footer-content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Tablet: Tentang Kami kiri, Hubungi Kami kanan - specificity tinggi biar menang atas responsive-mobile */
    footer .footer-content .footer-top {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Pastikan Tentang Kami dan Hubungi Kami keduanya tampil */
    footer .footer-content .footer-top .about-section,
    footer .footer-content .footer-top .contact-section,
    footer .footer-content .footer-top .footer-section {
        display: block !important;
        visibility: visible !important;
        flex-shrink: 0 !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    /* Tentang Kami di kiri, Hubungi Kami di kanan */
    footer .footer-content .footer-top .about-section.footer-section:first-child,
    footer .footer-content .footer-top .footer-section:first-child {
        flex: 1 !important;
        max-width: 50% !important;
        text-align: left !important;
    }

    footer .footer-content .footer-top .contact-section.footer-section,
    footer .footer-content .footer-top .about-section.contact-section {
        flex: 1 !important;
        max-width: 50% !important;
        text-align: left !important;
    }

    .footer-section,
    .about-section,
    .contact-section {
        margin: 0 !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        box-sizing: border-box !important;
    }

    footer .footer-content .footer-top .footer-section:first-child {
        margin-right: 8px !important;
    }

    footer .footer-content .footer-top .contact-section.footer-section,
    footer .footer-content .footer-top .about-section.contact-section {
        margin-left: 8px !important;
    }

    footer .footer-content .footer-top .footer-section:first-child h3 {
        text-align: left !important;
    }

    footer .footer-content .footer-top .contact-section.footer-section h3,
    footer .footer-content .footer-top .about-section.contact-section h3 {
        text-align: left !important;
    }

    /* Tentang Kami, Hubungi Kami, Media Sosial: ukuran judul sama */
    .footer-section h3 {
        font-size: 1rem !important;
        margin-bottom: 10px !important;
        position: relative !important;
        padding-left: 0 !important;
    }

    .footer-section h3::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        bottom: -5px !important;
        width: 25% !important;
        height: 2px !important;
        background-color: #FF6B00 !important;
    }

    footer .footer-content .footer-top .contact-section.footer-section h3::after,
    footer .footer-content .footer-top .about-section.contact-section h3::after {
        left: 0 !important;
        right: auto !important;
    }

    /* Isi Tentang Kami & Hubungi Kami: ukuran sama dengan teks copyright */
    .footer-section p {
        font-size: 0.85rem !important;
        margin-bottom: 4px !important;
    }

    .footer-section a {
        font-size: 0.85rem !important;
        color: white !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    /* Hubungi Kami: konten rata kiri */
    footer .footer-content .footer-top .contact-section.footer-section p,
    footer .footer-content .footer-top .about-section.contact-section p {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    footer .footer-content .footer-top .contact-section.footer-section a,
    footer .footer-content .footer-top .about-section.contact-section a {
        justify-content: flex-start !important;
        align-self: flex-start !important;
        flex-direction: row !important;
        text-align: left !important;
    }

    .footer-section i {
        font-size: 0.85rem !important;
        min-width: 16px !important;
        margin-top: 2px !important;
    }

    body footer .footer-bottom,
    body footer .footer-bottom p {
        font-size: 0.85rem !important;
    }

    /* Media Sosial: satu baris penuh di bawah Tentang Kami & Hubungi Kami, ikon horizontal */
    body footer .footer-content .social-media {
        padding: 15px 15px 0 !important;
        margin: 0 !important;
        text-align: center !important;
        width: 100% !important;
        flex-shrink: 0 !important;
    }

    body footer .footer-content .social-media h4 {
        font-size: 1rem !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    body footer .footer-content .social-icons {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

    body footer .footer-bottom {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* Contact Page specific */
    .contact-container {
        flex-direction: column;
        padding: 15px;
    }

    .contact-left {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
    }

    /* Kontak Page Improvements */
    .info-container {
        display: flex !important;
        flex-direction: row !important; /* Pastikan tetap menyamping di tablet */
        justify-content: space-between !important;
        align-items: stretch !important; /* Ini kunci agar tinggi kotak sama */
        gap: 20px !important;
        margin-bottom: 30px !important;
    }

    .info-section, .operation-hours {
        flex: 1 !important;
        height: auto !important; /* Biar flex stretch yang bekerja */
        display: flex !important;
        flex-direction: column !important;
        padding: 25px !important;
    }

    .info-section h3, .operation-hours h3 {
        font-size: 1.3rem !important;
        margin-bottom: 15px !important;
    }

    .info-section p, .operation-hours p {
        font-size: 0.9rem !important;
    }

    .social-links {
        margin-top: auto !important; /* Dorong ikon sosial ke bawah agar sejajar */
        display: flex !important;
        gap: 15px !important;
        padding-top: 15px !important;
    }

    .contact-form {
        width: 100% !important;
        text-align: center !important;
    }

    /* Akademik Page specific */
    .akademik-banner {
        height: 350px !important; /* Sesuaikan tinggi banner di tablet */
        background-attachment: scroll !important; /* Nonaktifkan fixed background agar tidak bergeser */
        background-position: center center !important;
        background-size: cover !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Perbaikan Banner Ekstrakurikuler */
    .ekskul-banner {
        height: 350px !important; /* Samakan tinggi dengan banner akademik */
        position: relative !important;
        overflow: hidden !important;
    }

    .ekskul-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Pastikan gambar tidak gepeng dan menutup area */
        object-position: center center !important;
    }

    .banner-content h1 {
        font-size: 2.2rem !important;
        margin-bottom: 10px !important;
    }

    .banner-content p {
        font-size: 1.1rem !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    }

    /* Fitur Utama Kurikulum: 4 kotak per baris */
    .fitur-container {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 15px !important;
        padding: 15px !important;
    }

    .fitur-item {
        min-height: 320px !important; /* Tingkatkan sedikit agar muat semua teks */
        padding: 20px 10px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .fitur-icon {
        margin: 0 auto 15px !important;
        flex-shrink: 0 !important;
    }

    .fitur-item h3 {
        font-size: 0.95rem !important;
        height: auto !important; /* Hapus batasan tinggi yang memotong teks */
        min-height: auto !important;
        overflow: visible !important; /* Biarkan teks muncul semua */
        margin-bottom: 12px !important;
        line-height: 1.2 !important;
        display: block !important; /* Ubah dari flex agar wrapping normal */
    }

    .fitur-item p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        flex-grow: 1 !important;
    }

    /* P5 Section: 2 kotak x 2 baris agar tidak terlalu sempit */
    .p5-cards {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 10px !important;
    }

    .p5-card {
        padding: 15px !important;
        text-align: center !important;
    }

    .p5-card .card-icon {
        margin: 0 auto 15px !important; /* Tengahkan ikon */
    }

    .p5-card h3 {
        font-size: 1rem !important;
    }

    .p5-card p {
        font-size: 0.85rem !important;
    }

    /* Sistem Pembelajaran: 3 kotak per baris */
    .sistem-cards {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        padding: 15px !important;
    }

    .sistem-card {
        padding: 20px !important;
        min-width: auto !important; /* Reset min-width */
        max-width: none !important; /* Reset max-width */
        text-align: center !important;
    }

    .sistem-card .card-icon {
        margin: 0 auto 15px !important; /* Tengahkan ikon */
    }

    .sistem-card h3 {
        font-size: 1rem !important;
    }

    .sistem-card p {
        font-size: 0.85rem !important;
    }

    /* Penilaian: 3 kotak per baris */
    .penilaian-list {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        padding: 15px !important;
    }

    .penilaian-item {
        padding: 20px !important;
        min-width: auto !important;
        max-width: none !important;
        text-align: center !important;
    }

    .penilaian-item .item-icon {
        margin: 0 auto 15px !important; /* Tengahkan ikon */
    }

    .penilaian-item h3 {
        font-size: 0.95rem !important;
        height: auto !important;
        min-height: 42px !important;
    }

    /* Program Pembinaan Prestasi: 2 kotak x 2 baris */
    .pembinaan-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 15px !important;
    }

    .pembinaan-item {
        padding: 20px !important;
        text-align: center !important;
    }

    .pembinaan-item .item-icon {
        margin: 0 auto 15px !important; /* Tengahkan ikon */
    }

    .pembinaan-item h3 {
        font-size: 1rem !important;
    }

    .pembinaan-item p {
        font-size: 0.9rem !important;
    }

    /* SPMB / PPDB Page specific */
    .ppdb-content {
        padding: 10px !important;
    }

    .ppdb-info, 
    .jadwal-section, 
    .jalur-section, 
    .persyaratan-section, 
    .tatacara-section {
        padding: 20px !important; /* Kurangi padding samping biar tidak sempit */
    }

    /* Persyaratan: Jadikan 1 kolom saja di tablet portrait agar teks panjang tidak terpotong */
    .persyaratan-list {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* Tata Cara Pendaftaran: Perbaikan Grid agar rapi di tablet */
    .tatacara-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 kolom per baris di tablet */
        gap: 25px !important;
        padding: 20px 0 !important;
    }

    .tatacara-item {
        width: 100% !important;
        grid-column: auto !important; /* Reset grid-column yang ada di ppdb.css */
        grid-row: auto !important; /* Reset grid-row yang ada di ppdb.css */
        padding: 25px !important;
        min-height: 220px !important;
    }

    /* Memastikan item ke-5 tidak aneh posisinya */
    .tatacara-item:nth-child(5) {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
    }

    .step-number {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    .step-title {
        font-size: 0.95rem !important;
    }

    .step-content p {
        font-size: 0.85rem !important;
    }

    .step-content a {
        font-size: 0.75rem !important;
        word-break: break-all !important; /* Hindari link panjang keluar kotak */
    }

    .map-container {
        width: 100%;
        margin: 0;
        height: 400px;
    }
}

/* Tablet portrait: teks footer lebih kecil di mode portrait */
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-content .footer-top .about-section,
    footer .footer-content .footer-top .contact-section,
    footer .footer-content .footer-top .footer-section {
        display: block !important;
        visibility: visible !important;
        flex-shrink: 0 !important;
    }
    .footer-section,
    .about-section,
    .contact-section {
        font-size: 9px !important;
    }
    .footer-section h3,
    body footer .footer-content .social-media h4 {
        font-size: 1rem !important;
    }
    .footer-section p,
    .footer-section a,
    .footer-section i,
    body footer .footer-bottom,
    body footer .footer-bottom p {
        font-size: 0.85rem !important;
    }
    .footer-section i {
        font-size: 1rem !important; /* Diperkecil agar lebih pas */
    }
}

/* Tablet landscape only - portrait pakai block di atas */
@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
    .footer-section h3 {
        font-size: 1em !important;
    }

    .footer-section p,
    .footer-section a,
    body footer .footer-bottom,
    body footer .footer-bottom p {
        font-size: 0.85rem !important;
    }

    .footer-section i {
        font-size: 1.2rem !important; /* Diperkecil agar lebih pas */
        min-width: 22px !important;
        color: #FF8A1D !important;
    }

    .social-media h4 {
        font-size: 1em !important;
    }

    .social-icons a i {
        font-size: 30px !important; /* Diperkecil agar lebih pas */
    }

    .footer-section {
        padding: 8px 12px !important;
    }

}

/* Override akhir: pastikan footer tablet = Tentang Kami kiri, Hubungi Kami kanan (load terakhir) */
@media screen and (min-width: 481px) and (max-width: 1024px) {
    body footer .footer-content .footer-top {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }
    body footer .footer-content .footer-top > .footer-section:first-child {
        flex: 1 !important;
        max-width: 50% !important;
        text-align: left !important;
    }
    body footer .footer-content .footer-top > .footer-section:last-child {
        flex: 1 !important;
        max-width: 50% !important;
        text-align: left !important;
    }
    body footer .footer-content .footer-top > .footer-section:last-child h3 {
        text-align: left !important;
    }
    body footer .footer-content .footer-top > .footer-section:last-child p {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    body footer .footer-content .footer-top > .footer-section:last-child a {
        justify-content: flex-start !important;
    }
    /* Media Sosial: full width di bawah, ikon sejajar horizontal */
    body footer .footer-content .social-media {
        width: 100% !important;
        text-align: center !important;
    }
    body footer .footer-content .social-icons {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
    }
}

/* =============================================================
   FINAL OVERRIDE FOR LAPTOP: DITARUH TERAKHIR AGAR TIDAK TERTUMPU
   ============================================================= */
@media screen and (min-width: 1025px) {
    footer { 
        padding: 25px 15px !important; 
        background: #001f3f !important;
    }
    .footer-content { 
        max-width: 1100px !important; 
        margin: 0 auto !important; 
    }
    .footer-top {
        display: flex !important;
        justify-content: space-between !important;
        gap: 30px !important;
    }
    .footer-section { 
        flex: 1 !important;
        padding: 0 !important;
        background: transparent !important;
    }
    .footer-section h3 { 
        font-size: 16px !important; /* Judul Kecil & Elegan */
        margin-bottom: 12px !important; 
        color: white !important;
        display: block !important;
    }
    /* KUNCI: Buat item Hubungi Kami lebih rapat */
    .footer-section p {
        margin-bottom: 6px !important; /* Jarak antar baris (lokasi, telp, email) dipersempit */
        padding: 0 !important;
    }
    .footer-section p, 
    .footer-section a, 
    .footer-section i { 
        font-size: 13px !important; /* Teks Konten Kecil & Elegan */
        line-height: 1.4 !important; 
        color: white !important;
    }
    .footer-section i {
        font-size: 18px !important; /* Diperkecil agar lebih pas */
        margin-right: 12px !important;
        min-width: 22px !important;
        color: #FF8A1D !important;
    }
    .footer-bottom {
        margin-top: 20px !important;
        padding-top: 15px !important;
    }
    .footer-bottom p {
        font-size: 12px !important;
    }
    .social-media h4 {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }
    .social-icons a i {
        font-size: 30px !important; /* Diperkecil agar lebih pas */
    }
}