/* ─── POK main-content: remove Brooklyn white background ──── */
body.smo-page-pok #main-content.wrap,
body.smo-page-pok #main-content,
body.smo-page-pok .main-content-background {
	background: transparent !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ─── POK nav drawer override ──────────────────────────────── */
body.smo-page-pok .smo-drawer {
	background: #1C2B43;
	--hdr-ink: #D2F245;
	--hdr-accent: #D2F245;
}

body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link,
body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link:link,
body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link:visited,
body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link:hover,
body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link:focus,
body.smo-page-pok #header-section.smo-header .smo-drawer .smo-nav__link:active {
	color: #D2F245 !important;
}

/* ─── Section ─────────────────────────────────────────────── */
.smo-pok-section1 {
	border-top: 6px solid #D2F245;
	width: 100%;
}

/* ─── Block 1 ─────────────────────────────────────────────── */
.smo-pok-block1 {
	background: #B2CDFF;
	width: 100%;
	height: 566px;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
}

/* ─── Block 2 ─────────────────────────────────────────────── */
.smo-pok-block2 {
	background: #D3E2FF;
	width: 100%;
}

/* ─── Hero ─────────────────────────────────────────────────── */
/* ── same canvas technique as home hero ── */
.smo-pok-hero {
	position: relative;
	left: 50%;
	width: 1920px;
	height: 835px;
	transform: translateX(-50%);
	transform-origin: top left;
}

.smo-pok-hero__card {
	position: absolute;
	left: 367px;
	top: 63px;
	width: 1190px;
	height: 473px;
	display: grid;
	grid-template-columns: 434px 1fr;
	box-sizing: border-box;
	background: transparent;
}

.smo-pok-hero__panel {
	background: #D2F245;
	padding: 148px 34px 28px 1.1vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.smo-pok-hero__subtitle {
	margin-top: 0;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.25rem, 2.75vw, 2.5rem);
	line-height: 1;
	letter-spacing: -0.03em;
	color: #1C2B43;
	transform: translateY(20px);
}

.smo-pok-hero__meta {
	margin-top: 18px;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 1.31vw, 1.1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	padding-left: 10px;
	transform: translate(30px, 20px);
}

.smo-pok-hero__theme {
	margin-top: auto;
	margin-right: 0;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.25rem, 2.75vw, 2.5rem);
	line-height: 1;
	letter-spacing: -0.03em;
	color: #1C2B43;
	align-self: flex-start;
}

.smo-pok-hero__media {
	position: relative;
	overflow: hidden;
}

.smo-pok-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.smo-pok-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.smo-pok-hero__overlay-title {
	position: absolute;
	left: 0;
	top: 28px;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	letter-spacing: -0.05em;
	white-space: nowrap;
}

.smo-pok-hero__overlay-text {
	color: #1C2B43;
	font-size: clamp(2rem, 8.58vw, 8rem);
	line-height: 0.95;
	display: inline-block;
}

.smo-pok-hero__overlay-digits {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: inherit;
	line-height: 1.2;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.55);
	display: inline;
}

/* ─── Copy ─────────────────────────────────────────────────── */
.smo-pok-copy {
	width: 100%;
	padding: 0 200px 80px calc(50vw - 593px);
	box-sizing: border-box;
	background: #B2CDFF;
	isolation: isolate;
}

.smo-pok-copy__headline {
	position: relative;
	z-index: 2;
	max-width: 650px;
}

.smo-pok-copy__h1 {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.5rem, 3.23vw, 3rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #1C2B43;
}

.smo-pok-copy__h2 {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	color: #1C2B43;
}

.smo-pok-copy__h2-dark {
	display: inline;
	font-size: clamp(1.5rem, 3.23vw, 3rem);
	line-height: 1.05;
	letter-spacing: 1px;
}

