/* =========================================================================
   FMCG konferenca — naslovnica
   Barvna identiteta povzeta po logotipu: črna, bela, signalna rdeča.
   ====================================================================== */

.fmcg {
	--ink:        #0A0A0C;
	--ink-2:      #131318;
	--ink-3:      #1E1E25;
	--paper:      #FFFFFF;
	--paper-2:    #F4F3F1;
	--paper-3:    #E8E6E2;
	--red:        #EC1C24;
	--red-2:      #FF4433;
	--muted:      #6B6B73;
	--muted-dark: rgba(255, 255, 255, .62);
	--line:       rgba(10, 10, 12, .12);
	--line-dark:  rgba(255, 255, 255, .14);

	--r:      18px;
	--r-lg:   28px;
	--wrap:   1240px;
	--pad:    clamp(24px, 5vw, 64px);
	--sect:   clamp(72px, 9vw, 140px);

	--ease:   cubic-bezier(.16, 1, .3, 1);

	font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--ink);
	background: var(--paper);
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

/* -------------------------------------------------- ploskve sekcij ----- */
/* Vsaka sekcija dobi iz nastavitev barvo --sec-bg in razred fmcg-bg--light
   ali fmcg-bg--dark. Vse ostale barve znotraj sekcije (besedilo, robovi,
   kartice, poudarki) se izpeljejo iz teh dveh, zato prebarvanje ozadja nikoli
   ne pusti neberljivega besedila. Privzete vrednosti so enake tistim, ki jih
   je stran imela pred uvedbo nastavljivih barv. */
.fmcg,
.fmcg .fmcg-bg--light,
.fmcg .fmcg-section--paper,
.fmcg .fmcg-section--paper2 {
	--sec-bg:         var(--paper);
	--sec-fg:         var(--ink);
	--sec-muted:      var(--muted);
	--sec-line:       var(--line);
	--sec-card:       var(--paper);
	--sec-soft:       var(--paper-2);
	--sec-fill:       var(--paper-3);
	--sec-hover:      var(--paper-2);
	--sec-accent:     var(--red);
	--sec-prose:      #26262C;
	--sec-inv-bg:     var(--ink);
	--sec-inv-fg:     #fff;
	--sec-inv-muted:  var(--muted-dark);
	--sec-inv-line:   var(--line-dark);
	--sec-inv-accent: var(--red-2);
}
.fmcg .fmcg-bg--dark,
.fmcg .fmcg-section--dark {
	--sec-fg:         #fff;
	--sec-muted:      var(--muted-dark);
	--sec-line:       var(--line-dark);
	--sec-card:       var(--ink-2);
	--sec-soft:       var(--ink-2);
	--sec-fill:       var(--ink-3);
	--sec-hover:      rgba(255, 255, 255, .04);
	--sec-accent:     var(--red-2);
	--sec-prose:      rgba(255, 255, 255, .8);
	--sec-inv-bg:     var(--paper);
	--sec-inv-fg:     var(--ink);
	--sec-inv-muted:  var(--muted);
	--sec-inv-line:   var(--line);
	--sec-inv-accent: var(--red);
}

/* Stare pomozne oznake ostajajo v veljavi - samo prestavijo barvo ploskve. */
.fmcg .fmcg-section--paper2 { --sec-bg: var(--paper-2); }
.fmcg .fmcg-section--dark   { --sec-bg: var(--ink); }

/* Element z razredom fmcg-bg pobarva sam sebe. */
.fmcg .fmcg-bg { background: var(--sec-bg); color: var(--sec-fg); }

/* Astra: naslovnica gre čez celotno širino */
.fmcg-home .site-content > .ast-container,
.fmcg-home .ast-container { max-width: none; padding: 0; }
.fmcg-home .entry-content > *,
.fmcg-home #primary { margin: 0; padding: 0; }
.fmcg-home .entry-header,
.fmcg-home .ast-single-post .entry-title { display: none; }
.fmcg-home #content { padding: 0; }

/* Prepis Astre / Elementor kita: znotraj naslovnice velja naša tipografija */
main.fmcg h1, main.fmcg h2, main.fmcg h3, main.fmcg h4,
main.fmcg p, main.fmcg ul, main.fmcg ol, main.fmcg li,
main.fmcg figure, main.fmcg del, main.fmcg time {
	margin: 0;
	padding: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
}
main.fmcg ul, main.fmcg ol { list-style: none; }

/* Skok na sidro: odmik se prilagodi morebitni lepljivi glavi (izmeri ga skripta) */
.fmcg section[id],
.fmcg [id].fmcg-section { scroll-margin-top: calc(var(--fmcg-anchor, 0px) + 16px); }
main.fmcg a { color: inherit; text-decoration: none; box-shadow: none; }
main.fmcg a:hover, main.fmcg a:focus { color: inherit; text-decoration: none; }
main.fmcg strong, main.fmcg b { font-weight: 700; }
main.fmcg em { font-style: normal; }
main.fmcg button { font: inherit; color: inherit; background: none; }

.fmcg *,
.fmcg *::before,
.fmcg *::after { box-sizing: border-box; }
.fmcg img { display: block; max-width: 100%; height: auto; }
.fmcg svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.fmcg .fmcg-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	padding-inline: var(--pad);
}

