/* VanuaMed Pharmacy — calm modern wellness: indigo leads, warm off-white, editorial type. */
:root {
	--c-primary: #2e3192; --c-primary-dark: #22246f; --c-primary-ink: #ffffff; --c-accent: #2a7c87;
	--c-ink: #1b1d3a; --c-ink-soft: #5a5c78; --c-bg: #fbf9f6; --c-bg-tint: #f1effa; --c-line: #e3e0ef;
	--c-sea-1: #f1effa; --c-sea-2: #dfe3f6; --c-panel: rgba(251, 249, 246, .86);
	--f-head: 'Fraunces', Georgia, serif; --w-head: 560;
	--radius: 8px; --radius-lg: 14px;
}
.skin-vanuamed body, body.skin-vanuamed { background: var(--c-bg); }
.skin-vanuamed .topbar { background: var(--c-primary); }
.skin-vanuamed .header { background: rgba(251, 249, 246, .94); }
.skin-vanuamed .header__wordmark { font-family: var(--f-head); font-weight: 600; color: var(--c-primary); letter-spacing: -.01em; }
.skin-vanuamed .section__title, .skin-vanuamed .hero-panel__title { letter-spacing: -.02em; }
.skin-vanuamed .hero-panel__title { font-size: clamp(2rem, 5vw, 3.1rem); }
.skin-vanuamed .hero-panel__eyebrow, .skin-vanuamed .section__eyebrow { color: var(--c-accent); }
.skin-vanuamed .trust { background: var(--c-bg-tint); color: var(--c-ink); }
.skin-vanuamed .trust__value { color: var(--c-primary); }
.skin-vanuamed .trust__label { color: var(--c-ink-soft); opacity: 1; }
.skin-vanuamed .button { border-radius: 6px; }
.skin-vanuamed .cta-band { background: var(--c-primary); }
.skin-vanuamed .footer .footer__logo { filter: none; }
/* bento grid */
.bento { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.bento__tile { position: relative; display: flex; align-items: flex-end; min-height: 180px; border-radius: var(--radius-lg); overflow: hidden; text-decoration: none; color: #fff; background: var(--c-primary); isolation: isolate; }
.bento__tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform .6s; }
.bento__tile::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(27,29,58,.72), rgba(27,29,58,0) 60%); z-index: -1; }
.bento__tile:hover img { transform: scale(1.05); }
.bento__label { padding: 16px 18px; font: 600 1.15rem/1.2 var(--f-head); color: #fff; }
.bento__tile--wide { grid-column: span 2; }
@media (min-width: 900px) {
	.bento { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; }
	.bento__tile--tall { grid-row: span 2; }
	.bento__tile--wide { grid-column: span 2; }
}
/* 3D viewer */
.viewer3d { position: relative; aspect-ratio: 1; max-width: 560px; margin: 0 auto; border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 40%, #fff, var(--c-bg-tint)); }
.viewer3d model-viewer { width: 100%; height: 100%; --poster-color: transparent; }
.skin-vanuamed .section--tint .section__eyebrow { color: #22656e; }