/* Arukimasu prisjämförelse — bygger på sajtens "Aruki Expedition"-tokens:
   skogsnatt, snö, glöd (orange) och Barlow Condensed för rubriker och priser. */

.aruki-jmf,
.aruki-jmf-banner,
.aruki-jmf-katmodul,
.aruki-jmf-artikelmodul,
.aruki-jmf-lage {
	--jmf-natt: #0d1610;
	--jmf-natt2: #15231b;
	--jmf-linje: #243a2c;
	--jmf-dimma: #9db3a4;
	--jmf-sno: #f2eee3;
	--jmf-sno2: #faf8f3;
	--jmf-glod: #ff6b2b;
	--jmf-glod2: #ffa24d;
	--jmf-glod-mork: #c9480f;
	--jmf-glod-ton: #fff1e8;
	--jmf-skog: #1d3a28;
	--jmf-skog2: #2f5d44;
	--jmf-text: #1f2a23;
	--jmf-dampad: #5e6a62;
	--jmf-kant: #e6dfcf;
	--jmf-display: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Neue', sans-serif;
	--jmf-radie: 14px;
	color: var(--jmf-text);
}

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

.aruki-jmf a { text-decoration: none; }

/* ---------- rubriker ---------- */

.aruki-jmf-h1 {
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: clamp(30px, 3.6vw, 46px);
	line-height: 1.02;
	color: var(--jmf-natt);
	margin: 6px 0 14px;
}

.aruki-jmf-h2 {
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: 27px;
	line-height: 1.1;
	color: var(--jmf-skog);
	margin: 0 0 10px;
}
.aruki-jmf-h2::before {
	content: "";
	display: block;
	width: 30px;
	height: 5px;
	border-radius: 99px;
	background: var(--jmf-glod);
	margin: 0 0 8px;
}
.aruki-jmf-h3 {
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: 19px;
	color: var(--jmf-skog);
	margin: 22px 0 10px;
}
.aruki-jmf-ingress { color: var(--jmf-dampad); max-width: 70ch; margin: 0 0 18px; }

/* ---------- brödsmulor och notis ---------- */

.aruki-jmf-smulor {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 13px;
	color: var(--jmf-dampad);
	margin: 6px 0 18px;
}
.aruki-jmf-smulor a { color: var(--jmf-dampad); }
.aruki-jmf-smulor a:hover { color: var(--jmf-glod-mork); }
.aruki-jmf-notis {
	background: var(--jmf-glod-ton);
	border-left: 4px solid var(--jmf-glod);
	padding: 12px 16px;
	border-radius: 8px;
}

/* ---------- hjälte ---------- */

.aruki-jmf-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: clamp(22px, 3.5vw, 44px);
	align-items: start;
	margin-bottom: 44px;
}

.aruki-jmf-galleri__stor {
	background: var(--jmf-sno2);
	border: 1px solid var(--jmf-kant);
	border-radius: var(--jmf-radie);
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;
	overflow: hidden;
}
.aruki-jmf-galleri__stor img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 6%;
	mix-blend-mode: multiply;
}
.aruki-jmf-galleri__rad {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	overflow-x: auto;
}
.aruki-jmf .aruki-jmf-galleri__tumme {
	all: unset;
	cursor: pointer;
	flex: 0 0 64px;
	height: 64px;
	border-radius: 10px;
	border: 2px solid var(--jmf-kant);
	background: var(--jmf-sno2);
	display: grid;
	place-items: center;
	overflow: hidden;
}
.aruki-jmf .aruki-jmf-galleri__tumme img { width: 100%; height: 100%; object-fit: contain; padding: 4px; mix-blend-mode: multiply; }
.aruki-jmf .aruki-jmf-galleri__tumme.is-vald,
.aruki-jmf .aruki-jmf-galleri__tumme:focus-visible { border-color: var(--jmf-glod); }

.aruki-jmf-marke {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--jmf-skog2);
}
a.aruki-jmf-marke:hover { color: var(--jmf-glod-mork); }

