/* =========================================================================
   FMCG konferenca — podstrani in posamezni zapisi.
   Nadgrajuje fmcg-home.css (isti barvni in tipografski sistem).
   ====================================================================== */

.fmcg.fmcg-page { background: var(--paper); }
/* Ploskev in barva besedila prideta iz --sec-bg / --sec-fg (glej fmcg-home.css). */
.fmcg .fmcg-section { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-shortcode { padding-block: clamp(32px, 5vw, 64px); }

/* ------------------------------------------------ uvodnik podstrani ---- */
.fmcg .fmcg-phero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 46vh;
	padding-block: clamp(70px, 11vw, 130px) clamp(44px, 6vw, 76px);
	background: var(--sec-bg);
	color: var(--sec-fg);
	overflow: hidden;
	isolation: isolate;
}
.fmcg .fmcg-phero--sm { min-height: 34vh; }
.fmcg .fmcg-phero--plain {
	min-height: 0;
	padding-block: clamp(54px, 7vw, 96px) clamp(40px, 5vw, 70px);
}
.fmcg .fmcg-phero--plain .fmcg-phero__veil {
	background: radial-gradient(80% 130% at 6% 100%, color-mix(in srgb, var(--red) 26%, transparent) 0%, transparent 60%);
}
.fmcg .fmcg-phero__bg { position: absolute; inset: 0; z-index: -1; }
.fmcg .fmcg-phero__img { position: absolute; inset: 0; background-size: cover; background-position: center; }
.fmcg .fmcg-phero__veil {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(0deg,
			color-mix(in srgb, var(--sec-bg) 97%, transparent) 6%,
			color-mix(in srgb, var(--sec-bg) 78%, transparent) 55%,
			color-mix(in srgb, var(--sec-bg) 50%, transparent) 100%),
		radial-gradient(90% 80% at 8% 100%, color-mix(in srgb, var(--red) 28%, transparent) 0%, transparent 62%);
}
.fmcg .fmcg-phero__inner { position: relative; }
.fmcg .fmcg-kicker--light { color: var(--sec-accent); }

.fmcg .fmcg-phero__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-weight: 700;
	font-size: clamp(2.4rem, 6.6vw, 5.4rem);
	line-height: .95;
	letter-spacing: -.03em;
	text-transform: uppercase;
	color: var(--sec-fg);
	margin: 0;
	max-width: 18ch;
	text-wrap: balance;
}
.fmcg .fmcg-phero__title em { display: block; font-style: normal; color: var(--sec-accent); }
.fmcg .fmcg-phero__lead {
	margin: clamp(16px, 2vw, 24px) 0 0;
	max-width: 56ch;
	font-size: clamp(1rem, 1.4vw, 1.18rem);
	line-height: 1.6;
	color: color-mix(in srgb, var(--sec-fg) 78%, transparent);
}
.fmcg .fmcg-phero__meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(18px, 2.4vw, 26px); }

/* ------------------------------------------------------- drobni deli --- */
.fmcg .fmcg-back {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	margin-bottom: 22px;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--sec-muted);
	transition: gap .3s var(--ease), color .3s var(--ease);
}
.fmcg .fmcg-back svg { width: 1.1em; height: 1.1em; }
.fmcg .fmcg-back:hover { gap: .9em; color: var(--sec-accent); }

.fmcg .fmcg-empty {
	padding: clamp(40px, 6vw, 70px);
	text-align: center;
	border: 1.5px dashed var(--sec-line);
	border-radius: var(--r-lg);
	color: var(--sec-muted);
	font-size: 1.02rem;
}

.fmcg .fmcg-tag--light { background: color-mix(in srgb, var(--sec-fg) 14%, transparent); color: var(--sec-fg); }

/* ------------------------------------------------------------- proza --- */
.fmcg .fmcg-prose { font-size: 1.05rem; line-height: 1.75; color: var(--sec-prose); }
.fmcg .fmcg-prose > * { margin-block: 0; }
.fmcg .fmcg-prose > * + * { margin-top: 1.15em; }
.fmcg .fmcg-prose > h2,
.fmcg .fmcg-prose > h3 {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -.015em;
	color: var(--sec-fg);
	margin-top: 1.7em;
}
.fmcg .fmcg-prose h2 { font-size: 1.75rem; }
.fmcg .fmcg-prose h3 { font-size: 1.35rem; }
.fmcg .fmcg-prose a { color: var(--sec-accent); text-decoration: underline; text-underline-offset: 3px; }
.fmcg .fmcg-prose a:hover { color: var(--sec-fg); }
.fmcg .fmcg-prose ul,
.fmcg .fmcg-prose ol { padding-left: 1.3em; }
.fmcg .fmcg-prose ul { list-style: disc; }
.fmcg .fmcg-prose ol { list-style: decimal; }
.fmcg .fmcg-prose li { margin-top: .5em; }
.fmcg .fmcg-prose img { border-radius: var(--r); }
.fmcg .fmcg-prose blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px 22px;
	border-left: 3px solid var(--sec-accent);
	font-size: 1.2rem;
	line-height: 1.5;
	color: var(--sec-fg);
}
.fmcg .fmcg-prose strong { font-weight: 700; }

/* -------------------------------------------------- dodatne povezave --- */
.fmcg .fmcg-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.fmcg .fmcg-links__item {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	padding: .7em 1.1em;
	border: 1px solid var(--sec-line);
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 600;
	color: var(--sec-fg);
	transition: border-color .3s var(--ease), background-color .3s var(--ease), color .3s var(--ease);
}
.fmcg .fmcg-links__item svg { width: 1.05em; height: 1.05em; color: var(--sec-accent); }
.fmcg .fmcg-links__item img { width: 18px; height: 18px; object-fit: contain; }
.fmcg .fmcg-links__item:hover { background: var(--sec-fg); border-color: var(--sec-fg); color: var(--sec-bg); }
.fmcg .fmcg-links__item:hover svg { color: var(--sec-inv-accent); }