.smo-pok-copy__h2-lime {
	display: inline;
	font-size: clamp(1.5rem, 3.23vw, 3rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #D2F245;
	opacity: 0.9;
	pointer-events: none;
}

.smo-pok-copy__lede {
	width: 544px;
	margin-left: auto;
	margin-top: -2rem;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 1.13vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
}

/* ─── Strip ────────────────────────────────────────────────── */
/* height = watermark line-height box; text left = hero card left (canvas 367px → 50vw-593px) */
/* watermark right edge = hero card right edge (canvas 1557px → 50vw-597px gap) */
.smo-pok-strip {
	position: relative;
	overflow: visible;
	display: flex;
	align-items: center;
	height: calc(clamp(3rem, 9.53vw, 9rem) * 1.05);
	padding: 0 20px 0 max(20px, calc(50vw - 593px));
	box-sizing: border-box;
}

.smo-pok-strip__watermark {
	position: absolute;
	right: max(10px, calc(50vw - 597px));
	bottom: -20px;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(3rem, 9.53vw, 9rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: rgba(178, 205, 255, 0.75);
	white-space: nowrap;
	pointer-events: none;
}

.smo-pok-strip__text {
	position: relative;
	z-index: 1;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 1.21vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	max-width: 1320px;
}

/* ─── Tablet (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px) {

	/* reset canvas positioning */
	.smo-pok-block1 {
		height: auto;
		overflow: visible;
	}

	.smo-pok-hero {
		position: static;
		left: auto;
		width: 100%;
		height: auto;
		transform: none;
	}

	.smo-pok-hero__card {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.smo-pok-hero__media {
		order: -1;
		height: 400px;
	}

	.smo-pok-hero__panel {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		padding: 20px 24px;
		gap: 16px;
	}

	.smo-pok-hero__subtitle {
		font-size: clamp(4rem, 5.5vw, 8rem);
		transform: none;
		flex: 1;
		min-width: 0;
	}

	.smo-pok-hero__meta {
		display: none;
	}

	.smo-pok-hero__theme {
		margin-top: 0;
		margin-right: 0;
		padding-right: 0;
		font-family: "PP Neue World", serif;
		font-weight: 400;
		font-size: clamp(4rem, 5.5vw, 8rem);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #1C2B43;
		align-self: auto;
		flex-shrink: 0;
	}

	.smo-pok-copy__lede {
		width: 100%;
		margin-left: 0;
		margin-top: 24px;
		font-size: clamp(1rem, 1.3vw, 2rem);
	}

	.smo-pok-copy {
		padding: 40px 40px 60px;
	}

	.smo-pok-strip {
		height: calc(clamp(3rem, 15.58vw, 9rem) * 1.05);
		padding: 0 24px;
	}

	.smo-pok-strip__watermark {
		right: 24px;
	}

	.smo-pok-hero__overlay-title {
		position: absolute;
		left: 10%;
		top: 350px;
		font-family: "PP Neue World", serif;
		font-weight: 400;
		letter-spacing: -0.05em;
		white-space: nowrap;
	}

	.smo-pok-hero__overlay-text {
		color: #1C2B43;
		font-size: clamp(2rem, 15.58vw, 15rem);
		line-height: 0.95;
		display: inline-block;
	}

	.smo-pok-copy__h1 {
		font-size: clamp(3rem, 3.23vw, 3rem);
	}

	.smo-pok-copy__h2-dark {
		font-size: clamp(3rem, 3.23vw, 3rem);
	}

	.smo-pok-copy__h2-lime {
		font-size: clamp(3rem, 3.23vw, 3rem);
	}

	.smo-pok-strip__text {
		font-size: clamp(1rem, 1.3vw, 2rem);
	}
}

/* ─── Mobile (≤480px) ──────────────────────────────────────── */
@media (max-width: 480px) {

	.smo-pok-hero__media {
		height: 260px;
	}

	.smo-pok-hero__panel {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		padding: 16px 20px;
		gap: 12px;
	}

	.smo-pok-copy__lede {
		width: 100%;
		margin-left: 0;
		margin-top: 24px;
		font-size: clamp(0.8rem, 1.1vw, 1.4rem);
	}

	.smo-pok-hero__subtitle {
		font-size: clamp(3rem, 4.5vw, 5rem);
		transform: none;
		flex: 1;
		min-width: 0;
	}

	.smo-pok-hero__theme {
		margin-top: 0;
		margin-right: 0;
		font-family: "PP Neue World", serif;
		font-weight: 400;
		font-size: clamp(3rem, 4.5vw, 5rem);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #1C2B43;
		align-self: auto;
		flex-shrink: 0;
	}

	.smo-pok-copy {
		padding: 40px 20px 48px;
	}

	.smo-pok-copy__headline {
		max-width: 100%;
	}

	.smo-pok-strip {
		height: calc(clamp(5rem, 15.58vw, 15rem) * 1.05);
		padding: 0 20px;
	}

	.smo-pok-strip__watermark {
		right: 20px;
	}

	.smo-pok-hero__overlay-text {
		color: #1C2B43;
		font-size: clamp(5rem, 15.58vw, 15rem);
		line-height: 0.95;
		display: inline-block;
	}

	.smo-pok-hero__overlay-title {
		position: absolute;
		left: 10%;
		top: 220px;
		font-family: "PP Neue World", serif;
		font-weight: 400;
		letter-spacing: -0.05em;
		white-space: nowrap;
	}

	.smo-pok-hero__overlay-text {
		color: #1C2B43;
		font-size: clamp(5rem, 15.58vw, 15rem);
		line-height: 0.95;
		display: inline-block;
	}

	.smo-pok-copy__h1 {
		font-size: clamp(1.9rem, 2vw, 2.4rem);
	}

	.smo-pok-copy__h2-dark {
		font-size: clamp(1.9rem, 2vw, 2.4rem);
	}

	.smo-pok-copy__h2-lime {
		font-size: clamp(1.9rem, 2vw, 2.4rem);
	}

	.smo-pok-strip__text {
		font-size: clamp(0.8rem, 1.1vw, 1.4rem);
	}
}

.smo-pok-section2 {
	background: linear-gradient(to bottom,
			#D2F245 0 6px,
			#1C2B43 6px 831px);
	height: 831px;
	width: 100%;
	overflow: hidden;
}

.smo-pok-section2__canvas {
	position: relative;
	left: 50%;
	width: 1920px;
	height: 831px;
	transform: translateX(-50%);
	transform-origin: top left;
}

.smo-pok-section2__content {
	position: absolute;
	left: 240px;
	top: 0;
	width: 1440px;
	height: 831px;
}

.smo-pok-section2__frame {
	position: absolute;
	left: 117px;
	top: 24px;
	width: 1202px;
	height: 673px;
	overflow: hidden;
	border: 4px solid #D2F245;
	box-sizing: border-box;
}

.smo-pok-section2__video {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}


.smo-pok-section2__buttons {
	position: absolute;
	left: 117px;
	top: 721px;
	width: 1202px;
	display: flex;
	justify-content: center;
	gap: 44px;
}

.smo-pok-section2__btn {
	background: #D2F245;
	border: 3px solid #1C2B43;
	color: #1C2B43;
	text-decoration: none;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: 0.73vw;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 18px 40px;
	min-width: 320px;
	text-align: center;
	outline: none;
	transform-origin: center;
	transition: transform 140ms ease-out;
}

.smo-pok-section2__btn:hover,
.smo-pok-section2__btn:focus-visible {
	outline: none;
	box-shadow: none;
	transform: scale(1.002);
}

@media (max-width: 1024px) {

	.smo-pok-section2 {
		background: linear-gradient(to bottom,
				#D2F245 0 6px,
				#1C2B43 6px 100%);
		height: auto;
		width: 100%;
		overflow: visible;
	}

	.smo-pok-section2__canvas {
		position: relative;
		left: 0;
		width: 100%;
		height: auto;
		transform: none;
		padding: 0 40px;
		box-sizing: border-box;
	}

	.smo-pok-section2__content {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}

	.smo-pok-section2__frame {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 500px;
		margin-top: 40px;
	}

	.smo-pok-section2__buttons {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding: 30px 0;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.smo-pok-section2__btn {
		font-size: clamp(0.7rem, 1.2vw, 0.9rem);
		min-width: 260px;
		padding: 16px 32px;
	}

}

@media (max-width: 480px) {
	.smo-pok-section2 {
		background: linear-gradient(to bottom,
				#D2F245 0 6px,
				#1C2B43 6px 100%);
		height: auto;
		width: 100%;
		overflow: visible;
	}

	.smo-pok-section2__canvas {
		position: relative;
		left: 0;
		width: 100%;
		height: auto;
		transform: none;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.smo-pok-section2__content {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}

	.smo-pok-section2__frame {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 250px;
		margin-top: 40px;
	}

	.smo-pok-section2__buttons {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding: 30px 0;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.smo-pok-section2__btn {
		font-size: 0.75rem;
		min-width: 0;
		width: 100%;
		padding: 16px 24px;
	}
}

/* ─── Section 3 ────────────────────────────────────────────── */
.smo-pok-section3 {
	border-top: 6px solid #D2F245;
	background: #1C2B43;
	width: 100%;
}

.smo-pok-section3__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 60px 126px 80px;
	box-sizing: border-box;
}

/* ─── Header ───────────────────────────────────────────────── */
.smo-pok-section3__header {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 8px;
	margin-bottom: 48px;
}

.smo-pok-section3__kickers {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
}

.smo-pok-section3__kicker {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 5rem;
	color: #D2F245;
	writing-mode: vertical-rl;
	transform: scaleX(1.0) rotate(180deg);
	white-space: nowrap;
	line-height: 1.2;
	display: block;
	align-self: flex-start;
}

.smo-pok-section3__header-text {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.smo-pok-section3__topline {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.25rem, 5.31vw, 5rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #B2CDFF;
	white-space: nowrap;
}

.smo-pok-section3__topline-title {
	display: flex;
	flex-direction: column;
}

.smo-pok-section3__title {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(2rem, 9.17vw, 8.5rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #D2F245;
	white-space: nowrap;
}

.smo-pok-section3__lead {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: clamp(0.75rem, 1.06vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	transform: translateX(-4.4vw);
	text-transform: uppercase;
	color: #B2CDFF;
}

/* ─── Body ─────────────────────────────────────────────────── */
.smo-pok-section3__body {
	display: grid;
	grid-template-columns: 585px 1fr;
	gap: 48px;
	align-items: start;
}

.smo-pok-section3__image {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.smo-pok-section3__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ─── Points ───────────────────────────────────────────────── */
.smo-pok-section3__points {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.smo-pok-section3__point-title {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(0.7rem, 1vw, 0.95rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #D2F245;
	margin-bottom: 6px;
}

.smo-pok-section3__point-text {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.7rem, 1vw, 0.95rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #B2CDFF;
}

/* ─── Tablet (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px) {
	.smo-pok-section3__inner {
		padding: 48px 40px 60px;
	}

	.smo-pok-section3__header {
		gap: 6px;
		margin-bottom: 36px;
	}

	.smo-pok-section3__topline {
		white-space: normal;
	}

	.smo-pok-section3__title {
		white-space: normal;
	}

	.smo-pok-section3__body {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.smo-pok-section3__image {
		max-width: 585px;
	}

	.smo-pok-section3__points {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}

	.smo-pok-section3__point-title {
		font-size: clamp(1rem, 1.5vw, 2rem);
	}

	.smo-pok-section3__point-text {
		font-size: clamp(0.9rem, 1.2vw, 1.7rem);
	}

	.smo-pok-section3__lead {
		font-size: clamp(0.9rem, 1.06vw, 1rem);
	}
}

/* ─── Mobile (≤480px) ──────────────────────────────────────── */
@media (max-width: 480px) {
	.smo-pok-section3__inner {
		padding: 40px 20px 48px;
	}

	.smo-pok-section3__header {
		gap: 4px;
		margin-bottom: 28px;
	}

	.smo-pok-section3__image {
		max-width: 100%;
	}

	.smo-pok-section3__points {
		grid-template-columns: 1fr;
	}

	.smo-pok-section3__point-title {
		font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
		font-weight: 700;
		font-size: clamp(0.7rem, 1vw, 0.95rem);
		line-height: 1.2;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #D2F245;
		margin-bottom: 6px;
	}

	.smo-pok-section3__point-text {
		font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
		font-weight: 400;
		font-size: clamp(0.7rem, 1vw, 0.95rem);
		line-height: 1.2;
		letter-spacing: 1px;
		color: #B2CDFF;
	}

	.smo-pok-section3__topline {
		font-size: clamp(3rem, 5.31vw, 5rem);
	}

	.smo-pok-section3__topline-title {
		display: flex;
		flex-direction: column;
		font-size: clamp(3rem, 5.31vw, 5rem);
	}

	.smo-pok-section3__title {
		font-size: clamp(4rem, 9.17vw, 8.5rem);
	}

	.smo-pok-section3__lead {
		font-size: clamp(0.75rem, 1.06vw, 1rem);
	}

	.smo-pok-section3__header {
		display: flex;
		flex-direction: column;
	}

	.smo-pok-section3__kicker {
		writing-mode: horizontal-tb;
		transform: none;
		white-space: normal;
		font-size: clamp(0.25rem, 0.16vw, 0.4rem);
		order: 0;
		width: 100%;
	}

	.smo-pok-section3__kicker--bottom {
		writing-mode: horizontal-tb;
		transform: none;
		white-space: normal;
		font-size: clamp(0.25rem, 0.16vw, 0.4rem);
		order: 0;
		width: 100%;
	}

	.smo-pok-section3__kicker--top {
		writing-mode: horizontal-tb;
		transform: none;
		white-space: normal;
		font-size: clamp(0.25rem, 0.16vw, 0.4rem);
		order: 0;
		width: 100%;
	}

	.smo-pok-section3__header-text {
		order: 1;
		width: 100%;
	}
}

/* ─── Section 4 ────────────────────────────────────────────── */
.smo-pok-section4 {
	border-top: 6px solid #D2F245;
	background: #D3E2FF;
	width: 100%;
}

.smo-pok-section4__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 126px 80px;
	box-sizing: border-box;
}

/* ─── Header ───────────────────────────────────────────────── */
.smo-pok-section4__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 48px;
}

.smo-pok-section4__title {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(2rem, 6.25vw, 6rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #1C2B43;
	white-space: nowrap;
	flex-shrink: 0;
}

.smo-pok-section4__intro {
	max-width: 560px;
	margin-left: auto;
	align-self: flex-end;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(0.75rem, 1.06vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
}


/* ─── Cards ────────────────────────────────────────────────── */
.smo-pok-section4__cards {
	display: flex;
	flex-direction: row;
	gap: 36px;
	align-items: flex-start;
}

.smo-pok-section4__card {
	flex: 1;
	height: auto;
	display: flex;
	flex-direction: column;
}

/* ─── Card media (CSS grid layering) ──────────────────────── */
.smo-pok-section4__card-media {
	display: grid;
	grid-template-areas: "layer";
	width: 100%;
	height: 390px;
	overflow: hidden;
	background: #1C2B43;
	flex-shrink: 0;
}

.smo-pok-section4__card-media>* {
	grid-area: layer;
}

.smo-pok-section4__card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	align-self: stretch;
	justify-self: stretch;
}

.smo-pok-section4__card-media-topbar {
	align-self: start;
	justify-self: stretch;
	height: 10px;
	background: #D2F245;
	z-index: 1;
}

.smo-pok-section4__card-media-topbar--blue {
	background: #B2CDFF;
}

.smo-pok-section4__card-media-title {
	align-self: start;
	justify-self: start;
	padding-top: clamp(14px, 1.5vw, 24px);
	padding-left: clamp(14px, 1.5vw, 24px);
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(2rem, 4.65vw, 4.5rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #1C2B43;
	white-space: nowrap;
	z-index: 2;
}

.smo-pok-section4__card-media-title--lime {
	color: #D2F245;
}

.smo-pok-section4__card--blue .smo-pok-section4__card-media-title {
	color: #B2CDFF;
}

.smo-pok-section4__card-media-tag {
	align-self: start;
	justify-self: end;
	padding-top: clamp(10px, 1.2vw, 18px);
	padding-right: clamp(10px, 1.2vw, 18px);
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 800;
	font-size: clamp(0.65rem, 0.94vw, 0.9rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #D2F245;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	z-index: 2;
}

.smo-pok-section4__card-media-tag--blue {
	color: #B2CDFF;
}

.smo-pok-section4__card-media-price {
	align-self: end;
	justify-self: center;
	padding-bottom: clamp(14px, 1.5vw, 24px);
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(2rem, 4.79vw, 4.5rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #D2F245;
	z-index: 2;
}

.smo-pok-section4__card-media-price--blue {
	color: #B2CDFF;
}

/* ─── Card body ────────────────────────────────────────────── */
.smo-pok-section4__card-body {
	flex: 1;
	padding: 18px 22px 22px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.smo-pok-section4__card--blue .smo-pok-section4__card-body {
	background: #B2CDFF;
}

.smo-pok-section4__card--lime .smo-pok-section4__card-body {
	background: #D2F245;
}

.smo-pok-section4__card-label {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.25rem, 2.71vw, 2.5rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #1C2B43;
	margin-bottom: 10px;
}

.smo-pok-section4__card-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: clamp(0.75rem, 1.08vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #1C2B43;
}

.smo-pok-section4__card-list li {
	position: relative;
	padding-left: 18px;
	margin: 8px 0;
}

.smo-pok-section4__card-list li::before {
	content: "▶";
	position: absolute;
	left: 0;
	top: 0;
	color: #D2F245;
}

.smo-pok-section4__card--lime .smo-pok-section4__card-list li::before {
	color: #1C2B43;
}

.smo-pok-section4__card-note {
	margin-top: auto;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: clamp(0.6rem, 0.63vw, 0.75rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: rgba(28, 43, 67, 0.85);
	text-align: center;
	padding-top: 12px;
}

.smo-pok-section4__btns {
	display: flex;
	gap: 4px;
	justify-content: center;
	padding-top: 32px;
}

.smo-pok-section4__card-btn {
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: 3px solid #1C2B43;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(0.65rem, 0.73vw, 0.85rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 16px 24px;
	text-align: center;
	max-width: 320px;
	width: 100%;
	min-height: 58px;
	box-sizing: border-box;
	color: #1C2B43;
	outline: none;
	margin-left: auto;
	margin-right: auto;
	transform-origin: center;
	transition: transform 140ms ease-out;
}

.smo-pok-section4__card-btn:hover,
.smo-pok-section4__card-btn:focus-visible {
	outline: none;
	box-shadow: none;
	transform: scale(1.002);
}

.smo-pok-section4__card-btn--lime {
	background: #D2F245;
}

.smo-pok-section4__card-btn--blue {
	background: #D2F245;
}

@media (min-width: 1025px) {
	.smo-pok-section4__btns {
		display: flex;
		justify-content: center;
		align-items: stretch;
		gap: 18px;
		width: 100%;
	}

	.smo-pok-section4__card-btn {
		width: 300px;
		max-width: 300px;
		min-height: 52px;
		margin-left: 0;
		margin-right: 0;
		border-width: 0;
	}
}

/* ─── Tablet (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px) {
	.smo-pok-section4__inner {
		padding: 24px 40px 60px;
	}

	.smo-pok-section4__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		margin-bottom: 36px;
	}

	.smo-pok-section4__cards {
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}

	.smo-pok-section4__card {
		width: 100%;
		max-width: 560px;
		height: 831px;
	}

	.smo-pok-section4__title {
		font-family: "PP Neue World", serif;
		font-weight: 400;
		font-size: clamp(5rem, 6.25vw, 6rem);
		line-height: 1.05;
		letter-spacing: 1px;
		color: #1C2B43;
		white-space: nowrap;
		flex-shrink: 0;
	}

	.smo-pok-section4__intro {
		max-width: 560px;
		margin-left: auto;
		align-self: flex-end;
		font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
		font-weight: 700;
		font-size: clamp(0.9rem, 1.06vw, 1rem);
		line-height: 1.2;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #1C2B43;
	}

	.smo-pok-section4__card-media-title {
		font-size: clamp(7rem, 8.65vw, 9rem);
	}

	.smo-pok-section4__card-media-tag {
		font-size: clamp(1.4rem, 1.8vw, 2.1rem);
	}

	.smo-pok-section4__card-media-price {
		font-size: clamp(6rem, 7.65vw, 8rem);
	}

	.smo-pok-section4__card-label {
		font-size: clamp(4rem, 4.7vw, 5.3rem);
	}

	.smo-pok-section4__card-list {
		font-size: clamp(1.4rem, 2.3vw, 2.5rem);
	}

	.smo-pok-section4__card-note {
		font-size: clamp(1rem, 1.4vw, 1.8rem);
	}

	.smo-pok-section4__card-btn {
		font-size: clamp(1.1rem, 1.6vw, 2rem);
	}
}

/* ─── Mobile (≤480px) ──────────────────────────────────────── */
@media (max-width: 480px) {
	.smo-pok-section4__inner {
		padding: 24px 20px 48px;
	}

	.smo-pok-section4__card {
		max-width: 100%;
		height: 831px;
	}

	.smo-pok-section4__card-media {
		height: 300px;
	}

	.smo-pok-section4__title {
		font-size: clamp(3rem, 4.25vw, 5rem);
	}

	.smo-pok-section4__intro {
		font-size: clamp(0.7rem, 1vw, 1.1rem);
	}

	.smo-pok-section4__card-media-title {
		font-size: clamp(3rem, 4.65vw, 5rem);
	}

	.smo-pok-section4__card-media-tag {
		font-size: clamp(0.7rem, 1vw, 1.1rem);
	}

	.smo-pok-section4__card-media-price {
		font-size: clamp(3rem, 4.65vw, 5rem);
	}

	.smo-pok-section4__card-label {
		font-size: clamp(2.8rem, 3.65vw, 4rem);
	}

	.smo-pok-section4__card-list {
		font-size: clamp(1.1rem, 1.8vw, 2.3rem);
	}

	.smo-pok-section4__card-note {
		font-size: clamp(0.7rem, 1vw, 1.1rem);
	}

	.smo-pok-section4__card-btn {
		font-size: clamp(0.7rem, 1vw, 1.1rem);
	}
}

/* ─── Accordion section ────────────────────────────────────── */
.smo-pok-accordion-section {
	border-top: 6px solid #1C2B43;
	background: #B2CDFF;
	width: 100%;
}

body.smo-page-pok .smo-orkester-accordion {
	width: 100%;
}

/* ─── Summary ──────────────────────────────────────────────── */
body.smo-page-pok .smo-orkester-accordion__summary {
	list-style: none;
	cursor: pointer;
	user-select: none;
	padding: 13px 240px 13px 270px;
	display: flex;
	align-items: center;
	gap: 20px;
}

body.smo-page-pok .smo-orkester-accordion__summary::-webkit-details-marker {
	display: none;
}

body.smo-page-pok .smo-orkester-accordion__title {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.5rem, 4.25vw, 4rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #1C2B43;
}

/* ─── Chevron ──────────────────────────────────────────────── */
body.smo-page-pok .smo-orkester-accordion__chevron {
	flex-shrink: 0;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 16px solid #1C2B43;
	transition: transform 280ms ease;
	transform: rotate(0deg);
}

body.smo-page-pok .smo-orkester-accordion[open] .smo-orkester-accordion__chevron {
	transform: rotate(180deg);
}

/* ─── Body (grid animation) ────────────────────────────────── */
body.smo-page-pok .smo-orkester-accordion__body {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 320ms ease;
	overflow: hidden;
}

body.smo-page-pok .smo-orkester-accordion[open] .smo-orkester-accordion__body {
	grid-template-rows: 1fr;
}

body.smo-page-pok .smo-orkester-accordion__copy {
	overflow: hidden;
	padding: 18px 270px 50px;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 0.9vw, 0.95rem);
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	max-width: 1440px;
	box-sizing: border-box;
}

/* ─── Bullets ──────────────────────────────────────────────── */
.smo-pok-accordion-bullet {
	position: relative;
	padding-left: 22px;
}

.smo-pok-accordion-bullet::before {
	content: "▶";
	position: absolute;
	left: 0;
	top: 0;
	color: #D2F245;
}

/* ─── Location images ──────────────────────────────────────── */
.smo-pok-location {
	margin-top: 14px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	width: 100%;
	max-width: 1040px;
	height: 180px;
	background: #1C2B43;
}

.smo-pok-location__map,
.smo-pok-location__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ─── Tablet + Mobile (≤1024px) ────────────────────────────── */
@media (max-width: 1024px) {
	body.smo-page-pok .smo-orkester-accordion__summary {
		padding: 13px 40px 13px 40px;
	}

	body.smo-page-pok .smo-orkester-accordion__copy {
		padding: 18px 40px 50px;
	}

	body.smo-page-pok .smo-orkester-accordion__title {
		font-size: clamp(3rem, 4.25vw, 4rem);
	}

	body.smo-page-pok .smo-orkester-accordion__copy {
		font-size: clamp(0.9rem, 1.1vw, 1.3rem);
	}
}

/* ─── Mobile (≤480px) ──────────────────────────────────────── */
@media (max-width: 480px) {
	body.smo-page-pok .smo-orkester-accordion__summary {
		padding: 13px 20px 13px 20px;
	}

	body.smo-page-pok .smo-orkester-accordion__copy {
		padding: 18px 20px 40px;
	}

	.smo-pok-location {
		grid-template-columns: 1fr;
		height: auto;
	}

	.smo-pok-location__map,
	.smo-pok-location__photo {
		height: 160px;
	}

	body.smo-page-pok .smo-orkester-accordion__title {
		font-size: clamp(2rem, 3.25vw, 3.5rem);
	}

	body.smo-page-pok .smo-orkester-accordion__copy {
		font-size: clamp(0.8rem, 1.1vw, 1.3rem);
	}
}

/* ─── Section 6 ────────────────────────────────────────────── */
.smo-pok-section6 {
	border-top: 6px solid #1C2B43;
	background: #B2CDFF;
	width: 100%;
}

.smo-pok-section6__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 10px 126px 80px;
	box-sizing: border-box;
}

/* ─── Title ────────────────────────────────────────────────── */
.smo-pok-section6__title {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(2rem, 6.31vw, 6rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #1C2B43;
}

/* ─── Mentor cards grid ────────────────────────────────────── */
.smo-pok-mentor-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding-top: 30px;
}

/* ─── Mentor card ──────────────────────────────────────────── */
.smo-pok-mentor-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	text-decoration: none;
	background: #1C2B43;
	cursor: pointer;
	transition: transform 150ms ease-out;
}

.smo-pok-mentor-card:hover {
	transform: scale(1.003);
}

.smo-pok-mentor-card__img-wrap {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 390 / 260;
	overflow: hidden;
	flex-shrink: 0;
}

.smo-pok-mentor-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.smo-pok-mentor-card__title {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(1.7rem, 2.1vw, 2.3rem);
	line-height: 1.05;
	letter-spacing: 1px;
	color: #D2F245;
	text-transform: uppercase;
	margin: 0;
}

.smo-pok-mentor-card__lead {
	position: absolute;
	right: 14px;
	top: 12px;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-size: clamp(0.65rem, 0.8vw, 0.85rem);
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.25;
	text-transform: uppercase;
	text-align: right;
	color: #D2F245;
	max-width: 50%;
}

.smo-pok-mentor-card__bar {
	padding: 14px 16px 16px;
	flex: 1;
	min-height: 80px;
}

/* ─── Tablet (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px) {
	.smo-pok-section6 {
		background: #B2CDFF;
		width: 100%;
	}

	.smo-pok-section6__inner {
		padding: 10px 40px 60px;
		box-sizing: border-box;
	}

	.smo-pok-mentor-cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.smo-pok-mentor-card {
		display: flex;
		flex-direction: column;
		background: #1C2B43;
		overflow: hidden;
	}

	.smo-pok-mentor-card__img-wrap {
		width: 100%;
		height: auto;
		aspect-ratio: 390 / 260;
		flex-shrink: 0;
		overflow: hidden;
		position: relative;
	}

	.smo-pok-mentor-card__bar {
		padding: 14px 16px 16px;
		color: #D2F245;
	}

	.smo-pok-section6__title {
		font-size: clamp(5rem, 6.31vw, 6rem);
	}
}

/* ─── Mobile (≤480px) ──────────────────────────────────────── */
@media (max-width: 480px) {
	.smo-pok-section6__inner {
		padding: 10px 20px 48px;
		box-sizing: border-box;
	}

	.smo-pok-mentor-cards {
		grid-template-columns: 1fr;
	}

	.smo-pok-section6__title {
		font-size: clamp(3rem, 4.65vw, 5rem);
	}
}

body.smo-page-pok {
	background: transparent;
	overflow-x: hidden;
}

body.smo-page-pok #header-section.smo-header {
	--hdr-bg: #B2CDFF;
	--hdr-line: #D2F245;
	--hdr-line-bottom: #1C2B43;
	--hdr-ink: #1C2B43;
	--hdr-accent: #D2F245;
}

body.smo-page-pok .smo-logo__text {
	color: #1C2B43;
}

body.smo-page-pok #header-section.smo-header .smo-nav__link,
body.smo-page-pok #header-section.smo-header .smo-nav__link:link,
body.smo-page-pok #header-section.smo-header .smo-nav__link:visited,
body.smo-page-pok #header-section.smo-header .smo-nav__link:hover,
body.smo-page-pok #header-section.smo-header .smo-nav__link:focus,
body.smo-page-pok #header-section.smo-header .smo-nav__link:active {
	color: #1C2B43;
}

body.smo-page-pok .smo-nav__link::after {
	background: #D2F245;
}

body.smo-page-pok .smo-nav__dot {
	background: #1C2B43;
}



body.smo-page-pok #main-content.wrap {
	background: transparent !important;
	overflow-x: hidden;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

body.smo-page-pok .main-content-background {
	padding: 0 !important;
	background: transparent !important;
	margin: 0 !important;
	min-height: 0 !important;
	display: block !important;
}

body.smo-page-pok footer.footer {
	margin-top: 0 !important;
}

/* ─── Izjave inner wrapper (grid animation child) ──────────── */
.smo-pok-izjave-inner {
	overflow: hidden;
}

/* ─── Subtitle below accordion title ───────────────────────── */
.smo-pok-izjave-subtitle {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(0.7rem, 0.85vw, 0.9rem);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	margin: 0;
	padding: 14px 270px 0;
}

/* ─── Testimonial slider ───────────────────────────────────── */
.smo-pok-testimonial-slider {
	display: flex;
	align-items: center;
	padding: 30px 0 50px;
}

.smo-pok-testimonial-slider__btn {
	flex-shrink: 0;
	appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	color: #D2F245;
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 0 40px;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.smo-pok-testimonial-slider__btn:focus,
.smo-pok-testimonial-slider__btn:focus-visible,
.smo-pok-testimonial-slider__btn:hover,
.smo-pok-testimonial-slider__btn:active {
	appearance: none;
	-webkit-appearance: none;
	outline: none !important;
	box-shadow: none !important;
	background: none;
	color: #D2F245;
	opacity: 1;
}

.smo-pok-testimonial-slider__track {
	flex: 0 1 600px;
	min-width: 0;
	margin: 0 auto;
}

.smo-pok-testimonial-slider__slide {
	display: none;
	flex-direction: column;
	gap: 16px;
}

.smo-pok-testimonial-slider__slide.is-active {
	display: flex;
}

.smo-pok-testimonial-slider__quote {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 0.95vw, 1rem);
	line-height: 1.2;
	letter-spacing: 1px;
	color: #1C2B43;
	margin: 0;
	padding: 0;
	border: none;
}

.smo-pok-testimonial-slider__author {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(0.7rem, 0.85vw, 0.9rem);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	text-align: right;
	margin: 0;
}

.smo-pok-testimonial-slider__role {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(0.65rem, 0.75vw, 0.8rem);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1C2B43;
	text-align: right;
	margin: 0;
	opacity: 0.7;
}

/* tablet */
@media (max-width: 900px) {
	.smo-pok-izjave-subtitle {
		padding: 14px 24px 0;
	}

	.smo-pok-testimonial-slider__btn {
		padding: 0 20px;
		font-size: 1.4rem;
	}
}

/* mobile */
@media (max-width: 600px) {
	.smo-pok-izjave-subtitle {
		padding: 12px 16px 0;
	}

	.smo-pok-testimonial-slider {
		padding: 20px 0 32px;
	}

	.smo-pok-testimonial-slider__btn {
		padding: 0 12px;
		font-size: 1.2rem;
	}
}

/* ============================================================
   DESKTOP  (≤1440px)  — more horizontal padding for large screens
   ============================================================ */
@media (max-width: 1440px) {
	.smo-pok-block1                   { padding: 60px 80px 80px; }
	.smo-pok-strip                    { padding: 0 20px 0 calc(50vw - 593px); }
	.smo-pok-section3__inner          { padding: 60px 80px; }
	.smo-pok-section4-inner           { padding: 40px 80px 80px; }
	.smo-pok-accordion-section .smo-orkester-accordion__summary { padding: 13px 80px; }
	.smo-pok-section6__inner          { padding: 10px 80px 80px; }
}

/* ============================================================
   LAPTOP  (≤1280px)
   ============================================================ */
@media (max-width: 1280px) {
	.smo-pok-block1                   { padding: 60px 60px 80px; }
	.smo-pok-strip                    { padding: 0 20px 0 calc(50vw - 593px); }
	.smo-pok-section3__inner          { padding: 60px 60px; }
	.smo-pok-section4-inner           { padding: 40px 60px 80px; }
	.smo-pok-accordion-section .smo-orkester-accordion__summary { padding: 13px 60px; }
	.smo-pok-section6__inner          { padding: 10px 60px 80px; }
}

/* ============================================================
   TABLET  (≤768px)
   ============================================================ */
@media (max-width: 768px) {
	/* Block 1 / Hero / Strip */
	.smo-pok-block1                   { padding: 40px 28px 60px; }
	.smo-pok-strip                    { padding: 0 28px; }

	/* Section 3 */
	.smo-pok-section3__inner          { padding: 40px 28px; }

	/* Accordion */
	body.smo-page-pok .smo-orkester-accordion__summary { padding: 13px 28px; }

	/* Section 6 (mentorji) */
	.smo-pok-section6__inner          { padding: 10px 28px 60px; }
	.smo-pok-mentor-cards             { grid-template-columns: repeat(2, 1fr); }

	/* Testimonials */
	.smo-pok-izjave-subtitle          { padding: 14px 28px 0; }
}

/* ============================================================
   LARGE MOBILE  (≤640px)
   ============================================================ */
@media (max-width: 640px) {
	/* Block 1 / Hero / Strip */
	.smo-pok-block1                   { padding: 40px 20px 48px; }
	.smo-pok-strip                    { padding: 0 20px; }

	/* Section 3 */
	.smo-pok-section3__inner          { padding: 32px 20px; }

	/* Accordion */
	body.smo-page-pok .smo-orkester-accordion__summary { padding: 13px 20px; }

	/* Section 6 (mentorji) */
	.smo-pok-section6__inner          { padding: 10px 20px 48px; }
	.smo-pok-mentor-cards             { grid-template-columns: 1fr; }

	/* Testimonials */
	.smo-pok-izjave-subtitle          { padding: 12px 20px 0; }
}

/* ============================================================
   MOBILE SMALL  (≤360px)
   ============================================================ */
@media (max-width: 360px) {
	.smo-pok-block1                   { padding: 32px 12px 40px; }
	.smo-pok-strip                    { padding: 0 12px; }
	.smo-pok-section3__inner          { padding: 28px 12px; }
	body.smo-page-pok .smo-orkester-accordion__summary { padding: 13px 12px; }
	.smo-pok-section6__inner          { padding: 10px 12px 40px; }
	/* aspect-ratio handles img-wrap height */
}

/* ============================================================
   LARGE DESKTOP  (≥1600px)
   ============================================================ */
@media (min-width: 1600px) { }

/* ============================================================
   ULTRA WIDE  (≥1920px)
   ============================================================ */
@media (min-width: 1920px) { }

/* ============================================================
   SECTION 3 HEADER LOCK (ALL DEVICES)
   Keep LETOŠNJA / TEMA + title block in the same visual structure.
   ============================================================ */
body.smo-page-pok .smo-pok-section3__header {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 8px !important;
}

body.smo-page-pok .smo-pok-section3__kickers {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex-shrink: 0 !important;
}

body.smo-page-pok .smo-pok-section3__kicker,
body.smo-page-pok .smo-pok-section3__kicker--bottom,
body.smo-page-pok .smo-pok-section3__kicker--top {
	writing-mode: vertical-rl !important;
	transform: rotate(180deg) !important;
	white-space: nowrap !important;
	width: auto !important;
	order: 0 !important;
	font-size: clamp(2.5rem, 7.5vw, 5rem) !important;
	line-height: 1 !important;
	color: #D2F245 !important;
}

body.smo-page-pok .smo-pok-section3__header-text {
	order: 1 !important;
	width: auto !important;
	flex: 1 !important;
}

body.smo-page-pok .smo-pok-section3__topline {
	font-size: clamp(1.4rem, 5vw, 5rem) !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
}

body.smo-page-pok .smo-pok-section3__title {
	font-size: clamp(3rem, 9.2vw, 8.5rem) !important;
	line-height: 0.95 !important;
	white-space: nowrap !important;
}

body.smo-page-pok .smo-pok-section3__lead {
	transform: none !important;
	line-height: 1.08 !important;
}