.aruki-jmf-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}
.aruki-jmf-chips li {
	border: 1px solid var(--jmf-kant);
	background: #fff;
	border-radius: 99px;
	padding: 4px 12px;
	font-size: 14px;
	color: var(--jmf-dampad);
}
.aruki-jmf-chips li b { color: var(--jmf-text); }
.aruki-jmf-chips li.is-rea { border-color: var(--jmf-glod); color: var(--jmf-glod-mork); background: var(--jmf-glod-ton); }
.aruki-jmf-chips--tunna li { font-size: 13px; padding: 3px 10px; }

/* prispanelen: skogsnatt med höjdkurvor */
.aruki-jmf-panel {
	position: relative;
	overflow: hidden;
	color: var(--jmf-sno);
	background:
		repeating-radial-gradient(circle at 110% -10%, transparent 0 22px, rgba(157, 179, 164, .07) 22px 23px),
		repeating-radial-gradient(circle at -20% 120%, transparent 0 30px, rgba(157, 179, 164, .05) 30px 31px),
		linear-gradient(160deg, var(--jmf-natt2), var(--jmf-natt));
	border-radius: 18px;
	padding: 24px 24px 20px;
	box-shadow: 0 18px 40px -24px rgba(13, 22, 16, .55);
}
.aruki-jmf-panel__etikett {
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--jmf-dimma);
}
.aruki-jmf-panel__pris {
	font-family: var(--jmf-display);
	font-weight: 700;
	font-size: clamp(48px, 6vw, 68px);
	line-height: .95;
	color: var(--jmf-glod);
	margin: 6px 0 4px;
	font-variant-numeric: tabular-nums;
}
.aruki-jmf-panel__hos { color: var(--jmf-sno); margin-bottom: 16px; }
.aruki-jmf-panel__hos b { color: #fff; }
.aruki-jmf-panel__nyckeltal {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--jmf-linje);
}
.aruki-jmf-panel__nyckeltal dt {
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--jmf-dimma);
	margin: 0;
	font-weight: 400;
}
.aruki-jmf-panel__nyckeltal dd {
	margin: 2px 0 0;
	font-family: var(--jmf-display);
	font-weight: 700;
	font-size: 20px;
	color: #fff;
}
.aruki-jmf-panel__nyckeltal dd span { font-size: 15px; color: var(--jmf-glod2); }
.aruki-jmf-panel__fot { font-size: 12px; color: var(--jmf-dimma); margin-top: 14px; }

