/* =========================================================================
   PODPRITE NAS — smo.ngo/podpritenas/ (page-podpritenas.php)
   Figma NEW-SMO → "Desktop - Donacije" (1920 px, vsebina 1430 px, robovi 245 px).
   Mere iz Figme so preračunane v vw (px / 19.2) z mejami za mobilne in zelo široke zaslone.
   ========================================================================= */

/* glava: standardna glava smo.ngo (temno modra, kot /orkester/) — brez posebnih barv za to stran */

/* ---------- osnova ---------- */
.smo-pn {
	/* barve in mere kot /orkester/ (css/orkester.css) */
	--pn-blue: #050078;        /* besedilo, glava */
	--pn-violet: #5F54DF;
	--pn-lime: #DBF342;
	--pn-pink: #FB7BE3;
	--pn-pink-light: #FFD2E9;

	--pn-hl: clamp(40px, 4.74vw, 91px);        /*  91 px — naslovi sekcij (kot naslovi kartic na /orkester/) */
	--pn-h80: clamp(26px, 2.5vw, 48px);        /*  48 px — podnaslovi */
	--pn-h40: clamp(20px, 1.5625vw, 30px);     /*  30 px — manjši naslovi */
	--pn-body: clamp(14px, 0.904vw, 17.4px);   /* 17,4 px — Inter kot /orkester/ */
	--pn-btn: clamp(12px, 0.68vw, 13px);       /*  12–13 px — gumbi kot /orkester/ */
	--pn-small: clamp(13px, 0.8vw, 15.5px);
	--pn-tiny: clamp(12px, 0.7vw, 13.5px);
	--pn-line: 6px;
	--pn-gap: clamp(16px, 1.5vw, 30px);

	display: block;
	width: 100%;
	overflow-x: clip;
	background: var(--pn-pink-light);
	color: var(--pn-blue);
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
.smo-pn *, .smo-pn *::before, .smo-pn *::after { box-sizing: border-box; }
.smo-pn p, .smo-pn ul, .smo-pn h1, .smo-pn h2, .smo-pn h3 { margin: 0; padding: 0; }
.smo-pn ul { list-style: none; }
.smo-pn img { display: block; max-width: 100%; height: auto; }
.smo-pn a { color: inherit; }
.smo-pn [id] { scroll-margin-top: 96px; }
.smo-pn .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.smo-pn :focus-visible { outline: 3px solid var(--pn-lime); outline-offset: 2px; }
.smo-pn .pn-sec--lime :focus-visible,
.smo-pn .pn-sec--pink :focus-visible { outline-color: var(--pn-blue); }

/* sredinski stolpec kot /orkester/: 1190 px pri 1920 px (61,98 vw), nikoli širši od 1190 px */
.pn-wrap {
	width: min(100% - 32px, 1190px);
	margin-inline: auto;
}
@media (min-width: 700px) { .pn-wrap { width: min(100% - 96px, 1190px); } }
@media (min-width: 1025px) { .pn-wrap { width: min(61.98vw, 1190px); } }

/* ---------- sekcije ---------- */
.pn-sec {
	padding: clamp(14px, 0.8vw, 20px) 0 clamp(36px, 2.8vw, 72px);
	border-bottom: var(--pn-line) solid transparent;
}
.pn-sec--pink { background: var(--pn-pink); }
.pn-sec--lime { background: var(--pn-lime); }
.pn-sec--blue { background: var(--pn-blue); }
.pn-line--blue { border-bottom-color: var(--pn-blue); }
.pn-line--pink { border-bottom-color: var(--pn-pink); }
.pn-line--lime { border-bottom-color: var(--pn-lime); }

.pn-c-blue { color: var(--pn-blue); }
.pn-c-lime { color: var(--pn-lime); }
.pn-c-pink { color: var(--pn-pink); }
.pn-right { text-align: right; }
.pn-gap-top { margin-top: var(--pn-gap) !important; }

/* ---------- tipografija ---------- */
.smo-pn .pn-hl,
.smo-pn .pn-h80,
.smo-pn .pn-h40,
.smo-pn .pn-tier__price,
.smo-pn .pn-card__bar span,
.smo-pn .pn-stat__num {
	font-family: "PP Neue World", serif;
	font-weight: 400;
	text-transform: uppercase;
	font-feature-settings: "liga" 0;
}
.smo-pn .pn-hl {
	font-size: var(--pn-hl);
	line-height: 0.76;
	letter-spacing: -0.02em;
	padding-top: 0.06em; /* prostor za strešice (Č, Š, Ž) */
}
.smo-pn .pn-h80 { font-size: var(--pn-h80); line-height: 0.84; }
.smo-pn .pn-h40 { font-size: var(--pn-h40); line-height: 0.85; letter-spacing: -0.01em; }
.smo-pn .pn-body {
	font-size: var(--pn-body);
	line-height: 1.364; /* 30 / 22 */
	text-transform: uppercase;
}
.smo-pn .pn-body a { text-decoration: underline; text-underline-offset: 0.12em; }
.smo-pn .pn-list { list-style: disc; padding-left: 1.3em; }
.smo-pn .pn-list li + li { margin-top: 0.4em; }

/* ---------- gumbi ---------- */
.smo-pn .pn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	min-height: clamp(42px, 2.45vw, 63px);
	padding: 0.4em 0.4em;
	border: 0;
	border-radius: 0;
	background: var(--pn-lime);
	color: var(--pn-blue);
	font-family: Inter, system-ui, sans-serif;
	font-size: var(--pn-btn);
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: transform .14s ease, box-shadow .14s ease;
}
.smo-pn .pn-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 0 var(--pn-blue); }
.smo-pn .pn-sec--blue .pn-btn:hover { box-shadow: 0 4px 0 var(--pn-pink); }
.smo-pn .pn-btn:disabled { opacity: .6; cursor: wait; transform: none; box-shadow: none; }
.smo-pn .pn-btn--block { width: 100%; }
.smo-pn .pn-btn--pink { background: var(--pn-pink); }

.pn-msg { min-height: 1.2em; font-size: var(--pn-tiny); line-height: 1.35; }
.pn-msg:empty { display: none; }
.pn-msg.is-error { font-weight: 700; }

/* ---------- polja ---------- */
.smo-pn .pn-input {
	display: block;
	width: 100%;
	height: clamp(42px, 2.45vw, 63px);
	margin: 0;
	padding: 0 0.4em;
	border: 2px solid currentColor;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-family: Inter, system-ui, sans-serif;
	font-size: var(--pn-btn);
	font-weight: 500;
	text-transform: uppercase;
	box-shadow: none;
	-moz-appearance: textfield;
}
.smo-pn .pn-input::-webkit-outer-spin-button,
.smo-pn .pn-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.smo-pn .pn-input::placeholder { color: inherit; opacity: 1; }
.smo-pn .pn-input:focus { outline: none; box-shadow: inset 0 0 0 2px currentColor; }
.smo-pn .pn-input.is-invalid { border-style: dashed; }
.smo-pn .pn-input--area { height: clamp(120px, 8.23vw, 210px); padding-top: 0.35em; resize: vertical; }
.smo-pn .pn-input--sm { height: clamp(32px, 1.667vw, 43px); font-size: var(--pn-tiny); font-weight: 700; }