/* --------------------------------------------------- govorec / član --- */
.fmcg .fmcg-bio { padding-block: clamp(56px, 8vw, 110px); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-bio__grid {
	display: grid;
	grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 76px);
	align-items: start;
}
.fmcg .fmcg-bio__photo { position: relative; margin: 0; border-radius: var(--r-lg); overflow: hidden; background: var(--sec-fill); }
.fmcg .fmcg-bio__photo img { width: 100%; height: auto; display: block; }
.fmcg .fmcg-bio__photo figcaption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 26px 20px 14px;
	background: linear-gradient(0deg, rgba(10, 10, 12, .78), transparent);
	color: rgba(255, 255, 255, .85);
	font-size: .74rem;
	letter-spacing: .04em;
}
.fmcg .fmcg-bio__name {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-weight: 700;
	font-size: clamp(2.2rem, 4.6vw, 3.6rem);
	line-height: .98;
	letter-spacing: -.025em;
	color: var(--sec-fg);
	margin: 0 0 .25em;
}
.fmcg .fmcg-bio__role {
	margin: 0 0 1.5em;
	font-size: 1.05rem;
	line-height: 1.45;
	color: var(--sec-accent);
	font-weight: 600;
}

.fmcg .fmcg-sprogram { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--sec-line); }
.fmcg .fmcg-timeline--light .fmcg-timeline__row { grid-template-columns: 78px 1fr; padding-block: 16px; }
.fmcg .fmcg-timeline--light .fmcg-timeline__time { font-size: 1.15rem; }
.fmcg .fmcg-timeline--light .fmcg-timeline__title { font-size: 1rem; }

/* ------------------------------------------- programski svet: kartice -- */
.fmcg .fmcg-council--page { background: var(--sec-bg); color: var(--sec-fg); padding-block: clamp(48px, 6vw, 84px); }
.fmcg .fmcg-council--page .fmcg-council__inner { border-top: 0; padding-top: 0; }
.fmcg .fmcg-council__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: clamp(16px, 2.2vw, 26px);
}
.fmcg .fmcg-ccard {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: 18px;
	align-items: start;
	padding: 22px;
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
	transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.fmcg .fmcg-ccard:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 30px 60px -34px rgba(10, 10, 12, .5); }
.fmcg .fmcg-ccard__photo {
	display: block;
	aspect-ratio: 1;
	border-radius: 14px;
	overflow: hidden;
	background: var(--sec-fill);
}
.fmcg .fmcg-ccard__photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .45s var(--ease); }
.fmcg .fmcg-ccard:hover .fmcg-ccard__photo img { filter: grayscale(0); }
.fmcg .fmcg-ccard__body { display: grid; gap: 5px; min-width: 0; }
.fmcg .fmcg-ccard__name { font-family: 'Archivo Narrow', 'Archivo', sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.15; }
.fmcg .fmcg-ccard__role { font-size: .82rem; line-height: 1.4; color: var(--sec-accent); font-weight: 600; }
.fmcg .fmcg-ccard__bio { font-size: .85rem; line-height: 1.55; color: var(--sec-muted); margin-top: 4px; }

/* ------------------------------------------------------- galerije ------ */
.fmcg .fmcg-galleries {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: clamp(18px, 2.4vw, 30px);
}
.fmcg .fmcg-gcard {
	display: block;
	border-radius: var(--r-lg);
	overflow: hidden;
	background: var(--sec-card);
	border: 1px solid var(--sec-line);
	transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
.fmcg .fmcg-gcard:hover { transform: translateY(-5px); box-shadow: 0 34px 64px -34px rgba(10, 10, 12, .5); }
.fmcg .fmcg-gcard__media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sec-fill); }
.fmcg .fmcg-gcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.fmcg .fmcg-gcard:hover .fmcg-gcard__media img { transform: scale(1.06); }
.fmcg .fmcg-gcard__count {
	position: absolute;
	left: 14px; bottom: 14px;
	padding: .45em .9em;
	border-radius: 999px;
	background: rgba(10, 10, 12, .72);
	color: #fff;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.fmcg .fmcg-gcard__body { display: grid; gap: 8px; padding: 22px 24px 26px; }
.fmcg .fmcg-gcard__body strong { font-family: 'Archivo Narrow', 'Archivo', sans-serif; font-size: 1.3rem; font-weight: 700; letter-spacing: -.01em; }
.fmcg .fmcg-gcard__go { display: inline-flex; align-items: center; gap: .5em; font-size: .85rem; font-weight: 700; color: var(--sec-accent); }
.fmcg .fmcg-gcard__go svg { width: 1.05em; height: 1.05em; transition: transform .3s var(--ease); }
.fmcg .fmcg-gcard:hover .fmcg-gcard__go svg { transform: translateX(4px); }

.fmcg .fmcg-photos {
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
}
.fmcg .fmcg-photos__item {
	padding: 0;
	border: 0;
	aspect-ratio: 4 / 3;
	border-radius: 14px;
	overflow: hidden;
	background: var(--sec-fill);
	cursor: zoom-in;
	transition: transform .35s var(--ease);
}
.fmcg .fmcg-photos__item img { width: 100%; height: 100%; object-fit: cover; opacity: .88; transition: opacity .35s var(--ease); }
.fmcg .fmcg-photos__item:hover { transform: scale(1.03); }
.fmcg .fmcg-photos__item:hover img { opacity: 1; }

/* --------------------------------------------------------- novice ------ */
.fmcg .fmcg-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(28px, 3.4vw, 42px); }
.fmcg .fmcg-filter__item {
	padding: .65em 1.2em;
	border: 1px solid var(--sec-line);
	border-radius: 999px;
	font-size: .84rem;
	font-weight: 600;
	color: var(--sec-muted);
	transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.fmcg .fmcg-filter__item:hover { border-color: var(--sec-fg); color: var(--sec-fg); }
.fmcg .fmcg-filter__item.is-active { background: var(--sec-fg); border-color: var(--sec-fg); color: var(--sec-bg); }

.fmcg .fmcg-feature {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: clamp(24px, 3.4vw, 48px);
	align-items: center;
	margin-bottom: clamp(30px, 4vw, 54px);
	padding-bottom: clamp(30px, 4vw, 54px);
	border-bottom: 1px solid var(--sec-line);
}
.fmcg .fmcg-feature__media { aspect-ratio: 16 / 10; border-radius: var(--r-lg); overflow: hidden; background: var(--sec-fill); }
.fmcg .fmcg-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.fmcg .fmcg-feature:hover .fmcg-feature__media img { transform: scale(1.04); }
.fmcg .fmcg-feature__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.7rem, 3.2vw, 2.6rem);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -.02em;
	margin: 0 0 .5em;
	color: var(--sec-fg);
}
.fmcg .fmcg-feature__text { margin: 0 0 1.4em; font-size: 1rem; line-height: 1.65; color: var(--sec-muted); }
.fmcg .fmcg-card__text { margin: 10px 0 0; font-size: .88rem; line-height: 1.6; color: var(--sec-muted); }

