/* MexicoScrubs — medical B2B wholesale theme */

:root {
	--ms-navy-950: #0c2340;
	--ms-navy-900: #123a63;
	--ms-navy-800: #1a4f82;
	--ms-blue: #0077b6;
	--ms-blue-dark: #005f92;
	--ms-teal: #0891b2;
	--ms-teal-soft: #06b6d4;
	--ms-accent: #0ea5e9;
	--ms-ink: #0f172a;
	--ms-slate: #475569;
	--ms-muted: #64748b;
	--ms-line: #e2e8f0;
	--ms-line-strong: #cbd5e1;
	--ms-surface: #f8fafc;
	--ms-surface-alt: #f1f5f9;
	--ms-white: #ffffff;
	--ms-font-display: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	--ms-font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	--ms-shell: 1200px;
	--ms-gutter: clamp(1.1rem, 4vw, 2.25rem);
	--ms-radius: 6px;
	--ms-radius-lg: 10px;
	--ms-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--ms-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
	--ms-ease: cubic-bezier(0.22, 0.68, 0, 1);
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* Faster first paint on long catalog pages */
.ms-section,
.ms-grid,
.ms-product-grid,
.ms-footer {
	content-visibility: auto;
	contain-intrinsic-size: 1px 720px;
}

.ms-hero {
	content-visibility: visible;
}

body {
	margin: 0;
	font-family: var(--ms-font-body);
	color: var(--ms-ink);
	font-size: 1rem;
	line-height: 1.7;
	background: var(--ms-white);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

img { max-width: 100%; height: auto; display: block; }

a {
	color: var(--ms-blue);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:hover { color: var(--ms-navy-900); }

h1, h2, h3 {
	font-family: var(--ms-font-display);
	color: var(--ms-navy-950);
	line-height: 1.25;
	font-weight: 700;
	margin: 0 0 0.75rem;
	letter-spacing: -0.02em;
}

p { margin: 0 0 1rem; }
ul { margin: 0; padding: 0; list-style: none; }

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ms-skip {
	position: absolute;
	left: -999px;
	top: 0;
	background: var(--ms-blue);
	color: #fff;
	padding: 0.5rem 1rem;
	z-index: 1000;
	border-radius: var(--ms-radius);
}

.ms-skip:focus { left: 0; }

/* Image save / download deterrents (cannot fully block screenshots or DevTools) */
img,
picture {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}


.ms-wrap {
	width: min(100% - (var(--ms-gutter) * 2), var(--ms-shell));
	margin-inline: auto;
}

/* Utility bar */
.ms-utility {
	background: var(--ms-navy-950);
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ms-utility__end {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.ms-lang {
	margin: 0;
}

.ms-lang select {
	appearance: none;
	-webkit-appearance: none;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #fff;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 0.28rem 1.6rem 0.28rem 0.55rem;
	border-radius: 4px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23fff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.45rem center;
	background-size: 8px 5px;
}

.ms-lang select:focus {
	outline: 2px solid rgba(255, 255, 255, 0.55);
	outline-offset: 1px;
}

.ms-lang select option {
	color: #0c2340;
	background: #fff;
}

.ms-utility__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 2.5rem;
}

.ms-utility__social {
	display: flex;
	gap: 0.85rem;
	flex-shrink: 0;
}

.ms-utility__social a,
.ms-utility__mail {
	color: rgba(255, 255, 255, 0.82);
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	text-decoration: none;
}

.ms-utility__social a:hover,
.ms-utility__mail:hover { color: #fff; }

.ms-utility__claim {
	margin: 0;
	flex: 1;
	text-align: center;
	letter-spacing: 0.03em;
	font-size: 0.7rem;
	font-weight: 500;
}

/* Header */
.ms-header {
	background: var(--ms-white);
	border-bottom: 1px solid var(--ms-line);
	position: sticky;
	top: 0;
	z-index: 50;
	box-shadow: var(--ms-shadow-sm);
	padding-top: env(safe-area-inset-top);
}

.ms-header__inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	min-height: 4.5rem;
	flex-wrap: wrap;
}

.ms-brand {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	text-decoration: none;
	color: inherit;
}

.ms-brand img { width: 3.6rem; height: 3.6rem; object-fit: contain; border-radius: 50%; background: #eef1f8; }

.ms-brand__text { display: flex; flex-direction: column; line-height: 1.15; }

.ms-brand__name {
	font-family: var(--ms-font-display);
	font-size: 1.3rem;
	font-weight: 800;
	color: var(--ms-navy-950);
}

.ms-brand__name em {
	font-style: normal;
	color: var(--ms-blue);
}

.ms-brand__tag {
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ms-muted);
	margin-top: 0.15rem;
	font-weight: 600;
}

.ms-nav {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-left: auto;
}

.ms-nav__list {
	display: flex;
	gap: 0.1rem;
}

.ms-nav__list a {
	display: block;
	padding: 0.5rem 0.75rem;
	color: var(--ms-slate);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	border-radius: var(--ms-radius);
}

.ms-nav__list a[aria-current="page"] {
	color: var(--ms-blue);
	background: rgba(0, 119, 182, 0.08);
}

.ms-nav__list a:hover {
	color: var(--ms-blue);
	background: rgba(0, 119, 182, 0.05);
}

.ms-nav__catalog a {
	white-space: nowrap;
}

.ms-nav__has-sub { position: relative; }

.ms-nav__sub-toggle {
	background: none;
	border: 0;
	padding: 0.5rem 0.75rem;
	font: inherit;
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--ms-slate);
	cursor: pointer;
	border-radius: var(--ms-radius);
}

.ms-nav__sub-toggle:hover,
.ms-nav__sub-toggle[aria-expanded="true"] {
	color: var(--ms-blue);
	background: rgba(0, 119, 182, 0.05);
}

.ms-nav__sub {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 10rem;
	background: var(--ms-white);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	box-shadow: var(--ms-shadow-md);
	padding: 0.35rem 0;
	z-index: 40;
}

.ms-nav__has-sub.is-open .ms-nav__sub,
.ms-nav__has-sub:hover .ms-nav__sub { display: block; }

.ms-nav__sub a {
	display: block;
	padding: 0.55rem 0.9rem;
	font-size: 0.875rem;
	font-weight: 500;
}

.ms-breadcrumbs {
	background: var(--ms-surface);
	border-bottom: 1px solid var(--ms-line);
	font-size: 0.875rem;
	padding: 0.65rem 0;
}

.ms-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ms-breadcrumbs li {
	display: inline-flex;
	align-items: center;
	color: var(--ms-muted);
}

.ms-breadcrumbs li + li::before {
	content: "/";
	margin-right: 0.5rem;
	color: var(--ms-line-strong);
}

.ms-breadcrumbs a {
	color: var(--ms-blue);
	text-decoration: none;
	font-weight: 600;
}

.ms-breadcrumbs a:hover { color: var(--ms-navy-900); }

.ms-nav__cta {
	background: var(--ms-blue);
	color: #fff !important;
	text-decoration: none;
	padding: 0.6rem 1.1rem;
	font-weight: 700;
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
	border-radius: var(--ms-radius);
	white-space: nowrap;
}

.ms-nav__cta:hover {
	background: var(--ms-blue-dark);
	color: #fff !important;
}

.ms-header-search-inline {
	display: flex;
	align-items: stretch;
	min-width: 11rem;
	max-width: 15rem;
	flex: 1 1 12rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	background: var(--ms-white);
	overflow: hidden;
}

.ms-header-search-inline input[type="search"] {
	flex: 1;
	min-width: 0;
	border: 0;
	padding: 0.55rem 0.7rem;
	font: inherit;
	font-size: 0.8125rem;
	color: var(--ms-navy-950);
	background: transparent;
}

.ms-header-search-inline input[type="search"]:focus {
	outline: none;
}

.ms-header-search-inline button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-left: 1px solid var(--ms-line);
	background: rgba(0, 119, 182, 0.08);
	color: var(--ms-navy-900);
	padding: 0 0.7rem;
	cursor: pointer;
}

.ms-header-search-inline button:hover {
	background: var(--ms-blue);
	color: #fff;
}

.ms-header-search-inline:focus-within {
	border-color: var(--ms-blue);
	box-shadow: 0 0 0 2px rgba(0, 119, 182, 0.18);
}

.ms-search-page-form {
	display: flex;
	gap: 0.65rem;
	align-items: stretch;
	margin: 1.25rem 0 1.75rem;
	max-width: 40rem;
}

.ms-404-lede {
	max-width: 40rem;
	margin-bottom: 1.5rem;
}

.ms-404-grid {
	margin-bottom: 1.5rem;
}

.ms-404-grid h2 {
	font-size: 1.25rem;
}

.ms-404-search {
	max-width: 36rem;
}

.ms-search-page-form input[type="search"] {
	flex: 1;
	min-width: 0;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	padding: 0.75rem 0.95rem;
	font: inherit;
}

.ms-search-empty {
	margin: 0 0 1.5rem;
	padding: 1rem 1.1rem;
	background: var(--ms-surface);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
}

.ms-burger {
	display: none;
	width: 2.75rem;
	height: 2.75rem;
	min-width: 44px;
	min-height: 44px;
	border: 1px solid var(--ms-line);
	background: var(--ms-white);
	border-radius: var(--ms-radius);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.ms-burger__lines,
.ms-burger__lines::before,
.ms-burger__lines::after {
	display: block;
	width: 1.1rem;
	height: 2px;
	background: var(--ms-navy-900);
	position: relative;
}

.ms-burger__lines::before,
.ms-burger__lines::after {
	content: "";
	position: absolute;
	left: 0;
}

.ms-burger__lines::before { top: -6px; }
.ms-burger__lines::after { top: 6px; }

/* Trust bar (homepage) */
.ms-trust-bar {
	background: var(--ms-surface);
	border-bottom: 1px solid var(--ms-line);
	padding: 1.1rem 0;
}

.ms-trust-bar__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

.ms-trust-bar__list li {
	padding: 0.85rem 1rem;
	background: var(--ms-white);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	border-left: 3px solid var(--ms-teal);
}

.ms-trust-bar__list strong {
	display: block;
	font-family: var(--ms-font-display);
	font-size: 0.9rem;
	color: var(--ms-navy-950);
	margin-bottom: 0.15rem;
}

.ms-trust-bar__list span {
	display: block;
	font-size: 0.8rem;
	color: var(--ms-muted);
}

/* Buttons */
.ms-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.8rem 1.35rem;
	min-height: 2.75rem;
	font-family: var(--ms-font-body);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: var(--ms-radius);
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.ms-btn:hover { transform: none; }

.ms-btn--solid {
	background: var(--ms-blue);
	color: #fff;
	box-shadow: 0 2px 8px rgba(0, 119, 182, 0.25);
}

.ms-btn--solid:hover {
	background: var(--ms-blue-dark);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 119, 182, 0.3);
}

.ms-btn--ghost {
	border-color: rgba(255, 255, 255, 0.65);
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.ms-btn--ghost:hover {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.85);
}

.ms-btn--outline {
	border-color: var(--ms-line-strong);
	color: var(--ms-navy-900);
	background: var(--ms-white);
}

.ms-btn--outline:hover {
	border-color: var(--ms-blue);
	color: var(--ms-blue);
	background: rgba(0, 119, 182, 0.04);
}

.ms-btn--gold {
	background: var(--ms-teal);
	color: #fff;
}

.ms-btn--gold:hover {
	background: var(--ms-teal-soft);
	color: #fff;
}

.ms-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }

/* Hero */
.ms-hero {
	position: relative;
	min-height: min(82vh, 40rem);
	display: grid;
	align-items: end;
	color: #fff;
	overflow: hidden;
}

.ms-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.ms-hero__media picture,
.ms-hero__media img {
	width: 100%;
	height: 100%;
	display: block;
}

.ms-hero__media img {
	object-fit: cover;
	animation: ms-ken 18s ease-in-out infinite alternate;
}

.ms-hero__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(105deg, rgba(12, 35, 64, 0.92) 0%, rgba(18, 58, 99, 0.72) 45%, rgba(12, 35, 64, 0.35) 100%),
		linear-gradient(0deg, rgba(12, 35, 64, 0.5), transparent 50%);
	z-index: 1;
}