/* romb (radio / checkbox iz Figme) */
.pn-check {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: var(--pn-tiny);
	font-weight: 700;
	line-height: 1.06;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}
.pn-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pn-diamond {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
}
.pn-diamond::before {
	content: "";
	width: 21px;
	height: 21px;
	border: 2px solid var(--pn-blue);
	transform: rotate(45deg);
	transition: background-color .12s ease;
}
.pn-check input:checked + .pn-diamond::before { background: var(--pn-lime); }
.pn-check input:focus-visible + .pn-diamond::before { outline: 3px solid var(--pn-blue); outline-offset: 3px; }
.pn-check--pink { color: var(--pn-pink); }
.pn-check--pink .pn-diamond::before { border-color: var(--pn-pink); }

/* ---------- kartica s pokončnim napisom ---------- */
.pn-card {
	display: grid;
	grid-template-columns: clamp(52px, 3.646vw, 93px) minmax(0, 1fr);
	gap: clamp(12px, 0.9375vw, 24px);
	padding: clamp(8px, 0.52vw, 13px);
	border: var(--pn-line) solid;
}
.pn-card--pink { background: var(--pn-pink); border-color: var(--pn-lime); }
.pn-card--blue { background: var(--pn-blue); border-color: var(--pn-pink); }
.pn-card--lime { background: var(--pn-lime); border-color: var(--pn-pink); }
.pn-card__bar {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 5px 0;
	overflow: hidden;
	background: var(--pn-blue);
}
.pn-card--blue .pn-card__bar,
.pn-card--lime .pn-card__bar { background: var(--pn-pink); }
.smo-pn .pn-card__bar span {
	display: block;
	height: max-content;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align: end;
	white-space: nowrap;
	font-size: clamp(36px, 3.125vw, 80px);
	line-height: 0.92;
	color: var(--pn-lime);
}
.pn-card--blue .pn-card__bar span,
.pn-card--lime .pn-card__bar span { color: var(--pn-blue); }
.pn-card__body {
	display: flex;
	flex-direction: column;
	gap: clamp(14px, 0.99vw, 25px);
	padding-top: clamp(6px, 0.52vw, 13px);
	min-width: 0;
}

/* ---------- HERO ---------- */
.pn-hero {
	position: relative;
	display: grid;
	background: var(--pn-blue);
	border-top: var(--pn-line) solid var(--pn-lime);
	border-bottom: var(--pn-line) solid var(--pn-lime);
	padding: 5px 0;
	overflow: hidden;
}
.pn-hero__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px clamp(14px, 2.24vw, 57px);
}
.pn-hero__nav .pn-btn { padding-inline: 0.4em; }

/* ---------- SMO PRIJATELJI ---------- */
.pn-intro {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 24px clamp(24px, 2.6vw, 67px);
}
.pn-intro .pn-hl { flex: 1 1 520px; }
.pn-intro__text { flex: 0 1 40.9%; min-width: min(100%, 320px); }

/* ---------- ZAKAJ ---------- */
.pn-why {
	display: grid;
	grid-template-columns: minmax(0, 703fr) minmax(0, 695fr);
	gap: clamp(20px, 1.77vw, 45px);
	align-items: center;
	margin: var(--pn-gap) 0 clamp(16px, 1.15vw, 29px);
}
.pn-why__box {
	background: var(--pn-pink);
	padding: clamp(20px, 1.46vw, 37px) clamp(20px, 1.4vw, 36px) clamp(20px, 1.46vw, 37px) clamp(22px, 1.72vw, 44px);
}
.pn-why__box .pn-h40 { margin-bottom: 0.8em; }
.pn-why__note { margin-bottom: clamp(16px, 1.15vw, 29px) !important; }

/* ---------- KAJ TALENT DOSEŽE ---------- */
.smo-pn .pn-stats {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(12px, 1.5625vw, 40px);
	margin: clamp(28px, 2.6vw, 67px) 0;
}
.pn-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(16px, 1.46vw, 37px);
	min-height: clamp(260px, 22vw, 563px);
	padding: clamp(28px, 2.29vw, 58px) 8px 20px;
	text-align: center;
	text-transform: uppercase;
	background: var(--pn-pink);
	color: var(--pn-blue);
}
.pn-stat:nth-child(even) { background: var(--pn-lime); }
.smo-pn .pn-stat__num {
	font-size: clamp(56px, 6.77vw, 173px);
	line-height: 0.75;
	letter-spacing: -0.02em;
	color: var(--pn-lime);
}
.pn-stat:nth-child(even) .pn-stat__num { color: var(--pn-pink); }
.pn-stat__txt {
	max-width: 100%;
	font-size: var(--pn-body);
	line-height: 1.364;
	overflow-wrap: anywhere;
	hyphens: auto;
}
.pn-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 1.82vw, 47px);
	color: var(--pn-lime);
}
.pn-cols .pn-h40 { margin-bottom: 0.2em; }

/* ---------- ČLANARINE ---------- */
.smo-pn #clanstvo .pn-h80 { margin: clamp(24px, 1.82vw, 47px) 0; }
.pn-tiers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 2.03vw, 52px);
}
.pn-tier { min-height: clamp(480px, 28.7vw, 735px); }
.smo-pn .pn-tier__price { font-size: clamp(32px, 2.604vw, 67px); line-height: 0.856; }
.pn-tier__desc {
	font-size: var(--pn-small);
	line-height: 1.22;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}