/* -------------------------------------------------- tipografija -------- */
.fmcg .fmcg-h2 {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-weight: 700;
	font-size: clamp(2.1rem, 4.6vw, 4rem);
	line-height: .98;
	letter-spacing: -.02em;
	margin: 0 0 .35em;
	text-wrap: balance;
}
.fmcg .fmcg-h2 em { display: block; font-style: normal; color: var(--sec-accent); }

.fmcg .fmcg-kicker {
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sec-accent);
	margin: 0 0 .9em;
}
.fmcg .fmcg-kicker--on-red { color: color-mix(in srgb, var(--sec-fg) 78%, transparent); }

.fmcg .fmcg-lead {
	font-size: clamp(1.02rem, 1.4vw, 1.2rem);
	line-height: 1.65;
	color: var(--sec-muted);
	max-width: 54ch;
	margin: 0 0 1.8em;
}

.fmcg .fmcg-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
	margin-bottom: clamp(36px, 5vw, 64px);
}
.fmcg .fmcg-head .fmcg-h2 { margin-bottom: 0; }

/* -------------------------------------------------- gumbi ------------- */
.fmcg .fmcg-btn {
	--btn-bg: var(--red);
	--btn-fg: #fff;
	display: inline-flex;
	align-items: center;
	gap: .6em;
	padding: 1.05em 1.8em;
	border-radius: 999px;
	border: 1.5px solid transparent;
	background: var(--btn-bg);
	color: var(--btn-fg);
	font-size: .93rem;
	font-weight: 700;
	letter-spacing: .01em;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .3s var(--ease), background-color .3s var(--ease),
	            color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.fmcg .fmcg-btn svg { width: 1.05em; height: 1.05em; transition: transform .3s var(--ease); }
.fmcg .fmcg-btn:hover { transform: translateY(-2px); }
.fmcg .fmcg-btn:hover svg { transform: translateX(4px); }
.fmcg .fmcg-btn:focus-visible { outline: 3px solid var(--red-2); outline-offset: 3px; }

.fmcg .fmcg-btn--primary { box-shadow: 0 12px 30px -12px rgba(236, 28, 36, .75); }
.fmcg .fmcg-btn--primary:hover { background: var(--red-2); box-shadow: 0 18px 38px -12px rgba(236, 28, 36, .85); }

.fmcg .fmcg-btn--ghost { background: transparent; color: var(--sec-fg); border-color: color-mix(in srgb, var(--sec-fg) 35%, transparent); }
.fmcg .fmcg-btn--ghost:hover { background: color-mix(in srgb, var(--sec-fg) 11%, transparent); border-color: var(--sec-fg); }

.fmcg .fmcg-btn--outline { background: transparent; color: var(--sec-fg); border-color: var(--sec-line); }
.fmcg .fmcg-btn--outline:hover { border-color: var(--sec-fg); background: var(--sec-fg); color: var(--sec-bg); }

/* Razlicica --outline-light je zdaj samo drugo ime za --outline: barvo pove sekcija. */
.fmcg .fmcg-btn--outline-light { background: transparent; color: var(--sec-fg); border-color: var(--sec-line); }
.fmcg .fmcg-btn--outline-light:hover { background: var(--sec-fg); color: var(--sec-bg); border-color: var(--sec-fg); }

.fmcg .fmcg-btn--dark { background: var(--sec-fg); color: var(--sec-bg); }
.fmcg .fmcg-btn--dark:hover { background: var(--sec-bg); color: var(--sec-fg); box-shadow: inset 0 0 0 1.5px var(--sec-fg); }

.fmcg .fmcg-btn--sm { padding: .85em 1.4em; font-size: .85rem; }

.fmcg .fmcg-link {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	font-weight: 700;
	font-size: .95rem;
	color: var(--sec-fg);
	text-decoration: none;
	border-bottom: 2px solid var(--sec-accent);
	padding-bottom: 3px;
	transition: gap .3s var(--ease), color .3s var(--ease);
}
.fmcg .fmcg-link:hover { gap: .9em; color: var(--sec-accent); }

/* ============================================================== HERO === */
.fmcg .fmcg-hero {
	position: relative;
	min-height: min(94vh, 900px);
	display: flex;
	align-items: center;
	background: var(--sec-bg);
	color: var(--sec-fg);
	overflow: hidden;
	isolation: isolate;
}

.fmcg .fmcg-hero__bg { position: absolute; inset: 0; z-index: -2; }

.fmcg .fmcg-hero__video,
.fmcg .fmcg-hero__shot {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-position: center;
}
.fmcg .fmcg-hero__shot {
	opacity: 0;
	transform: scale(1.08);
	transition: opacity 1.6s ease, transform 8s linear;
}
.fmcg .fmcg-hero__shot.is-active { opacity: 1; transform: scale(1); }

.fmcg .fmcg-hero__veil {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(105deg,
			color-mix(in srgb, var(--sec-bg) 96%, transparent) 0%,
			color-mix(in srgb, var(--sec-bg) 82%, transparent) 42%,
			color-mix(in srgb, var(--sec-bg) 35%, transparent) 100%),
		radial-gradient(120% 90% at 12% 100%, color-mix(in srgb, var(--red) 30%, transparent) 0%, transparent 62%);
}
.fmcg .fmcg-hero__grain {
	position: absolute;
	inset: 0;
	opacity: .05;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.fmcg .fmcg-hero__inner {
	position: relative;
	padding-block: clamp(96px, 14vh, 150px);
}

.fmcg .fmcg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .7em;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--sec-fg) 80%, transparent);
	background: color-mix(in srgb, var(--sec-fg) 7%, transparent);
	border: 1px solid color-mix(in srgb, var(--sec-fg) 16%, transparent);
	backdrop-filter: blur(8px);
	padding: .7em 1.2em;
	border-radius: 999px;
	margin: 0 0 clamp(20px, 3vw, 32px);
}
.fmcg .fmcg-dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--red-2);
	box-shadow: 0 0 0 0 rgba(255, 68, 51, .7);
	animation: fmcg-pulse 2.4s infinite;
}
@keyframes fmcg-pulse {
	70%  { box-shadow: 0 0 0 12px rgba(255, 68, 51, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 68, 51, 0); }
}

