/* =========================================================================
   MyVitamin — responsive.css
   Mobile-first adjustments layered on top of main.css / woocommerce.css.
   ========================================================================= */

/* ----------------------------------------------- <= 1080px (small laptop) */
@media (max-width: 1080px) {
	.mv-products-grid,
	.mv-products-grid--4,
	.mv-products-grid--3,
	.woocommerce ul.products,
	ul.products { grid-template-columns: repeat(3, 1fr); }

	.mv-categories__grid { grid-template-columns: repeat(3, 1fr); }
	.mv-bundles__panel { grid-template-columns: 1fr; }
	.mv-bundles__copy { justify-items: center; text-align: center; }
	.mv-footer__cols { grid-template-columns: repeat(2, 1fr); }
}

/* --------------------------------------------------- <= 920px (tablet / nav) */
@media (max-width: 920px) {
	:root { --mv-header-h: 72px; }

	/* Switch to mobile header */
	.mv-header__burger { display: inline-flex; }
	.mv-nav { display: none; }
	.mv-header__search { display: none; }
	.mv-header__inner { grid-template-columns: auto auto; justify-content: space-between; }
	.mv-header__action-label { display: none; }
	.mv-announcement__links { display: none; }

	/* Hero stacks */
	.mv-hero__inner { grid-template-columns: 1fr; text-align: center; }
	.mv-home .mv-hero__inner { min-height: auto; }
	.mv-hero__subtitle { margin-inline: auto; }
	.mv-hero__actions, .mv-hero__proof { justify-content: center; }
	.mv-hero__visual { order: -1; min-height: 280px; }
	.mv-hero-products { width: min(100%, 520px); }

	/* Sections to 2 / single column */
	.mv-benefits__grid { grid-template-columns: repeat(2, 1fr); }
	.mv-how__steps { grid-template-columns: 1fr; }
	.mv-testimonials__grid { grid-template-columns: repeat(2, 1fr); }
	.mv-inside__inner { grid-template-columns: 1fr; }

	/* Single product stacks */
	.mv-product__top { grid-template-columns: 1fr; }
	.mv-product__summary { position: static; }
	.mv-vitamins { grid-template-columns: 1fr; }
	.mv-vitamins-section--summary .mv-vitamins { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	/* Shop sidebar collapses */
	.mv-shop-layout--with-sidebar { grid-template-columns: 1fr; }
	.mv-shop-sidebar__toggle { display: inline-flex; }
	.mv-shop-sidebar__inner { display: none; }
	.mv-shop-sidebar.is-open .mv-shop-sidebar__inner { display: grid; }
	.mv-shop-header--has-image { grid-template-columns: 1fr; }

	/* Checkout + account stack */
	.woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
	.woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { position: static; }
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.woocommerce-MyAccount-navigation { position: static; }
	.woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	/* Sticky mobile add-to-cart shows */
	.mv-sticky-cart { display: flex; }
	body.single-product { padding-bottom: 76px; }

	.mv-footer__top { grid-template-columns: 1fr; }
	.mv-posts-grid { grid-template-columns: repeat(2, 1fr); }

	/* Footer collapses to two readable columns */
	.mv-footer__main { grid-template-columns: 1fr 1fr; }
	.mv-footer__main .mv-footer__brand,
	.mv-footer__main .mv-footer__newsletter { grid-column: 1 / -1; }
	.mv-footer__features-grid { grid-template-columns: repeat(2, 1fr); }

	/* Hero pills can crowd small layouts */
	.mv-hero__pill { display: none; }
}

/* --------------------------------------------------------- <= 680px (phone) */
@media (max-width: 680px) {
	.mv-products-grid,
	.mv-products-grid--4,
	.mv-products-grid--3,
	.woocommerce ul.products,
	ul.products,
	.mv-categories__grid { grid-template-columns: repeat(2, 1fr); }

	.mv-trust-strip__list { grid-template-columns: repeat(2, 1fr); }
	.mv-home .mv-trust-strip__item { border-radius: var(--mv-r); }
	.mv-hero-products { gap: 0.7rem; padding: 0.75rem; }
	.mv-hero-product { min-height: 150px; padding: 0.75rem; border-radius: 16px; }
	.mv-hero-product__image { min-height: 100px; border-radius: 13px; }
	.mv-hero-product__name { font-size: 0.82rem; }
	.mv-hero-product__price { font-size: 0.82rem; }
	.mv-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 1.75rem 1rem; }
	.mv-stats__item:not(:last-child)::after { display: none; }
	.mv-stats__title::before,
	.mv-stats__title::after { width: 20px; margin-inline: 0.5rem; }
	.mv-testimonials__grid { grid-template-columns: 1fr; }
	.mv-section__head--row { flex-direction: column; align-items: flex-start; }
	.mv-section__head-cta { align-self: stretch; text-align: center; }

	.mv-footer__cols { grid-template-columns: 1fr; }
	.mv-footer__main { grid-template-columns: 1fr; }
	.mv-footer__features-grid { grid-template-columns: 1fr; gap: 1rem; }
	.mv-footer__bottom { flex-direction: column; align-items: flex-start; }

	/* Cart table -> stacked cards using data-title labels */
	.woocommerce-cart-form table.shop_table thead { display: none; }
	.woocommerce-cart-form table.shop_table,
	.woocommerce-cart-form table.shop_table tbody,
	.woocommerce-cart-form table.shop_table tr,
	.woocommerce-cart-form table.shop_table td { display: block; width: 100%; }
	.woocommerce-cart-form table.shop_table tr {
		border: 1px solid var(--mv-border); border-radius: var(--mv-r); margin-bottom: 1rem; padding: 0.5rem 0;
		position: relative;
	}
	.woocommerce-cart-form table.shop_table td { border: 0; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.6rem 1rem; text-align: right; }
	.woocommerce-cart-form table.shop_table td::before {
		content: attr(data-title); font-weight: 700; color: var(--mv-muted); text-align: left;
	}
	.woocommerce-cart-form .product-remove { position: absolute; top: 0.5rem; right: 0.5rem; padding: 0; }
	.woocommerce-cart-form .product-remove::before { content: none; }
	.woocommerce-cart-form .product-thumbnail { justify-content: flex-start; }

	.u-columns { grid-template-columns: 1fr; }
	.woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr; }
	.woocommerce-MyAccount-content .woocommerce-Addresses,
	.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses { grid-template-columns: 1fr; }
	.mv-posts-grid { grid-template-columns: 1fr; }
	.mv-none__actions, .mv-404__actions { flex-direction: column; }
	.mv-trust-badges { grid-template-columns: repeat(3, 1fr); gap: 0.4rem; }
}

/* --------------------------------------------------------- <= 420px (tiny) */
@media (max-width: 420px) {
	.mv-products-grid,
	.mv-products-grid--4,
	.mv-products-grid--3,
	.woocommerce ul.products,
	ul.products,
	.mv-categories__grid,
	.mv-benefits__grid { grid-template-columns: 1fr; }

	.mv-product__summary form.cart { flex-direction: column; }
	.mv-hero-products { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 340px; }
	.mv-hero-product { min-height: 150px; }
	.mv-hero-product__image { min-height: 92px; }
	.single_add_to_cart_button { width: 100%; }
	.mv-vitamins-section--summary .mv-vitamins { grid-template-columns: 1fr; }
	.mv-vitamins-section--summary .mv-vitamins__name { white-space: normal; }
	.mv-sticky-cart__title { max-width: 38vw; }
}

/* ---------------------------------------------------- print: keep it simple */
@media print {
	.mv-header, .mv-footer, .mv-sticky-cart, .mv-announcement, .mv-breadcrumbs { display: none !important; }
}