.pn-tier__desc p { margin-bottom: 6px; }
.pn-tier__desc ul { list-style: disc; padding-left: 1.45em; }
.pn-tier__foot {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.pn-tier__pick {
	color: var(--pn-lime);
	font-size: clamp(16px, 1.146vw, 29px);
	font-weight: 700;
	line-height: 0.91;
	text-align: center;
	text-transform: uppercase;
}
.pn-tier__radios { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.pn-tier .pn-input--sm { color: var(--pn-blue); }
.pn-tier .pn-input--sm::placeholder { color: var(--pn-lime); }
.pn-tier .pn-msg { color: var(--pn-blue); }

/* ---------- 1 % DOHODNINE ---------- */
.pn-dohodnina__text { max-width: 1070px; max-width: 74.8%; margin-bottom: clamp(18px, 1.15vw, 29px) !important; }
/* koraki nad obrazcem */
.smo-pn .pn-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(12px, 1.04vw, 27px);
	margin: clamp(18px, 1.15vw, 29px) 0 clamp(20px, 1.46vw, 37px);
	padding: 0;
	list-style: none;
}
.pn-steps li {
	display: flex;
	align-items: center;
	gap: clamp(12px, 0.83vw, 21px);
	padding: clamp(12px, 0.83vw, 21px) clamp(14px, 1.04vw, 27px);
	background: var(--pn-blue);
	color: var(--pn-lime);
	font-size: var(--pn-small);
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
}
.smo-pn .pn-steps__n {
	flex: 0 0 auto;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: clamp(44px, 3.65vw, 93px);
	line-height: 0.75;
	color: var(--pn-pink);
}

/* ---------- lasten obrazec za 1 % dohodnine ---------- */
.pn-doh-card { margin-top: clamp(4px, 0.4vw, 10px); }
.pn-card--form { background: var(--pn-blue); border-color: var(--pn-pink); }
.pn-card--form .pn-card__bar { background: var(--pn-pink); }
.pn-card--form .pn-card__bar span { color: var(--pn-blue); }
.pn-doh {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(20px, 2.08vw, 53px);
	padding: clamp(8px, 1.04vw, 27px) clamp(4px, 0.52vw, 13px) clamp(8px, 0.78vw, 20px) 0;
	color: var(--pn-lime);
}
.pn-doh__col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.smo-pn .pn-doh__h {
	margin: 0 0 4px;
	font-family: "PP Neue World", serif;
	font-weight: 400;
	font-size: var(--pn-h40);
	line-height: 0.85;
	text-transform: uppercase;
	color: var(--pn-pink);
}
.pn-doh .pn-input { color: var(--pn-lime); border-color: var(--pn-lime); }
.pn-doh .pn-input::placeholder { color: var(--pn-lime); opacity: .85; }
.pn-doh select.pn-input { background: var(--pn-blue); cursor: pointer; }
.pn-doh__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 12px; }
.pn-field { display: block; margin: 0; min-width: 0; }
.pn-doh__lbl {
	display: block;
	margin-bottom: 6px;
	font-size: var(--pn-tiny);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--pn-pink);
}
.smo-pn .pn-input--tax { letter-spacing: 0.35em; font-variant-numeric: tabular-nums; }
.smo-pn .pn-input--tax::placeholder { letter-spacing: normal; }
.pn-doh__hint { font-size: var(--pn-tiny); line-height: 1.35; color: var(--pn-pink); text-transform: uppercase; }
.pn-doh__benef {
	border: 2px solid var(--pn-pink);
	padding: 12px 16px;
	font-size: var(--pn-small);
	font-weight: 600;
	line-height: 1.5;
	text-transform: uppercase;
}
.pn-doh__benef b { color: var(--pn-pink); }
.pn-doh__pct { border: 0; padding: 0; }
.pn-doh__pct legend { padding: 0; }
.pn-doh__pct-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pn-doh__pct-opts label { position: relative; display: block; cursor: pointer; }
.pn-doh__pct-opts input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.pn-doh__pct-opts span {
	display: grid;
	place-items: center;
	height: clamp(42px, 2.45vw, 63px);
	border: 2px solid var(--pn-lime);
	font-size: var(--pn-btn);
	font-weight: 700;
	text-transform: uppercase;
	transition: background-color .12s ease, color .12s ease;
}
.pn-doh__pct-opts input:checked + span { background: var(--pn-lime); color: var(--pn-blue); }
.pn-doh__pct-opts input:focus-visible + span { outline: 3px solid var(--pn-pink); outline-offset: 2px; }
.pn-doh__pct select { margin-top: 10px; }
.pn-doh__others summary {
	cursor: pointer;
	font-size: var(--pn-tiny);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--pn-lime);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.pn-doh__others[open] summary { margin-bottom: 8px; }
.pn-doh__others .pn-doh__hint { margin-bottom: 10px; }
.pn-doh__other { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(70px, 0.8fr); gap: 8px; margin-bottom: 8px; }
.smo-pn .pn-doh__other .pn-input--sm { font-weight: 500; }

/* podpis */
.pn-sig { position: relative; height: clamp(150px, 9.4vw, 240px); background: var(--pn-pink-light); touch-action: none; }
.pn-sig canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
.pn-sig__ph {
	position: absolute; left: 12px; bottom: 10px;
	font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--pn-blue);
	pointer-events: none; transition: opacity .15s ease;
}
.pn-sig.has-ink .pn-sig__ph { opacity: 0; }
.smo-pn .pn-sig__clear {
	position: absolute; right: 8px; top: 6px;
	border: 0; background: transparent; padding: 4px 6px; cursor: pointer;
	font: 700 12px Inter, sans-serif; text-transform: uppercase; text-decoration: underline; color: var(--pn-blue);
}

/* potrditvena polja */
.smo-pn .pn-doh [hidden] { display: none !important; }
.pn-check.pn-field { display: flex; }
.pn-check--lime { color: var(--pn-lime); align-items: flex-start; font-weight: 600; line-height: 1.3; }
.pn-box { flex: 0 0 22px; width: 22px; height: 22px; border: 2px solid var(--pn-lime); margin-top: 1px; transition: background-color .12s ease; }
.pn-check input:checked + .pn-box { background: var(--pn-lime); box-shadow: inset 0 0 0 3px var(--pn-blue); }
.pn-check input:focus-visible + .pn-box { outline: 3px solid var(--pn-pink); outline-offset: 2px; }
.pn-doh__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pn-doh .pn-msg { color: var(--pn-pink); }
.pn-doh__alt { font-size: var(--pn-tiny); line-height: 1.4; text-transform: uppercase; color: var(--pn-pink); }
.pn-doh__alt a { color: var(--pn-lime); }

/* napake */
.pn-field.is-invalid .pn-input,
.pn-field.is-invalid .pn-sig,
.pn-field.is-invalid .pn-doh__pct-opts span { border-color: var(--pn-pink); box-shadow: 0 0 0 2px var(--pn-pink); }
.pn-field.is-invalid .pn-box { border-color: var(--pn-pink); }
.pn-err { display: block; margin-top: 5px; font-size: var(--pn-tiny); font-weight: 700; text-transform: uppercase; color: var(--pn-pink); }

/* zahvala */
.pn-doh-thanks { padding: clamp(20px, 2.6vw, 67px) clamp(8px, 1vw, 26px); color: var(--pn-lime); }
.smo-pn .pn-doh-thanks h4 { margin: 0 0 16px; font-family: "PP Neue World", serif; font-weight: 400; text-transform: uppercase; font-size: var(--pn-h80); line-height: .84; color: var(--pn-pink); }
.pn-doh-thanks p { font-size: var(--pn-body); line-height: 1.364; text-transform: uppercase; max-width: 900px; }
.pn-doh-thanks p + p { margin-top: .8em; }