/* knappar */
.aruki-jmf .aruki-jmf-knapp,
.aruki-jmf-mobilbar .aruki-jmf-knapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 17px;
	line-height: 1;
	padding: 12px 18px;
	border-radius: 10px;
	background: var(--jmf-glod);
	color: var(--jmf-natt);
	border: 2px solid var(--jmf-glod);
	white-space: nowrap;
	transition: background .15s ease, transform .15s ease;
}
.aruki-jmf .aruki-jmf-knapp::after { content: "→"; font-family: inherit; }
.aruki-jmf .aruki-jmf-knapp:hover { background: var(--jmf-glod2); border-color: var(--jmf-glod2); color: var(--jmf-natt); transform: translateY(-1px); }
.aruki-jmf .aruki-jmf-knapp--stor { width: 100%; font-size: 21px; padding: 16px 20px; }
.aruki-jmf .aruki-jmf-knapp--ljus { background: #fff; color: var(--jmf-skog); border-color: var(--jmf-skog); }
.aruki-jmf .aruki-jmf-knapp--ljus:hover { background: var(--jmf-skog); color: #fff; border-color: var(--jmf-skog); }

.aruki-jmf-hopp {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 16px;
	font-size: 14px;
}
.aruki-jmf-hopp a { color: var(--jmf-skog); border-bottom: 2px solid var(--jmf-kant); padding-bottom: 2px; }
.aruki-jmf-hopp a:hover { border-color: var(--jmf-glod); color: var(--jmf-glod-mork); }

/* ---------- sektioner ---------- */

.aruki-jmf-sektion { margin: 0 0 48px; scroll-margin-top: 24px; }
.aruki-jmf-tva {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	gap: clamp(22px, 4vw, 52px);
}

/* erbjudanden */
.aruki-jmf-erb { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.aruki-jmf-erb__rad {
	display: grid;
	grid-template-columns: 48px minmax(0, 1.6fr) minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	background: #fff;
	border: 1px solid var(--jmf-kant);
	border-radius: var(--jmf-radie);
	padding: 14px 16px;
	margin: 0;
}
.aruki-jmf-erb__rad.is-lagst {
	border: 2px solid var(--jmf-glod);
	background: linear-gradient(90deg, var(--jmf-glod-ton), #fff 60%);
}
.aruki-jmf-erb__rad.is-slut { opacity: .62; }
.aruki-jmf-erb__logga {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--jmf-butik, var(--jmf-skog));
	color: #fff;
	font-family: var(--jmf-display);
	font-weight: 700;
	font-size: 19px;
	letter-spacing: .03em;
}
.aruki-jmf-erb__butik { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.aruki-jmf-erb__butik b { font-size: 16px; }
.aruki-jmf-erb__lager { font-size: 13px; color: var(--jmf-dampad); }
.aruki-jmf-erb__lager.is-ja { color: var(--jmf-skog2); }
.aruki-jmf-erb__lager.is-ja::before { content: "● "; color: #3fa066; }
.aruki-jmf-erb__storl { font-size: 13px; color: var(--jmf-dampad); line-height: 1.35; }
.aruki-jmf-erb__frakt { font-size: 13px; color: var(--jmf-dampad); }
.aruki-jmf-erb__pris { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.aruki-jmf-erb__pris b {
	font-family: var(--jmf-display);
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	color: var(--jmf-natt);
	font-variant-numeric: tabular-nums;
}
.aruki-jmf-erb__pris s { font-size: 13px; color: var(--jmf-dampad); }
.aruki-jmf-erb__pris small { font-size: 12px; color: var(--jmf-dampad); }
.aruki-jmf-tagg {
	display: inline-block;
	font-style: normal;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	background: var(--jmf-glod);
	color: var(--jmf-natt);
	border-radius: 6px;
	padding: 2px 7px;
	width: fit-content;
}
.aruki-jmf-tagg--rea { background: var(--jmf-glod-ton); color: var(--jmf-glod-mork); }

/* storleksmatris */
.aruki-jmf-matris-skal {
	overflow-x: auto;
	border: 1px solid var(--jmf-kant);
	border-radius: var(--jmf-radie);
	background: #fff;
}
.aruki-jmf .aruki-jmf-matris { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; }
.aruki-jmf .aruki-jmf-matris th,
.aruki-jmf .aruki-jmf-matris td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--jmf-kant);
	text-align: right;
	white-space: nowrap;
	background: #fff;
	font-variant-numeric: tabular-nums;
}
.aruki-jmf .aruki-jmf-matris thead th {
	background: var(--jmf-sno2);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--jmf-dampad);
	font-weight: 700;
}
.aruki-jmf .aruki-jmf-matris th[scope="row"],
.aruki-jmf .aruki-jmf-matris thead th:first-child {
	position: sticky;
	left: 0;
	text-align: left;
	background: var(--jmf-sno2);
	font-family: var(--jmf-display);
	font-size: 17px;
	color: var(--jmf-natt);
	z-index: 1;
}
.aruki-jmf .aruki-jmf-matris td { color: var(--jmf-text); }
.aruki-jmf .aruki-jmf-matris td span { color: #b9b2a2; }
.aruki-jmf .aruki-jmf-matris td.is-min { background: var(--jmf-glod-ton); color: var(--jmf-glod-mork); font-weight: 700; }
.aruki-jmf .aruki-jmf-matris tbody tr:last-child th,
.aruki-jmf .aruki-jmf-matris tbody tr:last-child td { border-bottom: 0; }

/* prishistorik */
.aruki-jmf-graf {
	margin: 0;
	background: #fff;
	border: 1px solid var(--jmf-kant);
	border-radius: var(--jmf-radie);
	padding: 16px 16px 12px;
}
.aruki-jmf-graf svg { width: 100%; height: auto; display: block; }
.aruki-jmf-graf__yta { fill: var(--jmf-glod-ton); }
.aruki-jmf-graf__linje { fill: none; stroke: var(--jmf-glod); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.aruki-jmf-graf figcaption {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	font-size: 13px;
	color: var(--jmf-dampad);
	margin-top: 8px;
}
.aruki-jmf-graf figcaption b { color: var(--jmf-natt); }

/* fakta och beskrivning */
.aruki-jmf-fakta { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--jmf-kant); }
.aruki-jmf-fakta div {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--jmf-kant);
}
.aruki-jmf-fakta dt { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--jmf-dampad); font-weight: 700; margin: 0; }
.aruki-jmf-fakta dd { margin: 0; }
.aruki-jmf-besk p { max-width: 68ch; line-height: 1.65; }
.aruki-jmf-kalla { font-size: 13px; color: var(--jmf-dampad); font-style: italic; }

/* guider och väljare */
.aruki-jmf-guider { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.aruki-jmf-guide {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px;
	border-radius: var(--jmf-radie);
	border: 1px solid var(--jmf-kant);
	background: #fff;
	color: var(--jmf-text);
	transition: border-color .15s ease, transform .15s ease;
}
.aruki-jmf-guide b { font-size: 16px; color: var(--jmf-skog); }
.aruki-jmf-guide span { font-size: 13px; color: var(--jmf-dampad); }
.aruki-jmf-guide.is-valjare { background: var(--jmf-natt); border-color: var(--jmf-natt); }
.aruki-jmf-guide.is-valjare b { color: var(--jmf-glod); font-family: var(--jmf-display); text-transform: uppercase; letter-spacing: .03em; font-size: 20px; }
.aruki-jmf-guide.is-valjare span { color: var(--jmf-dimma); }
.aruki-jmf-guide:hover { border-color: var(--jmf-glod); transform: translateY(-2px); }

/* transparens */
.aruki-jmf-transparens {
	background: var(--jmf-sno);
	border-radius: var(--jmf-radie);
	padding: 18px 22px;
	margin: 12px 0 36px;
	color: var(--jmf-text);
	font-size: 14px;
}
.aruki-jmf-transparens .aruki-jmf-h3 { margin-top: 0; }
.aruki-jmf-transparens p { margin: 0; max-width: 80ch; }
.aruki-jmf .aruki-jmf-transparens a { color: var(--jmf-skog); border-bottom: 2px solid var(--jmf-glod); }
.aruki-jmf .aruki-jmf-transparens a:hover { color: var(--jmf-glod-mork); }

/* ---------- kort ---------- */

.aruki-jmf-kortlista { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.aruki-jmf-kortlista--fyra { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aruki-jmf-kort {
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: #fff;
	border: 1px solid var(--jmf-kant, #e6dfcf);
	border-radius: 14px;
	padding: 12px 12px 14px;
	color: var(--jmf-text, #1f2a23);
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.aruki-jmf-kort:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -18px rgba(13, 22, 16, .45); border-color: var(--jmf-glod, #ff6b2b); }
.aruki-jmf-kort__bild {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	background: var(--jmf-sno2, #faf8f3);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 6px;
}
.aruki-jmf-kort__bild img { width: 100%; height: 100%; object-fit: contain; padding: 8%; mix-blend-mode: multiply; }
.aruki-jmf-kort__spara {
	position: absolute;
	left: 8px;
	top: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	background: var(--jmf-glod, #ff6b2b);
	color: var(--jmf-natt, #0d1610);
	border-radius: 6px;
	padding: 3px 7px;
}
.aruki-jmf-kort__marke { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--jmf-skog2, #2f5d44); font-weight: 700; }
.aruki-jmf-kort__namn {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}
.aruki-jmf-kort__rad { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-top: auto; }
.aruki-jmf-kort__pris { font-family: var(--jmf-display, 'Barlow Condensed', sans-serif); font-weight: 700; font-size: 21px; color: var(--jmf-natt, #0d1610); }
.aruki-jmf-kort__butiker { font-size: 12px; color: var(--jmf-dampad, #5e6a62); }

/* ---------- arkiv ---------- */

.aruki-jmf-arkivhuvud {
	background:
		repeating-radial-gradient(circle at 105% -20%, transparent 0 26px, rgba(157, 179, 164, .08) 26px 27px),
		linear-gradient(160deg, var(--jmf-natt2), var(--jmf-natt));
	color: var(--jmf-sno);
	border-radius: 20px;
	padding: clamp(24px, 4vw, 44px);
	margin: 8px 0 22px;
}
.aruki-jmf-arkivhuvud .aruki-jmf-marke { color: var(--jmf-glod2); }
.aruki-jmf-arkivhuvud .aruki-jmf-h1 { color: #fff; }
.aruki-jmf-arkivhuvud p { color: var(--jmf-dimma); margin: 0; max-width: 62ch; }
.aruki-jmf-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.aruki-jmf-filter a {
	border: 1px solid var(--jmf-kant);
	border-radius: 99px;
	padding: 6px 14px;
	font-size: 14px;
	color: var(--jmf-text);
	background: #fff;
}
.aruki-jmf-filter a span { color: var(--jmf-dampad); font-size: 12px; margin-left: 4px; }
.aruki-jmf-filter a:hover { border-color: var(--jmf-glod); }
.aruki-jmf-filter a.is-vald { background: var(--jmf-natt); color: var(--jmf-sno); border-color: var(--jmf-natt); }
.aruki-jmf-filter a.is-vald span { color: var(--jmf-glod2); }
.aruki-jmf-sidor { margin: 28px 0; }

/* ---------- produktsida: banner ---------- */

.aruki-jmf-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: linear-gradient(160deg, var(--jmf-natt2), var(--jmf-natt));
	color: var(--jmf-sno);
	border-radius: 12px;
	padding: 12px 14px 12px 16px;
	margin: 6px 0 16px;
	text-decoration: none;
}
.aruki-jmf-banner__txt { font-size: 15px; }
.aruki-jmf-banner__txt b { color: #fff; }
.aruki-jmf-banner__cta {
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	background: var(--jmf-glod);
	color: var(--jmf-natt);
	border-radius: 8px;
	padding: 8px 12px;
	white-space: nowrap;
}
.aruki-jmf-banner:hover .aruki-jmf-banner__cta { background: var(--jmf-glod2); }

/* ---------- kategorisidor: modul ---------- */

.aruki-jmf-katmodul { margin: 0 0 30px; clear: both; }
.aruki-jmf-katmodul__huvud { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 12px; }
.aruki-jmf-katmodul .aruki-jmf-h2 { margin: 0; }
.aruki-jmf-lanklista { font-size: 14px; color: var(--jmf-skog); border-bottom: 2px solid var(--jmf-glod); white-space: nowrap; }

/* ---------- guider: kortlista och prisläge i artikeltext ---------- */

.aruki-jmf-artikelmodul { margin: 22px 0 30px; clear: both; }
.aruki-jmf-kortlista--artikel { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 12px; }
.entry-content a.aruki-jmf-kort,
.entry-content a.aruki-jmf-kort:hover,
.entry-content a.aruki-jmf-kort:focus { color: var(--jmf-text); text-decoration: none !important; box-shadow: none; }
.entry-content a.aruki-jmf-kort:hover { box-shadow: 0 14px 28px -18px rgba(13, 22, 16, .45); }
.entry-content .aruki-jmf-kort img { margin: 0; border-radius: 0; box-shadow: none; }
.aruki-jmf-artikelmodul__fot {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 14px;
	margin: 12px 0 0 !important;
	font-size: 13px;
	color: var(--jmf-dampad);
}
.entry-content .aruki-jmf-artikelmodul__fot a { color: var(--jmf-skog); text-decoration: none; border-bottom: 2px solid var(--jmf-glod); font-size: 14px; }
.entry-content .aruki-jmf-artikelmodul__fot a:hover { color: var(--jmf-glod-mork); }

.aruki-jmf-lage {
	background:
		repeating-radial-gradient(circle at 105% -20%, transparent 0 26px, rgba(157, 179, 164, .08) 26px 27px),
		linear-gradient(160deg, var(--jmf-natt2), var(--jmf-natt));
	color: var(--jmf-sno);
	border-radius: var(--jmf-radie);
	padding: 20px 22px 16px;
	margin: 24px 0 28px;
	clear: both;
}
.aruki-jmf-lage p { margin: 0; }
.aruki-jmf-lage__rubrik {
	font-family: var(--jmf-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: 19px;
	color: #fff;
	margin-bottom: 14px !important;
}
.aruki-jmf-lage__rubrik span { color: var(--jmf-glod); }
.aruki-jmf-lage__tal {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 14px;
}
.aruki-jmf-lage__tal div { border-top: 2px solid var(--jmf-linje); padding-top: 8px; }
.aruki-jmf-lage__tal dt {
	order: 2;
	font-size: 12px;
	font-weight: 400;
	color: var(--jmf-dimma);
	margin: 0;
}
.aruki-jmf-lage__tal dd {
	font-family: var(--jmf-display);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.05;
	color: var(--jmf-glod);
	margin: 0;
}
.aruki-jmf-lage__tal div { display: flex; flex-direction: column-reverse; }
.aruki-jmf-lage__text { font-size: 15px; color: var(--jmf-sno); margin-bottom: 8px !important; }
.entry-content .aruki-jmf-lage__text a { color: var(--jmf-glod2); text-decoration: none; border-bottom: 1px solid var(--jmf-glod2); }
.entry-content .aruki-jmf-lage__text a:hover { color: #fff; border-color: #fff; }
.aruki-jmf-lage__fot { font-size: 12px; color: var(--jmf-dimma); }

@media (max-width: 600px) {
	.aruki-jmf-lage__tal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aruki-jmf-kortlista--artikel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- mobil ---------- */

.aruki-jmf-mobilbar { display: none; }

@media (max-width: 900px) {
	.aruki-jmf-hero { grid-template-columns: minmax(0, 1fr); }
	.aruki-jmf-tva { grid-template-columns: minmax(0, 1fr); }
	.aruki-jmf-kortlista--fyra { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aruki-jmf-erb__rad {
		grid-template-columns: 40px minmax(0, 1fr) auto;
		grid-template-areas:
			"logga butik pris"
			"logga storl pris"
			"cta cta cta";
		row-gap: 8px;
	}
	.aruki-jmf-erb__logga { grid-area: logga; width: 40px; height: 40px; font-size: 16px; align-self: start; }
	.aruki-jmf-erb__butik { grid-area: butik; }
	.aruki-jmf-erb__storl { grid-area: storl; }
	.aruki-jmf-erb__frakt { display: none; }
	.aruki-jmf-erb__pris { grid-area: pris; }
	.aruki-jmf-erb__cta { grid-area: cta; }
	.aruki-jmf-erb__cta .aruki-jmf-knapp { width: 100%; }
	.aruki-jmf-katmodul__huvud { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 767px) {
	.aruki-jmf-panel__nyckeltal { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.aruki-jmf-fakta div { grid-template-columns: 110px minmax(0, 1fr); }
	/* Storefronts mobilmeny (konto, sök, varukorg) ligger fast i botten med
	   höjden 4.2358em. Köplisten läggs precis ovanför den. */
	.aruki-jmf-modell { padding-bottom: 150px; }
	.aruki-jmf-mobilbar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: calc(4.235801032em + 1px);
		z-index: 9998;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
		background: var(--jmf-natt);
		color: var(--jmf-sno);
		box-shadow: 0 -10px 24px -12px rgba(0, 0, 0, .5);
	}
	.aruki-jmf-mobilbar span { display: flex; flex-direction: column; line-height: 1.1; }
	.aruki-jmf-mobilbar small { font-size: 12px; color: var(--jmf-dimma); }
	.aruki-jmf-mobilbar b { font-family: var(--jmf-display); font-size: 26px; color: var(--jmf-glod); }
	.aruki-jmf-banner { flex-direction: column; align-items: stretch; text-align: left; }
	.aruki-jmf-banner__cta { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
	.aruki-jmf *,
	.aruki-jmf-kort { transition: none !important; }
}