:root {
	/* Jungfrusund — mörkblå nästan svart, vitt/grått, klar blå accent */
	--jms-color-primary: #050a18;
	--jms-color-header: #050a18;
	/* #1b64d1 ≈5.5:1 on white / ≈5:1 on --jms-color-bg — AA for buttons + accent text. */
	--jms-color-accent: #1b64d1;
	--jms-color-accent-hover: #1557b0;
	--jms-color-accent-soft: rgb(27 100 209 / 14%);
	--jms-color-bg: #f2f3f5;
	--jms-color-surface: #ffffff;
	--jms-color-text: #111114;
	--jms-color-muted: #5b6770;
	--jms-color-border: #d8dee6;
	--jms-radius: 12px;
	--jms-radius-lg: 18px;
	--jms-shadow: 0 10px 30px rgb(10 61 98 / 8%);
	--jms-shadow-lg: 0 24px 48px rgb(10 30 50 / 16%);
	--jms-font-sans: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--jms-max-width: 90rem;
	--jms-header-height: 4.5rem;
	--jms-header-visible-height: 4.5rem;
	--jms-admin-bar-height: 0px;
	--jms-bp-mobile-max: 47.99rem;
	--jms-bp-tablet: 48rem;
	--jms-bp-desktop: 64rem;
	--jms-bp-wide: 80rem;
	--jms-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--jms-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--jms-duration: 0.35s;
	/* Startsida — gemensam rytm */
	--jms-page-gutter: clamp(1.25rem, 3.5vw, 2rem);
	/* Undersidor — gemensam hero-/mast-höjd (startsida undantagen). */
	--jms-mast-min-height: clamp(22rem, 48vh, 32rem);
	--jms-crumb-fs: 0.8125rem;
	/* Vertikal rytm — använd dessa, inte ad-hoc clamp per sektion */
	--jms-stack-xs: 0.5rem;
	--jms-stack-sm: 0.85rem;
	--jms-stack-md: 1.25rem;
	--jms-stack-lg: 1.75rem;
	--jms-stack-xl: 2.5rem;
	--jms-section-y: clamp(2.75rem, 5.5vw, 4rem);
	--jms-section-title-mb: 1.25rem;
	--jms-block-gap: 1.25rem;
	--jms-catalog-after-mast: var(--jms-stack-xl);
	--jms-catalog-heading-to-grid: var(--jms-stack-md);
	--jms-catalog-series-gap: var(--jms-stack-xl);
	--jms-accent-bar: 3px;
	/* Kontroller — knappar, inputs, select (samma språk över sajten) */
	--jms-control-radius: 3px;
	/*
	 * Hörnstrategi (global):
	 * — Kontroller (input, select, knapp): --jms-control-radius (3px)
	 * — Kort / ytor / media: --jms-radius (12px) — utom fotoledda listor (lager, tjänster) = 0
	 * — Dialoger: --jms-radius-lg (18px)
	 * — Pills / badges / cirklar: 999px
	 */
	/*
	 * Typografi — Titillium Web.
	 *
	 * Strategi (high-end, inte «fet överallt»):
	 * — 700 (bold):     endast UI — knappar, badges, priser, nav toppnivå
	 * — 600 (semibold): alla rubriker (sektion, kort, rutor)
	 * — 400 (normal):   brödtext, metadata
	 * — 300 (light):    footer sekundärt
	 *
	 * Skala (fast roll per nivå — aldrig samma element, olika storlek):
	 * display  → CTA-rubriker, längre meningar (ej uppercase)
	 * section  → SENASTE NYTT, PÅ MARINAN (identisk storlek alltid)
	 * card     → nyhetskort
	 * tile-sm  → marina små rutor
	 * tile-lg  → marina featured (~1.5× tile-sm, inte 3×)
	 */
	--jms-text-xs: 0.75rem;
	--jms-text-sm: 0.875rem;
	--jms-text-base: 1rem;
	--jms-text-md: 1.0625rem;
	--jms-text-lg: clamp(1.0625rem, 1.4vw, 1.125rem);
	--jms-text-xl: clamp(1.25rem, 2.2vw, 1.5rem);
	--jms-text-2xl: clamp(1.75rem, 3vw, 2.35rem);
	--jms-type-display: clamp(1.375rem, 2.4vw, 1.75rem);
	--jms-type-section: 1.125rem;
	--jms-type-card: 1.0625rem;
	--jms-type-tile-sm: clamp(0.8125rem, 0.95vw, 0.875rem);
	--jms-type-tile-lg: clamp(1.125rem, 1.75vw, 1.375rem);
	--jms-type-meta: 0.8125rem;
	--jms-font-light: 300;
	--jms-font-normal: 400;
	--jms-font-medium: 600;
	--jms-font-semibold: 600;
	--jms-font-bold: 700;
	--jms-leading-tight: 1.3;
	--jms-leading-normal: 1.55;
	--jms-leading-relaxed: 1.65;
	--jms-tracking-ui: 0.06em;
	--jms-tracking-wide: 0.04em;
	--jms-tracking-tight: -0.015em;
}

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

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

html.jms-dialog-open,
html.jms-nav-open {
	overflow: hidden;
}

body {
	margin: 0;
	/* Match critical.css — rem→different formula here was shifting main#main (CLS). */
	padding-top: calc(var(--jms-header-height) + var(--jms-admin-bar-height));
	font-family: var(--jms-font-sans);
	font-size: var(--jms-text-base);
	font-weight: var(--jms-font-normal);
	color: var(--jms-color-text);
	line-height: var(--jms-leading-normal);
	background: var(--jms-color-bg);
}

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

/* Kill WP 6.7+ auto-sizes contain CSS (3000×1500) — causes multi-viewport empty gaps. */
img:is([sizes='auto' i], [sizes^='auto,' i]) {
	contain-intrinsic-size: auto;
}

a { color: var(--jms-color-accent); }

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.skip-link:focus {
	position: fixed; top: 1rem; left: 1rem; z-index: 9999;
	width: auto; height: auto; clip: auto; padding: .75rem 1rem;
	background: var(--jms-color-primary); color: #fff;
}

/* ——— Header ——— */
/* Fixed (not sticky): admin-bar offset stays correct when overflow:hidden locks scroll for mega-nav. */
body.admin-bar {
	--jms-admin-bar-height: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--jms-admin-bar-height: var(--wp-admin--admin-bar--height, 46px);
	}
}

/* WP core adds html { margin-top: 32/46px } — stacks with our body padding → gap under header. */
html.admin-bar {
	margin-top: 0 !important;
}

#stickyheaders.site-header {
	position: fixed;
	top: var(--jms-admin-bar-height);
	left: 0;
	right: 0;
	z-index: 1002;
	overflow: visible;
	height: var(--jms-header-height);
	/* The wrapper stays in place when the bar slides away — it must never swallow clicks below it. */
	pointer-events: none;
}

#stickyheaders.site-header .site-header__bar {
	pointer-events: auto;
}

#stickyheaders.site-header.headerup .site-header__bar {
	transform: translateY(-100%);
	pointer-events: none;
}

.site-header__bar {
	/* Mobile: logo | actions. Desktop: 3-col so center nav stays put when CTA label changes. */
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 0.75rem;
	height: var(--jms-header-height);
	min-height: var(--jms-header-height);
	padding-inline: max(0.75rem, env(safe-area-inset-left, 0px)) max(0.75rem, env(safe-area-inset-right, 0px));
	background: var(--jms-color-header);
	transform: translateY(0);
	transition: transform 0.34s ease;
	will-change: transform;
	border-bottom: 1px solid rgb(255 255 255 / 6%);
	overflow-x: clip;
	min-width: 0;
}

@media (min-width: 64rem) {
	.site-header__bar {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		column-gap: 1.25rem;
		padding-inline: clamp(1rem, 3vw, 2.5rem);
	}
}

.site-header__logo {
	display: flex;
	align-items: center;
	line-height: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s;
	grid-column: 1;
	justify-self: start;
	min-width: 0;
	max-width: 100%;
}

.site-header__logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	min-width: 0;
	max-width: 100%;
}

.site-header__logo .custom-logo {
	height: 2.5rem;
	width: auto;
	max-width: min(9.5rem, 100%);
}

@media (min-width: 48rem) {
	.site-header__logo .custom-logo {
		height: 2.75rem;
		max-width: 11.5rem;
	}
}

@media (min-width: 64rem) {
	.site-header__logo .custom-logo {
		height: 3.15rem;
		max-width: 13rem;
	}
}

.site-header--front:not(.is-scrolled) .site-header__logo {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-6px);
}

html.jms-nav-open .site-header--front .site-header__logo {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.site-header__desktop {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 0.15rem;
	grid-column: 2;
	justify-self: center;
	min-width: 0;
}

@media (min-width: 64rem) {
	.site-header__desktop {
		display: flex;
	}
}

.site-header__desk-link {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 0.9rem;
	border: 0;
	background: transparent;
	color: rgb(255 255 255 / 82%);
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.site-header__desk-link:hover,
.site-header__desk-link:focus-visible {
	color: #fff;
	outline: none;
}

.site-header__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	grid-column: 2;
	justify-self: end;
	min-width: 0;
}

@media (min-width: 64rem) {
	.site-header__actions {
		gap: 0.85rem;
		grid-column: 3;
	}
}

.site-header__text-link {
	/* Reserved — desktop Kontakt-länk borttagen; CTA är enda primära åtgärden. */
	display: none;
	color: rgb(255 255 255 / 88%);
	text-decoration: none;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.site-header__text-link:hover,
.site-header__text-link:focus-visible {
	color: var(--jms-color-accent);
}

/* Header CTA — always visible; compact below tablet. */
.button.site-header__cta,
.site-header__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 0.5rem 0.7rem;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: var(--jms-control-radius);
	white-space: nowrap;
}

@media (min-width: 48rem) {
	.button.site-header__cta,
	.site-header__cta {
		min-width: 9.5rem;
		padding: 0.6rem 1.15rem;
		font-size: 0.75rem;
		letter-spacing: 0.06em;
	}
}

.site-header__menu-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.35rem 0;
	border: 0;
	background: transparent;
	color: #fff;
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 1003;
	flex: 0 0 auto;
}

/* Icon-only below tablet — aria-label on the button; frees space for CTA + logo on båtsidor. */
.site-header__menu-label {
	display: none;
}

@media (min-width: 48rem) {
	.site-header__menu-label {
		display: inline;
	}

	.site-header__menu-btn {
		gap: 0.75rem;
	}
}

.site-header__menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
}

.site-header__bars,
.site-header__bars::before,
.site-header__bars::after {
	display: block;
	width: 1.5rem;
	height: 2.5px;
	background: currentcolor;
	position: relative;
	border-radius: 1px;
	transition:
		transform 0.38s var(--jms-ease-out),
		top 0.38s var(--jms-ease-out),
		opacity 0.2s ease,
		background 0.2s ease;
}

.site-header__bars::before,
.site-header__bars::after {
	content: "";
	position: absolute;
	left: 0;
}

.site-header__bars::before { top: -6px; }
.site-header__bars::after { top: 6px; }

/* Öppen: bars → X (samma knapp stänger) */
.site-header__menu-btn[aria-expanded="true"] .site-header__bars {
	background: transparent;
}

.site-header__menu-btn[aria-expanded="true"] .site-header__bars::before {
	top: 0;
	transform: rotate(45deg);
}

.site-header__menu-btn[aria-expanded="true"] .site-header__bars::after {
	top: 0;
	transform: rotate(-45deg);
}

.site-header__brand {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.section-inner {
	max-width: var(--jms-max-width);
	margin-inline: auto;
	padding-inline: var(--jms-page-gutter);
}

.site-footer__inner {
	max-width: 85%;
	margin-inline: auto;
	padding-inline: var(--jms-page-gutter);
}

.site-main {
	max-width: var(--jms-max-width);
	margin-inline: auto;
	padding-inline: clamp(1rem, 3vw, 1.5rem);
	padding-block: clamp(1.5rem, 4vw, 2.5rem);
}

.home {
	overflow-x: clip;
}

.home .site-main {
	max-width: none;
	padding-inline: 0;
	padding-block: 0;
	width: 100%;
	overflow-x: clip;
}

body.has-catalog-full-bleed .site-main,
body.has-services-layout .site-main,
body.jms-selekt-page .site-main,
body.single-stock_boat .site-main,
body.single-boat_model .site-main,
body.single-motor_model .site-main,
body.single-boat .site-main,
body.single-nyheter .site-main,
body.single-vara_tjanster .site-main {
	max-width: none;
	padding-inline: 0;
	padding-block: 0;
	width: 100%;
}

/* ——— Full-screen mega menu (desktop + mobile) ——— */
html.jms-nav-open,
html.jms-nav-open body {
	overflow: hidden;
}

.mega-nav {
	position: fixed;
	inset: 0;
	z-index: 1001;
	pointer-events: none;
	visibility: hidden;
}

.mega-nav.is-open {
	pointer-events: auto;
	visibility: visible;
}

/* Instant dismiss when navigating — no 0.5s close animation on top of page load. */
.mega-nav.is-navigating,
.mega-nav.is-navigating .mega-nav__veil,
.mega-nav.is-navigating .mega-nav__sheet {
	transition: none !important;
}

.mega-nav__veil {
	position: absolute;
	inset: 0;
	background: rgb(5 10 24 / 45%);
	opacity: 0;
	transition: opacity 0.28s var(--jms-ease-out);
}

.mega-nav.is-open .mega-nav__veil {
	opacity: 1;
}

.mega-nav__sheet {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: min(100vh, 100dvh);
	background: var(--jms-color-header);
	color: #fff;
	transform: translateY(-104%);
	transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
	display: flex;
	flex-direction: column;
	padding-top: calc(var(--jms-admin-bar-height) + var(--jms-header-height));
	box-shadow: 0 24px 80px rgb(0 0 0 / 40%);
}

.mega-nav.is-open .mega-nav__sheet {
	transform: translateY(0);
}

.mega-nav__inner {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1.25rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.25rem);
	overflow: hidden;
}