.fmcg .fmcg-pager { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: clamp(36px, 5vw, 60px); }
.fmcg .fmcg-pager .page-numbers {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding-inline: 12px;
	border: 1px solid var(--sec-line);
	border-radius: 12px;
	font-size: .9rem;
	font-weight: 700;
	color: var(--sec-fg);
	transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.fmcg .fmcg-pager .page-numbers:hover { border-color: var(--sec-fg); background: var(--sec-fg); color: var(--sec-bg); }
.fmcg .fmcg-pager .page-numbers.current { background: var(--sec-accent); border-color: var(--sec-accent); color: #fff; }

/* -------------------------------------------------------- članek ------- */
.fmcg .fmcg-ahead {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 52vh;
	padding-block: clamp(80px, 12vw, 140px) clamp(40px, 5vw, 68px);
	background: var(--sec-bg);
	color: var(--sec-fg);
	overflow: hidden;
	isolation: isolate;
}
.fmcg .fmcg-ahead__bg { position: absolute; inset: 0; z-index: -1; }
.fmcg .fmcg-ahead__inner { position: relative; }
.fmcg .fmcg-ahead .fmcg-back:hover { color: var(--sec-fg); }
.fmcg .fmcg-ahead__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin: 0 0 14px;
	font-size: .82rem;
	color: var(--sec-muted);
}
.fmcg .fmcg-ahead__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(2rem, 5vw, 4rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.025em;
	color: var(--sec-fg);
	margin: 0;
	max-width: 24ch;
	text-wrap: balance;
}
.fmcg .fmcg-article__body { max-width: 780px; margin-inline: auto; }
.fmcg .fmcg-video { margin-bottom: 30px; border-radius: var(--r); overflow: hidden; aspect-ratio: 16 / 9; background: var(--ink); }
.fmcg .fmcg-video iframe { width: 100%; height: 100%; border: 0; display: block; }

.fmcg .fmcg-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 40px;
	padding-top: 26px;
	border-top: 1px solid var(--sec-line);
}
.fmcg .fmcg-share__lab { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sec-muted); }
.fmcg .fmcg-share a {
	padding: .6em 1.1em;
	border: 1px solid var(--sec-line);
	border-radius: 999px;
	font-size: .84rem;
	font-weight: 600;
	color: var(--sec-fg);
	transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.fmcg .fmcg-share a:hover { background: var(--sec-accent); border-color: var(--sec-accent); color: #fff; }

/* ------------------------------------------------- o konferenci -------- */
.fmcg .fmcg-section .fmcg-prose { max-width: 780px; }

.fmcg .fmcg-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: clamp(14px, 2vw, 22px);
}
.fmcg .fmcg-tile {
	position: relative;
	display: grid;
	gap: 8px;
	padding: clamp(24px, 2.6vw, 32px);
	padding-right: 56px;
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
	transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.fmcg .fmcg-tile strong { font-family: 'Archivo Narrow', 'Archivo', sans-serif; font-size: 1.25rem; font-weight: 700; letter-spacing: -.01em; }
.fmcg .fmcg-tile span { font-size: .9rem; line-height: 1.6; color: var(--sec-muted); }
.fmcg .fmcg-tile svg {
	position: absolute;
	top: clamp(24px, 2.6vw, 32px);
	right: clamp(20px, 2.2vw, 26px);
	width: 20px; height: 20px;
	color: var(--sec-accent);
	transition: transform .3s var(--ease);
}
.fmcg .fmcg-tile:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 30px 60px -34px rgba(10, 10, 12, .5); }
.fmcg .fmcg-tile:hover svg { transform: translateX(4px); }

.fmcg .fmcg-venue {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
	gap: clamp(30px, 4vw, 60px);
	align-items: center;
}
.fmcg .fmcg-venue__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 24px; }
.fmcg .fmcg-venue__map {
	display: grid;
	place-items: center;
	gap: 10px;
	padding: clamp(30px, 4vw, 46px);
	border: 1.5px dashed var(--sec-line);
	border-radius: var(--r-lg);
	text-align: center;
	font-weight: 700;
	font-size: .9rem;
	color: var(--sec-fg);
	transition: border-color .3s var(--ease), background-color .3s var(--ease);
}
.fmcg .fmcg-venue__map svg { width: 30px; height: 30px; color: var(--sec-accent); }
.fmcg .fmcg-venue__map:hover { border-color: var(--sec-accent); background: var(--sec-card); }

.fmcg .fmcg-doc {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
	gap: clamp(32px, 4.4vw, 64px);
	align-items: start;
}
.fmcg .fmcg-doc__card {
	position: sticky;
	top: 100px;
	display: grid;
	gap: 10px;
	justify-items: start;
	padding: clamp(24px, 2.8vw, 32px);
	border-radius: var(--r-lg);
	background: var(--sec-soft);
}
.fmcg .fmcg-doc__card strong { font-family: 'Archivo Narrow', 'Archivo', sans-serif; font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; }
.fmcg .fmcg-doc__card span { font-size: .9rem; line-height: 1.6; color: var(--sec-muted); }
.fmcg .fmcg-doc__card .fmcg-cal { margin-top: 8px; }

/* ------------------------------------------------- poziv sponzorjem ---- */
.fmcg .fmcg-pitch { background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-pitch__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(26px, 4vw, 60px);
	align-items: center;
}
.fmcg .fmcg-pitch .fmcg-h2 { color: var(--sec-fg); margin-bottom: .3em; }
.fmcg .fmcg-pitch .fmcg-lead { color: var(--sec-muted); margin-bottom: 0; }

