/* 2.68.6 — phones: no half-cut rows or overlapping items (loaded on every page, no dependencies) */
@media (max-width:760px){
	/* Procurement panels (Institutional Procurement | Tenders & Bids | Wholesale & Bulk Orders): stacked, full width */
	html body.home .v5-panels{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px!important}
	/* "Why buy from Medlive" cards: stacked */
	html body.home .v53-why>ul{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none!important;margin:0!important;padding:0 0 4px!important;width:auto!important}
	/* "Solutions for" chips and department sub-category chips: wrap onto new lines */
	html body.home .v62-sect ul,.v65-subcats ul{flex-wrap:wrap!important;overflow:visible!important;margin:0!important;padding:2px 0 4px!important;width:auto!important}
	/* 12 priority markets: 4 per row (3 on narrow phones), no sideways scrolling */
	html body.home .v5-markets .v5-mk-flags{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important}
	/* Product tabs (Featured | Hospital & Critical Care | New Arrivals): wrap instead of running off narrow screens */
	html body.home .v56-tabs{flex-wrap:wrap!important;overflow:visible!important}
	/* Long sub-category chips wrap inside the screen */
	.v65-subcats li{max-width:100%}
	.v65-subcats a{white-space:normal!important;max-width:100%;box-sizing:border-box}
	/* Product names: two lines at most, so they never run into the SKU */
	html body.home .v56-prod .v5-fbody h3{min-height:2lh;max-height:none!important;height:auto!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	/* Floating buttons: back-to-top hidden (the bottom bar is always there); WhatsApp button smaller and tucked into the corner */
	.v4-totop{display:none!important}
	a.wa{width:44px!important;height:44px!important;right:10px!important}
	/* Footer logo: a little space before the tagline */
	.v11-fbrand .v11-ftag{margin-top:6px!important}
	/* Shop / department headings: a little space between title and intro */
	.v17-shead p.v17-lead{margin-top:6px!important}
}
@media (max-width:479px){
	html body.home .v5-markets .v5-mk-flags{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* 2.68.7 — phones: article tables shown as stacked cards (labels come from the header row) */
@media (max-width:760px){
	.v65-tablewrap:has(table.ml-stack){overflow:visible!important;border:0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
	table.ml-stack,table.ml-stack tbody,table.ml-stack tr,table.ml-stack td,table.ml-stack th{display:block!important;width:auto!important;min-width:0!important}
	table.ml-stack{border:0!important;background:none!important;margin:16px 0!important}
	table.ml-stack thead,table.ml-stack tr:has(>th){display:none!important}
	table.ml-stack tr{border:1px solid #D5DEEA!important;border-radius:10px;background:#fff;padding:10px 12px!important;margin:0 0 10px!important}
	table.ml-stack td{border:0!important;padding:3px 0!important;text-align:left!important;white-space:normal!important}
	table.ml-stack td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:#5b6573;margin-bottom:1px}
	table.ml-stack td:first-child{font-weight:700;color:#08294D}
}