.mega-nav__layout {
	flex: 1;
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	overflow: hidden;
}

@media (min-width: 64rem) {
	.mega-nav__layout {
		grid-template-columns: minmax(14rem, 22rem) minmax(0, 1fr);
		align-items: stretch;
		gap: clamp(2rem, 5vw, 4.5rem);
	}
}

.mega-nav__primary {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	flex: 0 0 auto;
}

.mega-nav__link {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.35rem 0;
	border: 0;
	background: transparent;
	color: rgb(255 255 255 / 42%);
	font: inherit;
	font-size: clamp(2rem, 6vw, 3.75rem);
	font-weight: 300;
	letter-spacing: -0.03em;
	line-height: 1.1;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.25s ease, transform 0.25s ease;
}

.mega-nav__link:hover,
.mega-nav__link:focus-visible {
	color: #fff;
	outline: none;
}

.mega-nav__link.is-active {
	color: #fff;
	font-weight: 400;
}

.mega-nav__stage {
	min-height: 0;
	overflow: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.5rem;
}

.mega-nav__panel[hidden] {
	display: none !important;
}

.mega-nav__eyebrow {
	margin: 0 0 1rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgb(255 255 255 / 38%);
}

.mega-nav__eyebrow--spaced {
	margin-top: 2.25rem;
}

.mega-nav__brands {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

@media (min-width: 48rem) {
	.mega-nav__brands {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.85rem;
	}
}

@media (min-width: 90rem) {
	.mega-nav__brands {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Same track as båtar — motors are not a smaller secondary grid. */
.mega-nav__brands--motors {
	max-width: none;
}

/*
 * Editorial brand tile: photo is the brand signal.
 * No logo stamps — they fight the photo and never look consistent.
 */
.mega-brand {
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	border-radius: 2px;
	background: #0a0e18;
	isolation: isolate;
}

.mega-brand:hover,
.mega-brand:focus-visible {
	outline: none;
}

.mega-brand__media {
	position: relative;
	display: block;
	aspect-ratio: 5 / 4;
	overflow: hidden;
	background: #0a0e18;
}

@media (min-width: 64rem) {
	.mega-brand__media {
		aspect-ratio: 16 / 11;
	}
}

.mega-brand__media > .mega-brand__cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: scale(1.01);
	transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.mega-brand:hover .mega-brand__cover,
.mega-brand:focus-visible .mega-brand__cover {
	transform: scale(1.06);
}

.mega-brand__fallback {
	display: block;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 30% 20%, rgb(61 139 253 / 22%), transparent 55%),
		linear-gradient(145deg, #151c30, #070b16);
}

.mega-brand__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(
			to top,
			rgb(5 10 24 / 92%) 0%,
			rgb(5 10 24 / 55%) 28%,
			rgb(5 10 24 / 0%) 52%
		);
	transition: opacity 0.35s ease;
}

.mega-brand:hover .mega-brand__shade,
.mega-brand:focus-visible .mega-brand__shade {
	opacity: 0.92;
}

.mega-brand__meta {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1.1rem 1rem 0.95rem;
	pointer-events: none;
}

.mega-brand__name {
	display: block;
	margin: 0;
	padding: 0;
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.15;
	color: #fff;
	text-shadow: 0 1px 12px rgb(0 0 0 / 35%);
	transition: color 0.25s ease;
}

.mega-brand__arrow {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	opacity: 0;
	transform: translateX(-4px);
	transition:
		opacity 0.3s ease,
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	background:
		no-repeat center / contain
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

.mega-brand:hover .mega-brand__arrow,
.mega-brand:focus-visible .mega-brand__arrow {
	opacity: 0.85;
	transform: translateX(0);
}

.mega-brand:hover .mega-brand__name,
.mega-brand:focus-visible .mega-brand__name {
	color: #fff;
}

.mega-brand--no-photo .mega-brand__meta {
	position: absolute;
	inset: 0;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
	text-align: center;
}

.mega-brand--no-photo .mega-brand__arrow {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.mega-brand__cover,
	.mega-brand__arrow,
	.mega-brand__shade {
		transition: none;
	}

	.mega-brand:hover .mega-brand__cover,
	.mega-brand:focus-visible .mega-brand__cover {
		transform: none;
	}
}

.mega-nav__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

@media (min-width: 64rem) {
	.mega-nav__links--cols {
		display: grid;
		grid-template-columns: repeat(2, minmax(14rem, 20rem));
		justify-content: start;
		column-gap: 2.75rem;
		row-gap: 0.15rem;
		align-content: start;
		max-width: 44rem;
	}
}

.mega-nav__links a {
	display: block;
	padding: 0.55rem 0;
	color: rgb(255 255 255 / 88%);
	text-decoration: none;
	font-size: clamp(1.25rem, 2.8vw, 2rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.2;
	border-bottom: 1px solid rgb(255 255 255 / 8%);
	transition: color 0.2s ease, padding-left 0.25s ease;
}

.mega-nav__links a:hover,
.mega-nav__links a:focus-visible {
	color: var(--jms-color-accent);
	padding-left: 0.35rem;
	outline: none;
}

.mega-nav__foot {
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgb(255 255 255 / 10%);
}

.mega-nav__foot .jms-social {
	margin: 0;
}

.mega-nav__cta {
	min-width: 10rem;
	padding: 0.85rem 1.35rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: var(--jms-control-radius);
}

@media (prefers-reduced-motion: reduce) {
	.mega-nav__sheet,
	.mega-nav__veil,
	.mega-brand,
	.mega-brand__cover {
		transition: none;
	}
}

/* ——— Buttons ——— */
.button {
	display: inline-flex; align-items: center; justify-content: center;
	padding: .75rem 1.35rem; border-radius: var(--jms-control-radius);
	text-decoration: none; font-weight: 700; border: 2px solid transparent;
	font-family: inherit; font-size: 1rem; cursor: pointer;
	transition: transform var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out),
		border-color var(--jms-duration) var(--jms-ease-out),
		color var(--jms-duration) var(--jms-ease-out);
}

.button--primary,
.button--accent {
	background: var(--jms-color-accent);
	color: #fff;
	border-color: var(--jms-color-accent);
}

.button--primary:hover,
.button--accent:hover {
	background: var(--jms-color-accent-hover);
	border-color: var(--jms-color-accent-hover);
}

.button--hero {
	background: transparent;
	color: #fff;
	border: 1px solid rgb(255 255 255 / 40%);
	text-transform: none;
	font-size: 0.875rem;
	letter-spacing: 0.03em;
	font-weight: var(--jms-font-bold);
	padding: 0.65rem 1.2rem;
}

.button--hero:hover {
	background: rgb(255 255 255 / 10%);
	border-color: #fff;
}

.button--hero:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.button--accent:focus-visible,
.button--primary:focus-visible {
	outline: 2px solid var(--jms-color-primary);
	outline-offset: 3px;
}

.button--ghost {
	background: transparent;
	color: var(--jms-color-text);
	border-color: var(--jms-color-border);
}

.button--ghost:hover {
	border-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
}

/*
 * Social icons — footer + meny.
 * Hover: accent på kant + ikon, aldrig solid fyllning som döljer glyfen.
 */
.jms-social {
	display: flex;
	gap: 0.5rem;
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}

.jms-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.375rem;
	height: 2.375rem;
	border-radius: var(--jms-control-radius);
	border: 1px solid rgb(255 255 255 / 55%);
	background: transparent;
	color: #fff;
	transition:
		border-color 0.2s var(--jms-ease-out),
		color 0.2s var(--jms-ease-out);
}

.jms-social__link svg {
	display: block;
	flex-shrink: 0;
	fill: currentColor;
}

.jms-social__link:hover,
.jms-social__link:focus-visible {
	background: transparent;
	border-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
	outline: none;
}

/* ——— Hero (front) ——— */
.hero {
	color: #fff;
	position: relative;
	overflow: hidden;
}

.hero--front {
	width: 100%;
	max-width: 100%;
	/* Sticky header sits in flow above hero — subtract it (+ WP admin bar). */
	min-height: calc(100vh - var(--jms-header-height) - var(--jms-admin-bar-height));
	min-height: calc(100dvh - var(--jms-header-height) - var(--jms-admin-bar-height));
	height: calc(100dvh - var(--jms-header-height) - var(--jms-admin-bar-height));
	max-height: calc(100dvh - var(--jms-header-height) - var(--jms-admin-bar-height));
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: var(--jms-color-primary, #050a18);
	margin-inline: 0;
	overflow: clip;
}

.hero__media {
	position: absolute;
	inset: 0;
	overflow: clip;
	contain: paint;
	container-type: size;
	background: var(--jms-color-primary, #050a18);
}

.hero__poster {
	position: absolute;
	inset: 0;
	background-color: var(--jms-color-primary, #050a18);
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.hero__poster-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	transform: none;
	z-index: 0;
}

.hero__video {
	position: absolute;
	top: 50%;
	left: 50%;
	/* Cover media box — never use vw/vh (they blow out mobile layout / Safari). */
	width: max(100%, 177.78%);
	height: max(56.25%, 100%);
	width: max(100cqw, 177.78cqh);
	height: max(56.25cqw, 100cqh);
	max-width: none;
	transform: translate(-50%, -50%);
	border: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	background: var(--jms-color-primary, #050a18);
	transition: opacity 0.45s var(--jms-ease-out);
	visibility: hidden;
}

.hero__video.is-ready {
	opacity: 1;
	visibility: visible;
}

.hero__shade {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(
			105deg,
			rgb(5 10 24 / 78%) 0%,
			rgb(5 10 24 / 38%) 46%,
			rgb(5 10 24 / 52%) 100%
		),
		linear-gradient(
			to top,
			rgb(5 10 24 / 72%) 0%,
			rgb(5 10 24 / 18%) 42%,
			rgb(5 10 24 / 40%) 100%
		);
}

.hero__overlay {
	/* legacy alias */
	display: none;
}

.hero__content {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: var(--jms-max-width);
	min-width: 0;
	box-sizing: border-box;
	margin-inline: auto;
	padding:
		1.25rem
		var(--jms-page-gutter)
		clamp(5.5rem, 10vw, 7.5rem);
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.hero__copy {
	max-width: min(100%, 36rem);
	min-width: 0;
}

.hero__copy > * {
	opacity: 0;
	transform: translateY(0.75rem);
	animation: jms-hero-rise 0.55s var(--jms-ease-out) forwards;
}

.hero__copy > *:nth-child(1) { animation-delay: 0.04s; }
.hero__copy > *:nth-child(2) { animation-delay: 0.12s; }
.hero__copy > *:nth-child(3) { animation-delay: 0.2s; }

@keyframes jms-hero-rise {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero__poster-img {
		transform: none;
		transition: none;
	}

	.hero__copy > * {
		opacity: 1;
		transform: none;
		animation: none;
	}

	.hero__video {
		transition: none;
	}
}

.hero__logo .custom-logo {
	height: clamp(4.25rem, 11vw, 6.5rem);
	width: auto;
	max-width: min(100%, 18rem);
	margin: 0 0 1rem;
	filter: drop-shadow(0 8px 24px rgb(0 0 0 / 35%));
}

.hero__brand-name {
	margin: 0 0 0.75rem;
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.1;
}

.hero__h1 {
	margin: 0 0 0.85rem;
	max-width: min(100%, 22ch);
	font-size: clamp(1.15rem, 4.2vw, 1.55rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.2;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.hero__logo + .hero__h1 {
	margin-top: 0.15rem;
}

.hero__lead {
	font-size: clamp(1rem, 1.6vw, 1.125rem);
	margin: 0 0 1.35rem;
	line-height: 1.5;
	color: rgb(255 255 255 / 90%);
	max-width: 34rem;
	text-wrap: pretty;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 0.75rem;
	align-items: center;
}

.hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.625rem;
	padding: 0.65rem 1.2rem;
	border-radius: var(--jms-control-radius);
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.03em;
	text-decoration: none;
	text-transform: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition:
		background var(--jms-duration) var(--jms-ease-out),
		border-color var(--jms-duration) var(--jms-ease-out),
		color var(--jms-duration) var(--jms-ease-out);
}

.hero__btn--primary {
	background: var(--jms-color-accent);
	color: #fff;
	border-color: var(--jms-color-accent);
}

.hero__btn--primary:hover,
.hero__btn--primary:focus-visible {
	background: var(--jms-color-accent-hover);
	border-color: var(--jms-color-accent-hover);
	color: #fff;
}

.hero__btn--ghost {
	background: transparent;
	color: #fff;
	border-color: rgb(255 255 255 / 40%);
}

.hero__btn--ghost:hover,
.hero__btn--ghost:focus-visible {
	background: rgb(255 255 255 / 10%);
	border-color: #fff;
	color: #fff;
}

.hero__btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.button--hero-primary {
	background: var(--jms-color-accent);
	color: #fff;
	border: 1px solid var(--jms-color-accent);
	border-radius: var(--jms-control-radius);
	font-size: 0.875rem;
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.03em;
	text-transform: none;
	padding: 0.65rem 1.2rem;
}

.button--hero-primary:hover {
	background: var(--jms-color-accent-hover);
}

.button--hero-primary:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* Brand logos — over hero film */
.hero-brands {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	min-height: 4.25rem;
	padding: 0.85rem 0 1.1rem;
	pointer-events: none;
	overflow: hidden;
	background: linear-gradient(
		to top,
		rgb(5 10 24 / 88%) 0%,
		rgb(5 10 24 / 45%) 55%,
		transparent 100%
	);
}

.hero-brands__viewport {
	flex: 1 1 auto;
	overflow: hidden;
	pointer-events: auto;
}

.hero-brands__fade {
	position: absolute;
	top: 0;
	bottom: 0;
	width: clamp(2rem, 6vw, 4.5rem);
	z-index: 2;
	pointer-events: none;
}

.hero-brands__fade--start {
	left: 0;
	background: linear-gradient(90deg, rgb(5 10 24 / 90%), transparent);
}

.hero-brands__fade--end {
	right: 0;
	background: linear-gradient(270deg, rgb(5 10 24 / 90%), transparent);
}

.hero-brands__track {
	display: flex;
	align-items: center;
	gap: clamp(2.25rem, 5vw, 3.75rem);
	width: max-content;
	padding-inline: clamp(1.5rem, 4vw, 3rem);
	animation: jms-logo-marquee 42s linear infinite;
}

.hero-brands:hover .hero-brands__track,
.hero-brands:focus-within .hero-brands__track {
	animation-play-state: paused;
}

.hero-brands__slide {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	opacity: 0.82;
	transition: opacity 0.2s var(--jms-ease-out), transform 0.2s var(--jms-ease-out);
}

.hero-brands__slide:hover,
.hero-brands__slide:focus-visible {
	opacity: 1;
	transform: translateY(-1px);
	outline: none;
}

.hero-brands__slide img {
	display: block;
	height: clamp(1.35rem, 2.4vw, 1.85rem);
	width: auto;
	max-width: 7.5rem;
	object-fit: contain;
	filter: drop-shadow(0 2px 8px rgb(0 0 0 / 35%));
}

@keyframes jms-logo-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.hero-brands__track {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		max-width: var(--jms-max-width);
		margin-inline: auto;
		gap: 1.25rem 2rem;
	}
}

.section-title,
.section-heading h2 {
	margin: 0 0 var(--jms-section-title-mb);
	font-size: var(--jms-type-section);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
	text-transform: uppercase;
	letter-spacing: var(--jms-tracking-ui);
	color: var(--jms-color-primary);
}

.section-display {
	margin: 0 0 1rem;
	font-size: var(--jms-type-display);
	font-weight: var(--jms-font-semibold);
	line-height: 1.25;
	letter-spacing: var(--jms-tracking-tight);
	color: var(--jms-color-primary);
	text-transform: none;
}

.section-title--center,
.section-display--center {
	text-align: center;
}

/* ——— Front page sections ——— */
.fp-stock,
.fp-brands,
.fp-news,
.fp-services,
.front-news,
.service-cta,
.booking-section {
	padding: var(--jms-section-y) 0;
}

.fp-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.fp-section-head__eyebrow {
	margin: 0 0 0.35rem;
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	color: var(--jms-color-accent);
}

.fp-section-head__title {
	margin: 0;
	font-size: clamp(1.375rem, 2.6vw, 1.85rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.15;
	color: var(--jms-color-primary);
	text-transform: none;
}

.fp-section-head__lede {
	margin: 0.55rem 0 0;
	max-width: 36rem;
	font-size: var(--jms-text-sm);
	line-height: 1.5;
	color: var(--jms-color-muted, #5c6570);
}

.fp-section-head__link {
	flex-shrink: 0;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-semibold);
	text-decoration: none;
	color: var(--jms-color-primary);
	border-bottom: 1px solid transparent;
	transition: border-color var(--jms-duration) var(--jms-ease-out);
}

.fp-section-head__link:hover,
.fp-section-head__link:focus-visible {
	border-bottom-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
}

/* Sections always visible — no hide-then-show flutter. */
[data-reveal] {
	opacity: 1;
	transform: none;
}

/* No view-transitions — they add ~300ms of crossfade on every click (feels slow from mega menu). */
@view-transition {
	navigation: none;
}

/* Stock strip */
.fp-stock {
	background:
		radial-gradient(ellipse 60% 40% at 90% 0%, rgb(61 139 253 / 6%), transparent 50%),
		var(--jms-color-surface);
}

/* Homepage strips: one row, scales with viewport (1 / 2 / 4 + peek) */
.fp-strip-grid {
	--fp-strip-gap: 0.85rem;
	--fp-strip-cols: 1.28;
	display: grid;
	gap: var(--fp-strip-gap);
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--fp-strip-gap) * (var(--fp-strip-cols) - 1))) / var(--fp-strip-cols));
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 0;
	padding-bottom: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.fp-strip-grid::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.fp-strip-grid > * {
	scroll-snap-align: start;
	min-width: 0;
}

@media (min-width: 48rem) {
	.fp-strip-grid {
		--fp-strip-gap: 1rem;
		--fp-strip-cols: 2.35;
	}
}

@media (min-width: 64rem) {
	.fp-strip-grid {
		--fp-strip-cols: 4.2;
	}

	/* Lager + nyheter: exakt 4 som fyller bredden */
	.fp-strip-grid:not(.fp-strip-grid--scroll) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-auto-flow: row;
		grid-auto-columns: unset;
		overflow: visible;
		scroll-snap-type: none;
	}
}

.fp-stock__grid {
	/* inherits .fp-strip-grid */
}

.fp-stock__item {
	position: relative;
	display: block;
	min-height: clamp(16.5rem, 42vw, 21rem);
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	background: var(--jms-color-primary);
	border-radius: 0;
}

@media (min-width: 64rem) {
	.fp-stock__item {
		min-height: clamp(17rem, 22vw, 22rem);
	}
}

.fp-stock__media {
	position: absolute;
	inset: 0;
}

.fp-stock__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s var(--jms-ease-out);
}

.fp-stock__item:hover .fp-stock__img,
.fp-stock__item:focus-visible .fp-stock__img {
	transform: scale(1.05);
}

.fp-stock__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgb(5 10 24 / 8%) 20%, rgb(5 10 24 / 82%) 100%);
	pointer-events: none;
}

.fp-stock__body {
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	padding: 1.25rem 1.15rem 1.35rem;
}

.fp-stock__badge {
	display: inline-block;
	margin-bottom: 0.35rem;
	padding: 0.2rem 0.45rem;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background: #fff;
	color: var(--jms-color-accent, #3d8bfd);
}

.fp-stock__badge--used {
	background: rgb(5 10 24 / 88%);
	color: #fff;
}

.fp-stock__badge--new {
	background: #fff;
	color: var(--jms-color-accent, #3d8bfd);
}

.fp-stock__brand {
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	opacity: 0.75;
}

.fp-stock__title {
	font-size: clamp(1rem, 1.5vw, 1.125rem);
	font-weight: var(--jms-font-semibold);
	line-height: 1.25;
	max-width: 22ch;
}

.fp-stock__price {
	margin-top: 0.35rem;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.02em;
}

/* Brands */
.fp-brands {
	background:
		radial-gradient(ellipse 70% 50% at 10% 0%, rgb(61 139 253 / 8%), transparent 55%),
		var(--jms-color-bg);
}

.fp-brands__grid {
	/* inherits .fp-strip-grid */
}

.fp-brand {
	position: relative;
	display: block;
	min-height: clamp(14rem, 38vw, 17rem);
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	background: var(--jms-color-primary);
}

@media (min-width: 64rem) {
	.fp-brand {
		min-height: 15.5rem;
	}
}

.fp-brand__media {
	position: absolute;
	inset: 0;
}

.fp-brand__cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.75s var(--jms-ease-out);
}

.fp-brand:hover .fp-brand__cover,
.fp-brand:focus-visible .fp-brand__cover {
	transform: scale(1.05);
}

.fp-brand__fallback {
	display: block;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(ellipse 80% 60% at 70% 40%, rgb(61 139 253 / 22%), transparent 55%),
		linear-gradient(145deg, #1a2238 0%, #050a18 100%);
}

.fp-brand__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 30%, rgb(5 10 24 / 78%) 100%);
}

.fp-brand__meta {
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1.1rem 1.15rem;
}

.fp-brand__name {
	font-size: clamp(1.05rem, 1.8vw, 1.25rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
}

.fp-brand__arrow {
	opacity: 0.7;
	transition: transform var(--jms-duration) var(--jms-ease-out), opacity var(--jms-duration) var(--jms-ease-out);
}

.fp-brand:hover .fp-brand__arrow,
.fp-brand:focus-visible .fp-brand__arrow {
	opacity: 1;
	transform: translateX(4px);
}

.fp-brand--motor {
	min-height: inherit;
}

/* News + services strips — same rail language, quieter cards */
.fp-news {
	background: var(--jms-color-surface);
}

.fp-news__grid {
	/* inherits .fp-strip-grid */
}

.fp-news__grid .news-tile,
.fp-services__grid .service-card {
	margin: 0;
	height: auto;
	align-self: start;
	background: #fff;
	border: 1px solid var(--jms-color-border, #e8e8e8);
	overflow: hidden;
	box-shadow: none;
	border-radius: 0;
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out),
		transform var(--jms-duration) var(--jms-ease-out);
}

.fp-news__grid .news-tile__media,
.fp-services__grid .service-card__media {
	display: block;
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 0;
	overflow: hidden;
	background: #f0f0f0;
}

.fp-services__grid .service-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.55s var(--jms-ease-out);
}

.fp-services__grid .service-card:hover .service-card__media img,
.fp-services__grid .service-card:focus-within .service-card__media img {
	transform: scale(1.04);
}

@media (min-width: 64rem) {
	.fp-news__grid .news-tile__media,
	.fp-services__grid .service-card__media {
		aspect-ratio: 16 / 10;
	}
}

/* Tjänstekort — basstilar i main.css (services.css laddas inte på startsidan) */
.fp-services__grid .service-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.fp-news__grid .news-tile__body,
.fp-services__grid .service-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 1rem 1.15rem 1.15rem;
	gap: 0.4rem;
}