.fmcg .fmcg-hero__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-weight: 700;
	font-size: clamp(3rem, 9.2vw, 8.2rem);
	line-height: .87;
	letter-spacing: -.03em;
	text-transform: uppercase;
	margin: 0 0 clamp(20px, 2.6vw, 30px);
	max-width: 15ch;
}
.fmcg .fmcg-hero__title em {
	display: block;
	font-style: normal;
	color: transparent;
	background: linear-gradient(96deg, var(--red) 8%, var(--red-2) 60%, #ff8a5c 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.fmcg .fmcg-hero__lead {
	font-size: clamp(1.02rem, 1.5vw, 1.28rem);
	line-height: 1.6;
	color: color-mix(in srgb, var(--sec-fg) 80%, transparent);
	max-width: 46ch;
	margin: 0 0 clamp(26px, 3vw, 36px);
}

.fmcg .fmcg-hero__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: clamp(28px, 3.4vw, 40px); }
.fmcg .fmcg-chip {
	display: inline-flex;
	align-items: center;
	gap: .6em;
	font-size: .9rem;
	font-weight: 600;
	color: color-mix(in srgb, var(--sec-fg) 88%, transparent);
	background: color-mix(in srgb, var(--sec-fg) 6%, transparent);
	border: 1px solid color-mix(in srgb, var(--sec-fg) 13%, transparent);
	padding: .7em 1.1em;
	border-radius: 12px;
}
.fmcg .fmcg-chip svg { width: 1.15em; height: 1.15em; color: var(--sec-accent); }

.fmcg .fmcg-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: clamp(40px, 5vw, 62px); }

.fmcg .fmcg-countdown {
	display: inline-grid;
	grid-template-columns: repeat(4, minmax(72px, 1fr));
	gap: clamp(8px, 1.6vw, 18px);
	padding: clamp(14px, 1.8vw, 20px) clamp(16px, 2.2vw, 26px);
	border-radius: var(--r);
	background: color-mix(in srgb, var(--sec-fg) 6%, transparent);
	border: 1px solid color-mix(in srgb, var(--sec-fg) 12%, transparent);
	backdrop-filter: blur(10px);
}
.fmcg .fmcg-countdown__cell { text-align: center; }
.fmcg .fmcg-countdown__num {
	display: block;
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.9rem, 3.4vw, 2.9rem);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	letter-spacing: -.02em;
}
.fmcg .fmcg-countdown__lab {
	display: block;
	margin-top: .5em;
	font-size: .66rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--sec-fg) 55%, transparent);
}

.fmcg .fmcg-hero__scroll {
	position: absolute;
	left: 50%;
	bottom: 26px;
	transform: translateX(-50%);
	width: 26px;
	height: 42px;
	border: 1.5px solid color-mix(in srgb, var(--sec-fg) 30%, transparent);
	border-radius: 999px;
	display: grid;
	place-items: start center;
	padding-top: 8px;
}
.fmcg .fmcg-hero__scroll span {
	width: 3px; height: 8px;
	border-radius: 2px;
	background: var(--sec-fg);
	animation: fmcg-scroll 1.8s var(--ease) infinite;
}
@keyframes fmcg-scroll {
	0%   { opacity: 0; transform: translateY(0); }
	40%  { opacity: 1; }
	100% { opacity: 0; transform: translateY(14px); }
}

/* ============================================================ DEJSTVA == */
.fmcg .fmcg-facts {
	background: var(--sec-bg);
	color: var(--sec-fg);
	border-top: 1px solid var(--sec-line);
	padding-block: clamp(48px, 6vw, 80px);
}
/* Zaobljena razlicica - vklopi se v nastavitvah, zavihek Dejstva. */
.fmcg .fmcg-facts--rounded {
	border: 1px solid var(--sec-line);
	border-radius: var(--r-lg);
	margin-inline: clamp(12px, 2vw, 24px);
}
.fmcg .fmcg-facts__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(20px, 3vw, 40px);
}
.fmcg .fmcg-fact { position: relative; padding-left: 22px; }
.fmcg .fmcg-fact::before {
	content: '';
	position: absolute;
	left: 0; top: .35em; bottom: .35em;
	width: 3px;
	background: var(--sec-accent);
	border-radius: 2px;
}
.fmcg .fmcg-fact__num {
	display: block;
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(2.4rem, 5vw, 4.2rem);
	font-weight: 700;
	line-height: .95;
	letter-spacing: -.03em;
	font-variant-numeric: tabular-nums;
}
.fmcg .fmcg-fact__lab {
	display: block;
	margin-top: .6em;
	font-size: .88rem;
	line-height: 1.4;
	color: var(--sec-muted);
}

/* ====================================================== O KONFERENCI === */
.fmcg .fmcg-about { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-about__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(40px, 6vw, 90px);
	align-items: center;
}