/* ------------------------------------------------------- odzivnost ----- */
@media (max-width: 980px) {
	.fmcg .fmcg-bio__grid { grid-template-columns: 1fr; }
	.fmcg .fmcg-bio__media { max-width: 420px; }
	.fmcg .fmcg-feature { grid-template-columns: 1fr; }
	.fmcg .fmcg-venue { grid-template-columns: 1fr; }
	.fmcg .fmcg-doc { grid-template-columns: 1fr; }
	.fmcg .fmcg-doc__card { position: static; }
	.fmcg .fmcg-pitch__inner { grid-template-columns: 1fr; justify-items: start; }
}
@media (max-width: 640px) {
	.fmcg .fmcg-phero { min-height: 38vh; }
	.fmcg .fmcg-ccard { grid-template-columns: 72px 1fr; }
	.fmcg .fmcg-photos { grid-template-columns: repeat(2, 1fr); gap: 8px; }
	.fmcg .fmcg-galleries { grid-template-columns: 1fr; }
}

/* =========================================================================
   Video — predvajalnik s plakatom in zankan posnetek
   ====================================================================== */

/* ------------------------------------------------------- video sekcija */
.fmcg .fmcg-videosec { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-videosec--paper2 { --sec-bg: var(--paper-2); }

.fmcg .fmcg-vblock { display: grid; gap: clamp(26px, 3.4vw, 44px); }
.fmcg .fmcg-vblock--split {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	align-items: center;
	gap: clamp(28px, 4vw, 66px);
}
.fmcg .fmcg-vblock--split .fmcg-vblock__text { order: -1; }
.fmcg .fmcg-vblock__text .fmcg-h2 { margin-bottom: .4em; }
.fmcg .fmcg-vblock__text .fmcg-lead { margin-bottom: 0; }
.fmcg .fmcg-videosec .fmcg-vblock__text .fmcg-h2 { color: var(--sec-fg); }
.fmcg .fmcg-videosec .fmcg-vblock__text .fmcg-lead { color: var(--sec-muted); }

/* ---------------------------------------------------------- predvajalnik */
.fmcg .fmcg-vplayer {
	position: relative;
	margin: 0;
	aspect-ratio: var(--ratio, 16 / 9);
	border-radius: var(--r-lg);
	overflow: hidden;
	background: #08080A;
	box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8);
}

.fmcg .fmcg-vplayer__stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	background: none;
	cursor: pointer;
	color: #fff;
}
.fmcg .fmcg-vplayer__stage:focus-visible { outline: 3px solid var(--red-2); outline-offset: -3px; }

.fmcg .fmcg-vplayer__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s var(--ease), filter .5s var(--ease);
}
.fmcg .fmcg-vplayer__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 8, 10, .18) 0%, rgba(8, 8, 10, .12) 45%, rgba(8, 8, 10, .68) 100%);
	transition: opacity .5s var(--ease);
}
.fmcg .fmcg-vplayer__stage:hover .fmcg-vplayer__poster { transform: scale(1.035); }

.fmcg .fmcg-vplayer__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(66px, 8vw, 96px);
	height: clamp(66px, 8vw, 96px);
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--red);
	color: #fff;
	box-shadow: 0 18px 44px -14px rgba(236, 28, 36, .9);
	transition: transform .4s var(--ease), background-color .3s var(--ease);
}
.fmcg .fmcg-vplayer__play svg {
	width: 38%;
	height: 38%;
	margin-left: 8%;
	fill: currentColor;
	stroke: none;
}
.fmcg .fmcg-vplayer__play::after {
	content: '';
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .55);
	animation: fmcg-ring 2.6s var(--ease) infinite;
}
@keyframes fmcg-ring {
	0%   { transform: scale(1); opacity: .55; }
	70%  { transform: scale(1.55); opacity: 0; }
	100% { transform: scale(1.55); opacity: 0; }
}
.fmcg .fmcg-vplayer__stage:hover .fmcg-vplayer__play { transform: translate(-50%, -50%) scale(1.07); background: var(--red-2); }

.fmcg .fmcg-vplayer__cap {
	position: absolute;
	left: clamp(16px, 2vw, 26px);
	bottom: clamp(14px, 2vw, 22px);
	max-width: 70%;
	text-align: left;
	font-size: .84rem;
	font-weight: 600;
	line-height: 1.4;
	color: rgba(255, 255, 255, .92);
	text-shadow: 0 2px 12px rgba(0, 0, 0, .6);
}

/* predvajanje */
.fmcg .fmcg-vplayer__frame { position: absolute; inset: 0; background: #08080A; }
.fmcg .fmcg-vplayer__frame[hidden] { display: none; }
.fmcg .fmcg-vplayer__frame iframe,
.fmcg .fmcg-vplayer__frame video {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	object-fit: contain;
	background: #08080A;
}
.fmcg .fmcg-vplayer.is-playing .fmcg-vplayer__stage { display: none; }

/* ------------------------------------------------------ zankan posnetek */
.fmcg .fmcg-vloop {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.fmcg .fmcg-phero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 860px) {
	.fmcg .fmcg-vblock--split { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.fmcg .fmcg-vplayer__play::after { animation: none; }
}


/* =========================================================================
   Programski urnik in Postanite sponzor
   ====================================================================== */

/* ------------------------------------------------- programski urnik ---- */
/* Urnik izrisuje vticnik BMA Event Schedule; njegov videz ostane njegov,
   tema poskrbi samo za umestitev v stran. */
.fmcg .fmcg-sched > .bmasch { margin-bottom: 0; }
.fmcg .fmcg-sched--wide > .bmasch { max-width: none; }
.fmcg .fmcg-sched > .bmasch:not(:last-child) { margin-bottom: clamp(40px, 5vw, 72px); }

/* Uvod in urnik sta dva sklopa, a vizualno en - vmes naj bo en sam razmik. */
.fmcg .fmcg-section.fmcg-progintro { padding-bottom: 0; }
.fmcg .fmcg-progintro .fmcg-doc__card { top: 100px; }
.fmcg .fmcg-doc__size {
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sec-muted);
}
.fmcg .fmcg-speakers--paper { --sec-bg: var(--paper); }

/* ------------------------------------------------------ kartice brez povezave */
.fmcg .fmcg-tile--static { cursor: default; }
.fmcg .fmcg-tile--static:hover { transform: none; border-color: var(--sec-line); box-shadow: none; }
.fmcg .fmcg-tile--static:hover svg { transform: none; }

/* ------------------------------------------------ paketi sponzorstva --- */
/* Nadgradnja kartice kotizacije (.fmcg-fee) s seznamom vkljucenega. */
.fmcg .fmcg-fee__price--text strong {
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	letter-spacing: -.015em;
}
.fmcg .fmcg-fee__list { display: grid; gap: 10px; margin: 6px 0 4px; }
.fmcg .fmcg-fee__list li {
	position: relative;
	padding-left: 28px;
	font-size: .92rem;
	line-height: 1.55;
	color: var(--sec-muted);
}
.fmcg .fmcg-fee__list li::before {
	content: '';
	position: absolute;
	left: 2px;
	top: .34em;
	width: 13px;
	height: 7px;
	border-left: 2px solid var(--sec-accent);
	border-bottom: 2px solid var(--sec-accent);
	transform: rotate(-45deg);
}
.fmcg .fmcg-fees .fmcg-head { margin-bottom: clamp(28px, 3.4vw, 44px); }

/* ------------------------------------------------------- kontakti ------ */
.fmcg .fmcg-people {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(18px, 2.4vw, 30px);
}
.fmcg .fmcg-person {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: clamp(16px, 2vw, 24px);
	align-items: center;
	padding: clamp(20px, 2.4vw, 28px);
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
	transition: border-color .4s var(--ease), background-color .4s var(--ease);
}
.fmcg .fmcg-person:hover { border-color: color-mix(in srgb, var(--sec-fg) 30%, transparent); background: var(--sec-fill); }
.fmcg .fmcg-person__photo {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: var(--sec-fill);
}
.fmcg .fmcg-person__photo img { width: 100%; height: 100%; object-fit: cover; }
.fmcg .fmcg-person__photo span {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: var(--sec-accent);
}
.fmcg .fmcg-person__body { display: grid; gap: 4px; }
.fmcg .fmcg-person__body strong {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: -.01em;
}
.fmcg .fmcg-person__body > span { font-size: .88rem; line-height: 1.5; color: var(--sec-muted); }
.fmcg .fmcg-person__links { display: grid; gap: 6px; margin-top: 10px; }
.fmcg .fmcg-person__links a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: .92rem;
	font-weight: 600;
	color: var(--sec-fg);
	transition: color .3s var(--ease);
	word-break: break-word;
}
.fmcg .fmcg-person__links a svg { width: 17px; height: 17px; color: var(--sec-accent); flex: none; }
.fmcg .fmcg-person__links a:hover { color: var(--sec-accent); }