.ms-hero__inner {
	position: relative;
	z-index: 2;
	padding: clamp(4rem, 10vw, 6.5rem) 0 clamp(3rem, 6vw, 4rem);
	max-width: 42rem;
}

.ms-hero__eyebrow {
	margin: 0 0 0.85rem;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
	font-weight: 600;
	animation: ms-rise 0.8s var(--ms-ease) both;
}

.ms-hero h1 {
	color: #fff;
	font-size: clamp(1.9rem, 4.2vw, 2.85rem);
	margin-bottom: 1rem;
	font-weight: 800;
	animation: ms-rise 0.9s 0.08s var(--ms-ease) both;
}

.ms-hero__lede {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.05rem;
	max-width: 36rem;
	animation: ms-rise 1s 0.14s var(--ms-ease) both;
}

.ms-hero .ms-actions { animation: ms-rise 1s 0.2s var(--ms-ease) both; }

@keyframes ms-ken {
	from { transform: scale(1); }
	to { transform: scale(1.05); }
}

@keyframes ms-rise {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: none; }
}

/* Page hero (inner pages) */
.ms-page-hero {
	background: linear-gradient(135deg, var(--ms-navy-950) 0%, var(--ms-navy-800) 100%);
	color: #fff;
	padding: clamp(2.5rem, 5vw, 3.75rem) 0;
	border-bottom: 3px solid var(--ms-teal);
}