.fmcg .fmcg-usp { list-style: none; margin: 0 0 2.2em; padding: 0; display: grid; gap: 18px; }
.fmcg .fmcg-usp li {
	position: relative;
	padding-left: 34px;
	display: grid;
	gap: 3px;
}
.fmcg .fmcg-usp li::before {
	content: '';
	position: absolute;
	left: 0; top: 4px;
	width: 20px; height: 20px;
	border-radius: 50%;
	background: var(--sec-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 20px no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.fmcg .fmcg-usp strong { font-size: 1rem; }
.fmcg .fmcg-usp span { font-size: .93rem; color: var(--sec-muted); line-height: 1.55; }

.fmcg .fmcg-about__media { position: relative; aspect-ratio: 1 / 1; }
.fmcg .fmcg-about__shot {
	position: absolute;
	margin: 0;
	overflow: hidden;
	border-radius: var(--r);
	box-shadow: 0 30px 60px -30px rgba(10, 10, 12, .5);
}
.fmcg .fmcg-about__shot img { width: 100%; height: 100%; object-fit: cover; }
.fmcg .fmcg-about__shot--1 { inset: 0 26% 30% 0; }
.fmcg .fmcg-about__shot--2 { inset: 18% 0 18% 46%; }
.fmcg .fmcg-about__shot--3 { inset: 74% 46% 0 6%; }

.fmcg .fmcg-about__badge {
	position: absolute;
	left: 0; bottom: 6%;
	z-index: 2;
	background: var(--red);
	color: #fff;
	padding: 16px 22px;
	border-radius: 14px;
	display: grid;
	gap: 2px;
	box-shadow: 0 20px 40px -18px rgba(236, 28, 36, .8);
}
.fmcg .fmcg-about__badge strong { font-size: 1.05rem; letter-spacing: -.01em; }
.fmcg .fmcg-about__badge span { font-size: .8rem; opacity: .85; }

/* ============================================================ GOVORCI == */
.fmcg .fmcg-speakers { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-speakers__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 2.2vw, 30px);
}
.fmcg .fmcg-speaker { text-decoration: none; color: inherit; display: block; }
.fmcg .fmcg-speaker__photo {
	position: relative;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: var(--r);
	background: var(--sec-fill);
	margin-bottom: 16px;
}
.fmcg .fmcg-speaker__photo img {
	width: 100%; height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(1.05);
	transition: filter .5s var(--ease), transform .7s var(--ease);
}
.fmcg .fmcg-speaker__photo::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 45%, rgba(236, 28, 36, .55) 100%);
	opacity: 0;
	transition: opacity .5s var(--ease);
}
.fmcg .fmcg-speaker:hover .fmcg-speaker__photo img { filter: grayscale(0); transform: scale(1.05); }
.fmcg .fmcg-speaker:hover .fmcg-speaker__photo::after { opacity: 1; }

.fmcg .fmcg-speaker__plus {
	position: absolute;
	right: 14px; bottom: 14px;
	z-index: 2;
	width: 38px; height: 38px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #fff;
	color: var(--ink);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .4s var(--ease), transform .4s var(--ease);
}
.fmcg .fmcg-speaker__plus svg { width: 16px; height: 16px; }
.fmcg .fmcg-speaker:hover .fmcg-speaker__plus { opacity: 1; transform: translateY(0); }

.fmcg .fmcg-speaker__name {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.22rem;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 5px;
	letter-spacing: -.01em;
}
.fmcg .fmcg-speaker__role { margin: 0; font-size: .85rem; line-height: 1.45; color: var(--sec-muted); }

/* ================================================== PROGRAMSKI SVET ==== */
.fmcg .fmcg-council { background: var(--sec-bg); color: var(--sec-fg); padding-bottom: var(--sect); }
.fmcg .fmcg-council__inner { border-top: 1px solid var(--sec-line); padding-top: clamp(36px, 4vw, 56px); }
.fmcg .fmcg-council__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: clamp(18px, 2.4vw, 34px);
}
.fmcg .fmcg-council__item { display: flex; align-items: center; gap: 14px; }
.fmcg .fmcg-council__avatar {
	flex: 0 0 auto;
	width: 54px; height: 54px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--sec-fill);
	border: 2px solid var(--sec-card);
	box-shadow: 0 6px 18px -8px rgba(10, 10, 12, .5);
}
.fmcg .fmcg-council__avatar img { width: 100%; height: 100%; object-fit: cover; }
.fmcg .fmcg-council__meta { display: grid; gap: 2px; min-width: 0; }
.fmcg .fmcg-council__meta strong { font-size: .96rem; }
.fmcg .fmcg-council__meta em { font-style: normal; font-size: .8rem; color: var(--sec-muted); line-height: 1.35; }

/* ============================================================ PROGRAM == */
.fmcg .fmcg-program {
	padding-block: var(--sect);
	background: var(--sec-bg);
	color: var(--sec-fg);
	background-image: radial-gradient(90% 60% at 100% 0%, color-mix(in srgb, var(--red) 22%, transparent) 0%, transparent 60%);
}
.fmcg .fmcg-head--light .fmcg-h2 { color: var(--sec-fg); }
.fmcg .fmcg-head--light .fmcg-h2 em { color: var(--sec-accent); font-size: .42em; letter-spacing: .04em; text-transform: uppercase; margin-top: .5em; }

