.mobile-legal-overlay,
.mobile-legal-drawer {
    display: none !important;
}

@media (max-width: 991px) {
    .mobile-legal-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.6) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 99998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }

    .mobile-legal-drawer {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-height: 85vh !important;
        background: #ffffff !important;
        border-radius: 24px 24px 0 0 !important;
        box-shadow: 0 -10px 40px rgba(15, 23, 42, 0.3) !important;
        z-index: 99999 !important;
        transform: translateY(105%) !important;
        visibility: hidden !important;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.mobile-legal-drawer-open {
        overflow: hidden !important;
    }

    body.mobile-legal-drawer-open .mobile-legal-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.mobile-legal-drawer-open .mobile-legal-drawer {
        transform: translateY(0) !important;
        visibility: visible !important;
    }

    .mobile-legal-handle {
        width: 44px !important;
        height: 5px !important;
        background: #e2e8f0 !important;
        border-radius: 999px !important;
        margin: 10px auto 4px auto !important;
        flex-shrink: 0 !important;
    }

    .mobile-legal-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 20px 14px 20px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        flex-shrink: 0 !important;
    }

    .mobile-legal-title {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
    }

    .mobile-legal-title i {
        color: #A74463 !important;
        font-size: 18px !important;
    }

    .mobile-legal-close {
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        border: none !important;
        background: #f1f5f9 !important;
        color: #475569 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        cursor: pointer !important;
        outline: none !important;
    }

    .mobile-legal-close:active {
        background: #e2e8f0 !important;
    }

    .mobile-legal-body {
        padding: 16px 20px calc(80px + env(safe-area-inset-bottom, 0px)) 20px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .mobile-legal-section-title {
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: #A74463 !important;
        margin-bottom: 8px !important;
        padding-left: 4px !important;
    }

    .mobile-legal-list {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .mobile-legal-item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 13px 16px !important;
        text-decoration: none !important;
        color: #1e293b !important;
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 600 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    .mobile-legal-item:last-child {
        border-bottom: none !important;
    }

    .mobile-legal-item i {
        font-size: 12px !important;
        color: #94a3b8 !important;
    }

    .mobile-legal-item:active {
        background: #f1f5f9 !important;
        color: #A74463 !important;
    }

    .mobile-legal-item:active i {
        color: #A74463 !important;
    }

    .mobile-legal-contact-card {
        background: #fdf2f4 !important;
        border: 1px solid rgba(167, 68, 99, 0.18) !important;
        border-radius: 16px !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .mobile-contact-title {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #832b43 !important;
    }

    .mobile-contact-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .mobile-contact-icon {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
        background: rgba(167, 68, 99, 0.12) !important;
        color: #A74463 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        font-size: 14px !important;
    }

    .mobile-contact-text {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        font-family: 'Inter', system-ui, sans-serif !important;
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        color: #475569 !important;
    }

    .mobile-contact-text strong {
        color: #1e293b !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .mobile-contact-link {
        color: #A74463 !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        display: inline-block !important;
        margin-top: 2px !important;
    }

    .mobile-legal-socials {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding-top: 6px !important;
        border-top: 1px solid rgba(167, 68, 99, 0.12) !important;
    }

    .mobile-social-btn {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 17px !important;
    }

    .mobile-social-btn.instagram {
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;
    }

    .mobile-social-btn.facebook {
        background: #1877f2 !important;
    }

    /* Kundenmeinungen সেকশন */
    .mobile-legal-reviews-card {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 18px !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .mobile-reviews-badge-wrapper {
        display: flex !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
    }

    /* Google Rating হোয়াইট কার্ড */
    .mobile-google-rating-card {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 4px 8px !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 auto !important;
        height: 100px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* ভেতরের সব উপাদানের ব্যাকগ্রাউন্ড ১০০% হোয়াইট ও বর্ডারলেস করা */
    .mobile-google-rating-card .elfsight-app-ecc330cb-cede-4c8d-be11-749fb8bbfbcd,
    .mobile-google-rating-card .elfsight-app-ecc330cb-cede-4c8d-be11-749fb8bbfbcd * {
        background: #ffffff !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
        border: none !important;
    }

    .mobile-google-rating-card div,
    .mobile-google-rating-card a {
        background: #ffffff !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Top Rated Badge ইমেজ */
    .mobile-ts-badge-img {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100px !important;
    }

    .mobile-ts-badge-img img {
        height: 100px !important;
        max-height: 100px !important;
        width: auto !important;
        object-fit: contain !important;
        display: block !important;
        border-radius: 12px !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
    }

    /* Trusted Shops Quote হোয়াইট কার্ড */
    .mobile-etrusted-widget-wrapper {
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 4px !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .mobile-etrusted-widget-wrapper etrusted-widget,
    .mobile-etrusted-widget-wrapper iframe {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border: none !important;
    }
}