.ms-page-hero h1 {
	color: #fff;
	font-size: clamp(1.75rem, 3.2vw, 2.5rem);
	font-weight: 800;
}

.ms-page-hero p {
	color: rgba(255, 255, 255, 0.88);
	max-width: 42rem;
	margin: 0;
}

/* Sections */
.ms-section {
	padding: clamp(3rem, 6vw, 5rem) 0;
}

.ms-section--flush-top {
	padding-top: 0;
}

.ms-section--tint {
	background: var(--ms-surface);
	border-top: 1px solid var(--ms-line);
	border-bottom: 1px solid var(--ms-line);
}

.ms-eyebrow {
	margin: 0 0 0.5rem;
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ms-teal);
	font-weight: 700;
}

.ms-title { font-size: clamp(1.55rem, 2.8vw, 2.1rem); font-weight: 800; }
.ms-lede { color: var(--ms-slate); max-width: 42rem; }

.ms-split {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}

.ms-split__media picture,
.ms-split__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--ms-radius-lg);
	border: 1px solid var(--ms-line);
	box-shadow: var(--ms-shadow-md);
}

.ms-checklist li {
	position: relative;
	padding-left: 1.4rem;
	margin-bottom: 0.55rem;
	color: var(--ms-slate);
}

.ms-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6rem;
	width: 0.5rem;
	height: 0.5rem;
	background: var(--ms-teal);
	border-radius: 1px;
}

