/* Start custom CSS for shortcode, class: .elementor-element-345d0e1a *//* Mobile responsive for Hito Matrix */
@media (max-width: 768px) {

    /* Make the matrix grid a single column */
    .hito-matrix-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-bottom: 30px !important;
    }

    /* Make matrix cells full width and adjust padding */
    .hito-matrix-cell {
        width: 100% !important;
        padding: 15px !important;
        margin: 0 auto !important;
    }

    /* Product image full width and height auto */
    .hito-product-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Buttons full width */
    .hito-open-modal-btn,
    .hito-add-selection-btn {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Selection summary full width */
    .hito-selection-summary {
        width: 100% !important;
        padding: 20px !important;
    }

    /* Selection summary items stacked */
    .hito-selected-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    /* Align price and remove button below text */
    .hito-selected-item > div:last-child {
        text-align: left !important;
        margin-top: 5px;
    }

    /* Adjust totals */
    .hito-total-line,
    .hito-final-total {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    /* Add spacing for cart button */
    .hito-cart-actions {
        text-align: center !important;
        margin-top: 20px !important;
    }
}/* End custom CSS */