.fp-news__grid .news-tile__title,
.fp-services__grid .service-card__title {
	margin: 0;
	font-size: clamp(1rem, 1.35vw, 1.1rem);
	font-weight: var(--jms-font-semibold);
	line-height: 1.3;
	color: var(--jms-color-text);
}

.fp-services__grid .service-card__excerpt {
	margin: 0;
	flex: 0 1 auto;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--jms-color-muted);
}

.fp-news__grid .news-tile__more,
.fp-services__grid .service-card__more {
	margin-top: auto;
	padding-top: 0.55rem;
	border-top: 1px solid #ececec;
	font-size: 0.8125rem;
	font-weight: var(--jms-font-semibold);
	/* Solid muted (not opacity) — opacity on dark text failed AA (~4.0:1). */
	color: #4b5563;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	transition: color 0.2s ease;
}

.fp-news__grid .news-tile:hover .news-tile__more,
.fp-news__grid .news-tile:focus-within .news-tile__more,
.fp-services__grid .service-card:hover .service-card__more,
.fp-services__grid .service-card:focus-within .service-card__more {
	color: var(--jms-color-text);
}

.fp-services {
	background: var(--jms-color-bg);
}

.fp-services__grid .service-card:hover,
.fp-services__grid .service-card:focus-within {
	border-color: #cfcfcf;
	box-shadow: 0 10px 28px rgb(0 0 0 / 7%);
	transform: translateY(-2px);
}

.fp-services__grid .service-card--compact .service-card__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Service CTA band */
.fp-cta {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: #fff;
	background: var(--jms-color-primary);
	padding: clamp(4rem, 9vw, 6.5rem) 0;
	text-align: center;
}

.fp-cta__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.fp-cta__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.45;
}

.fp-cta__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgb(5 10 24 / 55%) 0%, rgb(5 10 24 / 78%) 100%),
		radial-gradient(ellipse 60% 50% at 50% 100%, rgb(61 139 253 / 22%), transparent 60%);
}

.fp-cta__inner {
	position: relative;
	z-index: 1;
	max-width: 40rem;
	margin-inline: auto;
}

.fp-cta__eyebrow {
	margin: 0 0 0.5rem;
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	color: rgb(255 255 255 / 70%);
}

.fp-cta__title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.2;
	text-wrap: balance;
}

.fp-cta__text {
	margin: 0 0 1.75rem;
	font-size: var(--jms-text-lg);
	line-height: var(--jms-leading-normal);
	color: rgb(255 255 255 / 82%);
}

.fp-marina {
	background: var(--jms-color-bg);
}

.service-cta {
	background: var(--jms-color-surface);
	text-align: center;
}

.service-cta__inner {
	max-width: 40rem;
	margin-inline: auto;
}

.service-cta__inner > p {
	margin: 0 0 1.5rem;
	color: var(--jms-color-muted);
	font-size: var(--jms-text-lg);
	line-height: var(--jms-leading-normal);
}

/* ——— News archive tiles (photo-first, no soft cards) ——— */
.news-index {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-bg);
}

.news-index__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.5rem, 3vw, 2rem) var(--jms-block-gap);
}

@media (min-width: 48rem) {
	.news-index__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.news-index__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.news-index__empty {
	margin: 0;
	color: var(--jms-color-muted);
}

.news-tile {
	margin: 0;
	background: transparent;
	border-radius: 0;
}

.news-tile__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.news-tile__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 60% at 60% 40%, rgb(61 139 253 / 16%), transparent 55%),
		linear-gradient(145deg, #1a2238 0%, #050a18 100%);
}

.news-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.65s var(--jms-ease-out);
}

.news-tile:hover .news-tile__media img,
.news-tile:focus-within .news-tile__media img {
	transform: scale(1.03);
}

.news-tile__body {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem 0 0;
	flex: 1 1 auto;
}

.news-tile__date {
	font-size: var(--jms-type-meta);
	color: var(--jms-color-muted);
}

.news-tile__title {
	margin: 0;
	font-size: var(--jms-type-card);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
	letter-spacing: var(--jms-tracking-tight);
}

.news-tile__excerpt {
	margin: 0;
	flex: 1 1 auto;
	font-size: 0.9375rem;
	line-height: var(--jms-leading-normal);
	color: var(--jms-color-muted);
}

.news-tile__more {
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #4b5563;
}

.news-tile:hover .news-tile__more,
.news-tile:focus-within .news-tile__more {
	color: var(--jms-color-accent);
}