.fmcg .fmcg-timeline { list-style: none; margin: 0; padding: 0; }
.fmcg .fmcg-timeline__row {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: clamp(16px, 3vw, 40px);
	align-items: baseline;
	padding: clamp(20px, 2.4vw, 28px) 0;
	border-top: 1px solid var(--sec-line);
	transition: background-color .35s var(--ease), padding-inline .35s var(--ease);
}
.fmcg .fmcg-timeline__row:last-child { border-bottom: 1px solid var(--sec-line); }
.fmcg .fmcg-timeline__row:hover { background: var(--sec-hover); padding-inline: 16px; }
.fmcg .fmcg-timeline__time {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	font-weight: 700;
	color: var(--sec-accent);
	font-variant-numeric: tabular-nums;
}
.fmcg .fmcg-timeline__body { display: grid; gap: 6px; }
.fmcg .fmcg-timeline__title { font-size: clamp(1.05rem, 1.6vw, 1.35rem); font-weight: 600; line-height: 1.3; }
.fmcg .fmcg-timeline__who { font-size: .87rem; color: var(--sec-muted); }
.fmcg .fmcg-program__empty { color: var(--sec-muted); font-size: 1.05rem; }

/* ========================================================= KOTIZACIJA == */
.fmcg .fmcg-fees { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-fees__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: clamp(18px, 2.2vw, 28px);
	align-items: stretch;
}
.fmcg .fmcg-fee {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: clamp(28px, 3vw, 40px);
	border: 1.5px 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-fee:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -34px rgba(10, 10, 12, .55); }
/* Izpostavljena kartica je vedno obratna od sekcije, v kateri stoji. */
.fmcg .fmcg-fee.is-best {
	--sec-bg:     var(--sec-inv-bg);
	--sec-fg:     var(--sec-inv-fg);
	--sec-muted:  var(--sec-inv-muted);
	--sec-line:   var(--sec-inv-line);
	--sec-accent: var(--sec-inv-accent);
	background: var(--sec-inv-bg);
	color: var(--sec-inv-fg);
	border-color: var(--sec-inv-bg);
	box-shadow: 0 34px 70px -34px rgba(10, 10, 12, .8);
}
.fmcg .fmcg-fee__badge {
	align-self: flex-start;
	background: var(--red);
	color: #fff;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: .55em 1em;
	border-radius: 999px;
	margin-bottom: 6px;
}
.fmcg .fmcg-fee__name {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	margin: 0;
}
.fmcg .fmcg-fee__price { display: flex; align-items: baseline; gap: 12px; margin: .2em 0 0; flex-wrap: wrap; }
.fmcg .fmcg-fee__price strong {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(2.6rem, 4.5vw, 3.6rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.03em;
}
.fmcg .fmcg-fee.is-best .fmcg-fee__price strong { color: var(--sec-accent); }
.fmcg .fmcg-fee__price del { font-size: 1.1rem; color: var(--sec-muted); text-decoration-thickness: 2px; }
.fmcg .fmcg-fee__note { font-size: .85rem; color: var(--sec-muted); margin: 0; }
.fmcg .fmcg-fee__cta { margin-top: auto; align-self: flex-start; }
.fmcg .fmcg-fees__fine { margin: clamp(24px, 3vw, 36px) 0 0; font-size: .82rem; color: var(--sec-muted); }

/* ============================================================= NOVICE == */
.fmcg .fmcg-news { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }
.fmcg .fmcg-news__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(18px, 2.4vw, 32px);
}
.fmcg .fmcg-card {
	display: block;
	text-decoration: none;
	color: inherit;
	background: var(--sec-card);
	border-radius: var(--r-lg);
	overflow: hidden;
	transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
.fmcg .fmcg-card:hover { transform: translateY(-5px); box-shadow: 0 32px 60px -34px rgba(10, 10, 12, .5); }
.fmcg .fmcg-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: var(--sec-fill); }
.fmcg .fmcg-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.fmcg .fmcg-card:hover .fmcg-card__media img { transform: scale(1.06); }
.fmcg .fmcg-card__body { padding: clamp(20px, 2.2vw, 28px); }
.fmcg .fmcg-card__meta { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: .78rem; color: var(--sec-muted); }
.fmcg .fmcg-tag {
	background: color-mix(in srgb, var(--sec-accent) 12%, transparent);
	color: var(--sec-accent);
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .4em .8em;
	border-radius: 999px;
	font-size: .7rem;
}
.fmcg .fmcg-card__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.22;
	margin: 0;
	letter-spacing: -.01em;
}