/* ---------- DONACIJA ---------- */
.pn-don {
	display: grid;
	grid-template-columns: minmax(0, 687fr) minmax(0, 700fr);
	gap: clamp(20px, 2.03vw, 52px);
	margin-top: clamp(24px, 1.82vw, 47px);
	color: var(--pn-lime);
}
.pn-don__form .pn-card__body { gap: clamp(12px, 0.885vw, 23px); }
.pn-don__amounts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(12px, 0.885vw, 23px) clamp(12px, 0.885vw, 23px);
}
.smo-pn .pn-amount {
	height: clamp(42px, 2.45vw, 63px);
	padding: 0 0.3em;
	border: 2px solid var(--pn-lime);
	border-radius: 0;
	background: transparent;
	color: var(--pn-lime);
	font-family: Inter, system-ui, sans-serif;
	font-size: var(--pn-btn);
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .12s ease, color .12s ease;
}
.smo-pn .pn-amount:hover { background: rgba(210, 242, 69, .15); }
.smo-pn .pn-amount.is-selected { background: var(--pn-lime); color: var(--pn-blue); }
.pn-don .pn-input { color: var(--pn-lime); }
.pn-don .pn-msg { color: var(--pn-pink); }
.pn-don__note { font-size: var(--pn-tiny); color: var(--pn-pink); text-transform: uppercase; }
.pn-don__trr .pn-card__body { gap: clamp(18px, 1.3vw, 33px); }
.pn-trr__lbl { font-weight: 800; margin-bottom: 6px; }
.pn-qr { display: flex; align-items: center; gap: clamp(16px, 1.5vw, 38px); margin-top: auto; }
.pn-qr__img { flex: 0 0 auto; width: clamp(150px, 11vw, 220px); height: auto; aspect-ratio: 1; background: var(--pn-pink-light); }
.pn-qr__txt {
	max-width: 354px;
	color: var(--pn-pink);
	font-size: var(--pn-tiny);
	line-height: 1.06;
	text-transform: uppercase;
}

/* ---------- PARTNERSTVA ---------- */
.pn-partner { margin-top: clamp(24px, 1.82vw, 47px); }
.pn-partner__form {
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 0.78vw, 20px);
	color: var(--pn-blue);
}
.pn-partner__form label { display: block; }
.smo-pn .pn-partner__btn { width: clamp(180px, 12.3vw, 315px); }
.pn-partner .pn-msg { margin-top: 10px; }
.pn-partner__thanks { font-size: var(--pn-body); text-transform: uppercase; }

/* =========================================================================
   ODZIVNOST
   ========================================================================= */