/* ——— Single news: mobile gallery-first; desktop title | gallery ——— */
.news-single {
	background: var(--jms-color-surface, #fff);
	color: var(--jms-color-text, #111114);
}

.news-single__shell {
	max-width: var(--jms-max-width, 90rem);
	margin: 0 auto;
	padding: 0 var(--jms-page-gutter, clamp(1.25rem, 4vw, 2.5rem));
}

.news-single__crumbs {
	padding-top: clamp(1rem, 2.5vw, 1.5rem);
	padding-bottom: 0.15rem;
}

.news-single__crumbs .breadcrumbs {
	margin-bottom: 0;
}

.news-single__stage {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.15rem, 2.5vw, 1.75rem);
	padding-top: clamp(0.85rem, 2vw, 1.25rem);
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
	align-items: start;
}

.news-single__copy {
	min-width: 0;
}

.news-single__media {
	min-width: 0;
}

/* Desktop: copy (title + body) left, gallery right — top-aligned */
@media (min-width: 64rem) {
	.news-single--has-gallery .news-single__stage {
		grid-template-columns: minmax(20rem, 0.95fr) minmax(0, 1.15fr);
		gap: clamp(1.75rem, 3vw, 2.75rem);
		padding-top: 1.35rem;
		align-items: start;
	}

	.news-single--has-gallery .news-single__copy {
		grid-column: 1;
		grid-row: 1;
	}

	.news-single--has-gallery .news-single__media {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		top: calc(var(--jms-header-height, 4.5rem) + 1rem);
	}

	.news-single--has-gallery .news-single__title {
		font-size: clamp(1.85rem, 2.6vw, 2.55rem);
	}
}

.news-single__meta {
	margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

.news-single__eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0.75rem;
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	color: var(--jms-color-accent);
}

.news-single__dot {
	color: var(--jms-color-muted, #5c6570);
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.news-single__eyebrow time {
	font-weight: var(--jms-font-semibold);
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--jms-color-muted, #5c6570);
}

.news-single__title {
	margin: 0;
	font-size: clamp(1.75rem, 3.6vw, 2.75rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.12;
	color: var(--jms-color-primary);
}

.news-single__lead {
	margin: 1.1rem 0 0;
	max-width: 38rem;
	font-size: clamp(1.05rem, 1.5vw, 1.2rem);
	line-height: var(--jms-leading-relaxed, 1.65);
	color: var(--jms-color-muted, #5c6570);
}

.news-gallery {
	min-width: 0;
}

.news-gallery__frame {
	position: relative;
	isolation: isolate;
}

.news-gallery__hero {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: linear-gradient(145deg, #0b1220 0%, #1a2438 55%, #0f1728 100%);
	cursor: zoom-in;
}

.news-gallery__hero-img,
.news-gallery__hero img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: 1;
	transition:
		opacity 0.28s ease,
		transform 0.7s var(--jms-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.news-gallery__hero-img.is-swapping {
	opacity: 0.35;
}

.news-gallery__hero:hover .news-gallery__hero-img,
.news-gallery__hero:hover img {
	transform: scale(1.02);
}

.news-gallery__chrome {
	position: absolute;
	inset: auto 0.85rem 0.85rem auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	pointer-events: none;
	z-index: 2;
}

.news-gallery__zoom,
.news-gallery__index {
	padding: 0.45rem 0.7rem;
	background: rgb(5 10 24 / 72%);
	backdrop-filter: blur(8px);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: var(--jms-font-bold, 700);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
}

.news-gallery__zoom {
	opacity: 0;
	transition: opacity 0.2s ease;
}

.news-gallery__hero:hover .news-gallery__zoom,
.news-gallery__hero:focus-visible .news-gallery__zoom {
	opacity: 1;
}

.news-gallery__nav {
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: rgb(255 255 255 / 88%);
	color: var(--jms-color-primary, #050a18);
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease, background 0.2s ease;
}

.news-gallery__frame:hover .news-gallery__nav,
.news-gallery__nav:focus-visible {
	opacity: 1;
}

.news-gallery__nav--prev { left: 0.75rem; }
.news-gallery__nav--next { right: 0.75rem; }

.news-gallery__nav:hover {
	background: #fff;
}

.news-gallery__rail {
	margin-top: 0.55rem;
}

.news-gallery__thumbs {
	display: flex;
	gap: 0.4rem;
	overflow-x: auto;
	padding-bottom: 0.2rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.news-gallery__thumbs::-webkit-scrollbar {
	height: 4px;
}

.news-gallery__thumbs::-webkit-scrollbar-thumb {
	background: rgb(5 10 24 / 22%);
}

.news-gallery__thumb {
	position: relative;
	flex: 0 0 clamp(4.75rem, 8.5vw, 5.75rem);
	aspect-ratio: 3 / 2;
	padding: 0;
	border: 0;
	background: var(--jms-color-bg, #f2f3f5);
	overflow: hidden;
	cursor: pointer;
	outline: none;
	isolation: isolate;
	scroll-snap-align: start;
}

.news-gallery__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid transparent;
	pointer-events: none;
	transition: border-color 0.2s ease;
}

.news-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s var(--jms-ease-out, cubic-bezier(0.22, 1, 0.36, 1)), opacity 0.2s ease;
	opacity: 0.78;
}

.news-gallery__thumb:hover img,
.news-gallery__thumb:focus-visible img {
	opacity: 1;
	transform: scale(1.04);
}

.news-gallery__thumb.is-active img {
	opacity: 1;
}

.news-gallery__thumb.is-active::after {
	border-color: var(--jms-color-primary, #050a18);
}

.news-gallery__thumb:focus-visible::after {
	border-color: var(--jms-color-accent, #3d8bfd);
}

@media (prefers-reduced-motion: reduce) {
	.news-gallery__hero:hover .news-gallery__hero-img,
	.news-gallery__hero:hover img,
	.news-gallery__thumb:hover img,
	.news-gallery__thumb:focus-visible img {
		transform: none;
	}
}

.news-article {
	padding: 0;
}

.news-article__body {
	max-width: none;
	font-size: clamp(1.05rem, 1.35vw, 1.175rem);
	line-height: 1.75;
	color: var(--jms-color-text, #1a1f2a);
}

.news-single:not(.news-single--has-gallery) .news-article__body {
	max-width: 42rem;
}

.news-article__body > *:first-child { margin-top: 0; }
.news-article__body > *:last-child { margin-bottom: 0; }

.news-article__body h2,
.news-article__body h3 {
	margin: 2em 0 0.65em;
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.25;
	color: var(--jms-color-primary);
}

.news-article__body h2 {
	font-size: clamp(1.35rem, 2vw, 1.55rem);
}

.news-article__body h3 {
	font-size: clamp(1.15rem, 1.6vw, 1.3rem);
}

.news-article__body p {
	margin: 0 0 1.15em;
}

.news-article__body a {
	color: var(--jms-color-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

.news-article__body a:hover,
.news-article__body a:focus-visible {
	color: var(--jms-color-primary);
}

.news-article__body ul,
.news-article__body ol {
	margin: 0 0 1.25em;
	padding-left: 1.25em;
}

.news-article__body li + li {
	margin-top: 0.35em;
}

.news-article__body blockquote {
	margin: 1.5em 0;
	padding: 0.15em 0 0.15em 1.15rem;
	border-left: 3px solid var(--jms-color-accent);
	font-size: 1.05em;
	line-height: 1.6;
	color: var(--jms-color-muted, #5c6570);
}

.news-article__body img {
	display: none;
}

.news-related {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-bg);
	border-top: 1px solid var(--jms-color-border);
}

.news-archive .pagination,
.news-index .navigation.pagination {
	margin-top: 2.5rem;
}

.news-more {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-top: 2.5rem;
}

.news-more__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.65rem 1.35rem;
	border: 1px solid var(--jms-color-border);
	border-radius: 999px;
	color: var(--jms-color-primary);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	background: #fff;
}

.news-more__link:hover,
.news-more__link:focus-visible {
	border-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
}

.news-more.is-loading .news-more__link {
	opacity: 0.7;
	pointer-events: none;
}

.news-more__sentinel {
	width: 100%;
	height: 1px;
}

.news-seo-pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem 1rem;
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--jms-color-border);
	font-size: 0.8125rem;
}

.news-seo-pages__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-seo-pages__link,
.news-seo-pages__current {
	display: inline-flex;
	min-width: 2rem;
	min-height: 2rem;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 0.5rem;
	color: var(--jms-color-muted);
	text-decoration: none;
}

.news-seo-pages__link:hover {
	color: var(--jms-color-accent);
}

.news-seo-pages__current {
	font-weight: 700;
	color: var(--jms-color-primary);
}

[data-news-root][data-js] .news-seo-pages {
	/* Visually quiet when JS infinite-scroll is active — still in DOM for crawlers. */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ——— Catalog (lager, varumärke, motor) ——— */
.catalog {
	padding-bottom: var(--jms-section-y);
}

.catalog__header {
	padding-top: var(--jms-section-y);
}

.catalog__header h1 {
	margin: 0.35rem 0 0.75rem;
	font-size: var(--jms-type-display);
	font-weight: var(--jms-font-semibold);
	line-height: 1.2;
	color: var(--jms-color-primary);
}

.catalog__intro,
.catalog__intro-block .catalog__intro {
	color: var(--jms-color-muted);
	max-width: 42rem;
	font-size: var(--jms-text-lg);
	line-height: var(--jms-leading-normal);
}

.catalog__intro-block {
	padding-bottom: 0.5rem;
}

.catalog__empty {
	color: var(--jms-color-muted);
	padding: 2rem 0;
}

/* ——— Catalog masthead (alla undersidor) ——— */
.catalog-mast {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: #fff;
	background: var(--jms-color-header, #050a18);
	min-height: var(--jms-mast-min-height);
}

.catalog-mast--brand,
.catalog-mast--lager,
.catalog-mast--service {
	min-height: var(--jms-mast-min-height);
}

.catalog-mast__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #0a1220;
}

.catalog-mast__media--tone,
.catalog-mast__media.catalog-mast__media--tone {
	background:
		radial-gradient(ellipse 80% 60% at 70% 40%, rgb(61 139 253 / 18%), transparent 55%),
		linear-gradient(145deg, #12182a 0%, #050a18 100%);
}

.catalog-mast__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	/* Cover = crop, never stretch. Center = mitt i höjd/bredd. */
	object-fit: cover;
	object-position: center center;
	z-index: 0;
}

/* PDP LCP stub — full product.css loads async; keep hero box stable for first paint. */
.pdp-gallery__frame {
	position: relative;
	isolation: isolate;
}

.pdp-gallery__hero {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: linear-gradient(145deg, #0b1220 0%, #1a2438 55%, #0f1728 100%);
}

.pdp-gallery__hero-img,
.pdp-gallery__hero img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.catalog-mast__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(
			105deg,
			rgb(5 10 24 / 78%) 0%,
			rgb(5 10 24 / 42%) 48%,
			rgb(5 10 24 / 55%) 100%
		),
		linear-gradient(
			to top,
			rgb(5 10 24 / 70%) 0%,
			rgb(5 10 24 / 15%) 45%,
			rgb(5 10 24 / 35%) 100%
		);
}

.catalog-mast--lager .catalog-mast__shade {
	background:
		linear-gradient(
			100deg,
			rgb(5 10 24 / 82%) 0%,
			rgb(5 10 24 / 48%) 42%,
			rgb(5 10 24 / 28%) 100%
		),
		linear-gradient(
			to top,
			rgb(5 10 24 / 55%) 0%,
			transparent 50%
		);
}

.catalog-mast__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: var(--jms-stack-sm);
	min-height: inherit;
	max-width: var(--jms-max-width, 90rem);
	margin-inline: auto;
	padding:
		clamp(2.75rem, 5.5vw, 3.75rem)
		var(--jms-page-gutter, clamp(1.25rem, 3vw, 2.75rem))
		clamp(1.85rem, 4vw, 2.75rem);
	box-sizing: border-box;
}

.catalog-mast__inner--brand {
	gap: var(--jms-stack-sm);
}

.catalog-mast__crumbs {
	margin: 0 0 0.15rem;
	order: -1; /* alltid överst i mast-innehåll */
}

/* Mast-eyebrow: kort etikett tätt ovanför H1 — ingen dekorlinje. */
.catalog-mast__eyebrow {
	display: block;
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
	color: rgb(255 255 255 / 70%);
}

/* Dra ihop eyebrow → rubrik (flex-gap på inner är bredare för övrigt). */
.catalog-mast__eyebrow + .catalog-mast__title {
	margin-top: calc(var(--jms-stack-xs) - var(--jms-stack-sm));
}

.catalog-mast__mark {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	line-height: 0;
	/* Shared mark slot — same height across brands, width follows artwork. */
	height: 3.5rem;
	width: auto;
	max-width: min(100%, 18rem);
}

.catalog-mast__mark img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 3.5rem;
	max-height: 3.5rem;
	object-fit: contain;
	object-position: left center;
}

/* Brand pages: logo is the hero signal — larger mark, quieter H1. */
.catalog-mast--brand .catalog-mast__mark {
	height: 5rem;
	max-width: min(100%, 22rem);
	margin-bottom: 0.35rem;
}

.catalog-mast--brand .catalog-mast__mark img {
	height: 5rem;
	max-height: 5rem;
}

.catalog-mast__title {
	margin: 0;
	max-width: 18ch;
	font-size: clamp(2.15rem, 5vw, 3.35rem);
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: 1.08;
	color: #fff;
	text-wrap: balance;
}

.catalog-mast--brand .catalog-mast__title {
	max-width: 22ch;
	font-size: clamp(1.35rem, 2.8vw, 1.85rem);
	font-weight: 500;
	letter-spacing: -0.015em;
	line-height: 1.2;
	color: rgb(255 255 255 / 88%);
}

.catalog-mast__intro {
	margin: 0;
	max-width: min(100%, 42rem);
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	line-height: 1.55;
	color: rgb(255 255 255 / 78%);
	font-weight: 300;
}

@media (min-width: 64rem) {
	.catalog-mast--brand .catalog-mast__intro {
		max-width: min(100%, 46rem);
	}
}

.catalog-mast__intro p {
	margin: 0 0 0.75rem;
}

.catalog-mast__intro p:last-child {
	margin-bottom: 0;
}

/* Legacy WYSIWYG-intro som en enda punktlista — läs som löptext i masten. */
.catalog-mast__intro ul,
.catalog-mast__intro ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.catalog-mast__intro li + li {
	margin-top: 0.5rem;
}

.catalog-mast__intro a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.catalog-mast__intro strong,
.catalog-mast__intro b {
	font-weight: 600;
}

.catalog-mast__intro em,
.catalog-mast__intro i {
	font-style: italic;
}

.catalog-mast__section-title {
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--jms-color-text);
}

.catalog-mast__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin: var(--jms-stack-xs) 0 0;
}

.catalog-mast__actions .button--ghost {
	color: #fff;
	border-color: rgb(255 255 255 / 45%);
	background: transparent;
}

.catalog-mast__actions .button--ghost:hover,
.catalog-mast__actions .button--ghost:focus-visible {
	color: #fff;
	border-color: #fff;
	background: rgb(255 255 255 / 10%);
}

.fp-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	align-items: center;
	justify-content: center;
}

.fp-cta .button--ghost {
	color: #fff;
	border-color: rgb(255 255 255 / 45%);
	background: transparent;
}

.fp-cta .button--ghost:hover,
.fp-cta .button--ghost:focus-visible {
	color: #fff;
	border-color: #fff;
	background: rgb(255 255 255 / 10%);
}

/* ——— Teamet ——— */
.team-about {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-surface);
}

.team-about__layout {
	display: grid;
	gap: var(--jms-stack-xl);
}

@media (min-width: 64rem) {
	.team-about__layout {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: clamp(2.5rem, 4vw, 3.5rem);
		align-items: start;
	}
}

.team-block__title {
	margin: 0 0 var(--jms-stack-md);
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.2;
	color: var(--jms-color-primary);
}

.team-about__body {
	font-size: var(--jms-text-lg);
	line-height: var(--jms-leading-relaxed);
	max-width: 38rem;
	color: var(--jms-color-text);
}

.team-about__body > *:first-child { margin-top: 0; }
.team-about__body > *:last-child { margin-bottom: 0; }

.team-about__body ul {
	margin: var(--jms-stack-md) 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.55rem;
}

.team-about__body ul li {
	position: relative;
	padding-left: 1.1rem;
	font-size: var(--jms-text-base);
	line-height: 1.45;
	color: var(--jms-color-muted);
}

.team-about__body ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: var(--jms-color-accent);
}

.team-about__media {
	display: grid;
	gap: var(--jms-block-gap);
}

.team-about__figure {
	margin: 0;
	overflow: hidden;
	background: var(--jms-color-bg);
}

.team-about__figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.team-about__figure--primary {
	aspect-ratio: 4 / 3;
}

.team-about__thumbs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--jms-block-gap);
}

.team-about__figure--thumb {
	aspect-ratio: 4 / 3;
	background: #f7f8fa;
}

/* Certifikat / logotyper — visa hela bilden, inte beskär. */
.team-about__figure--thumb img {
	object-fit: contain;
	padding: 0.75rem;
}

@media (min-width: 64rem) {
	.team-about__media--collage .team-about__figure--primary {
		aspect-ratio: 5 / 4;
	}
}

.team-awards {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-bg);
	border-block: 1px solid var(--jms-color-border);
}

.team-awards .fp-section-head {
	margin-bottom: var(--jms-stack-lg);
}

.team-awards__timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0;
	border-left: 2px solid var(--jms-color-border);
}