/* =========================================================== UTRINKI === */
.fmcg .fmcg-gallery { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); overflow: hidden; }
.fmcg .fmcg-marquee { position: relative; margin-block: clamp(10px, 2vw, 20px); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.fmcg .fmcg-marquee__track { display: flex; gap: 16px; width: max-content; animation: fmcg-slide var(--marquee, 60s) linear infinite; }
.fmcg .fmcg-marquee:hover .fmcg-marquee__track { animation-play-state: paused; }
@keyframes fmcg-slide { to { transform: translateX(-50%); } }
.fmcg .fmcg-marquee__item {
	flex: 0 0 auto;
	width: clamp(200px, 24vw, 320px);
	aspect-ratio: 4 / 3;
	padding: 0;
	border: 0;
	border-radius: var(--r);
	overflow: hidden;
	background: var(--sec-fill);
	cursor: zoom-in;
	transition: transform .4s var(--ease);
}
.fmcg .fmcg-marquee__item img { width: 100%; height: 100%; object-fit: cover; transition: opacity .4s var(--ease); opacity: .82; }
.fmcg .fmcg-marquee__item:hover { transform: scale(1.03); }
.fmcg .fmcg-marquee__item:hover img { opacity: 1; }

.fmcg .fmcg-gallery__years { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(28px, 3vw, 44px); }
.fmcg .fmcg-year {
	text-decoration: none;
	font-size: .85rem;
	font-weight: 600;
	color: color-mix(in srgb, var(--sec-fg) 82%, transparent);
	border: 1px solid var(--sec-line);
	border-radius: 999px;
	padding: .7em 1.3em;
	transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.fmcg .fmcg-year:hover { background: var(--sec-fg); color: var(--sec-bg); border-color: var(--sec-fg); }

/* ========================================================== SPONZORJI == */
.fmcg .fmcg-sponsors { padding-block: var(--sect); background: var(--sec-bg); color: var(--sec-fg); }

.fmcg .fmcg-sponsors__group + .fmcg-sponsors__group { margin-top: clamp(38px, 4.6vw, 64px); }

.fmcg .fmcg-sponsors__gtitle {
	margin: 0 0 clamp(18px, 2.4vw, 28px);
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.02rem, 1.6vw, 1.3rem);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-align: center;
	color: var(--sec-fg);
}
.fmcg .fmcg-sponsors__gtitle::after {
	content: '';
	display: block;
	width: 34px;
	height: 3px;
	margin: 12px auto 0;
	border-radius: 2px;
	background: var(--sec-accent);
}

/* Največ pet v vrstici, ostanek se centrira. */
.fmcg .fmcg-sponsors__row {
	--cols: 5;
	--g: clamp(14px, 1.8vw, 24px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--g);
}
.fmcg .fmcg-sponsors__row > * {
	flex: 0 0 auto;
	width: calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));
}
.fmcg .fmcg-sponsors__row--lg { --cols: 4; }

.fmcg .fmcg-sponsor {
	display: grid;
	place-items: center;
	min-height: 168px;
	padding: 28px;
	border: 1px solid var(--sec-line);
	border-radius: var(--r);
	background: var(--sec-card);
	text-decoration: none;
	color: var(--sec-muted);
	font-weight: 700;
	text-align: center;
	transition: border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);
}
.fmcg .fmcg-sponsor--lg { min-height: 212px; padding: 34px; background: var(--sec-soft); border-color: transparent; }

.fmcg .fmcg-sponsor img {
	max-width: 100%;
	max-height: 116px;
	width: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .74;
	transition: filter .35s var(--ease), opacity .35s var(--ease);
}
.fmcg .fmcg-sponsor--lg img { max-height: 148px; }

.fmcg .fmcg-sponsor:hover { border-color: var(--sec-line); transform: translateY(-3px); box-shadow: 0 20px 40px -26px rgba(10, 10, 12, .5); }
.fmcg .fmcg-sponsor:hover img { filter: grayscale(0); opacity: 1; }

/* Drsec trak logotipov (naslovnica) */
.fmcg .fmcg-marquee--logos {
	margin-top: clamp(28px, 3.4vw, 44px);
	margin-bottom: 0;
}
.fmcg .fmcg-marquee--logos .fmcg-marquee__track { gap: clamp(14px, 1.8vw, 24px); }
.fmcg .fmcg-logo {
	flex: 0 0 auto;
	width: clamp(190px, 17vw, 250px);
	height: clamp(130px, 11vw, 158px);
	display: grid;
	place-items: center;
	padding: 24px;
	border: 1px solid var(--sec-line);
	border-radius: var(--r);
	background: var(--sec-card);
	transition: border-color .35s var(--ease), transform .35s var(--ease);
}
.fmcg .fmcg-logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .74;
	transition: filter .35s var(--ease), opacity .35s var(--ease);
}
.fmcg .fmcg-logo:hover { border-color: var(--sec-accent); transform: translateY(-3px); }
.fmcg .fmcg-logo:hover img { filter: grayscale(0); opacity: 1; }

@media (max-width: 640px) {
	.fmcg .fmcg-logo { width: 62vw; height: 120px; padding: 18px; }
}

/* ================================================================ CTA == */
/* Barva sekcije je izhodisce; preliv v globino se izracuna iz nje. */
.fmcg .fmcg-cta {
	background: linear-gradient(120deg,
		var(--sec-bg) 0%,
		color-mix(in srgb, var(--sec-bg) 80%, #000) 55%,
		color-mix(in srgb, var(--sec-bg) 56%, #000) 100%);
	color: var(--sec-fg);
	padding-block: clamp(70px, 9vw, 130px);
	position: relative;
	overflow: hidden;
}
.fmcg .fmcg-cta::after {
	content: '';
	position: absolute;
	right: -8%; top: -40%;
	width: 55vw; height: 55vw;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--sec-fg) 16%, transparent) 0%, transparent 62%);
}
.fmcg .fmcg-cta__inner { position: relative; z-index: 1; text-align: center; display: grid; justify-items: center; }
.fmcg .fmcg-cta__title {
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(2.4rem, 6.4vw, 5.2rem);
	font-weight: 700;
	line-height: .95;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin: 0 0 .35em;
}
.fmcg .fmcg-cta__title em { font-style: normal; color: color-mix(in srgb, var(--sec-fg) 58%, transparent); }
.fmcg .fmcg-cta__meta { font-size: 1rem; margin: 0 0 2em; color: color-mix(in srgb, var(--sec-fg) 85%, transparent); }