@media (max-width: 1280px) {
	.smo-pn .pn-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pn-stat { min-height: 0; }
	.pn-stat__txt { max-width: 260px; }
	.pn-tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pn-tier { min-height: 0; }
}
@media (max-width: 1024px) {
	.pn-why,
	.pn-don { grid-template-columns: 1fr; }
	.pn-cols { grid-template-columns: 1fr; }
	.pn-dohodnina__text { max-width: none; }
	.smo-pn .pn-steps { grid-template-columns: 1fr; }
	.pn-doh { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.smo-pn [id] { scroll-margin-top: 64px; }
	.smo-pn .pn-hl { line-height: 0.82; }
	.pn-right { text-align: left; }
	.pn-hero__nav { justify-content: flex-start; }
	.pn-hero__nav .pn-btn { flex: 1 1 calc(50% - 12px); }
	.smo-pn .pn-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pn-tiers { grid-template-columns: 1fr; }
	.pn-don__amounts { grid-template-columns: 1fr 1fr; }
	.pn-qr { flex-direction: column; align-items: flex-start; }
	/* na telefonu obrazec dobi vso širino: pokončni trak skrijemo */
	.pn-doh-card { display: block; padding: 14px 12px; border-width: 4px; }
	.pn-doh-card .pn-card__bar { display: none; }
	.pn-doh { padding: 0; }
	.pn-doh__other { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.pn-doh__other input:first-child { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
	.pn-stat { padding-inline: 6px; }
	.pn-card { grid-template-columns: 44px minmax(0, 1fr); }
	.smo-pn .pn-card__bar span { font-size: 32px; }
}
@media (max-width: 340px) {
	.smo-pn .pn-stats { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.smo-pn * { transition: none !important; }
	html { scroll-behavior: auto !important; }
}

/* ---------- popravki 24. 10.: barva cene (tema jo je prebarvala), polje za svoj znesek, zahvala ---------- */
.smo-pn .pn-tier__price { color: var(--pn-blue); margin: 0; }
.smo-pn .pn-tier .pn-tier__amount { margin-top: 2px; }
.pn-toast {
	position: fixed; left: 50%; bottom: 24px; z-index: 9999;
	transform: translateX(-50%);
	width: min(92vw, 560px);
	padding: 16px 48px 16px 20px;
	background: #050078; color: #D2F245;
	border: 4px solid #FF7BE4;
	font: 600 16px/1.4 Inter, system-ui, sans-serif;
	text-transform: uppercase;
	box-shadow: 0 8px 24px rgba(5, 0, 120, .35);
}
.pn-toast b { color: #FF7BE4; }
.pn-toast button { position: absolute; right: 10px; top: 8px; border: 0; background: transparent; color: #D2F245; font-size: 26px; line-height: 1; cursor: pointer; }


/* =========================================================================
   USKLADITEV Z /orkester/ (26. 10. 2026, pripombe oblikovalke)
   Stran je del smo.ngo, ne projekta (turneje): sredinski stolpec, zmerni naslovi,
   besedilo v navadnem zapisu (ne v VELIKIH ČRKAH), več zraka med sekcijami.
   ========================================================================= */

/* sekcije: več zraka, barve kot /orkester/ (svetlo roza, limeta, vijolična) */
.pn-sec {
	padding: clamp(44px, 4.2vw, 80px) 0 clamp(52px, 4.7vw, 90px);
	border-bottom: 0;
	border-top: var(--pn-line) solid transparent;
}
.pn-sec--pink { background: var(--pn-pink-light); }
.pn-sec--lime { background: var(--pn-lime); }
.pn-sec--blue { background: var(--pn-violet); }
.pn-line--blue { border-top-color: var(--pn-violet); }
.pn-line--pink { border-top-color: var(--pn-pink); }
.pn-line--lime { border-top-color: var(--pn-lime); }
.pn-sec--lime .pn-hl.pn-c-blue,
.pn-sec--lime .pn-hl.pn-c-pink,
.pn-sec--pink .pn-hl.pn-c-blue { color: var(--pn-violet); }

/* tipografija: naslovi PP Neue World kot /orkester/, besedilo Inter v navadnem zapisu */
.smo-pn .pn-hl { line-height: 0.9; letter-spacing: -0.5px; padding-top: 0.08em; margin-bottom: clamp(18px, 1.5vw, 30px); }
.smo-pn .pn-h80 { line-height: 0.95; }
.smo-pn .pn-h40 { line-height: 1; letter-spacing: 0; }
.smo-pn .pn-body,
.pn-stat,
.pn-stat__txt,
.pn-tier__desc,
.pn-steps li,
.pn-doh__hint,
.pn-doh__benef,
.pn-doh__alt,
.pn-doh-thanks p,
.pn-don__note,
.pn-qr__txt,
.pn-partner__thanks,
.pn-check,
.pn-err,
.pn-toast,
.smo-pn .pn-input,
.pn-doh__others summary,
.pn-sig__ph,
.smo-pn .pn-sig__clear { text-transform: none; }
.smo-pn .pn-body { line-height: 1.4; letter-spacing: 0.3px; }
.smo-pn .pn-body + .pn-body { margin-top: 1em; }
.smo-pn p.pn-h40, .smo-pn h3.pn-h40 { margin-top: clamp(20px, 1.6vw, 32px); }

/* gumbi in polja kot na /orkester/ (12 px, velike črke, 40 px) */
.smo-pn .pn-btn {
	min-width: 0;
	min-height: 40px;
	padding: 0 22px;
	font-weight: 500;
	letter-spacing: 1px;
}
.smo-pn .pn-input { height: 44px; padding: 0 12px; font-size: 15px; border-width: 1.5px; }
.smo-pn .pn-input--sm { height: 38px; font-size: 14px; font-weight: 500; }
.smo-pn .pn-input--area { height: 140px; padding-top: 10px; }
.smo-pn button.pn-amount { height: 44px; font-size: 15px; font-weight: 600; border: 1.5px solid var(--pn-lime) !important; } /* tema sicer odstrani obrobo gumbov */
.smo-pn .pn-doh__pct-opts span { height: 44px; font-size: 15px; border-width: 1.5px; }
.pn-check { font-size: var(--pn-small); font-weight: 500; line-height: 1.25; }

/* HERO: okvir s fotografijo v sredinskem stolpcu, naslov čez njo (kot /orkester/) */
.pn-hero {
	display: block;
	background: var(--pn-lime);
	border: 0;
	padding: clamp(24px, 3.3vw, 63px) 0 clamp(44px, 4.2vw, 80px);
	overflow: hidden;
}
.pn-hero__box { position: relative; aspect-ratio: 1190 / 520; overflow: hidden; background: var(--pn-violet); }
.pn-hero__box::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(to top, rgba(5, 0, 120, .55), rgba(5, 0, 120, 0) 55%);
}
.smo-pn .pn-hero__img { width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 70%; }
.smo-pn .pn-hero__title {
	position: absolute; left: clamp(16px, 2vw, 40px); bottom: clamp(10px, 1.2vw, 24px); z-index: 1;
	margin: 0;
	font-size: clamp(56px, 9.375vw, 180px);
	line-height: 0.8;
	letter-spacing: -2px;
	color: var(--pn-lime);
}
.smo-pn .pn-hero__lead { margin-top: clamp(20px, 1.8vw, 34px); max-width: 46em; }
.pn-hero__nav { justify-content: flex-start; gap: 12px; margin-top: clamp(18px, 1.5vw, 28px); }
.pn-hero__nav .pn-btn { background: var(--pn-violet); color: var(--pn-lime); }
.pn-hero__nav .pn-btn:hover { box-shadow: 0 4px 0 var(--pn-blue); }

/* SMO prijatelji: naslov nad besedilom */
.pn-intro { display: block; }
.pn-intro__text { max-width: none; }

/* Zakaj */
.pn-why { gap: clamp(20px, 2vw, 40px); align-items: start; }
.pn-why__box { background: var(--pn-pink); }
.pn-why__box .pn-h40 { margin: 0 0 0.6em; }

/* Kaj talent doseže: 3 × 2 ploščice, zmerne številke */
.smo-pn .pn-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.2vw, 24px); margin: clamp(20px, 1.8vw, 34px) 0 clamp(28px, 2.6vw, 50px); }
.pn-stat { min-height: 0; padding: clamp(20px, 1.8vw, 34px) clamp(14px, 1.2vw, 24px); gap: 10px; align-items: flex-start; text-align: left; background: var(--pn-pink); }
.pn-stat:nth-child(even) { background: var(--pn-lime); }
.smo-pn .pn-stat__num { font-size: clamp(48px, 4.74vw, 91px); line-height: 0.85; color: var(--pn-violet); }
.pn-stat:nth-child(even) .pn-stat__num { color: var(--pn-violet); }
.pn-stat__txt { font-size: var(--pn-body); line-height: 1.35; max-width: none; hyphens: manual; overflow-wrap: normal; }
.pn-cols { color: var(--pn-pink-light); gap: clamp(20px, 2vw, 40px); }
.pn-cols .pn-h40 { margin: 0 0 0.5em; }
.pn-cols .pn-body { font-size: var(--pn-small); }

/* Članarine */
.smo-pn #clanstvo .pn-h80 { margin: 0 0 clamp(20px, 1.8vw, 34px); }
.pn-tiers { gap: clamp(14px, 1.3vw, 26px); }
.pn-tier { min-height: 0; }
.pn-card { grid-template-columns: clamp(40px, 2.6vw, 50px) minmax(0, 1fr); gap: clamp(10px, 0.9vw, 18px); border-width: 4px; }
.pn-card--pink { background: var(--pn-pink); border-color: var(--pn-violet); }
.pn-card--pink .pn-card__bar { background: var(--pn-violet); }
.smo-pn .pn-card__bar span { font-size: clamp(26px, 2.1vw, 40px); }
.smo-pn .pn-tier__price { font-size: clamp(24px, 1.8vw, 34px); line-height: 0.95; }
.pn-tier__desc { font-size: var(--pn-small); line-height: 1.35; letter-spacing: 0; }
.pn-tier__desc p { margin-bottom: 8px; }
.pn-tier__desc li + li { margin-top: 3px; }
.pn-tier .pn-input--sm::placeholder { color: var(--pn-blue); opacity: .7; }
.pn-diamond { width: 24px; height: 24px; }
.pn-diamond::before { width: 15px; height: 15px; border-width: 1.5px; }

/* 1 % dohodnine */
.pn-dohodnina__text { max-width: none; }
.pn-steps li { font-weight: 500; line-height: 1.35; background: var(--pn-violet); color: var(--pn-pink-light); }
.smo-pn .pn-steps__n { font-size: clamp(32px, 2.6vw, 50px); color: var(--pn-lime); }
.pn-card--form { background: var(--pn-violet); border-color: var(--pn-violet); }
.smo-pn .pn-doh__h { font-size: var(--pn-h40); line-height: 1; }
.pn-doh__lbl { font-weight: 600; }
.pn-doh__benef { font-weight: 500; line-height: 1.5; }

/* Donacije in TRR */
.pn-card--blue { background: var(--pn-violet); border-color: var(--pn-pink); }
.pn-don__trr .pn-h40 { margin-top: 0; }
.pn-trr { font-size: var(--pn-small); }
.smo-pn .pn-qr__img { width: clamp(120px, 8vw, 154px); }
.pn-qr__txt { line-height: 1.35; }

/* Partnerstva */
.pn-partner .pn-h40 { margin-top: 0; }

@media (max-width: 1024px) {
	.smo-pn .pn-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.pn-hero__box { aspect-ratio: 4 / 5; }
	.pn-hero__nav .pn-btn { flex: 1 1 calc(50% - 12px); padding: 0 10px; }
	.smo-pn .pn-hl { line-height: 0.9; }
	.pn-tiers { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
	.smo-pn .pn-stats { grid-template-columns: 1fr; }
	.pn-card { grid-template-columns: 36px minmax(0, 1fr); }
	.smo-pn .pn-card__bar span { font-size: 26px; }
}


/* =========================================================================
   FIGMA NEW-SMO → "Desktop - Donacije 2" (node 25399:2197) — 2. 11. 2026
   Ta blok ima zadnjo besedo: pisave, barve, velikosti in postavitev so
   prenesene iz Figme (okvir 1920 px, stolpec 1072,5 px). Mere: px / 19,2 = vw.
   (Na računalnikih velja še globalni zoom 0,8 iz style.css.)
   ========================================================================= */
.smo-pn {
	--pn-blue: #050078;
	--pn-lime: #D2F245;
	--pn-pink: #FF7BE4;
	--pn-pink-light: #FFD2EA;
	--pn-violet: #050078;                         /* Figma ne uporablja vijolične → temno modra */

	--pn-hl:   clamp(44px, 6.641vw, 170px);       /* 127,5 px  naslovi sekcij */
	--pn-h60:  clamp(28px, 3.125vw, 80px);        /*  60 px    "Izberite, kako velik korak…" */
	--pn-h30:  clamp(20px, 1.5625vw, 40px);       /*  30 px    podnaslovi */
	--pn-h40:  var(--pn-h30);
	--pn-h80:  var(--pn-h60);
	--pn-body: clamp(14px, 0.859vw, 22px);        /* 16,5 / 22,5 px  Inter Medium */
	--pn-btn:  clamp(12px, 0.732vw, 19px);        /* 14,06 px  Inter Bold */
	--pn-field: clamp(14px, 0.977vw, 25px);       /* 18,75 px  besedilo v poljih */
	--pn-small: clamp(12px, 0.703vw, 18px);       /* 13,5 px   opisi članarin */
	--pn-tiny: clamp(11px, 0.664vw, 17px);        /* 12,75 px  izbire, QR besedilo */
	--pn-ctl-h: clamp(34px, 1.836vw, 47px);       /* 35,25 px  višina gumbov in polj */
	--pn-bar-w: clamp(40px, 2.734vw, 70px);       /* 52,5 px   pokončni trak kartic */
	--pn-bar-txt: clamp(28px, 2.344vw, 60px);     /* 45 px     napis na traku */
	--pn-card-pad: clamp(6px, 0.39vw, 10px);      /* 7,5 px */
	--pn-card-b: clamp(3px, 0.234vw, 6px);        /* 4,5 px    obroba kartic */
	--pn-line: 6px;
	--pn-gap: clamp(18px, 1.367vw, 35px);         /* 26,25 px  razmik naslov → vsebina */

	background: var(--pn-pink);
	font-weight: 500;
}

/* ---------- stolpec in sekcije ---------- */
@media (min-width: 1025px) {
	.smo-pn .pn-wrap { width: min(100% - 96px, clamp(900px, 55.86vw, 1430px)); }
}
.smo-pn .pn-sec {
	padding: clamp(12px, 0.78vw, 20px) 0 clamp(36px, 2.8125vw, 72px);
	border-top: 0;
	border-bottom: var(--pn-line) solid transparent;
}
.smo-pn .pn-sec--pink { background: var(--pn-pink); }
.smo-pn .pn-sec--lime { background: var(--pn-lime); }
.smo-pn .pn-sec--blue { background: var(--pn-blue); }
.smo-pn .pn-line--blue { border-bottom-color: var(--pn-blue); }
.smo-pn .pn-line--pink { border-bottom-color: var(--pn-pink); }
.smo-pn .pn-line--lime { border-bottom-color: var(--pn-lime); }
#dohodnina.pn-sec, #donacije.pn-sec { border-bottom-color: var(--pn-pink); }

/* ---------- tipografija ---------- */
.smo-pn .pn-hl {
	font-size: var(--pn-hl);
	line-height: 0.75;
	letter-spacing: -0.02em;
	padding-top: 0.1em;                           /* strešice Č Š Ž */
	margin: 0 0 var(--pn-gap);
}
.smo-pn .pn-sec--lime .pn-hl.pn-c-blue,
.smo-pn .pn-sec--pink .pn-hl.pn-c-blue { color: var(--pn-blue); }
.smo-pn .pn-sec--lime .pn-hl.pn-c-pink { color: var(--pn-pink); }
#clanstvo .pn-hl, #dohodnina .pn-hl, #donacije .pn-hl { text-align: right; }

.smo-pn .pn-h40,
.smo-pn p.pn-h40,
.smo-pn h3.pn-h40 {
	font-size: var(--pn-h30);
	line-height: 0.8;
	letter-spacing: -0.01em;
	margin-top: 0;
}
.smo-pn .pn-h80 { font-size: var(--pn-h60); line-height: 0.84; letter-spacing: 0; }

.smo-pn .pn-body,
.pn-stat__txt,
.pn-tier__desc,
.pn-qr__txt,
.pn-check,
.smo-pn .pn-input { text-transform: uppercase; }
.smo-pn .pn-body {
	font-size: var(--pn-body);
	font-weight: 500;
	line-height: 1.364;                           /* 22,5 / 16,5 */
	letter-spacing: 0;
}
.smo-pn .pn-body + .pn-body { margin-top: 0; }
/* v Figmi brez velikih črk: */
.smo-pn .pn-why > .pn-body:first-child,
.smo-pn .pn-dohodnina__text { text-transform: none; }

/* ---------- gumbi in polja ---------- */
.smo-pn .pn-btn {
	min-width: 75px;
	min-height: var(--pn-ctl-h);
	height: var(--pn-ctl-h);
	padding: 0 clamp(6px, 0.39vw, 10px);
	background: var(--pn-lime);
	color: var(--pn-blue);
	font-size: var(--pn-btn);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	white-space: nowrap;
}
.smo-pn .pn-btn--pink { background: var(--pn-pink); }
.smo-pn .pn-tier__btn { font-size: clamp(14px, 0.977vw, 25px); }   /* PLAČAJ 18,75 px */

.smo-pn .pn-input {
	height: var(--pn-ctl-h);
	padding: 0 clamp(6px, 0.39vw, 10px);
	border-width: 1.5px;
	font-size: var(--pn-field);
	font-weight: 500;
}
.smo-pn .pn-input--sm { height: var(--pn-ctl-h); font-size: var(--pn-tiny); font-weight: 700; }
.smo-pn .pn-input--area { height: clamp(100px, 6.17vw, 158px); padding-top: 0.4em; }   /* 118,5 px */

.smo-pn .pn-check { gap: 7px; font-size: var(--pn-tiny); font-weight: 700; line-height: 1.06; }
.smo-pn .pn-diamond { width: clamp(20px, 1.177vw, 30px); height: clamp(20px, 1.177vw, 30px); }
.smo-pn .pn-diamond::before { width: clamp(14px, 0.832vw, 21px); height: clamp(14px, 0.832vw, 21px); border-width: 1.5px; }

/* ---------- kartice s pokončnim trakom ---------- */
.smo-pn .pn-card {
	grid-template-columns: var(--pn-bar-w) minmax(0, 1fr);
	gap: clamp(10px, 0.703vw, 18px);
	padding: var(--pn-card-pad);
	border-width: var(--pn-card-b);
}
.smo-pn .pn-card--pink { background: var(--pn-pink); border-color: var(--pn-lime); }
.smo-pn .pn-card--pink .pn-card__bar { background: var(--pn-blue); }
.smo-pn .pn-card--blue { background: var(--pn-blue); border-color: var(--pn-pink); }
.smo-pn .pn-card--lime { background: var(--pn-lime); border-color: var(--pn-pink); }
.smo-pn .pn-card--form { background: var(--pn-blue); border-color: var(--pn-pink); }
.smo-pn .pn-card__bar { padding: 4px 0; }
.smo-pn .pn-card__bar span { font-size: var(--pn-bar-txt); line-height: 0.917; }
.smo-pn .pn-card__body { gap: clamp(10px, 0.742vw, 19px); padding-top: var(--pn-card-pad); }

/* ---------- HERO: fotografija čez vso širino, naslov zgoraj, gumbi spodaj ---------- */
.smo-pn .pn-hero {
	position: relative;
	display: block;
	aspect-ratio: 1920 / 961;
	min-height: 520px;
	padding: 0;
	background: var(--pn-blue);
	border-top: var(--pn-line) solid var(--pn-lime);
	border-bottom: var(--pn-line) solid var(--pn-lime);
	overflow: hidden;
}
.smo-pn .pn-hero__box { position: static; aspect-ratio: auto; background: none; overflow: visible; }
.smo-pn .pn-hero__box::after { content: none; }
.smo-pn .pn-hero__img {
	position: absolute; inset: 0;
	width: 100%; height: 100% !important;
	object-fit: cover; object-position: 50% 96%;
}
.smo-pn .pn-hero .pn-wrap {
	position: static;                             /* fotografija se meri na celoten hero */
	display: flex; flex-direction: column;
	height: 100%;
	padding: clamp(28px, 3.333vw, 85px) 0 clamp(20px, 1.46vw, 37px);   /* 64 px zgoraj */
}
@media (min-width: 1025px) {
	.smo-pn .pn-hero .pn-wrap { width: min(100% - 96px, clamp(960px, 59.53vw, 1524px)); }   /* 1143 px */
}
.smo-pn .pn-hero__title,
.smo-pn .pn-hero__lead,
.smo-pn .pn-hero__nav { position: relative; z-index: 1; }
.smo-pn .pn-hero__title {
	margin: 0;
	padding-top: 0.1em;
	font-size: var(--pn-hl);
	line-height: 0.75;
	letter-spacing: -0.02em;
	color: var(--pn-lime);
}
.smo-pn .pn-hero__lead {
	margin: clamp(10px, 0.742vw, 19px) 0 0;
	max-width: none;
	padding: clamp(3px, 0.234vw, 6px) 0;
	background: var(--pn-pink);
	color: var(--pn-blue);
	font-size: clamp(22px, 1.953vw, 50px);       /* 37,5 px Inter SemiBold */
	font-weight: 600;
	line-height: 0.95;
	text-align: right;
	text-transform: uppercase;
}
.smo-pn .pn-hero__nav {
	margin-top: auto;
	justify-content: center;
	gap: 12px clamp(16px, 1.68vw, 43px);          /* 32,25 px */
}
.smo-pn .pn-hero__nav .pn-btn { background: var(--pn-lime); color: var(--pn-blue); }

/* ---------- SMO PRIJATELJI: naslov levo, besedilo desno ---------- */
.smo-pn .pn-intro { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0; }
.smo-pn .pn-intro .pn-hl { flex: 0 0 55.45%; margin: 0; }       /* 594,75 / 1072,5 */
.smo-pn .pn-intro__text { flex: 0 0 40.9%; min-width: min(100%, 300px); }

/* ---------- ZAKAJ ---------- */
.smo-pn #zakaj .pn-hl { margin-bottom: clamp(18px, 1.46vw, 37px); }
.smo-pn .pn-why {
	grid-template-columns: minmax(0, 527fr) minmax(0, 521fr);
	gap: clamp(16px, 1.33vw, 34px);
	align-items: start;
	margin: clamp(18px, 1.46vw, 37px) 0 clamp(12px, 0.86vw, 22px);
}
.smo-pn .pn-why__box {
	background: var(--pn-pink);
	padding: clamp(16px, 1.094vw, 28px) clamp(16px, 1.055vw, 27px) clamp(16px, 1.094vw, 28px) clamp(18px, 1.289vw, 33px);
}
.smo-pn .pn-why__box .pn-h40 { margin: 0 0 1.2em; }
.smo-pn .pn-why__box .pn-list li + li { margin-top: 9px; }
.smo-pn .pn-why__note { margin-bottom: clamp(12px, 0.86vw, 22px) !important; }

/* ---------- KAJ TALENT DOSEŽE: 6 ploščic ---------- */
.smo-pn .pn-stats {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(12px, 1.172vw, 30px);              /* 22,5 px */
	margin: clamp(18px, 1.94vw, 50px) 0 clamp(24px, 1.95vw, 50px);
}
@media (min-width: 1281px) {
	.smo-pn .pn-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.smo-pn .pn-stat {
	align-items: center;
	gap: clamp(14px, 1.094vw, 28px);
	min-height: clamp(240px, 16.51vw, 423px);    /* 317 px */
	padding: clamp(20px, 1.719vw, 44px) clamp(4px, 0.39vw, 10px) clamp(12px, 0.78vw, 20px);
	text-align: center;
	background: var(--pn-pink);
}
.smo-pn .pn-stat:nth-child(even) { background: var(--pn-lime); }
.smo-pn .pn-stat__num {
	font-size: clamp(56px, 5.078vw, 130px);      /* 97,5 px */
	line-height: 0.75;
	letter-spacing: -0.02em;
	color: var(--pn-lime);
}
.smo-pn .pn-stat:nth-child(even) .pn-stat__num { color: var(--pn-pink); }
.smo-pn .pn-stat__txt {
	max-width: 100%;
	color: var(--pn-blue);
	font-size: var(--pn-body);
	font-weight: 500;
	line-height: 1.364;
	letter-spacing: -0.02em;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: manual;                              /* dolge besede imajo v PHP mehki vezaj */
}
.smo-pn .pn-cols { gap: clamp(18px, 1.367vw, 35px); color: var(--pn-lime); }
.smo-pn .pn-cols .pn-h40 { margin: 0 0 0.3em; color: var(--pn-pink); }
.smo-pn .pn-cols .pn-body { font-size: var(--pn-body); color: var(--pn-lime); }

/* ---------- ČLANARINE ---------- */
.smo-pn #clanstvo .pn-h80 { margin: 0 0 var(--pn-gap); }
.smo-pn .pn-tiers { gap: clamp(16px, 1.523vw, 39px); }   /* 29,25 px */
.smo-pn .pn-tier { min-height: clamp(380px, 21.52vw, 551px); }   /* 413 px */
.smo-pn .pn-tier__price {
	font-size: clamp(26px, 1.953vw, 50px);       /* 37,5 / 32,1 px */
	line-height: 0.856;
	color: var(--pn-blue);
}
.smo-pn .pn-tier__desc {
	font-size: var(--pn-small);
	font-weight: 500;
	line-height: 1.222;                           /* 16,5 / 13,5 */
	letter-spacing: -0.074em;                     /* −1 px pri 13,5 px */
}
.smo-pn .pn-tier__desc p { margin-bottom: 6px; }
.smo-pn .pn-tier__desc li + li { margin-top: 0; }
.smo-pn .pn-tier__desc ul { padding-left: 1.5em; }
.smo-pn .pn-tier__pick {
	font-size: var(--pn-body);
	font-weight: 700;
	line-height: 0.91;
	color: var(--pn-lime);
}
.smo-pn .pn-tier .pn-input--sm::placeholder { color: var(--pn-lime); opacity: 1; }

/* ---------- 1 % DOHODNINE ---------- */
.smo-pn .pn-dohodnina__text { max-width: 74.2%; margin-bottom: clamp(12px, 0.86vw, 22px) !important; }   /* 795,75 px */
.smo-pn #dohodnina h3.pn-h40 { margin: 0 0 clamp(12px, 0.86vw, 22px); }
.smo-pn .pn-steps li { background: var(--pn-blue); color: var(--pn-lime); font-size: var(--pn-small); font-weight: 600; text-transform: uppercase; }
.smo-pn .pn-steps__n { color: var(--pn-pink); }
.smo-pn .pn-doh__h { font-size: var(--pn-h30); line-height: 0.8; }
.smo-pn .pn-doh__benef { font-size: var(--pn-small); font-weight: 600; text-transform: uppercase; }
.smo-pn button.pn-amount,
.smo-pn .pn-doh__pct-opts span { height: var(--pn-ctl-h); font-size: var(--pn-btn); font-weight: 700; border-width: 1.5px; }

/* ---------- ENKRATNA DONACIJA + TRR ---------- */
.smo-pn .pn-don {
	grid-template-columns: minmax(0, 515fr) minmax(0, 525fr);
	gap: clamp(16px, 1.523vw, 39px);
	margin-top: 0;
}
.smo-pn .pn-don__form .pn-card__body { gap: clamp(10px, 0.742vw, 19px); }
.smo-pn .pn-don__amounts { gap: clamp(10px, 0.664vw, 17px) clamp(10px, 0.664vw, 17px); }   /* 12,75 px */
.smo-pn button.pn-amount { border: 1.5px solid var(--pn-lime) !important; }
.smo-pn .pn-don .pn-input { color: var(--pn-lime); border-color: var(--pn-lime); }
.smo-pn .pn-don .pn-input::placeholder { color: var(--pn-lime); opacity: 1; }
.smo-pn .pn-don__trr .pn-h40 { color: var(--pn-lime); margin: 0; }
.smo-pn .pn-trr { font-size: var(--pn-body); }
.smo-pn .pn-trr__lbl { font-weight: 800; margin-bottom: 4px; }
.smo-pn .pn-qr { gap: clamp(14px, 1.133vw, 29px); }
.smo-pn .pn-qr__img { width: clamp(90px, 5.43vw, 139px); }   /* 104,25 px */
.smo-pn .pn-qr__txt { max-width: 265px; font-size: var(--pn-tiny); line-height: 1.06; color: var(--pn-pink); }

/* ---------- PARTNERSTVA ---------- */
.smo-pn .pn-partner { margin-top: 0; }
.smo-pn .pn-partner .pn-h40 { margin: 0 0 clamp(4px, 0.4vw, 10px); color: var(--pn-blue); }
.smo-pn .pn-partner__form { gap: clamp(8px, 0.586vw, 15px); }   /* 11,25 px */
.smo-pn .pn-partner .pn-input { color: var(--pn-blue); border-color: var(--pn-blue); }
.smo-pn .pn-partner .pn-input::placeholder { color: var(--pn-blue); }
.smo-pn .pn-partner__btn { width: clamp(140px, 9.22vw, 236px); }   /* 177 px */

/* ---------- odzivnost (tablice in telefoni) ---------- */
@media (max-width: 1024px) {
	.smo-pn .pn-hero { aspect-ratio: auto; min-height: 560px; }
	.smo-pn .pn-why, .smo-pn .pn-don { grid-template-columns: 1fr; }
	.smo-pn .pn-intro .pn-hl, .smo-pn .pn-intro__text { flex: 1 1 100%; }
	.smo-pn .pn-intro .pn-hl { margin-bottom: var(--pn-gap); }
	.smo-pn .pn-dohodnina__text { max-width: none; }
	.smo-pn .pn-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.smo-pn .pn-hero { min-height: 600px; }
	.smo-pn .pn-hero__lead { text-align: left; padding-inline: 8px; }
	.smo-pn .pn-hero__nav { justify-content: flex-start; }
	.smo-pn .pn-hero__nav .pn-btn { flex: 1 1 calc(50% - 12px); white-space: normal; height: auto; padding-block: 8px; }
	#clanstvo .pn-hl, #dohodnina .pn-hl, #donacije .pn-hl { text-align: left; }
	.smo-pn .pn-hl { line-height: 0.82; }
	.smo-pn .pn-tiers { grid-template-columns: 1fr; }
	.smo-pn .pn-tier { min-height: 0; }
	.smo-pn .pn-stat { min-height: 0; }
}
@media (max-width: 420px) {
	.smo-pn .pn-stats { grid-template-columns: 1fr; }
	.smo-pn .pn-card { grid-template-columns: 36px minmax(0, 1fr); }
	.smo-pn .pn-card__bar span { font-size: 26px; }
}