.team-awards__year-block {
	position: relative;
	display: grid;
	grid-template-columns: 5rem minmax(0, 1fr);
	gap: var(--jms-stack-md);
	padding: 0 0 var(--jms-stack-xl) var(--jms-stack-lg);
}

.team-awards__year-block:last-child {
	padding-bottom: 0;
}

.team-awards__year-block::before {
	content: '';
	position: absolute;
	left: -5px;
	top: 0.35rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--jms-color-accent);
	box-shadow: 0 0 0 3px var(--jms-color-bg);
}

.team-awards__year {
	margin: 0;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.06em;
	color: var(--jms-color-accent);
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
}

.team-awards__points {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.55rem;
}

.team-awards__point {
	margin: 0;
	font-size: clamp(1rem, 1.5vw, 1.125rem);
	font-weight: var(--jms-font-semibold);
	line-height: 1.4;
	color: var(--jms-color-primary);
}

@media (max-width: 47.99rem) {
	.team-awards__year-block {
		grid-template-columns: 1fr;
		gap: var(--jms-stack-xs);
		padding-left: var(--jms-stack-lg);
	}
}

.team-staff {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-surface);
}

.team-staff__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jms-stack-xl) var(--jms-block-gap);
}

@media (min-width: 48rem) {
	.team-staff__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.team-staff__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 90rem) {
	.team-staff__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.team-staff__empty {
	margin: 0;
	color: var(--jms-color-muted);
}

.team-person {
	margin: 0;
}

.team-person__media {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: #1a2238;
}

.team-person__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.65s var(--jms-ease-out);
}

.team-person:hover .team-person__media img {
	transform: scale(1.03);
}

.team-person__body {
	padding: var(--jms-stack-md) 0 0;
}

.team-person__name {
	margin: 0 0 0.2rem;
	font-size: 1.125rem;
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
}

.team-person__role {
	margin: 0 0 0.65rem;
	font-size: 0.9375rem;
	color: var(--jms-color-muted);
}

.team-person__contacts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.25rem;
	font-size: 0.875rem;
}

.team-person__contacts a {
	color: var(--jms-color-accent);
	text-decoration: none;
}

.team-person__contacts a:hover,
.team-person__contacts a:focus-visible {
	color: var(--jms-color-accent-hover);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ——— Kontakt ——— */
.contact-facts {
	padding: var(--jms-section-y) 0;
	background: var(--jms-color-surface);
}

.contact-facts__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(2rem, 4vw, 2.75rem);
}

@media (min-width: 48rem) {
	.contact-facts__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.contact-facts__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.contact-fact {
	margin: 0;
	padding: 0;
	border-top: 2px solid var(--jms-color-accent);
	padding-top: 1.15rem;
}

.contact-fact__eyebrow {
	margin: 0 0 0.35rem;
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	color: var(--jms-color-muted);
}

.contact-fact__title {
	margin: 0 0 0.65rem;
	font-size: 1.25rem;
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
}

.contact-fact__text {
	margin: 0 0 0.85rem;
	font-size: 0.9375rem;
	line-height: var(--jms-leading-normal);
	color: var(--jms-color-muted);
}

.contact-fact__detail {
	margin: 0;
	font-size: 1rem;
	line-height: var(--jms-leading-normal);
}

.contact-fact__meta {
	margin: 0.5rem 0 0;
	font-size: 0.8125rem;
	color: var(--jms-color-muted);
}

.contact-fact__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
}

.contact-fact__list a {
	color: var(--jms-color-accent);
	text-decoration: none;
	font-weight: var(--jms-font-semibold);
}

.contact-fact__list a:hover,
.contact-fact__list a:focus-visible {
	color: var(--jms-color-accent-hover);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.contact-hours {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.45rem;
}

.contact-hours li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: 0.9375rem;
	border-bottom: 1px solid var(--jms-color-border);
	padding-bottom: 0.4rem;
}

.contact-hours__day {
	font-weight: var(--jms-font-semibold);
}

.contact-hours__time {
	color: var(--jms-color-muted);
}

.contact-map {
	padding: 0 0 var(--jms-section-y);
	background: var(--jms-color-surface);
}

.contact-map__inner {
	display: grid;
	gap: 0.85rem;
}

.contact-map__title {
	margin: 0;
	font-size: clamp(1.25rem, 2.4vw, 1.5rem);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
}

.contact-map__text {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--jms-color-muted);
}

.contact-map__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #e8ebf0;
	border-radius: var(--jms-control-radius);
}

@media (min-width: 64rem) {
	.contact-map__frame {
		aspect-ratio: 21 / 9;
	}
}

.contact-map__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.contact-map__actions {
	margin: 0.25rem 0 0;
}

/* ——— Motorvarumärke: jämlika mega-brand-ingångar ——— */
.catalog-motor__hub {
	padding-top: var(--jms-catalog-after-mast, 2.5rem);
	padding-bottom: var(--jms-stack-xl);
}

.catalog-motor__entries {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jms-block-gap);
}

/* Surfplatta 2 kol, desktop 3 kol — fyll från vänster (samma som övriga katalog-/strip-grids). */
@media (min-width: 48rem) {
	.catalog-motor__entries {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.catalog-motor__entries {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.catalog-motor__entry.mega-brand {
	border-radius: var(--jms-control-radius, 3px);
}

/* ——— 404 ——— */
.error-page {
	background: #fff;
}

.error-page__links {
	padding-top: var(--jms-catalog-after-mast, 2rem);
	padding-bottom: var(--jms-stack-lg, 3rem);
}

.error-page__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jms-block-gap, 1rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 48rem) {
	.error-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.error-page__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.error-page__card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-height: 7.5rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--jms-color-border, #d8dee6);
	border-radius: var(--jms-control-radius, 3px);
	background: var(--jms-color-surface, #fff);
	color: inherit;
	text-decoration: none;
	transition: border-color var(--jms-duration) var(--jms-ease-out), transform var(--jms-duration) var(--jms-ease-out);
}

.error-page__card:hover,
.error-page__card:focus-visible {
	border-color: var(--jms-color-primary);
	transform: translateY(-2px);
}

.error-page__card-label {
	font-size: 1.05rem;
	font-weight: var(--jms-font-semibold);
	color: var(--jms-color-primary);
}

.error-page__card-desc {
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--jms-color-muted);
}

.catalog--boat_brand,
.catalog--motor_hub,
.catalog--motor_type,
.catalog--motor-index,
.catalog--series {
	background: #fff;
}

.catalog-motor-type__heading {
	padding-top: 1.25rem;
	padding-bottom: 0.5rem;
}

.catalog-motor-type__cta-band .fp-cta__text p {
	margin: 0;
}

.catalog-motor-families {
	display: grid;
	gap: var(--jms-section-y);
	padding-top: var(--jms-catalog-after-mast);
	padding-bottom: var(--jms-section-y);
}

.catalog-motor-family {
	display: grid;
	gap: 1.25rem;
	align-items: center;
}

@media (min-width: 48rem) {
	.catalog-motor-family {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		gap: clamp(1.5rem, 3vw, 2.5rem);
	}

	.catalog-motor-family:nth-child(even) .catalog-motor-family__media {
		order: 2;
	}
}

.catalog-motor-family__media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--jms-control-radius, 3px);
	background: var(--jms-color-primary);
}

.catalog-motor-family__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.catalog-motor-family__title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	font-weight: var(--jms-font-semibold);
	color: var(--jms-color-primary);
}

.catalog-motor-family__text {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--jms-color-text);
}

.catalog-motor-family__text p {
	margin: 0 0 0.75rem;
}

.catalog-motor-family__text p:last-child {
	margin-bottom: 0;
}

.catalog-motor-family__action {
	margin: 1rem 0 0;
}

.catalog-hp-nav {
	padding-block: 0.75rem 0;
}

.catalog-hp-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.catalog-hp-nav__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 0.9rem;
	border: 1px solid var(--jms-color-border, #d8dee6);
	border-radius: var(--jms-control-radius, 3px);
	background: var(--jms-color-surface, #fff);
	color: var(--jms-color-text);
	font-size: 0.875rem;
	font-weight: var(--jms-font-semibold);
	text-decoration: none;
	transition: background var(--jms-duration) var(--jms-ease-out), border-color var(--jms-duration) var(--jms-ease-out);
}

.catalog-hp-nav__chip:hover,
.catalog-hp-nav__chip:focus-visible,
.catalog-hp-nav__chip.is-active {
	border-color: var(--jms-color-primary);
	background: var(--jms-color-primary);
	color: #fff;
}

/* Typnavigering direkt under masten — samma rytm som rubrik → innehåll. */
.catalog--motor_type .catalog-nav {
	padding-top: var(--jms-catalog-after-mast);
	padding-bottom: 0;
}
.catalog-hub-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jms-block-gap);
}

@media (min-width: 48rem) {
	.catalog-hub-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.catalog-hub-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.catalog-hub-grid:has(> :nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.catalog-hub-tile {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(10rem, 28vw, 14rem);
	padding: 1.25rem;
	border-radius: var(--jms-radius);
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	background: var(--jms-color-primary);
	isolation: isolate;
	transition: transform var(--jms-duration) var(--jms-ease-out);
}

.catalog-hub-tile:hover,
.catalog-hub-tile:focus-visible {
	transform: translateY(-2px);
}

.catalog-hub-tile__media {
	position: absolute;
	inset: 0;
	z-index: -2;
}

.catalog-hub-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--jms-duration) var(--jms-ease-out);
}

.catalog-hub-tile:hover .catalog-hub-tile__media img,
.catalog-hub-tile:focus-visible .catalog-hub-tile__media img {
	transform: scale(1.03);
}

.catalog-hub-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgb(0 0 20 / 10%) 0%, rgb(0 0 20 / 78%) 100%);
}

.catalog-hub-tile__label {
	font-size: clamp(1.1rem, 2.2vw, 1.45rem);
	font-weight: var(--jms-font-semibold);
	line-height: 1.2;
}

.catalog--motor_hub .catalog-nav {
	display: none;
}

/* Legacy catalog hero (type hubs) — samma höjdtoken */
.catalog-hero {
	position: relative;
	min-height: var(--jms-mast-min-height);
	background: var(--jms-color-primary) center / cover no-repeat;
	background-image: var(--catalog-hero-image);
	display: flex;
	align-items: flex-end;
}

.catalog-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgb(0 0 20 / 35%) 0%, rgb(0 0 20 / 78%) 100%);
}

.catalog-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-block: clamp(1.85rem, 4vw, 2.75rem);
	padding-inline: var(--jms-page-gutter);
}