/* Category / product grid */
.ms-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	margin-top: 2rem;
}

.ms-tile {
	display: block;
	text-decoration: none;
	color: inherit;
	border: 1px solid var(--ms-line);
	background: var(--ms-white);
	border-radius: var(--ms-radius-lg);
	padding: 0;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.ms-tile:hover {
	transform: none;
	border-color: rgba(0, 119, 182, 0.35);
	box-shadow: var(--ms-shadow-md);
}

.ms-tile__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--ms-surface-alt);
	margin-bottom: 0;
}

.ms-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s var(--ms-ease);
}

.ms-tile__media picture {
	display: block;
	width: 100%;
	height: 100%;
}

.ms-tile:hover .ms-tile__media img { transform: scale(1.03); }

.ms-tile h3 {
	font-size: 1.05rem;
	margin: 0.9rem 1rem 0.25rem;
	font-weight: 700;
}

.ms-tile > .ms-eyebrow {
	margin: 1rem 1rem 0;
}

.ms-tile__meta {
	margin: 0 1rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--ms-blue);
}

.ms-tile p {
	margin: 0 1rem 0.5rem;
	color: var(--ms-muted);
	font-size: 0.9rem;
}

.ms-pillars {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	margin-top: 2rem;
}

.ms-pillar {
	padding: 1.25rem;
	background: var(--ms-white);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	border-top: 3px solid var(--ms-blue);
}

.ms-pillar h3 {
	font-size: 1.05rem;
	margin-bottom: 0.35rem;
}

.ms-pillar p {
	margin: 0;
	color: var(--ms-muted);
	font-size: 0.9rem;
}

.ms-pillar__num {
	display: block;
	font-family: var(--ms-font-display);
	color: var(--ms-blue);
	font-size: 1.35rem;
	font-weight: 800;
	margin-bottom: 0.35rem;
}

/* FAQ */
.ms-faq {
	max-width: 48rem;
	margin-top: 1.5rem;
}

.ms-faq details {
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	padding: 0.9rem 1rem;
	margin-bottom: 0.65rem;
	background: var(--ms-white);
}

.ms-faq summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--ms-navy-950);
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

.ms-faq summary::-webkit-details-marker { display: none; }

.ms-faq summary::after {
	content: "+";
	color: var(--ms-blue);
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 400;
}

.ms-faq details[open] summary::after { content: "\2212"; }

.ms-faq details p {
	margin: 0.85rem 0 0.25rem;
	color: var(--ms-slate);
}

/* Contact */
.ms-contact {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.ms-contact__list li { margin-bottom: 0.85rem; color: var(--ms-slate); }

.ms-contact__list a {
	color: var(--ms-blue);
	font-weight: 600;
	text-decoration: none;
}

.ms-contact__list a:hover { color: var(--ms-navy-900); }

.ms-map {
	margin-top: 1.25rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	width: 100%;
	min-height: 220px;
}

.ms-form {
	display: grid;
	gap: 0.9rem;
}

.ms-form label {
	display: grid;
	gap: 0.35rem;
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--ms-navy-950);
}

.ms-form input,
.ms-form textarea,
.ms-form select {
	font: inherit;
	font-size: 1rem;
	padding: 0.8rem 0.9rem;
	border: 1px solid var(--ms-line-strong);
	background: var(--ms-white);
	color: var(--ms-ink);
	width: 100%;
	border-radius: var(--ms-radius);
	-webkit-appearance: none;
	appearance: none;
}