/* --------------------------------------------------------- obrazec ----- */
.fmcg .fmcg-form {
	max-width: 780px;
	padding: clamp(24px, 3vw, 40px);
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-soft);
}
.fmcg .fmcg-form input[type="text"],
.fmcg .fmcg-form input[type="email"],
.fmcg .fmcg-form input[type="tel"],
.fmcg .fmcg-form input[type="url"],
.fmcg .fmcg-form select,
.fmcg .fmcg-form textarea {
	width: 100%;
	font: inherit;
	color: var(--sec-fg);
	padding: 12px 14px;
	border: 1px solid var(--sec-line);
	border-radius: 12px;
	background: var(--sec-card);
}
.fmcg .fmcg-form label { font-size: .88rem; font-weight: 600; }
.fmcg .fmcg-form textarea { min-height: 130px; resize: vertical; }

/* ------------------------------------------------------- odzivnost ----- */
@media (max-width: 640px) {
	.fmcg .fmcg-person { grid-template-columns: 1fr; justify-items: start; text-align: left; }
	.fmcg .fmcg-person__photo { width: 76px; height: 76px; }
}


/* =========================================================================
   Sporočila sponzorjev
   ====================================================================== */

.fmcg .fmcg-msgs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: clamp(20px, 2.6vw, 34px);
	align-items: stretch;
}
.fmcg .fmcg-msgs--2 .fmcg-msgs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fmcg .fmcg-msgs--3 .fmcg-msgs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fmcg .fmcg-msgs__intro + .fmcg-section { padding-top: 0; }

.fmcg .fmcg-msg {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
	transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.fmcg .fmcg-msg:hover {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: 0 34px 64px -34px rgba(10, 10, 12, .5);
}

/* ------------------------------------------------------- medijski del -- */
/* Enotno razmerje ne glede na to, ali je znotraj video, logotip ali nič,
   da mreža ostane poravnana. */
.fmcg .fmcg-msg__player,
.fmcg .fmcg-msg__media {
	position: relative;
	aspect-ratio: 16 / 9;
	margin: 0;
	overflow: hidden;
	background: var(--ink);
}

/* Ploščica pred klikom na video: logotip na temnem, pod njim žarek barve. */
.fmcg .fmcg-msg__stage {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	width: 100%;
	padding: 0;
	border: 0;
	cursor: pointer;
	background:
		radial-gradient(120% 90% at 50% 115%, rgba(236, 28, 36, .38), transparent 62%),
		linear-gradient(160deg, var(--ink-3), var(--ink));
}
/* Logotip v spodnjem levem kotu, da ne trči z gumbom na sredini.
   Postavljen je na belo ploščico, ker logotipi sponzorjev pridejo v vseh
   barvah — z barvnim filtrom bi se tisti z barvno podlago spremenili v
   belo liso. Bela ploščica je enotna za vse in vedno berljiva. */
.fmcg .fmcg-msg__mark {
	position: absolute;
	left: clamp(14px, 4.5%, 20px);
	bottom: clamp(14px, 4.5%, 20px);
	max-width: 42%;
	max-height: 30%;
	width: auto;
	padding: 7px 10px;
	border-radius: 10px;
	background: #fff;
	object-fit: contain;
	box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .55);
	transition: transform .35s var(--ease);
}
.fmcg .fmcg-msg__stage:hover .fmcg-msg__mark { transform: translateY(-2px); }
.fmcg .fmcg-msg__initial--corner {
	position: absolute;
	left: clamp(16px, 5%, 24px);
	bottom: clamp(10px, 4%, 16px);
	font-size: clamp(1.5rem, 2.4vw, 1.9rem);
	opacity: .7;
}

.fmcg .fmcg-msg__player .fmcg-vplayer__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.fmcg .fmcg-msg__player .fmcg-vplayer__shade { background: rgba(10, 10, 12, .18); }

/* Sličica videa čez celotno ploščico. Pod njo gre temnejša prevleka, da se
   gumb in logotip berejo tudi na svetlem posnetku. */