.catalog-hero__title {
	margin: 0.5rem 0 0;
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
	font-weight: var(--jms-font-semibold);
	line-height: 1.15;
	color: #fff;
}

/* ——— Lager inventory (Volvo Selekt–inspirerad) ——— */
.catalog--lager {
	background: var(--jms-color-bg-muted, #f4f6f8);
}

.catalog--lager .catalog__header {
	padding-bottom: 0.5rem;
}

.catalog-inventory-nav {
	display: grid;
	gap: 1rem;
	padding-block: 0.5rem 1rem;
}

.catalog-inventory-nav__tabs {
	display: inline-flex;
	gap: 0;
	padding: 0.25rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 85%);
	border: 1px solid var(--jms-color-border);
	width: fit-content;
	max-width: 100%;
	overflow-x: auto;
}

.catalog-inventory-nav__tab {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 1.15rem;
	border-radius: 999px;
	text-decoration: none;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-semibold);
	color: var(--jms-color-muted);
	white-space: nowrap;
	transition:
		background var(--jms-duration) var(--jms-ease-out),
		color var(--jms-duration) var(--jms-ease-out);
}

.catalog-inventory-nav__tab:hover {
	color: var(--jms-color-primary);
}

.catalog-inventory-nav__tab.is-active {
	background: var(--jms-color-primary);
	color: #fff;
}

.catalog-inventory-nav__filters {
	padding-top: 0.15rem;
}

.catalog-inventory__count {
	margin: 0 0 0.75rem;
	font-size: var(--jms-text-sm);
	color: var(--jms-color-muted);
	font-weight: var(--jms-font-semibold);
}

/* Filter chips */
.catalog-nav {
	padding-block: 1.25rem 0.5rem;
}

.catalog-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.catalog-nav__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid var(--jms-color-border);
	background: var(--jms-color-surface);
	color: var(--jms-color-text);
	text-decoration: none;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-wide);
	text-transform: uppercase;
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		color var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out);
}

.catalog-nav__chip:hover {
	border-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
}

.catalog-nav__chip.is-active {
	background: var(--jms-color-primary);
	border-color: var(--jms-color-primary);
	color: #fff;
}

.catalog-flat {
	padding-top: var(--jms-stack-md);
	padding-bottom: var(--jms-stack-xl);
}

.catalog-series {
	padding-top: var(--jms-catalog-after-mast, 2.5rem);
	padding-bottom: var(--jms-stack-xl);
}

/* Rubrik → kort: en token, ingen extra grid-padding ovanpå. */
.catalog-series__page-title,
.catalog-mast__section-title {
	margin: 0 0 var(--jms-catalog-heading-to-grid, 1.25rem);
}

.catalog-series__block + .catalog-series__block {
	margin-top: var(--jms-catalog-series-gap, 2.5rem);
}

.catalog-series__title {
	margin: 0 0 var(--jms-catalog-heading-to-grid, 1.25rem);
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-wide);
	text-transform: uppercase;
	color: var(--jms-color-primary);
}

.catalog-series__grid {
	padding: 0;
}

.catalog__grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--jms-block-gap);
	padding-block: 1.5rem 0;
}

@media (min-width: 48rem) {
	.catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.catalog__grid--overlay,
	.catalog__grid--inventory {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.catalog__grid:not(.catalog__grid--overlay):not(.catalog__grid--inventory) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ——— Cards ——— */
.boat-card {
	background: var(--jms-color-surface);
	border-radius: var(--jms-radius);
	box-shadow: var(--jms-shadow);
	overflow: hidden;
	height: 100%;
	border: 1px solid rgb(255 255 255 / 60%);
	opacity: 0;
	transform: translateY(14px);
	transition:
		transform var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out);
}

.boat-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--jms-shadow-lg);
}

.boat-card--inventory {
	border: 1px solid rgb(0 0 20 / 6%);
	box-shadow: 0 8px 28px rgb(0 0 20 / 6%);
}

.boat-card--inventory:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 40px rgb(0 0 20 / 10%);
}

.boat-card--sold {
	opacity: 0.82;
}

.boat-card--sold .boat-card__media img {
	filter: grayscale(0.35);
}

.boat-card--inventory .boat-card__media {
	aspect-ratio: 16 / 10;
}

.boat-card__badges {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	z-index: 2;
}

.boat-card__badge {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1;
}

.boat-card__badge--used {
	background: var(--jms-color-primary, #050a18);
	color: #fff;
}

.boat-card__badge--new {
	background: #fff;
	color: var(--jms-color-accent, #3d8bfd);
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
}

.boat-card__badge--sale {
	background: var(--jms-color-accent, #3d8bfd);
	color: #fff;
}

.boat-card__badge--sold {
	background: rgb(0 0 20 / 72%);
	color: #fff;
}

.boat-card__price--sale .boat-card__price-now {
	color: var(--jms-color-accent, #3d8bfd);
}

.boat-card__brand {
	margin: 0 0 0.25rem;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-semibold);
	color: var(--jms-color-muted);
	text-transform: uppercase;
	letter-spacing: var(--jms-tracking-wide);
}

.boat-card--inventory .boat-card__body {
	padding: 1.1rem 1.15rem 1.25rem;
}

.boat-card--inventory .boat-card__title {
	font-size: clamp(1rem, 1.8vw, 1.125rem);
	margin-bottom: 0.5rem;
}

.boat-card--inventory .boat-card__title::before {
	display: none;
}

.boat-card--inventory .boat-card__price {
	margin: 0.35rem 0 0;
	font-size: 1.0625rem;
	font-weight: var(--jms-font-bold);
	color: var(--jms-color-primary);
}

.boat-card--overlay {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.boat-card--overlay:hover {
	transform: none;
	box-shadow: none;
}

/* No scroll-reveal on grids — cards stay solid (avoids flutter with lazy images). */

.boat-card__link {
	display: block;
	color: inherit;
	text-decoration: none;
	height: 100%;
}

.boat-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #e9eef3;
}

.boat-card--overlay .boat-card__media {
	aspect-ratio: 16 / 11;
}

.boat-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s var(--jms-ease-out);
}

.boat-card:hover .boat-card__media img {
	transform: scale(1.05);
}

.boat-card__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1rem;
	background: linear-gradient(180deg, rgb(0 0 0 / 8%) 0%, rgb(0 0 0 / 72%) 100%);
}

.boat-card__overlay .boat-card__title {
	margin: 0;
	color: #fff;
	font-size: var(--jms-type-card);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
}

.boat-card__overlay .boat-card__title::before {
	content: "";
	flex: 0 0 var(--jms-accent-bar);
	width: var(--jms-accent-bar);
	align-self: stretch;
	min-height: 1em;
	margin-top: 0.1em;
	background: var(--jms-color-accent);
}

.boat-card__overlay .boat-card__status {
	margin: 0.35rem 0 0 0.65rem;
	color: rgb(255 255 255 / 88%);
	font-size: var(--jms-type-meta);
}

.boat-card__body {
	padding: 1rem 1.05rem 1.15rem;
}

.boat-card__title {
	margin: 0 0 0.35rem;
	font-size: var(--jms-type-card);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
}

.boat-card__title::before {
	content: "";
	flex: 0 0 var(--jms-accent-bar);
	width: var(--jms-accent-bar);
	align-self: stretch;
	min-height: 1em;
	margin-top: 0.1em;
	background: var(--jms-color-accent);
}

.boat-card__status {
	margin: 0;
	color: var(--jms-color-muted);
	font-size: var(--jms-type-meta);
}

.boat-card__status.is-stock {
	color: var(--jms-color-primary);
}

.boat-card__status.is-order {
	color: var(--jms-color-muted);
}

.boat-card__status.is-sold {
	color: #8a4b4b;
}

.boat-card__price {
	margin: 0.35rem 0 0;
	font-weight: var(--jms-font-bold);
	color: var(--jms-color-primary);
}

.boat-card__price-was,
.selekt-card__price-was {
	display: block;
	margin: 0 0 0.1rem;
	font-size: 0.8125rem;
	font-weight: var(--jms-font-medium);
	color: var(--jms-color-muted, #6b7280);
	text-decoration: line-through;
	text-decoration-thickness: 1.5px;
}

.boat-card__price-now,
.selekt-card__price-now {
	display: inline-block;
}

.selekt-card__price--sale .selekt-card__price-now {
	color: var(--jms-color-accent, #3d8bfd);
}

/* Shared “Från” starting-price mark — quieter than the figures */
.jms-price {
	display: inline-flex;
	align-items: baseline;
	gap: 0.32em;
	flex-wrap: nowrap;
	max-width: 100%;
}

.jms-price__from {
	font-size: 0.58em;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: none;
	color: var(--jms-color-muted, #6b7280);
	opacity: 0.9;
	transform: translateY(-0.08em);
	flex-shrink: 0;
}

.jms-price__amount {
	font-size: 1em;
	font-weight: inherit;
	letter-spacing: inherit;
	color: inherit;
	line-height: inherit;
}

.boat-card__price .jms-price__from,
.selekt-card__price .jms-price__from {
	font-size: 0.62em;
}

.single-boat__status.is-stock {
	color: var(--jms-color-accent);
	font-weight: var(--jms-font-semibold);
}

.single-boat__status.is-order {
	color: var(--jms-color-muted);
}

.single-boat__status.is-sold {
	color: #8a4b4b;
}

/* ——— Breadcrumbs (enhetlig sajtvid) ——— */
.breadcrumbs {
	margin: 0;
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem 0;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--jms-crumb-fs, 0.8125rem);
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.35;
	color: var(--jms-color-muted);
}

.breadcrumbs li {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
}

.breadcrumbs li:not(:last-child)::after {
	content: "›";
	margin-left: 0.4rem;
	margin-right: 0.35rem;
	color: var(--jms-color-accent);
	opacity: 1;
	font-weight: 400;
	speak: never;
}

.breadcrumbs a {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus-visible {
	color: var(--jms-color-primary);
	outline: none;
}

.breadcrumbs [aria-current="page"] {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(48vw, 16rem);
	color: var(--jms-color-text);
	font-weight: 600;
}

/* Ljust läge (PDP, plain headers) */
.pdp-crumbs,
.catalog__header .breadcrumbs,
.jms-crumbs--light {
	margin-bottom: 0;
}

.pdp-crumbs .breadcrumbs a:hover,
.pdp-crumbs .breadcrumbs a:focus-visible,
.catalog__header .breadcrumbs a:hover,
.catalog__header .breadcrumbs a:focus-visible {
	color: var(--jms-color-primary);
}

/* Mörkt läge (i catalog-mast / legacy hero) */
.catalog-mast .breadcrumbs,
.catalog-mast .breadcrumbs a,
.catalog-hero .breadcrumbs,
.catalog-hero .breadcrumbs a {
	color: rgb(255 255 255 / 68%);
}

.catalog-mast .breadcrumbs a:hover,
.catalog-mast .breadcrumbs a:focus-visible,
.catalog-hero .breadcrumbs a:hover,
.catalog-hero .breadcrumbs a:focus-visible {
	color: #fff;
}

.catalog-mast .breadcrumbs [aria-current="page"],
.catalog-hero .breadcrumbs [aria-current="page"] {
	color: rgb(255 255 255 / 92%);
}

.catalog-mast .breadcrumbs li:not(:last-child)::after,
.catalog-hero .breadcrumbs li:not(:last-child)::after {
	color: var(--jms-color-accent);
	opacity: 1;
}

@media (max-width: 47.99rem) {
	.breadcrumbs ol {
		font-size: 0.75rem;
		row-gap: 0.2rem;
	}

	.breadcrumbs [aria-current="page"] {
		max-width: min(58vw, 12rem);
	}

	/* Dölj "Hem" på mycket smal skärm om det finns ≥3 steg — behåll väg. */
	.breadcrumbs ol:has(li:nth-child(3)) > li:first-child {
		display: none;
	}
}

/* ——— Single boat ——— */
.single-boat__header h1 {
	margin: 0 0 .75rem; font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.single-boat__meta { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; }

.single-boat__status {
	background: var(--jms-color-accent-soft); color: var(--jms-color-primary);
	padding: .35rem .75rem; border-radius: 999px; font-size: .875rem; font-weight: 600;
}

.single-boat__price { font-weight: 700; font-size: 1.2rem; }

.single-boat__layout {
	display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: start;
}

.single-boat__hero {
	display: block; width: 100%; padding: 0; border: 0; margin: 0 0 1rem;
	border-radius: var(--jms-radius); overflow: hidden; cursor: zoom-in;
	background: #e9eef3;
}

.single-boat__hero img { width: 100%; height: auto; }

.single-boat__thumbs {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: .5rem;
}

.single-boat__thumb {
	padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden;
	cursor: pointer; background: none; transition: border-color var(--jms-duration) var(--jms-ease-out);
}

.single-boat__thumb:hover,
.single-boat__thumb:focus-visible { border-color: var(--jms-color-accent); }

.spec-table { width: 100%; border-collapse: collapse; }

.spec-table th,
.spec-table td {
	text-align: left; padding: .65rem .75rem; border-bottom: 1px solid var(--jms-color-border);
}

.spec-table th { width: 40%; color: var(--jms-color-muted); font-weight: 600; }

.single-boat__cta { margin-top: 1.5rem; }

.product-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--jms-color-border);
	padding-bottom: .5rem;
}

.product-tabs__tab {
	appearance: none;
	border: 0;
	background: transparent;
	padding: .55rem .85rem;
	border-radius: 999px;
	font: inherit;
	font-weight: var(--jms-font-semibold);
	color: var(--jms-color-muted);
	cursor: pointer;
	transition: color var(--jms-duration) var(--jms-ease-out), background var(--jms-duration) var(--jms-ease-out);
}

.product-tabs__tab:hover,
.product-tabs__tab:focus-visible {
	color: var(--jms-color-primary);
}

.product-tabs__tab.is-active {
	background: var(--jms-color-accent-soft);
	color: var(--jms-color-primary);
}

.product-tabs__panel {
	display: none;
}

.product-tabs__panel.is-active {
	display: block;
}

.product-tabs__panel > :first-child {
	margin-top: 0;
}

.single-boat__tab-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: .75rem;
}

.single-boat__tab-image {
	width: 100%;
	height: auto;
	border-radius: var(--jms-radius);
}

.single-boat__list {
	margin: 0 0 1rem;
	padding-left: 1.2rem;
}

.single-boat__list li + li {
	margin-top: .35rem;
}

.single-boat__docs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-boat__docs li + li {
	margin-top: .5rem;
}

.single-boat__doc-link {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.single-boat__doc-link::before {
	content: "";
	width: .85rem;
	height: 1.05rem;
	flex: 0 0 auto;
	background: currentColor;
	opacity: .55;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.single-boat__video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--jms-radius);
	overflow: hidden;
	background: #000;
}

.single-boat__video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.single-boat__related {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--jms-color-border);
}

.boat-grid--related {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 48rem) {
	.boat-grid--related {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 64rem) {
	.boat-grid--related {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ——— Sections ——— */
.section-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: var(--jms-section-title-mb);
}

.section-heading h2 {
	margin: 0;
}

.section-heading__link {
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.booking-section {
	text-align: center;
	background: var(--jms-color-bg);
}

/* ——— Dialogs ——— */
.jms-dialog {
	border: none;
	border-radius: var(--jms-radius-lg);
	padding: 0;
	max-width: min(560px, calc(100vw - 2rem));
	background: var(--jms-color-surface);
	color: var(--jms-color-text);
	box-shadow: var(--jms-shadow-lg);
	opacity: 0;
	transform: translateY(1rem) scale(0.98);
	transition:
		opacity var(--jms-duration) var(--jms-ease-out),
		transform var(--jms-duration) var(--jms-ease-spring),
		overlay var(--jms-duration) allow-discrete,
		display var(--jms-duration) allow-discrete;
}

.jms-dialog[open],
.jms-dialog.is-dialog-open {
	opacity: 1;
	transform: translateY(0) scale(1);
}

@starting-style {
	.jms-dialog[open] {
		opacity: 0;
		transform: translateY(1rem) scale(0.98);
	}
}

/* Mobile form bottom-sheet: see dialog-sheet.css (loaded after main). */

.jms-dialog::backdrop {
	background: rgb(5 10 24 / 0.62);
	backdrop-filter: blur(8px);
	opacity: 0;
	transition: opacity var(--jms-duration) allow-discrete, overlay var(--jms-duration) allow-discrete;
}

.jms-dialog[open]::backdrop { opacity: 1; }

@starting-style {
	.jms-dialog[open]::backdrop { opacity: 0; }
}

.jms-dialog--gallery {
	/* Pin to visualViewport box (iOS chrome offset) via --jms-vv-* from JS. */
	position: fixed;
	top: var(--jms-vv-top, 0px);
	left: var(--jms-vv-left, 0px);
	right: auto;
	bottom: auto;
	width: var(--jms-vvw, 100vw);
	max-width: none;
	height: var(--jms-vvh, 100dvh);
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #050a18;
	color: #fff;
	box-shadow: none;
	transform: none;
	overflow: hidden;
}

.jms-dialog--gallery:fullscreen,
.jms-dialog--gallery:-webkit-full-screen {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jms-dialog--gallery[open] {
	transform: none;
}

@starting-style {
	.jms-dialog--gallery[open] {
		transform: none;
		opacity: 0;
	}
}

.jms-dialog--gallery::backdrop {
	background: #050a18;
	backdrop-filter: none;
}

.jms-dialog__panel { padding: 0; }

.jms-dialog__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.35rem 1.5rem 1.15rem;
}

.jms-dialog__heading {
	min-width: 0;
	flex: 1 1 auto;
}

.jms-dialog__eyebrow {
	margin: 0 0 0.35rem;
	font-size: var(--jms-text-xs);
	font-weight: var(--jms-font-bold);
	letter-spacing: var(--jms-tracking-ui);
	text-transform: uppercase;
	color: var(--jms-color-accent);
}

.jms-dialog__title {
	margin: 0;
	font-size: clamp(1.25rem, 2.2vw, 1.5rem);
	font-weight: var(--jms-font-semibold);
	line-height: var(--jms-leading-tight);
	letter-spacing: var(--jms-tracking-tight);
	color: inherit;
}

.jms-dialog__lede {
	margin: 0.45rem 0 0;
	font-size: 0.9375rem;
	line-height: var(--jms-leading-normal);
	color: var(--jms-color-muted);
	max-width: 36ch;
}

.jms-dialog__close {
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--jms-color-border);
	border-radius: var(--jms-control-radius);
	background: transparent;
	color: var(--jms-color-text);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	transition:
		background var(--jms-duration) var(--jms-ease-out),
		border-color var(--jms-duration) var(--jms-ease-out),
		color var(--jms-duration) var(--jms-ease-out);
}

.jms-dialog__close:hover {
	border-color: var(--jms-color-accent);
	color: var(--jms-color-accent);
	background: var(--jms-color-accent-soft);
}

.jms-dialog__close:focus-visible {
	outline: 2px solid var(--jms-color-accent);
	outline-offset: 2px;
}

.jms-dialog__close--overlay {
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 2;
	border-color: transparent;
	background: rgb(0 0 0 / 45%);
	color: #fff;
}

.jms-dialog__close--overlay:hover {
	background: rgb(0 0 0 / 65%);
	border-color: transparent;
	color: #fff;
}

.jms-dialog__body {
	padding: 0 1.5rem 1.5rem;
}

.jms-dialog__body--rich img { border-radius: var(--jms-radius); }

.jms-dialog__panel--gallery {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	overflow: hidden;
}

.jms-dialog--gallery .jms-dialog__close--overlay {
	top: max(0.85rem, env(safe-area-inset-top, 0px));
	right: max(0.85rem, env(safe-area-inset-right, 0px));
	width: 2.75rem;
	height: 2.75rem;
	background: rgb(0 0 0 / 45%);
	z-index: 5;
}

.jms-gallery-stage {
	position: relative;
	width: 100%;
	min-height: 0;
	height: 100%;
	background: #050a18;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
}

.jms-gallery-view__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	object-fit: contain;
	object-position: center;
	opacity: 1;
	transition: opacity 0.22s ease;
	/* Leave room for close in portrait without shrinking via max-* calc. */
	padding: 3rem 0.5rem 0.35rem;
	box-sizing: border-box;
}

.jms-gallery-view__img.is-loading {
	opacity: 0.2;
}

.jms-gallery-stage__spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.75rem;
	height: 1.75rem;
	margin: -0.875rem 0 0 -0.875rem;
	border: 2px solid rgb(255 255 255 / 18%);
	border-top-color: #fff;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease;
	z-index: 2;
}

.jms-gallery-stage__spinner.is-active {
	opacity: 1;
	animation: jms-spin 0.7s linear infinite;
}

@keyframes jms-spin {
	to { transform: rotate(360deg); }
}

.jms-gallery-meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	min-height: 2.75rem;
	padding: 0.65rem 1.25rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
	background: rgb(0 0 0 / 28%);
	border-top: 1px solid rgb(255 255 255 / 8%);
}