.ms-form input:focus,
.ms-form textarea:focus,
.ms-form select:focus {
	outline: 2px solid rgba(0, 119, 182, 0.25);
	border-color: var(--ms-blue);
}

.ms-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.9rem;
}

.ms-form__consent {
	display: flex !important;
	align-items: flex-start;
	gap: 0.65rem;
	font-weight: 500 !important;
	color: var(--ms-slate) !important;
	line-height: 1.45;
}

.ms-form__consent input[type="checkbox"] {
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	margin-top: 0.15rem;
	flex-shrink: 0;
	accent-color: var(--ms-blue);
}

.ms-prose {
	max-width: 46rem;
}

.ms-article-figure {
	margin: 0 0 1.5rem;
	overflow: hidden;
	border-radius: var(--ms-radius-lg);
	background: var(--ms-surface);
}

.ms-article-figure picture,
.ms-article-figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.ms-prose h2 {
	margin-top: 2rem;
	margin-bottom: 0.65rem;
	font-size: 1.2rem;
}

.ms-prose p,
.ms-prose li {
	color: var(--ms-slate);
	line-height: 1.65;
}

.ms-prose ul {
	margin: 0.5rem 0 1rem 1.15rem;
}

.ms-prose a {
	color: var(--ms-blue);
	font-weight: 600;
}

.ms-alert {
	padding: 0.9rem 1rem;
	margin-bottom: 1rem;
	border-left: 3px solid var(--ms-teal);
	background: rgba(8, 145, 178, 0.08);
	border-radius: 0 var(--ms-radius) var(--ms-radius) 0;
}

.ms-alert--error {
	border-left-color: #dc2626;
	background: #fef2f2;
}

/* Footer */
.ms-footer {
	background: var(--ms-navy-950);
	color: rgba(255, 255, 255, 0.8);
	padding-top: 3.25rem;
	margin-top: 2rem;
	border-top: 3px solid var(--ms-teal);
}

.ms-footer a { color: rgba(255, 255, 255, 0.88); text-decoration: none; }
.ms-footer a:hover { color: var(--ms-teal-soft); }

.ms-footer__heading {
	color: #fff;
	font-family: var(--ms-font-display);
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 1rem;
	font-weight: 700;
}

.ms-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 2rem;
	padding-bottom: 2.5rem;
}

.ms-footer__brand {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	font-family: var(--ms-font-display);
	font-size: 1.15rem;
	font-weight: 800;
	margin-bottom: 0.85rem;
	color: #fff !important;
}

.ms-footer__brand em { font-style: normal; color: var(--ms-teal-soft); }
.ms-footer__brand img { width: 2.75rem; height: 2.75rem; object-fit: contain; border-radius: 50%; background: #eef1f8; }
.ms-footer li { margin-bottom: 0.45rem; }

.ms-social {
	display: flex;
	gap: 0.9rem;
	margin-top: 1rem;
}

.ms-social a { color: rgba(255, 255, 255, 0.75); }

.ms-footer__bar {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 1.15rem 0;
	font-size: 0.8125rem;
}

.ms-footer__bar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.ms-footer__bar p { margin: 0; color: rgba(255, 255, 255, 0.6); }

.ms-footer__bar a {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	font-weight: 600;
}

.ms-footer__bar a:hover { color: #fff; }

.ms-wa-float {
	position: fixed;
	right: max(1rem, env(safe-area-inset-right));
	bottom: max(1rem, env(safe-area-inset-bottom));
	width: 3.5rem;
	height: 3.5rem;
	min-width: 44px;
	min-height: 44px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	z-index: 80;
	transition: transform 0.2s var(--ms-ease), box-shadow 0.2s;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.ms-wa-float:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

.ms-nav-backdrop {
	display: none;
}

.ms-factory-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-top: 2rem;
}

.ms-factory-grid figure { margin: 0; }

.ms-factory-grid img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--ms-radius-lg);
	border: 1px solid var(--ms-line);
	display: block;
}

.ms-factory-grid picture {
	display: block;
}

.ms-factory-grid figcaption {
	margin-top: 0.55rem;
	font-size: 0.875rem;
	color: var(--ms-muted);
}

/* Product catalogue */
.ms-product-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--ms-line);
}

.ms-product-count {
	margin: 0;
	color: var(--ms-slate);
	font-weight: 600;
	font-size: 0.9375rem;
}

