.elementor-104624 .elementor-element.elementor-element-64e5587 .wd-text-block{font-family:"BYekan", Sans-serif;font-size:33px;font-weight:700;}.elementor-104624 .elementor-element.elementor-element-64e5587 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-43075a05 );}.elementor-104624 .elementor-element.elementor-element-d945c14{--spacer-size:50px;}.elementor-104624 .elementor-element.elementor-element-dca09e2 .wd-text-block{font-size:17px;font-weight:700;}@media(max-width:767px){.elementor-104624 .elementor-element.elementor-element-f73c685 > .elementor-widget-container{margin:-18px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-da361c7 *//* 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 */