.jms-gallery-view__caption {
	margin: 0;
	color: rgb(255 255 255 / 72%);
	font-size: 0.875rem;
	min-width: 0;
}

.jms-gallery-view__counter {
	margin: 0;
	flex: 0 0 auto;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(255 255 255 / 55%);
}

.jms-gallery-nav__btn {
	position: absolute;
	top: 50%;
	z-index: 4;
	transform: translateY(-50%);
	width: 3rem;
	height: 3rem;
	border-radius: 0;
	border: 0;
	background: rgb(255 255 255 / 12%);
	color: #fff;
	cursor: pointer;
	font-size: 1.15rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease;
}

.jms-gallery-nav__btn:hover,
.jms-gallery-nav__btn:focus-visible {
	background: rgb(255 255 255 / 24%);
}

.jms-gallery-nav__btn--prev {
	left: max(0.75rem, env(safe-area-inset-left, 0px));
}

.jms-gallery-nav__btn--next {
	right: max(0.75rem, env(safe-area-inset-right, 0px));
}

@media (max-width: 47.99rem) {
	.jms-gallery-nav__btn {
		width: 2.5rem;
		height: 2.5rem;
		top: auto;
		bottom: calc(3.5rem + env(safe-area-inset-bottom, 0px));
		transform: none;
	}

	.jms-gallery-nav__btn--prev { left: 0.75rem; }
	.jms-gallery-nav__btn--next { right: 0.75rem; }
}

/*
 * Phone landscape: width often exceeds 48rem — key off short height.
 * Image fills the whole stage; meta becomes an overlay so it doesn't steal height.
 */
@media (orientation: landscape) and (max-height: 32rem) {
	.jms-dialog__panel--gallery {
		grid-template-rows: minmax(0, 1fr);
	}

	.jms-gallery-view__img {
		padding: 0.35rem 2.75rem;
	}

	.jms-gallery-meta {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3;
		min-height: 0;
		padding: 0.35rem 0.85rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
		gap: 0.5rem;
		pointer-events: none;
		background: linear-gradient(transparent, rgb(0 0 0 / 55%));
		border-top: 0;
	}

	.jms-gallery-view__caption {
		display: none;
	}

	.jms-gallery-view__counter {
		margin-left: auto;
		font-size: 0.6875rem;
		text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	}

	.jms-dialog--gallery .jms-dialog__close--overlay {
		top: max(0.3rem, env(safe-area-inset-top, 0px));
		right: max(0.3rem, env(safe-area-inset-right, 0px));
		width: 2.25rem;
		height: 2.25rem;
	}

	.jms-gallery-nav__btn {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
		width: 2.25rem;
		height: 2.25rem;
	}

	.jms-gallery-nav__btn--prev {
		left: max(0.25rem, env(safe-area-inset-left, 0px));
	}

	.jms-gallery-nav__btn--next {
		right: max(0.25rem, env(safe-area-inset-right, 0px));
	}
}

.jms-dialog--interest,
.jms-dialog--contact {
	max-width: min(520px, calc(100vw - 1.25rem));
	max-height: min(92dvh, 760px);
	overflow: hidden;
}

.jms-dialog--interest .jms-dialog__panel,
.jms-dialog--contact .jms-dialog__panel {
	display: flex;
	flex-direction: column;
	max-height: min(92dvh, 760px);
}

