/* MEIMX storefront: home page styles (design-system components live in ../meimx-ds.css). */
/* Home sections render inside Deals' container-xl; nested design-system containers drop their own gutter. */
#common-home .mx-container { padding-left: 0; padding-right: 0; max-width: none; }
#common-home > .mx-section:last-child, #common-home > section:last-child { padding-bottom: 0; }
#common-home .mx-module-products { padding-top: var(--mx-section-gap); }

/* Explore MEIMX */
.mx-explore__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mx-grid-gap); margin: 28px 0 0; padding: 0; list-style: none; }
.meimx-site .mx-explore__card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; height: 100%; min-height: 228px; padding: 28px; border-radius: 24px; background: #fff; box-shadow: var(--mx-shadow-card); color: var(--mx-green-3); text-decoration: none; transition: background-color .2s var(--mx-ease); }
.meimx-site .mx-explore__card:hover { opacity: 1; background: var(--mx-mint); }
.meimx-site .mx-explore__card:focus-visible { outline: 2px solid var(--mx-green-4); outline-offset: 3px; }
.mx-explore__title { font-size: 18px; line-height: 1.3; font-weight: 500; color: var(--mx-green-4); }
.mx-explore__text { font-size: 15px; line-height: 1.5; color: var(--mx-muted); }
.mx-explore__arrow { margin-top: auto; color: var(--mx-green-4); }
@media (max-width: 991.98px) { .mx-explore__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .meimx-site .mx-explore__card { min-height: 180px; } }
@media (max-width: 575.98px) { .mx-explore__grid { grid-template-columns: minmax(0, 1fr); } .meimx-site .mx-explore__card { min-height: 0; } .mx-explore__arrow { margin-top: 12px; } }

/* Shop by research focus */
.mx-category-wall__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mx-grid-gap); margin: 28px 0 0; padding: 0; list-style: none; }
.meimx-site .mx-category-wall__tile { display: flex; align-items: center; gap: 20px; min-height: 112px; padding: 20px; border-radius: 24px; background: var(--mx-mint); color: var(--mx-green-4); text-decoration: none; }
.meimx-site .mx-category-wall__tile:hover { opacity: 1; background: var(--mx-mint-2); }
.meimx-site .mx-category-wall__tile:focus-visible { outline: 2px solid var(--mx-green-4); outline-offset: 3px; }
.mx-category-wall__icon { display: grid; place-items: center; flex: none; width: 72px; height: 72px; border-radius: 50%; background: #fff; overflow: hidden; }
.mx-category-wall__icon img { width: 64px; height: 64px; object-fit: contain; }
.mx-category-wall__name { font-size: 17px; line-height: 1.3; font-weight: 500; }
.mx-category-wall__children { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 14px; }
@media (max-width: 991.98px) { .mx-category-wall__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .mx-category-wall__grid { grid-template-columns: minmax(0, 1fr); } .meimx-site .mx-category-wall__tile { min-height: 88px; } }

/* Hero media badge: live stock and price of the linked product */
.meimx-hero-media { position: relative; display: block; }
.meimx-hero-badge { position: absolute; left: 20px; bottom: 20px; z-index: 1; display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, .7); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); font-size: 15px; line-height: 1.2; color: var(--mx-green-4); }
.meimx-hero-badge svg { color: var(--mx-green-1); flex: none; }
