/*
==================================================
MINAMART FRESH HUB
Main Stylesheet
==================================================
*/

/* Base */
@import url("variables.css");
@import url("base.css");

/* Header */
@import url("header.css");

/* Service Bar */
@import url("service-bar.css");

/* Home */
@import url("hero.css");
@import url("trust.css");
@import url("categories.css");
@import url("products.css");
@import url("delivery.css");
@import url("promo.css");
@import url("recommendations.css");
@import url("why-shop.css");
@import url("testimonial.css");

/* Partnership */
@import url("partnership.css");

/*==================================================
SHOP
==================================================*/

@import url("shop.css");

/* Footer */
@import url("footer/layout.css");
@import url("footer/columns.css");
@import url("footer/bottom.css");
@import url("footer/responsive.css");

/* Responsive */
@import url("responsive.css");

/*==================================================
  MINAMART MOBILE FIX
==================================================*/

@media (max-width: 767px) {

    /* Lock horizontal page movement */
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    /* WHY SHOP */
    .mh-why-shop {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .mh-why-shop .container {
        width: 100%;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .mh-why-shop .mh-why-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .mh-why-shop .mh-why-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 20px 14px;
        min-height: 190px;
        overflow: hidden;
    }

}