.jms-dialog--interest .jms-dialog__body,
.jms-dialog--contact .jms-dialog__body {
	padding-top: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.jms-form--interest,
.jms-form--contact {
	display: flex;
	flex-direction: column;
	min-height: 0;
	flex: 1;
}

.jms-form--interest .jms-form__scroll,
.jms-form--contact .jms-form__scroll {
	overflow: auto;
	padding-right: 0.15rem;
}

.jms-interest-product {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-bottom: 1.15rem;
	padding: 0.85rem 1rem;
	background: var(--jms-color-bg, #f2f3f5);
	border-left: 3px solid var(--jms-color-accent, #3d8bfd);
}

.jms-interest-product__label {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--jms-color-muted, #5b6770);
}

.jms-interest-product__title {
	font-size: 0.975rem;
	font-weight: 600;
	color: var(--jms-color-primary, #050a18);
	line-height: 1.35;
}

/* Booking dialog — clear header + scrollable form */
.jms-dialog--booking {
	max-width: min(640px, calc(100vw - 1.25rem));
	max-height: min(92dvh, 900px);
	overflow: hidden;
}

.jms-dialog--booking .jms-dialog__panel {
	display: flex;
	flex-direction: column;
	max-height: min(92dvh, 900px);
	background: var(--jms-color-surface);
}

.jms-dialog--booking .jms-dialog__header {
	flex-shrink: 0;
	align-items: flex-start;
	margin: 0;
	padding: 1.5rem 1.5rem 1.25rem;
	background: var(--jms-color-surface);
	color: var(--jms-color-primary);
	border-bottom: 1px solid var(--jms-color-border);
}

.jms-dialog--booking .jms-dialog__title {
	margin: 0;
	font-size: clamp(1.35rem, 2.2vw, 1.55rem);
	font-weight: var(--jms-font-semibold);
	letter-spacing: var(--jms-tracking-tight);
	line-height: 1.15;
	color: var(--jms-color-primary);
}

.jms-dialog--booking .jms-dialog__lede {
	margin: 0.4rem 0 0;
	max-width: 28ch;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--jms-color-muted);
}

.jms-dialog--booking .jms-dialog__close {
	border-color: var(--jms-color-border);
	color: var(--jms-color-primary);
	background: transparent;
}

.jms-dialog--booking .jms-dialog__close:hover {
	border-color: var(--jms-color-accent);
	background: var(--jms-color-accent-soft);
	color: var(--jms-color-accent);
}

.jms-dialog--booking .jms-dialog__body {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
}

.jms-dialog--booking .jms-form--booking {
	display: flex;
	flex-direction: column;
	min-height: 0;
	flex: 1 1 auto;
}

/* Honeypot — off-screen (not display:none; bots often skip those). */
.jms-form__hp {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.jms-form,
.site-footer__newsletter {
	position: relative;
}

.jms-form__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 1.5rem 1.5rem 0.75rem;
	overscroll-behavior: contain;
}

.jms-form__footer {
	flex-shrink: 0;
	padding: 1rem 1.5rem 1.35rem;
	border-top: 1px solid var(--jms-color-border);
	background: linear-gradient(180deg, rgb(255 255 255 / 92%) 0%, var(--jms-color-surface) 40%);
}

.jms-form__section {
	margin-bottom: 1.35rem;
}

.jms-form__section + .jms-form__section {
	padding-top: 1.15rem;
	border-top: 1px solid var(--jms-color-border);
}

.jms-form__section-title {
	margin: 0 0 1rem;
	padding-top: 0.25rem;
	font-size: 0.6875rem;
	font-weight: var(--jms-font-bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8a8a8a;
}

.jms-form__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.jms-form__field--half { flex: 1 1 calc(50% - 0.4rem); min-width: min(10rem, 100%); }
.jms-form__field--third { flex: 1 1 calc(33.333% - 0.55rem); min-width: min(6rem, 100%); }
.jms-form__field--forty { flex: 1 1 40%; min-width: min(8rem, 100%); }
.jms-form__field--sixty { flex: 1 1 55%; min-width: min(10rem, 100%); }

@media (max-width: 47.999rem) {
	.jms-form__row {
		min-width: 0;
		max-width: 100%;
	}

	.jms-form__field--half,
	.jms-form__field--third,
	.jms-form__field--forty,
	.jms-form__field--sixty {
		flex: 1 1 calc(50% - 0.4rem);
		min-width: 0;
	}
}

/* Date + time always side-by-side; clip UA intrinsic min-width. */
.jms-form__row--datetime {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.65rem;
	align-items: end;
	min-width: 0;
	max-width: 100%;
}

.jms-form__row--datetime .jms-form__field,
.jms-form__row--datetime .jms-form__field--half {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
	margin-bottom: 0;
}

.jms-form__control {
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

/* Single date field — cap width so native date UI cannot blow out the form. */
.jms-form__field--date {
	min-width: 0;
	max-width: min(100%, 16rem);
}

.jms-form__field--date .jms-form__control {
	width: 100%;
}

/* ——— Forms ——— */
.jms-form__intro { margin-top: 0; color: var(--jms-color-muted); }

.jms-form__field { margin-bottom: 0.85rem; }

.jms-form__field--consent { margin-bottom: 0.25rem; }

.jms-form__field > label:not(.jms-form__check) {
	display: block;
	margin-bottom: 0.4rem;
	font-weight: var(--jms-font-semibold);
	font-size: 0.8125rem;
	letter-spacing: 0.01em;
	color: var(--jms-color-text);
}

.jms-form__req { color: var(--jms-color-accent); font-weight: var(--jms-font-bold); }

.jms-form__field input:not([type="checkbox"]):not([type="radio"]),
.jms-form__field textarea,
.jms-form__field select {
	width: 100%;
	max-width: 100%;
	padding: 0.72rem 0.9rem;
	border: 1px solid var(--jms-color-border);
	border-radius: var(--jms-control-radius);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: var(--jms-font-normal);
	color: var(--jms-color-text);
	background: var(--jms-color-bg);
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out);
}

.jms-form__field textarea {
	min-height: 5.5rem;
	resize: vertical;
	line-height: var(--jms-leading-normal);
}

.jms-form__field input::placeholder,
.jms-form__field textarea::placeholder {
	color: rgb(91 103 112 / 72%);
}

.jms-form__field input:hover,
.jms-form__field textarea:hover,
.jms-form__field select:hover {
	border-color: rgb(91 103 112 / 45%);
}

.jms-form__field input:focus-visible,
.jms-form__field textarea:focus-visible,
.jms-form__field select:focus-visible {
	outline: none;
	border-color: var(--jms-color-accent);
	background: var(--jms-color-surface);
	box-shadow: 0 0 0 3px var(--jms-color-accent-soft);
}

.jms-form__field select {
	appearance: none;
	padding-right: 2.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235b6770' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 1rem;
	cursor: pointer;
}

.jms-form__field input[type="file"] {
	padding: 0.55rem 0.75rem;
	font-size: 0.8125rem;
	cursor: pointer;
}

.jms-form__field input[type="file"]::file-selector-button {
	margin-right: 0.75rem;
	padding: 0.4rem 0.75rem;
	border: 1px solid var(--jms-color-border);
	border-radius: var(--jms-control-radius);
	background: var(--jms-color-surface);
	color: var(--jms-color-text);
	font: inherit;
	font-size: 0.8125rem;
	font-weight: var(--jms-font-semibold);
	cursor: pointer;
}

.jms-form__field input[type="date"],
.jms-form__field input[type="time"],
.jms-form__control input[type="date"],
.jms-form__control input[type="time"] {
	display: block;
	min-height: 2.75rem;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box;
}

.jms-form__control input[type="date"]::-webkit-date-and-time-value,
.jms-form__control input[type="time"]::-webkit-date-and-time-value {
	text-align: left;
}

.jms-form__field input[type="date"]::-webkit-datetime-edit,
.jms-form__field input[type="time"]::-webkit-datetime-edit,
.jms-form__control input[type="date"]::-webkit-datetime-edit,
.jms-form__control input[type="time"]::-webkit-datetime-edit {
	min-width: 0;
	max-width: 100%;
	padding: 0;
}

.jms-form__checks {
	display: grid;
	gap: 0.45rem;
	margin: 0.35rem 0 0;
	padding: 0.85rem 1rem;
	border: 1px solid var(--jms-color-border);
	border-radius: var(--jms-control-radius);
	background: var(--jms-color-bg);
}

.jms-form__check {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin-bottom: 0.35rem;
	max-width: 100%;
	min-width: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--jms-color-text);
	cursor: pointer;
}

.jms-form__check:last-child { margin-bottom: 0; }

.jms-form__check > span {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.jms-form__check a {
	color: var(--jms-color-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.jms-form__check a:hover { color: var(--jms-color-accent-hover); }

.jms-form__field .jms-form__check input[type="checkbox"],
.jms-form__check input[type="checkbox"] {
	appearance: none;
	width: 1.125rem;
	height: 1.125rem;
	max-width: 1.125rem;
	margin: 0.15rem 0 0;
	flex: 0 0 1.125rem;
	border: 1.5px solid var(--jms-color-border);
	border-radius: 4px;
	background: var(--jms-color-surface);
	cursor: pointer;
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out);
}

.jms-form__check input[type="checkbox"]:hover {
	border-color: var(--jms-color-accent);
}

.jms-form__check input[type="checkbox"]:checked {
	border-color: var(--jms-color-accent);
	background: var(--jms-color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}

.jms-form__check input[type="checkbox"]:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--jms-color-accent-soft);
	border-color: var(--jms-color-accent);
}

.jms-form__hint {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--jms-color-muted);
}

.jms-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Platta bakom tillval — måste vinna över fieldset-reset ovan. */
.jms-form fieldset.jms-form__checks {
	margin: 0.35rem 0 0;
	padding: 0.85rem 1rem;
	border: 1px solid var(--jms-color-border);
}

.jms-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
}

.jms-form__call {
	margin: 0.85rem 0 0;
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--jms-color-muted);
}

.jms-form__call-label {
	margin-right: 0.35rem;
}

.jms-form__call-link {
	color: var(--jms-color-primary);
	font-weight: var(--jms-font-semibold);
	text-decoration: none;
	white-space: nowrap;
}

.jms-form__call-link:hover {
	color: var(--jms-color-accent);
}

.jms-form__submit {
	min-width: 10.5rem;
	padding: 0.8rem 1.35rem;
	font-size: 0.875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.jms-form__cancel {
	padding: 0.8rem 1.15rem;
	font-size: 0.875rem;
	font-weight: var(--jms-font-semibold);
}

.jms-form__status {
	font-size: 0.875rem;
	margin: 0 0 0.75rem;
	padding: 0.65rem 0.85rem;
	border-radius: var(--jms-control-radius);
	line-height: 1.4;
}

.jms-form__status[hidden] { display: none; }

.jms-form__status.is-success {
	color: #0f5132;
	background: #d1e7dd;
	border: 1px solid #badbcc;
}

.jms-form__status.is-error {
	color: #842029;
	background: #f8d7da;
	border: 1px solid #f5c2c7;
}

.jms-form--booking.is-sending .jms-form__submit {
	opacity: 0.72;
	pointer-events: none;
}

/* ——— Footer ——— */
.site-footer {
	background: var(--jms-color-header);
	color: #efefef;
	padding: 3.125rem 0 0;
	margin-top: 0;
}

.site-footer a {
	color: #efefef;
	text-decoration: none;
}

.site-footer a:hover { color: var(--jms-color-accent); }

/*
 * Hover-strategi (hela sajten):
 * 1) Textlänkar → accentfärg
 * 2) Fyllda knappar → mörkare accent
 * 3) Outline-/ikonkontroller → kant + ikon till accent; bakgrund transparent
 *    (aldrig solid fyllning som äter upp glyfen)
 * 4) Kort/media → lyft/zoom, ingen färgflod
 */

/* Live: logo 15% | 3×15% | kontakt 20% | nyhetsbrev 20% */
.site-footer__grid {
	display: grid;
	grid-template-columns: 0.75fr repeat(3, 0.75fr) 1fr 1fr;
	gap: 0.625rem;
	padding-bottom: 3.125rem;
	align-items: start;
}

.site-footer__brand .custom-logo-link {
	display: inline-block;
	line-height: 0;
}

.site-footer__brand .custom-logo {
	height: auto;
	max-width: 120px;
	width: 100%;
}

.site-footer__brand-text {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.site-footer__heading {
	margin: 0 0 0.75rem;
	font-size: var(--jms-text-base);
	font-weight: var(--jms-font-semibold);
	text-transform: uppercase;
	letter-spacing: var(--jms-tracking-wide);
	color: #fff;
}

.site-footer__heading--spaced {
	margin-top: 1.5rem;
}

.site-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__menu li {
	margin-bottom: 0.125rem;
	padding-block: 0.0625rem;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-light);
	line-height: var(--jms-leading-relaxed);
	color: #efefef;
}

.site-footer__hours {
	margin: 0;
	font-size: var(--jms-text-sm);
	font-weight: var(--jms-font-light);
	line-height: var(--jms-leading-relaxed);
	color: #efefef;
}

.site-footer__hours span {
	display: inline-block;
	min-width: 4.75rem;
}

.site-footer__contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin-bottom: 0.625rem;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #fff;
}

.site-footer__contact a {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.625rem;
	color: #fff;
}

.site-footer__contact-icon {
	flex: 0 0 auto;
	color: var(--jms-color-accent);
	line-height: 0;
	margin-top: 0.1rem;
}

.site-footer__address {
	color: #fff;
}

.site-footer__newsletter {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.site-footer__newsletter > input[type="text"],
.site-footer__newsletter > input[type="email"] {
	width: 100%;
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: var(--jms-control-radius);
	background: rgb(255 255 255 / 8%);
	color: #fff;
	padding: 0.72rem 0.9rem;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 400;
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out);
}

.site-footer__newsletter input::placeholder {
	color: rgb(255 255 255 / 45%);
}

.site-footer__newsletter input:hover {
	border-color: rgb(255 255 255 / 28%);
}

.site-footer__newsletter input:focus-visible {
	outline: none;
	border-color: var(--jms-color-accent);
	background: rgb(255 255 255 / 12%);
	box-shadow: 0 0 0 3px var(--jms-color-accent-soft);
}

.site-footer__consent {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	font-size: 0.75rem;
	line-height: 1.45;
	color: rgb(255 255 255 / 82%);
	cursor: pointer;
}

.site-footer__consent input[type="checkbox"] {
	appearance: none;
	width: 1.125rem;
	height: 1.125rem;
	margin: 0.1rem 0 0;
	flex-shrink: 0;
	border: 1.5px solid rgb(255 255 255 / 28%);
	border-radius: 4px;
	background: rgb(255 255 255 / 6%);
	cursor: pointer;
	transition:
		border-color var(--jms-duration) var(--jms-ease-out),
		background var(--jms-duration) var(--jms-ease-out),
		box-shadow var(--jms-duration) var(--jms-ease-out);
}

.site-footer__consent input[type="checkbox"]:checked {
	border-color: var(--jms-color-accent);
	background: var(--jms-color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}

.site-footer__consent input[type="checkbox"]:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--jms-color-accent-soft);
	border-color: var(--jms-color-accent);
}

.site-footer__subscribe {
	align-self: stretch;
	margin-top: 0.35rem;
	border-radius: var(--jms-control-radius);
	padding: 0.75rem 1.1rem;
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.site-footer__newsletter-status {
	margin: 0;
	font-size: 0.8125rem;
}

.site-footer__newsletter-status.is-success,
.site-footer__newsletter-status.is-error {
	padding: 0.55rem 0.7rem;
	border-radius: var(--jms-control-radius);
}

.site-footer__newsletter-status.is-success {
	color: #d1e7dd;
	background: rgb(209 231 221 / 12%);
	border: 1px solid rgb(209 231 221 / 28%);
}

.site-footer__newsletter-status.is-error {
	color: #f8d7da;
	background: rgb(248 215 218 / 12%);
	border: 1px solid rgb(248 215 218 / 28%);
}

.site-footer__bottom-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
}

.site-footer__legal {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	font-size: 0.875rem;
	font-weight: 300;
	color: #ccc;
}

.site-footer__legal a,
.site-footer__cookie-btn {
	color: #ccc;
	text-decoration: none;
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	cursor: pointer;
}

.site-footer__legal a:hover,
.site-footer__cookie-btn:hover {
	color: #fff;
}

.site-footer__legal-sep {
	opacity: 0.5;
}

.site-footer__bottom {
	background: #111111;
	padding: 0.9rem 0;
	border-top: 1px solid rgb(255 255 255 / 12%);
}

.site-footer__copy {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 300;
	color: #ccc;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.boat-card, .fp-stock__item, .fp-brand, .fp-news-card { opacity: 1; transform: none; }
	.hero__video { display: none; }
}

@media (max-width: 1024px) {
	.site-footer__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.25rem 0.75rem;
	}
	.site-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 959px) {
	.hero__logo .custom-logo { height: 110px; }
	.news-grid { grid-template-columns: 1fr; }
	.single-boat__layout { grid-template-columns: 1fr; }
	.hero__actions .button { flex: 1 1 auto; }
}

@media (max-width: 767px) {
	.site-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem 1rem;
	}
	.site-footer__brand {
		grid-column: 1 / -1;
	}
	.site-footer__col--newsletter {
		grid-column: 1 / -1;
	}
	.site-footer__brand .custom-logo {
		max-width: 80px;
	}
}

@media (max-width: 599px) {
	.site-footer__grid { grid-template-columns: 1fr; }
}