.fmcg .fmcg-msg__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--ease);
}
.fmcg .fmcg-msg__stage--photo { background: var(--ink); }
.fmcg .fmcg-msg__stage--photo .fmcg-vplayer__shade {
	/* Sličica naj bo ozadje, ne tekmec: dovolj temna, da gumb in logotip
	   ostaneta prva stvar, ki jo oko ujame, a še vedno prepoznavna. */
	background:
		radial-gradient(58% 58% at 50% 50%, rgba(10, 10, 12, .55), transparent 70%),
		linear-gradient(to top, rgba(10, 10, 12, .82) 0%, rgba(10, 10, 12, .42) 52%, rgba(10, 10, 12, .5) 100%);
}
.fmcg .fmcg-msg__stage--photo:hover .fmcg-msg__poster { transform: scale(1.035); }

/* Brez videa: logotip na svetlem, da se bere kot znak, ne kot slika. */
.fmcg .fmcg-msg__media--logo {
	display: grid;
	place-items: center;
	padding: clamp(26px, 4vw, 46px);
	background: var(--paper-2);
}
.fmcg .fmcg-msg__media--logo img {
	max-width: 72%;
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

/* Ne videa ne logotipa: začetnica in narekovaj. */
.fmcg .fmcg-msg__media--blank {
	display: grid;
	place-items: center;
	background:
		radial-gradient(120% 90% at 50% 115%, rgba(236, 28, 36, .32), transparent 62%),
		linear-gradient(160deg, var(--ink-3), var(--ink));
}
.fmcg .fmcg-msg__quote {
	position: absolute;
	top: 16px;
	left: 20px;
	width: 34px;
	height: 34px;
	color: rgba(255, 255, 255, .14);
}
.fmcg .fmcg-msg__initial {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(2.6rem, 5vw, 3.6rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.02em;
	color: #fff;
	opacity: .9;
}

/* ------------------------------------------------------------ besedilo -- */
.fmcg .fmcg-msg__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: clamp(22px, 2.6vw, 30px);
	flex: 1;
}
.fmcg .fmcg-msg__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.2rem, 1.8vw, 1.5rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.01em;
	color: var(--sec-fg);
}
.fmcg .fmcg-msg__text {
	font-size: .93rem;
	line-height: 1.6;
	color: var(--sec-muted);
}
.fmcg .fmcg-msg__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 8px;
	font-size: .88rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--sec-accent);
	transition: gap .3s var(--ease);
}
.fmcg .fmcg-msg__link svg { width: 16px; height: 16px; }
.fmcg .fmcg-msg__link:hover { gap: 13px; color: var(--sec-accent); }

/* --------------------------------------------- posamezno sporočilo ------ */
.fmcg .fmcg-msg--single {
	max-width: 900px;
	margin-inline: auto;
	margin-top: clamp(22px, 3vw, 34px);
}
.fmcg .fmcg-msg--single:hover { transform: none; box-shadow: none; border-color: var(--sec-line); }
.fmcg .fmcg-msg--single .fmcg-msg__title { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.fmcg .fmcg-msg--single .fmcg-msg__text { font-size: 1rem; }

/* ------------------------------------------------------- odzivnost ------ */
@media (max-width: 900px) {
	.fmcg .fmcg-msgs--3 .fmcg-msgs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.fmcg .fmcg-msgs,
	.fmcg .fmcg-msgs--2 .fmcg-msgs,
	.fmcg .fmcg-msgs--3 .fmcg-msgs { grid-template-columns: 1fr; }
}


/* =========================================================================
   Prijava
   ====================================================================== */

/* ------------------------------------------------- koraki prijave ------ */
.fmcg .fmcg-steps__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: clamp(16px, 2.2vw, 28px);
	counter-reset: none;
}
.fmcg .fmcg-step {
	position: relative;
	display: grid;
	gap: 8px;
	align-content: start;
	padding: clamp(22px, 2.6vw, 32px);
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
	overflow: hidden;
}
/* Tanek rdec rob na vrhu kartice - vezni clen z ostalimi podstranmi. */
.fmcg .fmcg-step::before {
	content: '';
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--sec-accent), transparent 70%);
}
.fmcg .fmcg-step__num {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.03em;
	color: color-mix(in srgb, var(--sec-fg) 16%, transparent);
}
.fmcg .fmcg-step__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.01em;
}
.fmcg .fmcg-step__text { font-size: .93rem; line-height: 1.6; color: var(--sec-muted); }

/* ---------------------------------------- prijavnica in plosica ------- */
.fmcg .fmcg-signup__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: clamp(24px, 3.4vw, 52px);
	align-items: start;
}
.fmcg .fmcg-signup__grid--wide { grid-template-columns: minmax(0, 1fr); }
.fmcg .fmcg-signup__main { min-width: 0; }
.fmcg .fmcg-signup__grid--wide .fmcg-form { max-width: 860px; }
.fmcg .fmcg-signup__fine {
	margin-top: 16px;
	max-width: 62ch;
	font-size: .82rem;
	line-height: 1.6;
	color: var(--sec-muted);
}

.fmcg .fmcg-signup__aside { position: sticky; top: calc(var(--fmcg-anchor, 0px) + 24px); }
.fmcg .fmcg-sidefacts {
	display: grid;
	gap: 18px;
	padding: clamp(22px, 2.6vw, 30px);
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-soft);
}
.fmcg .fmcg-sidefacts__list { display: grid; gap: 16px; }
.fmcg .fmcg-sidefacts__list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; }
.fmcg .fmcg-sidefacts__list svg {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	fill: none;
	stroke: var(--sec-accent);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.fmcg .fmcg-sidefacts__list div { display: grid; gap: 2px; }
.fmcg .fmcg-sidefacts__list span {
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--sec-muted);
}
.fmcg .fmcg-sidefacts__list strong {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
}
.fmcg .fmcg-sidefacts__list em { font-style: normal; font-size: .88rem; line-height: 1.5; color: var(--sec-muted); }
.fmcg .fmcg-sidefacts__note {
	padding-top: 16px;
	border-top: 1px solid var(--sec-line);
	font-size: .85rem;
	line-height: 1.6;
	color: var(--sec-muted);
}
.fmcg .fmcg-sidefacts .fmcg-cal { justify-self: start; }
.fmcg .fmcg-sidefacts__link {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--sec-accent);
	transition: gap .3s var(--ease);
}
.fmcg .fmcg-sidefacts__link svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.fmcg .fmcg-sidefacts__link:hover { gap: .95em; }

