/* Tablet */
@media (max-width:991.98px) {}

/* Mobile */
@media (max-width:767.98px) {}

@media (max-width:991px) {

    .navbar26-wrapper {
        padding: 0 12px;
    }

    .navbar26-menu {
        display: none;
    }

    .navbar26-action {
        display: none;
    }

}

/* ===========================
   CONSULTATION MOBILE
=========================== */
@media (max-width: 991.98px) {

    .consultation-box26::before,
    .consultation-box26::after {
        display: none;
    }

    /* Deskripsi */
    .consultation-desc26 {
        font-size: 15px;
        line-height: 1.8;
        text-align: left;
    }



    .consultation-circle26 {
        display: none;
    }

    .consultation-image26 {
        display: none;
    }


}

/* ==========================================
   HERO MOBILE
========================================== */

@media (max-width: 991.98px) {

    /* Hero lebih ringkas */
    #hero26 {
        min-height: auto;
        padding: 200px 0 15px;
    }

    #hero26>.container {
        min-height: 600px !important;
    }

    #heroCarousel26 .carousel-item {
        min-height: 600px !important;
    }

    /* Sembunyikan panah navigasi hero di mobile */
    .hero26-prev,
    .hero26-next {
        display: none !important;
    }

    /* Hero full width */
    .hero26-left {
        width: 100%;
        text-align: center;
    }

    /* Sembunyikan gambar */
    .hero26-right {
        display: none;
    }

    /* Sembunyikan statistik */
    .hero26-statistic {
        display: none;
    }

    /* Judul */
    .hero26-left h1 {
        font-size: 32px;
        line-height: 1.3;
    }

    /* Deskripsi */
    .hero26-text p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.8;
        margin: 20px auto 28px;
    }

    /* Tombol di tengah */
    .btn-hero26 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Reduce top padding for consultation on mobile */
    #consultation26 {
        padding-top: 15px !important;
    }
}

/* ==========================================
   PRODUCT MOBILE
========================================== */
@media (max-width: 767.98px) {

    /* Sembunyikan blob background lingkaran hijau di mobile */
    .product-bg-blob26 {
        display: none !important;
    }

    /* Wrapper memenuhi lebar */
    .product-wrapper26 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
        position: relative;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
    }

    /* Sembunyikan card samping pada mobile */
    #leftCard26,
    #rightCard26,
    .product-side-card26 {
        display: none !important;
    }

    /* Container Card Utama (Thumbnail) */
    #featuredCard26 {
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        box-shadow: none !important;
    }

    #featuredImage26 {
        width: 100%;
        max-height: 380px;
        object-fit: contain;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
    }

    /* Tombol Navigasi Overlay */
    .product-prev26,
    .product-next26 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
        border: 1px solid #e5e7eb;
    }

    .product-prev26 {
        left: 4px;
    }

    .product-next26 {
        right: 4px;
    }

    /* Tombol Aksi */
    .product-action-btns26 {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .product-action-btns26 .btn {
        width: 100%;
    }

    /* Hilangkan panah */
    .product-prev26,
    .product-next26 {
        display: none;
    }



}

@media(max-width:991px) {

    .about-main-img26 {
        height: 260px !important;
    }

    .about-title26 {
        font-size: 32px;
        text-align: center;
    }

    .about-desc-text26 {
        text-align: center;
    }

}

@media(max-width:991px) {

    .impact-section26 {
        padding: 30px 20px;
    }

    .about-tag26 {
        display: none !important;
    }

    .about-stat-card26 {

        min-height: 90px;

        padding: 18px;

        gap: 14px;
    }

    .about-stat-icon26 {

        width: 54px;
        height: 54px;
    }

    .about-stat-icon26 iconify-icon {

        font-size: 28px;
    }

    .about-stat-content26 h3 {

        font-size: 28px;
    }

    .about-stat-content26 p {

        font-size: 14px;
    }

}

@media(max-width:767px) {

    .partner-card26 {

        width: 48%;
    }

}

@media(max-width:991px) {

    .featured-article26 {

        height: 340px;
    }

    .overlay26 {

        padding: 24px;
    }

    .overlay26 h3 {

        font-size: 26px;
    }

    .article-list26 {

        margin-top: 25px;
    }

}

@media(max-width:767px) {

    .article-card26 {

        display: flex;
        align-items: center;
        gap: 14px;
    }

    .article-card26 img {

        width: 110px;
        height: 90px;
    }

}

@media(max-width:991px) {

    .mobile-header26 {

        text-align: center;
    }

    .mobile-phone26 {

        max-width: 260px;
        margin-bottom: 30px;
    }

    .mobile-feature26 {

        min-height: 90px;
    }

    .store-buttons26 {

        justify-content: center;
    }

}

@media(max-width:767.98px) {

    .footer26 {
        padding: 45px 0 30px;
        text-align: center;
    }

    .footer26-brand {
        margin-bottom: 10px;
        text-align: center;
    }

    .footer26-brand .navbar26-logo {
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
    }

    .footer26-brand p {
        max-width: 340px;
        margin: 0 auto 16px;
        font-size: 13px;
        line-height: 1.65;
    }

    .footer26-social {
        justify-content: center;
        gap: 16px;
        margin-bottom: 16px;
    }

    .footer26-social a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.12);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #ffffff;
    }

    .footer26 h5 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 12px;
        color: #ffffff;
        text-align: center;
    }

    .footer26 ul {
        padding: 0;
        margin-bottom: 0;
        list-style: none;
        text-align: center;
    }

    .footer26 ul li {
        margin-bottom: 8px;
    }

    .footer26 ul li a {
        font-size: 13px;
    }

    .footer26-form input {
        text-align: center;
        border-radius: 8px;
        height: 38px;
    }

    .footer26-form button {
        border-radius: 8px;
        height: 38px;
    }

}

@media(max-width:767px) {

    .section-title26 h2,
    .article-header26 h2,
    .about-title26,
    .mobile-header26 h2 {

        font-size: 30px;
        line-height: 1.3;
    }

    .section-title26 p,
    .article-header26 p,
    .mobile-header26 p,
    .about-desc-text26 {

        font-size: 15px;
        line-height: 1.8;
    }

}

@media(max-width:767px) {

    section {

        padding: 70px 0;
    }

    .container {

        padding-left: 20px;
        padding-right: 20px;
    }

}

@media (max-width:767px) {

    .article-card26 {
        gap: 14px;
        padding: 12px;
    }

    .article-thumb26 {
        width: 105px;
    }

    .article-thumb26 img {
        height: 82px;
    }

    .article-title26 {
        font-size: 15px;
    }

    .article-date26 {
        font-size: 12px;
    }

}

@media (max-width:767.98px) {
    .article-content26 .text-center.mt-4 {
        margin-top: 28px !important;
    }

    .btn-lihat-semua26 {
        margin-top: 24px !important;
    }
}

/* ==========================================
   FIX HORIZONTAL SCROLL MOBILE
========================================== */
@media (max-width:767.98px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    * {
        max-width: 100%;
        box-sizing: border-box;
    }

    section {
        overflow: hidden;
    }

    .container,
    .container-fluid,
    .row {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    img {
        max-width: 100%;
        height: auto;
        display: block;
    }
}