.ms-product-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.ms-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--ms-line-strong);
	color: var(--ms-slate);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.8125rem;
	background: var(--ms-white);
	border-radius: 999px;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.ms-chip.is-active,
.ms-chip:hover {
	background: var(--ms-blue);
	border-color: var(--ms-blue);
	color: #fff;
}

.ms-product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.ms-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.ms-pagination__pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
}

.ms-product-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	background: var(--ms-white);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	overflow: hidden;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.ms-product-card:hover {
	transform: none;
	border-color: rgba(0, 119, 182, 0.35);
	box-shadow: var(--ms-shadow-md);
}

.ms-product-card__media {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--ms-surface);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ms-product-card__media picture {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.ms-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.ms-product-card__body {
	padding: 1rem 1.05rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	flex: 1;
}

.ms-product-card__sku {
	margin: 0;
	font-size: 0.7rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ms-teal);
	font-weight: 700;
}

.ms-product-card h2,
.ms-product-card h3 {
	font-size: 1rem;
	margin: 0;
	font-weight: 700;
}

.ms-product-card p {
	margin: 0;
	font-size: 0.875rem;
	color: var(--ms-muted);
}

.ms-product-card__price {
	margin-top: auto !important;
	padding-top: 0.65rem;
	font-weight: 700;
	color: var(--ms-navy-900) !important;
	font-size: 0.95rem !important;
}

.ms-product-card__price span {
	font-weight: 500;
	color: var(--ms-muted);
	font-size: 0.8125rem;
}

.ms-pricing-incoterm {
	margin: 0 0 0.85rem;
	font-size: 0.9rem;
	color: var(--ms-muted);
}

.ms-pricing-note {
	margin-top: 3rem;
	padding: 2rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	background: var(--ms-surface);
}

.ms-price-table {
	width: min(100%, 28rem);
	border-collapse: collapse;
	margin: 1rem 0 1.25rem;
	font-size: 0.9375rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius);
	overflow: hidden;
}

.ms-price-table th,
.ms-price-table td {
	text-align: left;
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid var(--ms-line);
}

.ms-price-table th {
	background: var(--ms-navy-950);
	color: #fff;
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.ms-price-table tr:last-child td { border-bottom: 0; }

.ms-product-detail {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}

.ms-product-detail__media {
	background: var(--ms-surface);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 18rem;
}

.ms-product-detail__media picture {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.ms-product-detail__media img {
	width: 100%;
	height: auto;
	max-height: min(85vh, 52rem);
	object-fit: contain;
	object-position: center;
	display: block;
}

.ms-product-detail__sku {
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ms-teal);
	font-weight: 700;
}

.ms-product-detail h1 {
	font-size: clamp(1.5rem, 2.8vw, 2rem);
	font-weight: 800;
}

.ms-product-subhead {
	font-size: 1.25rem;
	margin-top: 1.5rem;
}

.ms-product-longform {
	max-width: 48rem;
}

.ms-product-specs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	margin-top: 1.5rem;
}

.ms-product-spec {
	background: var(--ms-white);
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	padding: 1.15rem 1.2rem;
}

.ms-section--tint .ms-product-spec {
	background: var(--ms-white);
}

.ms-product-spec h3 {
	font-size: 1.05rem;
	margin: 0 0 0.55rem;
}

.ms-product-spec p,
.ms-product-spec li {
	margin: 0;
	color: var(--ms-slate);
	font-size: 0.95rem;
}

.ms-product-spec .ms-checklist {
	margin-top: 0.35rem;
}

.ms-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1rem 0;
}

.ms-size-chart {
	width: 100%;
	max-width: none;
}

.ms-muted-note {
	margin: 0;
	font-size: 0.875rem;
	color: var(--ms-muted);
	max-width: 48rem;
}