/* --------------------------------------------------------- zavihka ---- */
/* Brez skripte sta oba sklopa preprosto eden pod drugim - vsebina nikoli
   ne ostane skrita. Vrstica z zavihki se pokaze sele, ko skripta prevzame. */
.fmcg .fmcg-tabs__bar { display: none; }
.fmcg .fmcg-tabs.is-ready .fmcg-tabs__bar {
	display: inline-flex;
	gap: 6px;
	margin-bottom: clamp(26px, 3vw, 40px);
	padding: 6px;
	border: 1px solid var(--sec-line);
	border-radius: 999px;
	background: var(--sec-soft);
}
.fmcg .fmcg-tabs__btn {
	padding: .85em 1.6em;
	border: 0;
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sec-muted);
	cursor: pointer;
	transition: background-color .3s var(--ease), color .3s var(--ease);
}
.fmcg .fmcg-tabs__btn:hover { color: var(--sec-fg); }
.fmcg .fmcg-tabs__btn.is-active { background: var(--sec-accent); color: #fff; }
.fmcg .fmcg-tabs__btn:focus-visible { outline: 3px solid var(--sec-accent); outline-offset: 3px; }
.fmcg .fmcg-tabs.is-ready .fmcg-tabs__panel + .fmcg-tabs__panel { margin-top: 0; }
.fmcg .fmcg-tabs__panel + .fmcg-tabs__panel { margin-top: clamp(40px, 5vw, 72px); }
.fmcg .fmcg-tabs.is-ready .fmcg-tabs__panel .fmcg-head { margin-bottom: clamp(20px, 2.4vw, 30px); }

/* ---------------------------------------------- informacije o prijavi -- */
.fmcg .fmcg-info {
	max-width: 82ch;
	padding: clamp(24px, 3vw, 44px);
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	background: var(--sec-card);
}
/* Odstavek, ki je v celoti krepak ("PLAČILO", "POGOJI ODJAVE"), je v resnici
   naslov sklopa - izpisemo ga kot tak, ne kot krepko vrstico besedila. */
.fmcg .fmcg-prose--info p > strong:only-child {
	display: block;
	margin-top: .6em;
	padding-top: 1.1em;
	border-top: 1px solid var(--sec-line);
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--sec-accent);
}
.fmcg .fmcg-prose--info > p:first-child > strong:only-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
/* Prazni odstavki, ki jih pusti urejevalnik, ne smejo delati lukenj. */
.fmcg .fmcg-prose--info > p:empty { display: none; }
.fmcg .fmcg-prose--info ul { list-style: none; padding-left: 0; display: grid; gap: .7em; }
.fmcg .fmcg-prose--info ul li { position: relative; padding-left: 26px; margin-top: 0; }
.fmcg .fmcg-prose--info ul li::before {
	content: '';
	position: absolute;
	left: 2px;
	top: .62em;
	width: 12px;
	height: 2px;
	background: var(--sec-accent);
}

/* ------------------------------------------------------- odzivnost ---- */
@media (max-width: 1000px) {
	.fmcg .fmcg-signup__grid { grid-template-columns: minmax(0, 1fr); }
	.fmcg .fmcg-signup__aside { position: static; }
	.fmcg .fmcg-sidefacts { max-width: 520px; }
}


/* =========================================================================
   Prijavnica — obrazec Formidable v obliki strani

   Vticnik svojo obliko sestavi iz spremenljivk na .with_frm_style in jih
   vsiljuje z !important. Namesto lovljenja posameznih pravil zato prepisemo
   same spremenljivke - obrazec se s tem prevzame barve in tipografijo sekcije,
   ne glede na to, kaj je nastavljeno v vticniku.
   ====================================================================== */

.fmcg .fmcg-form--wide {
	max-width: none;
	padding: clamp(22px, 3vw, 44px);
	background: var(--sec-card);
	box-shadow: 0 40px 80px -60px rgba(10, 10, 12, .5);
}

.fmcg .fmcg-form .with_frm_style {
	--form-width: 100%;
	--font: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-size: 14px;
	--base-font-size: 15px;

	--fieldset: 0;
	--fieldset-color: transparent;
	--fieldset-bg-color: transparent;
	--fieldset-padding: 0;

	--label-color: var(--sec-fg);
	--weight: 700;
	/* --font-size doloca velikost oznak nad polji. */
	--label-padding: 0 0 7px;
	--required-color: var(--sec-accent);
	--required-weight: 700;

	--description-font-size: 13px;
	--description-color: var(--sec-muted);
	--description-weight: 400;
	--description-margin: 7px 0 0;

	--field-font-size: 15px;
	--field-height: 50px;
	--line-height: 1.5;
	--field-pad: 13px 15px;
	--field-margin: 22px;
	--field-weight: 400;
	--border-radius: 12px;

	--text-color: var(--sec-fg);
	--bg-color: var(--sec-bg);
	--border-color: var(--sec-line);
	--field-border-width: 1.5px;
	--bg-color-active: var(--sec-bg);
	--border-color-active: var(--sec-accent);

	--text-color-error: var(--sec-fg);
	--bg-color-error: var(--sec-bg);
	--border-color-error: var(--sec-accent);
	--border-width-error: 1.5px;

	--bg-color-disabled: var(--sec-soft);
	--border-color-disabled: var(--sec-line);
	--text-color-disabled: var(--sec-muted);

	--check-font-size: 15px;
	--check-label-color: var(--sec-fg);
	--check-weight: 400;

	--section-font-size: 1.05rem;
	--section-color: var(--sec-fg);
	--section-weight: 700;
	--section-pad: 0 0 12px;
	--section-mar-top: 40px;
	--section-mar-bottom: 24px;
	--section-bg-color: transparent;
	--section-border-color: var(--sec-line);
	--section-border-width: 1px;
	--section-border-loc: -bottom;

	--submit-font-size: 15px;
	--submit-width: auto;
	--submit-height: 54px;
	--submit-bg-color: var(--sec-accent);
	--submit-border-color: var(--sec-accent);
	--submit-text-color: #fff;
	--submit-weight: 700;
	--submit-border-radius: 999px;
	--submit-padding: 0 34px;
	--submit-margin: 8px 0 0;
	--submit-shadow-color: transparent;
	--submit-hover-bg-color: var(--sec-fg);
	--submit-hover-border-color: var(--sec-fg);
	--submit-hover-color: var(--sec-bg);
	--submit-active-bg-color: var(--sec-fg);
	--submit-active-border-color: var(--sec-fg);
	--submit-active-color: var(--sec-bg);

	--error-bg: color-mix(in srgb, var(--sec-accent) 10%, transparent);
	--error-border: color-mix(in srgb, var(--sec-accent) 35%, transparent);
	--error-text: var(--sec-accent);
	--error-font-size: 14px;
	--success-bg-color: var(--sec-soft);
	--success-border-color: var(--sec-line);
	--success-text-color: var(--sec-fg);
	--success-font-size: 16px;

	--box-shadow: none;
	--toggle-on-color: var(--sec-accent);
	--date-head-bg-color: var(--sec-accent);
	--date-band-color: var(--sec-accent);
	--slider-color: var(--sec-accent);
	--progress-active-bg-color: var(--sec-accent);
}