/* ==================================================== LEPLJIVA VRSTICA = */
.fmcg .fmcg-sticky {
	position: fixed;
	left: 50%;
	bottom: 18px;
	z-index: 90;
	transform: translate(-50%, 140%);
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 10px 10px 10px 22px;
	border-radius: 999px;
	background: rgba(10, 10, 12, .92);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .7);
	transition: transform .5s var(--ease);
	max-width: calc(100vw - 24px);
}
.fmcg .fmcg-sticky[hidden] { display: flex; }
.fmcg .fmcg-sticky.is-visible { transform: translate(-50%, 0); }
.fmcg .fmcg-sticky__info { display: grid; gap: 2px; color: #fff; min-width: 0; }
.fmcg .fmcg-sticky__info strong { font-size: .9rem; }
.fmcg .fmcg-sticky__info em { font-style: normal; font-size: .76rem; color: rgba(255, 255, 255, .6); }

/* ========================================================== LIGHTBOX === */
.fmcg .fmcg-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(6, 6, 8, .94);
	display: grid;
	place-items: center;
	padding: 4vmin;
	opacity: 0;
	transition: opacity .3s var(--ease);
}
.fmcg .fmcg-lightbox[hidden] { display: none; }
.fmcg .fmcg-lightbox.is-open { opacity: 1; }
.fmcg .fmcg-lightbox img { max-width: 100%; max-height: 92vh; border-radius: 10px; }
.fmcg .fmcg-lightbox__close {
	position: absolute;
	top: 16px; right: 20px;
	width: 46px; height: 46px;
	min-width: 0;
	padding: 0;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}
.fmcg .fmcg-lightbox__close:hover { background: var(--red); border-color: var(--red); }

/* ========================================================== ANIMACIJE == */
.fmcg .fmcg-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .8s var(--ease) var(--d, 0ms), transform .8s var(--ease) var(--d, 0ms);
}
.fmcg .fmcg-reveal.is-in { opacity: 1; transform: none; }