@media (max-width: 991px) {
	.ms-product-specs {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991px) {
	.ms-product-grid { grid-template-columns: repeat(2, 1fr); }
	.ms-product-detail { grid-template-columns: 1fr; }
	.ms-trust-bar__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	.ms-product-grid { grid-template-columns: 1fr; }
	.ms-trust-bar__list { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
	.ms-utility__claim,
	.ms-utility__social { display: none; }
	.ms-utility__inner { justify-content: space-between; }
	.ms-utility__mail span { display: none; }
	.ms-utility__end { margin-left: auto; }
	.ms-burger { display: inline-flex; margin-left: auto; z-index: 70; }
	.ms-nav-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(12, 35, 64, 0.45);
		z-index: 55;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.25s var(--ms-ease);
	}
	.ms-nav-backdrop.is-visible {
		opacity: 1;
		pointer-events: auto;
	}
	.ms-nav {
		margin-left: 0;
		position: fixed;
		inset: 0 0 0 auto;
		width: min(88vw, 20rem);
		max-width: 100%;
		height: 100dvh;
		background: var(--ms-white);
		flex-direction: column;
		align-items: stretch;
		padding: calc(4.75rem + env(safe-area-inset-top)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom));
		transform: translateX(100%);
		transition: transform 0.35s var(--ms-ease);
		box-shadow: -12px 0 40px rgba(15, 23, 42, 0.15);
		z-index: 60;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
	.ms-nav.is-open { transform: none; }
	.ms-nav__list { flex-direction: column; gap: 0.15rem; }
	.ms-nav__list a,
	.ms-nav__sub-toggle {
		min-height: 2.75rem;
		display: flex;
		align-items: center;
		padding: 0.7rem 0.85rem;
		font-size: 1rem;
	}
	.ms-nav__sub {
		position: static;
		display: none;
		box-shadow: none;
		border: 0;
		padding: 0 0 0 0.75rem;
	}
	.ms-nav__has-sub.is-open .ms-nav__sub { display: block; }
	.ms-nav__has-sub:hover .ms-nav__sub { display: none; }
	.ms-nav__has-sub.is-open:hover .ms-nav__sub { display: block; }
	.ms-nav__cta {
		text-align: center;
		min-height: 2.85rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.ms-header-search-inline {
		max-width: none;
		width: 100%;
		flex: 1 1 auto;
		order: -1;
		margin-bottom: 0.5rem;
	}
	.ms-header-search-inline input[type="search"] {
		font-size: 1rem;
		padding: 0.8rem 0.85rem;
	}
	.ms-split,
	.ms-contact,
	.ms-footer__grid { grid-template-columns: 1fr; }
	.ms-grid { grid-template-columns: repeat(2, 1fr); }
	.ms-pillars { grid-template-columns: 1fr 1fr; }
	.ms-factory-grid { grid-template-columns: 1fr 1fr; }
	.ms-actions .ms-btn {
		min-height: 2.85rem;
		justify-content: center;
	}
	.ms-price-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 640px) {
	.ms-grid,
	.ms-pillars,
	.ms-factory-grid,
	.ms-form__row { grid-template-columns: 1fr; }
	.ms-brand__text { display: none; }
	.ms-hero { min-height: 28rem; }
	.ms-utility { font-size: 0.7rem; }
	.ms-product-card__body { padding: 0.9rem; }
	.ms-pagination {
		gap: 0.55rem;
	}
	.ms-pagination .ms-btn {
		flex: 1 1 auto;
		min-width: 7rem;
		justify-content: center;
	}
}

.ms-search-catalogue-hit {
	margin: 1.25rem 0 1.75rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	background: var(--ms-surface);
}
.ms-search-catalogue-hit .ms-title {
	margin-bottom: 0.4rem;
}
.ms-search-catalogue-hit .ms-actions {
	margin-top: 1rem;
}

.ms-catalogue-hero__brand {
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
}
.ms-catalogue-hero__brand img {
	border-radius: var(--ms-radius);
	background: var(--ms-white);
	flex-shrink: 0;
}
.ms-catalogue-hero__actions {
	margin-top: 1.25rem;
}
.ms-catalogue-meta {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	margin-bottom: 1.75rem;
}
.ms-catalogue-meta p {
	margin: 0.2rem 0;
	color: var(--ms-slate);
	font-size: 0.95rem;
}
.ms-catalogue-meta strong {
	color: var(--ms-navy-950);
}
.ms-catalogue-slab-table {
	max-width: 28rem;
	margin-bottom: 1rem;
}
.ms-catalogue-note {
	color: var(--ms-muted);
	font-size: 0.92rem;
	max-width: 52rem;
}
.ms-catalogue-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}
.ms-catalogue-jump a {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.9rem;
	border: 1px solid var(--ms-line-strong);
	border-radius: var(--ms-radius);
	background: var(--ms-white);
	color: var(--ms-navy-900);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
}
.ms-catalogue-jump a:hover {
	border-color: var(--ms-blue);
	color: var(--ms-blue);
}
.ms-catalogue-section__head {
	margin-bottom: 1.5rem;
}
.ms-catalogue-type {
	margin: 2rem 0 1rem;
	padding-bottom: 0.4rem;
	border-bottom: 2px solid var(--ms-navy-900);
	font-size: 1.15rem;
	color: var(--ms-navy-900);
}
.ms-catalogue-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.ms-catalogue-item {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 1.35rem;
	padding: 1.15rem;
	border: 1px solid var(--ms-line);
	border-radius: var(--ms-radius-lg);
	background: var(--ms-white);
	break-inside: avoid;
	page-break-inside: avoid;
}
.ms-catalogue-item__media {
	background: var(--ms-surface);
	border-radius: var(--ms-radius);
	overflow: hidden;
	aspect-ratio: 4 / 5;
}
.ms-catalogue-item__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ms-catalogue-item__meta {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ms-teal);
	font-weight: 600;
}
.ms-catalogue-item__title {
	margin: 0 0 0.25rem;
	font-size: 1.15rem;
}
.ms-catalogue-item__title a {
	color: var(--ms-navy-950);
	text-decoration: none;
}
.ms-catalogue-item__title a:hover {
	color: var(--ms-blue);
}
.ms-catalogue-item__sku {
	margin: 0 0 0.65rem;
	font-size: 0.85rem;
	color: var(--ms-teal);
	font-weight: 600;
}
.ms-catalogue-item__desc {
	margin: 0 0 0.75rem;
	color: var(--ms-slate);
}
.ms-catalogue-item__features {
	margin: 0 0 1rem;
}
.ms-catalogue-item__pricing {
	margin-bottom: 0.85rem;
}
.ms-catalogue-item__pricing .ms-price-table {
	max-width: 22rem;
	margin-top: 0.4rem;
}
.ms-catalogue-footer-cta .ms-title {
	margin-bottom: 0.5rem;
}