/* Naslov sklopa v obrazcu ("Kotizacija za konferenco", "PRIJAVA").
   Vticnik tem naslovom vsili rdec rob na vrhu, ki ni vezan na nobeno
   spremenljivko - zato ga tu prepisemo z enako mocnim pravilom. */
.fmcg .fmcg-form .with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif !important;
	font-size: 1.45rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -.01em !important;
	text-transform: none !important;
	color: var(--sec-fg) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--sec-line) !important;
	padding: 0 0 12px !important;
	margin: 0 !important;
}
.fmcg .fmcg-form .with_frm_style .frm-show-form .frm_section_heading { margin-top: clamp(30px, 3.6vw, 46px) !important; }
/* Prvi sklop naj ne odriva vrha kartice. */
.fmcg .fmcg-form .with_frm_style .frm-show-form .frm_fields_container > .frm_section_heading:first-of-type { margin-top: 0 !important; }
.fmcg .fmcg-form .with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing { margin-bottom: 22px !important; }

.fmcg .fmcg-form .with_frm_style .frm_primary_label {
	font-family: 'Archivo', sans-serif;
	letter-spacing: .01em;
}
.fmcg .fmcg-form .with_frm_style .frm_description { line-height: 1.55; }

/* Izbire: cela vrstica je klikljiva ploscica, ne gola pika ob besedilu. */
.fmcg .fmcg-form .with_frm_style .frm_opt_container { display: grid; gap: 8px; }
.fmcg .fmcg-form .with_frm_style .frm_checkbox,
.fmcg .fmcg-form .with_frm_style .frm_radio { margin: 0; }
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label,
.fmcg .fmcg-form .with_frm_style .frm_radio > label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 13px 16px;
	border: 1.5px solid var(--sec-line);
	border-radius: 12px;
	background: var(--sec-bg);
	font-size: .95rem;
	line-height: 1.5;
	cursor: pointer;
	transition: border-color .25s var(--ease), background-color .25s var(--ease);
}
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label:hover,
.fmcg .fmcg-form .with_frm_style .frm_radio > label:hover { border-color: color-mix(in srgb, var(--sec-fg) 32%, transparent); }
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label:has(input:checked),
.fmcg .fmcg-form .with_frm_style .frm_radio > label:has(input:checked) {
	border-color: var(--sec-accent);
	background: color-mix(in srgb, var(--sec-accent) 7%, transparent);
}
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label > input,
.fmcg .fmcg-form .with_frm_style .frm_radio > label > input {
	flex: none;
	width: 19px;
	height: 19px;
	margin: 1px 0 0;
	accent-color: var(--sec-accent);
}
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label a { color: var(--sec-accent); text-decoration: underline; text-underline-offset: 3px; }
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label input:disabled + *,
.fmcg .fmcg-form .with_frm_style .frm_checkbox > label:has(input:disabled) { opacity: .5; cursor: not-allowed; }

/* Prosto besedilo med polji (obvestila, drobni tisk). */
.fmcg .fmcg-form .with_frm_style .frm_html_container {
	font-size: .88rem;
	line-height: 1.65;
	color: var(--sec-muted);
}

/* Opisi pod polji - vticnik jim vsili svojo sivo. */
.fmcg .fmcg-form .with_frm_style .frm-show-form .frm_description,
.fmcg .fmcg-form .with_frm_style .frm-show-form div.frm_description {
	color: var(--sec-muted) !important;
	line-height: 1.55;
}

/* Gumb za oddajo: barve so v vticniku zapisane trdo, zato jih prepisemo.
   Videz je enak gumbu .fmcg-btn--primary drugod po strani. */
.fmcg .fmcg-form .with_frm_style .frm_submit { margin-top: 8px; }
.fmcg .fmcg-form .with_frm_style .frm_submit button,
.fmcg .fmcg-form .with_frm_style .frm_submit input[type="submit"],
.fmcg .fmcg-form .with_frm_style .frm_submit input[type="button"] {
	width: auto !important;
	height: auto !important;
	min-height: 54px !important;
	margin: 8px 0 0 !important;
	padding: .95em 2.1em !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--sec-accent) !important;
	color: #fff !important;
	font-family: 'Archivo', sans-serif;
	font-size: .92rem !important;
	font-weight: 700 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--sec-accent) 75%, transparent);
	transition: background-color .3s var(--ease), color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
}
.fmcg .fmcg-form .with_frm_style .frm_submit button:hover,
.fmcg .fmcg-form .with_frm_style .frm_submit input[type="submit"]:hover,
.fmcg .fmcg-form .with_frm_style .frm_submit input[type="button"]:hover {
	background: var(--sec-fg) !important;
	color: var(--sec-bg) !important;
	transform: translateY(-2px);
	box-shadow: 0 18px 38px -16px rgba(10, 10, 12, .6);
}
.fmcg .fmcg-form .with_frm_style .frm_submit button:focus-visible {
	outline: 3px solid var(--sec-accent) !important;
	outline-offset: 3px;
	box-shadow: none !important;
}

/* Zavihek s prijavnico ne potrebuje se ene ploskve okoli obrazca. */
.fmcg .fmcg-tabs .fmcg-form--wide { padding-inline: clamp(20px, 2.6vw, 36px); }

@media (max-width: 600px) {
	.fmcg .fmcg-form--wide { padding: 20px 16px; border-radius: var(--r); }
	.fmcg .fmcg-form .with_frm_style { --field-margin: 18px; --submit-width: 100%; }
}