/* ============================================
   BOX7 MOBILE RESPONSIVE - Load last to override all
   ============================================ */

@media (max-width: 768px) {
    /* Reset all box7 item to flex layout */
    .product-box7-item,
    body.dark-mode .product-box7-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 14px !important;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
    }

    /* Icon full width */
    .product-box7-icon,
    body.dark-mode .product-box7-icon {
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        grid-area: unset !important;
    }

    .product-box7-icon img,
    body.dark-mode .product-box7-icon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* Info section */
    .product-box7-info,
    body.dark-mode .product-box7-info {
        width: 100% !important;
        grid-area: unset !important;
    }

    .product-box7-title,
    body.dark-mode .product-box7-title {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .product-box7-desc,
    body.dark-mode .product-box7-desc {
        font-size: 12px !important;
    }

    /* Chips and checks */
    .product-box7-chips,
    body.dark-mode .product-box7-chips {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        grid-area: unset !important;
    }

    .product-box7-features,
    body.dark-mode .product-box7-features {
        width: 100% !important;
        grid-area: unset !important;
    }

    .product-box7-checks,
    body.dark-mode .product-box7-checks {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    /* CRITICAL: Price and Button side by side - 50% each */
    .product-box7-price-wrap,
    body.dark-mode .product-box7-price-wrap {
        display: inline-block !important;
        width: calc(50% - 6px) !important;
        margin: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        vertical-align: top !important;
        grid-area: unset !important;
        float: none !important;
    }

    .product-box7-price,
    body.dark-mode .product-box7-price {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
        padding: 12px 8px !important;
        box-sizing: border-box !important;
    }

    .product-box7-btn,
    body.dark-mode .product-box7-btn {
        display: inline-block !important;
        width: calc(50% - 6px) !important;
        margin: 0 !important;
        margin-left: 12px !important;
        margin-right: 0 !important;
        vertical-align: top !important;
        grid-area: unset !important;
        float: none !important;
    }

    .product-box7-btn button,
    .product-box7-btn a,
    body.dark-mode .product-box7-btn button,
    body.dark-mode .product-box7-btn a {
        display: block !important;
        width: 100% !important;
        font-size: 14px !important;
        padding: 12px 8px !important;
        box-sizing: border-box !important;
    }
}