@media (max-width: 800px) {
	.ms-catalogue-meta {
		grid-template-columns: 1fr 1fr;
	}
	.ms-catalogue-item {
		grid-template-columns: 140px 1fr;
	}
	.ms-catalogue-hero__brand {
		flex-direction: column;
	}
}

@media (max-width: 560px) {
	.ms-catalogue-meta {
		grid-template-columns: 1fr;
	}
	.ms-catalogue-item {
		grid-template-columns: 1fr;
	}
	.ms-catalogue-item__media {
		max-width: 220px;
	}
}

@media print {
	.ms-utility,
	.ms-header,
	.ms-burger,
	.ms-nav,
	.ms-footer,
	.ms-no-print,
	.ms-header-search-inline {
		display: none !important;
	}
	.ms-catalogue-item {
		box-shadow: none;
		break-inside: avoid;
		page-break-inside: avoid;
	}
	.ms-catalogue-type {
		break-after: avoid;
	}
	body {
		background: #fff;
		font-size: 11pt;
	}
	a {
		color: inherit;
		text-decoration: none;
	}
	.ms-page-hero,
	.ms-section {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
}

/* MS-MOBILE-NAV-CLICK-FIX */
@media (max-width: 991.98px) {
	.ms-header {
		z-index: 100 !important;
		isolation: isolate;
	}
	/* Header bar + burger MUST sit above the dim layer or the menu button cannot open. */
	.ms-header__inner {
		position: relative;
		z-index: 5 !important;
	}
	.ms-burger {
		position: relative;
		z-index: 110 !important;
		pointer-events: auto !important;
		touch-action: manipulation;
		-webkit-tap-highlight-color: rgba(18, 58, 99, 0.12);
	}
	/*
	 * Dim layer stays BELOW the header bar. Never capture taps when closed —
	 * an invisible full-screen layer with pointer-events:auto blocks the burger on Android.
	 */
	.ms-nav-backdrop {
		z-index: 1 !important;
		pointer-events: none !important;
	}
	.ms-nav-backdrop[hidden] {
		display: none !important;
		pointer-events: none !important;
	}
	.ms-nav-backdrop.is-visible {
		z-index: 1 !important;
		pointer-events: auto !important;
	}
	.ms-nav,
	.ms-nav.is-open {
		z-index: 4 !important;
		pointer-events: auto !important;
	}
	.ms-nav__list,
	.ms-nav__list a,
	.ms-nav__sub-toggle,
	.ms-nav__cta,
	.ms-nav__catalog a {
		position: relative;
		z-index: 2;
		pointer-events: auto !important;
		touch-action: manipulation;
		-webkit-tap-highlight-color: rgba(18, 58, 99, 0.12);
	}
	.ms-product-filters,
	.ms-product-filters a,
	.ms-chip {
		position: relative;
		z-index: 2;
		pointer-events: auto !important;
		touch-action: manipulation;
	}
}
/* MS-MOBILE-NAV-CLICK-FIX-END */

/* MS-BURGER-UNBLOCK */
.ms-nav-backdrop[hidden],
.ms-nav-backdrop:not(.is-visible) {
	pointer-events: none !important;
}
@media (max-width: 991.98px) {
	.ms-burger,
	.ms-header__inner {
		pointer-events: auto !important;
	}
}
/* MS-BURGER-UNBLOCK-END */