/* =========================================================== RESPONS. == */
@media (max-width: 1080px) {
	.fmcg .fmcg-speakers__grid { grid-template-columns: repeat(3, 1fr); }
	.fmcg .fmcg-sponsors__row { --cols: 4; }
	.fmcg .fmcg-sponsors__row--lg { --cols: 3; }
	.fmcg .fmcg-news__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
	.fmcg .fmcg-sponsors__row,
	.fmcg .fmcg-sponsors__row--lg { --cols: 3; }
	.fmcg .fmcg-about__grid { grid-template-columns: 1fr; }
	.fmcg .fmcg-about__media { order: -1; aspect-ratio: 4 / 3; }
	.fmcg .fmcg-facts__grid { grid-template-columns: repeat(2, 1fr); }
	.fmcg .fmcg-timeline__row { grid-template-columns: 78px 1fr; }
}
@media (max-width: 640px) {
	.fmcg .fmcg-sponsors__row,
	.fmcg .fmcg-sponsors__row--lg { --cols: 2; }
	.fmcg .fmcg-sponsor { min-height: 118px; padding: 18px; }
	.fmcg .fmcg-sponsor img { max-height: 66px; }
	.fmcg .fmcg-sponsor--lg { min-height: 138px; }
	.fmcg .fmcg-sponsor--lg img { max-height: 84px; }
	.fmcg .fmcg-speakers__grid { grid-template-columns: repeat(2, 1fr); }
	.fmcg .fmcg-news__grid { grid-template-columns: 1fr; }
	.fmcg .fmcg-hero { min-height: auto; }
	.fmcg .fmcg-hero__title { max-width: none; }
	.fmcg .fmcg-hero__cta .fmcg-btn { flex: 1 1 100%; justify-content: center; }
	.fmcg .fmcg-countdown { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
	.fmcg .fmcg-hero__scroll { display: none; }
	.fmcg .fmcg-sticky { left: 12px; right: 12px; transform: translateY(140%); max-width: none; }
	.fmcg .fmcg-sticky.is-visible { transform: translateY(0); }
	.fmcg .fmcg-sticky__info em { display: none; }
	.fmcg .fmcg-marquee__item { width: 68vw; }
}

@media (prefers-reduced-motion: reduce) {
	.fmcg *,
	.fmcg *::before,
	.fmcg *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
	.fmcg .fmcg-reveal { opacity: 1; transform: none; }
	.fmcg .fmcg-marquee__track { animation: none; }
}

/* =========================================================================
   Gumb "Dodaj v koledar" — samostojen, uporaben tudi zunaj naslovnice
   (npr. s kratko kodo [fmcg_koledar] v Elementor glavi).
   ====================================================================== */
.fmcg-cal {
	position: relative;
	display: inline-block;
	font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	line-height: 1;
	z-index: 20;
}
.fmcg-cal .fmcg-cal__btn {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	padding: .78em 1.05em;
	margin: 0;
	border-radius: 12px;
	border: 1px solid rgba(10, 10, 12, .16);
	background: transparent;
	color: #0A0A0C;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.fmcg-cal .fmcg-cal__btn svg {
	width: 1.15em;
	height: 1.15em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	color: #EC1C24;
}
.fmcg-cal .fmcg-cal__chev { width: .85em !important; height: .85em !important; color: inherit !important; transition: transform .25s ease; }
.fmcg-cal.is-open .fmcg-cal__chev { transform: rotate(180deg); }
.fmcg-cal .fmcg-cal__btn:hover { border-color: #EC1C24; color: #EC1C24; }
.fmcg-cal .fmcg-cal__btn:focus-visible { outline: 3px solid #FF4433; outline-offset: 2px; }

.fmcg-cal--light .fmcg-cal__btn {
	color: rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .16);
}
.fmcg-cal--light .fmcg-cal__btn svg { color: #FF4433; }
.fmcg-cal--light .fmcg-cal__btn:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .4); color: #fff; }

.fmcg-cal--solid .fmcg-cal__btn { background: #EC1C24; color: #fff; border-color: #EC1C24; }
.fmcg-cal--solid .fmcg-cal__btn svg { color: #fff; }
.fmcg-cal--solid .fmcg-cal__btn:hover { background: #FF4433; border-color: #FF4433; color: #fff; }

.fmcg-cal .fmcg-cal__menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 232px;
	display: grid;
	gap: 2px;
	padding: 8px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(10, 10, 12, .1);
	box-shadow: 0 24px 50px -22px rgba(10, 10, 12, .45);
	z-index: 200;
}
.fmcg-cal .fmcg-cal__menu[hidden] { display: none; }
.fmcg-cal .fmcg-cal__when {
	display: block;
	padding: 8px 12px 10px;
	font-size: .74rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #6B6B73;
	border-bottom: 1px solid rgba(10, 10, 12, .08);
	margin-bottom: 4px;
}
.fmcg-cal .fmcg-cal__menu a {
	display: block;
	padding: 10px 12px;
	border-radius: 9px;
	font-size: .88rem;
	font-weight: 600;
	color: #0A0A0C;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.fmcg-cal .fmcg-cal__menu a:hover { background: #F4F3F1; color: #EC1C24; }

@media (max-width: 640px) {
	.fmcg-cal .fmcg-cal__menu { left: auto; right: 0; }
}

/* =========================================================================
   Popup okno
   ====================================================================== */
.fmcg-popup {
	position: fixed;
	inset: 0;
	z-index: 9998;
	display: grid;
	place-items: center;
	padding: 5vmin;
	background: rgba(6, 6, 8, .74);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity .35s cubic-bezier(.16, 1, .3, 1);
	font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.fmcg-popup[hidden] { display: none; }
.fmcg-popup.is-open { opacity: 1; }

.fmcg-popup .fmcg-popup__box {
	position: relative;
	width: min(460px, 100%);
	max-height: 90vh;
	overflow: auto;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7);
	transform: translateY(24px) scale(.97);
	transition: transform .45s cubic-bezier(.16, 1, .3, 1);
}
.fmcg-popup.is-open .fmcg-popup__box { transform: none; }

.fmcg-popup .fmcg-popup__media { aspect-ratio: 16 / 9; overflow: hidden; background: #E8E6E2; }
.fmcg-popup .fmcg-popup__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.fmcg-popup .fmcg-popup__body { padding: clamp(24px, 4vw, 34px); display: grid; gap: 12px; justify-items: start; }
.fmcg-popup .fmcg-popup__title {
	margin: 0;
	font-family: 'Archivo Narrow', 'Archivo', sans-serif;
	font-size: clamp(1.5rem, 3.4vw, 2rem);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -.02em;
	color: #0A0A0C;
}
.fmcg-popup .fmcg-popup__text { margin: 0; font-size: .96rem; line-height: 1.6; color: #6B6B73; }
.fmcg-popup .fmcg-popup__body .fmcg-btn { margin-top: 6px; }

.fmcg-popup .fmcg-popup__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 40px;
	height: 40px;
	min-width: 0;
	padding: 0;
	margin: 0;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(10, 10, 12, .1);
	background: rgba(255, 255, 255, .92);
	color: #0A0A0C;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 6px 18px -8px rgba(10, 10, 12, .5);
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.fmcg-popup .fmcg-popup__close:hover { background: #EC1C24; color: #fff; border-color: #EC1C24; }

/* Gumb v popupu deluje tudi zunaj .fmcg konteksta */
.fmcg-popup .fmcg-btn {
	display: inline-flex;
	align-items: center;
	gap: .6em;
	padding: 1.05em 1.8em;
	border-radius: 999px;
	border: 1.5px solid transparent;
	background: #EC1C24;
	color: #fff;
	font-size: .93rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	box-shadow: 0 12px 30px -12px rgba(236, 28, 36, .75);
	transition: background-color .3s ease, transform .3s ease;
}
.fmcg-popup .fmcg-btn:hover { background: #FF4433; transform: translateY(-2px); color: #fff; }

@media (prefers-reduced-motion: reduce) {
	.fmcg-popup, .fmcg-popup .fmcg-popup__box, .fmcg-cal .fmcg-cal__chev { transition-duration: .001ms !important; }
}

/* Izolacija obeh samostojnih komponent od tem/graditeljev */
.fmcg-cal, .fmcg-cal *,
.fmcg-popup, .fmcg-popup * { box-sizing: border-box; }
.fmcg-popup .fmcg-popup__box h2,
.fmcg-popup .fmcg-popup__box h3,
.fmcg-popup .fmcg-popup__box p { margin: 0; letter-spacing: normal; text-transform: none; }
.fmcg-popup .fmcg-popup__box img { max-width: 100%; }
.fmcg-cal .fmcg-cal__menu a:hover,
.fmcg-cal .fmcg-cal__menu a:focus { text-decoration: none; }