@media(max-width:1199px) {
    .footer-main {
        grid-template-columns: 1.4fr 1fr 1fr
    }

    .footer-contact {
        grid-column: 2/-1
    }
}

@media(max-width:991px) {
    .top-bar-right {
        display: none
    }

    .top-bar-content {
        justify-content: center
    }

    .navbar {
        min-height: 70px
    }

    .navbar-collapse {
        padding: 12px 0 16px;
        border-top: 1px solid var(--line);
        margin-top: 8px
    }

    .navbar-collapse>.btn {
        margin-top: 8px
    }

    .hero-section {
        padding: 55px 0 80px
    }

    .hero-row {
        min-height: auto
    }

    .hero-visual {
        margin-top: 40px
    }

    .business-highlights {
        margin-top: -20px
    }

    .footer-main {
        grid-template-columns: 1fr 1fr
    }

    .footer-contact {
        grid-column: auto
    }
}

@media(max-width:767px) {
    body {
        padding-bottom: 64px
    }

    .section-padding {
        padding: 68px 0
    }

    .top-contact-bar {
        display: none
    }

    .hero-title {
        font-size: clamp(2.7rem, 13vw, 4rem)
    }

    .hero-buttons .btn {
        width: 100%
    }

    .hero-mini-info {
        display: grid;
        gap: 8px
    }

    .hero-visual {
        min-height: 390px
    }

    .hero-floating-card-top {
        top: 15px;
        right: 0
    }

    .hero-floating-card-bottom {
        bottom: 15px;
        left: 0
    }

    .business-highlights {
        margin-top: 0
    }

    .footer-main {
        grid-template-columns: 1fr
    }

    .footer-bottom {
        flex-direction: column
    }

    .floating-whatsapp {
        right: 16px;
        bottom: 80px
    }

    .back-to-top {
        right: 16px;
        bottom: 143px
    }

    .mobile-contact-bar {
        position: fixed;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        background: #fff;
        border-top: 1px solid var(--line);
        box-shadow: 0 -8px 22px rgba(0, 0, 0, .08)
    }

    .mobile-contact-item {
        min-height: 64px;
        border: 0;
        background: #fff;
        display: grid;
        place-items: center;
        align-content: center;
        gap: 2px;
        color: var(--brand);
        font-size: .72rem;
        font-weight: 700
    }

    .mobile-contact-item i {
        font-size: 1.1rem
    }

    .mobile-contact-item.whatsapp {
        background: #1d8f4b;
        color: #fff
    }

    .founder-image {
        aspect-ratio: .82/1
    }

    .detail-actions .btn {
        width: 100%
    }
}

@media(max-width:420px) {
    .brand-logo {
        width: 44px;
        height: 44px
    }

    .hero-floating-card {
        transform: scale(.9)
    }
}