/* =========================================================
   Extension – dizajn sistem (ext-)
   Važi samo unutar .ext-section (frontend: body.ext-blocks; editor).
   ========================================================= */

/* ---------- 1. Tokeni ---------- */
:root {
	--ext-c-bg: var(--wp--preset--color--slonovaca, #FAF6F1);
	--ext-c-bg-alt: var(--wp--preset--color--pesak, #F1E8DF);
	--ext-c-nude: var(--wp--preset--color--nude, #E8D6CB);
	--ext-c-line: var(--wp--preset--color--taupe, #A39086);
	--ext-c-line-soft: rgba(163, 144, 134, 0.35);
	--ext-c-muted: var(--wp--preset--color--taupe-tamni, #6E5E55);
	--ext-c-text: var(--wp--preset--color--espresso, #2E2420);
	--ext-c-heading: var(--wp--preset--color--espresso-naslov, #3A2A24);
	--ext-c-accent: var(--wp--preset--color--akcenat, #8F5249);
	--ext-c-accent-soft: var(--wp--preset--color--akcenat-svetli, #B07A6E);
	--ext-c-on-accent: #FFFFFF;

	--ext-font-serif: var(--wp--preset--font-family--serif, "Cormorant Garamond", "Times New Roman", serif);
	--ext-font-sans: var(--wp--preset--font-family--sans, "Manrope", "Helvetica Neue", Arial, sans-serif);

	--ext-fs-h1: var(--wp--preset--font-size--h-1, clamp(2.5rem, 1.75rem + 3.2vw, 4.5rem));
	--ext-fs-h2: var(--wp--preset--font-size--h-2, clamp(2rem, 1.55rem + 1.9vw, 3.25rem));
	--ext-fs-h3: var(--wp--preset--font-size--h-3, clamp(1.5rem, 1.4rem + 0.5vw, 1.875rem));
	--ext-fs-lead: var(--wp--preset--font-size--lead, clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem));
	--ext-fs-base: var(--wp--preset--font-size--base, clamp(1rem, 0.98rem + 0.1vw, 1.0625rem));
	--ext-fs-small: 0.875rem;

	--ext-space-xs: 0.5rem;
	--ext-space-s: 1rem;
	--ext-space-m: 1.5rem;
	--ext-space-l: clamp(1.75rem, 1.25rem + 2vw, 3rem);
	--ext-space-xl: clamp(2.5rem, 1.5rem + 4vw, 5rem);
	--ext-space-section: clamp(3rem, 1.5rem + 6.5vw, 8rem);
	--ext-gutter: clamp(1.25rem, 4vw, 3rem);
	--ext-measure: 65ch;

	--ext-radius-sm: 12px;
	--ext-radius: 16px;
	--ext-radius-lg: 24px;
	--ext-radius-pill: 999px;

	/* Dugmad (plugin „Izgled sajta“ ih može promeniti; podrazumevano je današnji izgled). */
	--ext-btn-bg: var(--ext-c-accent);
	--ext-btn-text: var(--ext-c-on-accent);
	--ext-btn-hover: var(--ext-c-heading);
	--ext-btn-radius: var(--ext-radius-pill);
	--ext-btn-transform: uppercase;

	--ext-shadow-soft: 0 2px 6px rgba(46, 36, 32, 0.04), 0 24px 48px -24px rgba(46, 36, 32, 0.18);
	--ext-shadow-lift: 0 4px 10px rgba(46, 36, 32, 0.05), 0 32px 64px -28px rgba(46, 36, 32, 0.28);

	--ext-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ext-dur: 0.7s;
}

/* ---------- 2. Okvir stranice (samo block stranice, frontend) ---------- */
body.ext-blocks {
	overflow-x: clip;
}

body.ext-blocks .main-page-wrapper {
	padding-block: 0;
	background-color: var(--ext-c-bg);
}

/* Woodmart nema pravila za alignfull: izlazak iz kontejnera teme. */
body.ext-blocks .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

body.ext-blocks .ext-section + .ext-section {
	margin-top: 0;
}

/* ---------- 3. Sekcije ---------- */
:root .ext-section {
	--ext-heading: var(--ext-c-heading);
	--ext-link: var(--ext-c-text);
	padding-block: var(--ext-space-section);
	padding-inline: var(--ext-gutter);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	font-size: var(--ext-fs-base);
	font-weight: 400;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:root .ext-section--alt { background-color: var(--ext-c-bg-alt); }
:root .ext-section--nude { background-color: var(--ext-c-nude); }

:root .ext-section--dark {
	--ext-heading: var(--ext-c-bg);
	--ext-link: var(--ext-c-bg);
	background-color: var(--ext-c-heading);
	color: var(--ext-c-bg);
}

:root .ext-section--tight { padding-block: var(--ext-space-xl); }

/* Razmake određuje block gap, ne margine teme. */
:root .ext-section :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, hr) {
	margin-bottom: 0;
}

/* ---------- 4. Tipografija ---------- */
:root .ext-section :is(h1, h2, h3, h4) {
	font-family: var(--ext-font-serif);
	font-weight: 500;
	letter-spacing: -0.01em;
	text-transform: none;
	text-wrap: balance;
}

:root .ext-section :is(h1, h2, h3, h4):not(.has-text-color) { color: var(--ext-heading); }
:root .ext-section h1 { font-size: var(--ext-fs-h1); line-height: 1.05; }
:root .ext-section h2 { font-size: var(--ext-fs-h2); line-height: 1.1; }
:root .ext-section h3 { font-size: var(--ext-fs-h3); line-height: 1.2; font-weight: 600; }

/* Naglasak u naslovu: isti font, italic; mesto za descendere (g, j, p, y). */
:root .ext-section :is(h1, h2, h3) em {
	font-style: italic;
	font-weight: 500;
	padding-bottom: 0.06em;
}

:root .ext-section :is(p, li) {
	font-size: inherit;
	line-height: 1.7;
	text-wrap: pretty;
}

:root .ext-section :is(p, .wp-block-list):not(.ext-wide) { max-width: var(--ext-measure); }
:root .ext-section .has-text-align-center:is(p, .wp-block-list) { margin-inline: auto; }

:root .ext-section .ext-lead {
	font-size: var(--ext-fs-lead);
	line-height: 1.6;
	max-width: 34em;
}

:root .ext-section .ext-muted {
	color: var(--ext-c-muted);
	font-size: var(--ext-fs-small);
}

:root .ext-section .ext-eyebrow {
	font-family: var(--ext-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ext-c-accent);
}

:root .ext-section--dark .ext-eyebrow { color: var(--ext-c-accent-soft); }
:root .ext-section strong { font-weight: 600; }

/* ---------- 5. Separatori ---------- */
:root .ext-section .ext-rule {
	border: 0;
	height: 1px;
	width: 100%;
	max-width: none;
	background-color: var(--ext-c-line-soft);
	opacity: 1;
}

:root .ext-section .ext-rule--short {
	width: 64px;
	background-color: var(--ext-c-accent-soft);
}

/* ---------- 6. Linkovi ---------- */
:root .ext-section a:where(:not(.wp-block-button__link)) {
	font-family: inherit;
	font-weight: inherit;
	color: var(--ext-link);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--ext-c-accent-soft);
	text-underline-offset: 0.22em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

:root .ext-section a:where(:not(.wp-block-button__link)):hover {
	color: var(--ext-c-accent);
	text-decoration-color: currentColor;
}

:root .ext-section--dark a:where(:not(.wp-block-button__link)):hover { color: var(--ext-c-nude); }

/* ---------- 7. Dugmad (core Button) ---------- */
:root .ext-section .wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: 0.95rem 2.25rem;
	border: 1px solid var(--ext-btn-bg);
	border-radius: var(--ext-btn-radius);
	background-color: var(--ext-btn-bg);
	color: var(--ext-btn-text);
	font-family: var(--ext-font-sans);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: var(--ext-btn-transform);
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s var(--ext-ease), box-shadow 0.25s ease;
}

:root .ext-section .wp-block-button .wp-block-button__link:hover {
	background-color: var(--ext-btn-hover);
	border-color: var(--ext-btn-hover);
	color: var(--ext-c-bg);
	transform: translateY(-1px);
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .wp-block-button .wp-block-button__link:focus-visible {
	outline: 2px solid var(--ext-c-accent);
	outline-offset: 3px;
}

:root .ext-section .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border-color: var(--ext-c-heading);
	color: var(--ext-c-heading);
}

:root .ext-section .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--ext-c-heading);
	color: var(--ext-c-bg);
}

:root .ext-section--dark .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--ext-c-bg);
	color: var(--ext-c-bg);
}

:root .ext-section--dark .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--ext-c-bg);
	color: var(--ext-c-heading);
}

/* ---------- 8. Slike i editorijalni raspored ---------- */
:root .ext-section .wp-block-image img {
	display: block;
	border-radius: var(--ext-radius);
}

:root .ext-section .ext-media img {
	width: 100%;
	border-radius: var(--ext-radius-lg);
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-media--portrait img { aspect-ratio: 4 / 5; object-fit: cover; }
:root .ext-section .ext-media--landscape img { aspect-ratio: 3 / 2; object-fit: cover; }

/* Okvir pomeren iza slike: suptilna dubina. */
:root .ext-section .ext-media--frame { position: relative; isolation: isolate; }

:root .ext-section .ext-media--frame::before {
	content: "";
	position: absolute;
	inset: 1.5rem -1.5rem -1.5rem 1.5rem;
	z-index: -1;
	border: 1px solid var(--ext-c-accent-soft);
	border-radius: var(--ext-radius-lg);
	pointer-events: none;
}

/* Dve slike sa blagim preklapanjem (Group > Image + Image). */
:root .ext-section .ext-media--overlap {
	position: relative;
	padding-bottom: 12%;
}

:root .ext-section .ext-media--overlap > .wp-block-image:first-child { width: 82%; }

:root .ext-section .ext-media--overlap > .wp-block-image:nth-child(2) {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46%;
	margin: 0;
}

:root .ext-section .ext-media--overlap > .wp-block-image:nth-child(2) img {
	border: 6px solid var(--ext-c-bg);
	border-radius: var(--ext-radius-lg);
	box-shadow: var(--ext-shadow-lift);
}

/* Asimetrija u kolonama: druga kolona spuštena (samo desktop). */
@media (min-width: 782px) {
	:root .ext-section .ext-stagger > .wp-block-column:nth-child(2) { margin-top: var(--ext-space-xl); }
}

/* ---------- 9. Kartice ---------- */
:root .ext-section .ext-card {
	height: 100%;
	padding: var(--ext-space-l);
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-bg);
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section--dark .ext-card {
	background-color: rgba(250, 246, 241, 0.06);
	box-shadow: none;
}

:root .ext-section .ext-card .wp-block-image img { border-radius: var(--ext-radius); }

:root .ext-section .ext-lift {
	transition: transform 0.25s var(--ext-ease), box-shadow 0.25s ease;
}

:root .ext-section .ext-lift:hover {
	transform: translateY(-4px);
	box-shadow: var(--ext-shadow-lift);
}

/* ---------- 10. FAQ (core Details) ---------- */
:root .ext-section .ext-faq .wp-block-details,
:root .ext-faq .wp-block-details {
	margin: 0;
	padding-block: 1.4rem;
	border-top: 1px solid var(--ext-c-line-soft);
}

:root .ext-faq .wp-block-details:last-child { border-bottom: 1px solid var(--ext-c-line-soft); }

:root .ext-faq .wp-block-details summary {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.5rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--ext-font-serif);
	font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
	font-weight: 500;
	line-height: 1.3;
	color: var(--ext-c-heading);
}

:root .ext-faq .wp-block-details summary::-webkit-details-marker { display: none; }

:root .ext-faq .wp-block-details summary::after {
	content: "+";
	flex: 0 0 auto;
	font-family: var(--ext-font-sans);
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1;
	color: var(--ext-c-accent-soft);
	transition: transform 0.25s var(--ext-ease);
}

:root .ext-faq .wp-block-details[open] summary::after { transform: rotate(45deg); }

:root .ext-faq .wp-block-details summary:focus-visible {
	outline: 2px solid var(--ext-c-accent);
	outline-offset: 4px;
	border-radius: var(--ext-radius-sm);
}

:root .ext-faq .wp-block-details > :not(summary) { margin-top: 0.85rem; }

/* ---------- 11. Pokret ---------- */
:root .ext-reveal {
	transition: opacity var(--ext-dur) var(--ext-ease), transform var(--ext-dur) var(--ext-ease);
}

:root.ext-js .ext-reveal:not(.is-visible) {
	opacity: 0;
	transform: translateY(24px);
	animation: ext-reveal-failsafe 0s linear 2.5s forwards;
}

:root .ext-reveal--d1 { transition-delay: 0.08s; }
:root .ext-reveal--d2 { transition-delay: 0.16s; }
:root .ext-reveal--d3 { transition-delay: 0.24s; }

/* Ako JS zakaže, sadržaj se ipak prikaže. */
@keyframes ext-reveal-failsafe {
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root .ext-section *,
	:root .ext-section *::before,
	:root .ext-section *::after {
		transition: none !important;
		animation: none !important;
	}

	:root .ext-reveal {
		opacity: 1 !important;
		transform: none !important;
	}

	:root .ext-section .ext-lift:hover,
	:root .ext-section .wp-block-button .wp-block-button__link:hover {
		transform: none;
	}
}

/* ---------- 12. Mobilni ---------- */
@media (max-width: 781px) {
	:root .ext-section .ext-media--frame::before { inset: 1rem -0.75rem -0.75rem 1rem; }
	:root .ext-section .ext-media--overlap { padding-bottom: 18%; }
	:root .ext-section .ext-media--overlap > .wp-block-image:first-child { width: 88%; }
	:root .ext-section .ext-media--overlap > .wp-block-image:nth-child(2) { width: 52%; }
	:root .ext-section .wp-block-buttons { gap: 0.75rem; }
}

/* ---------- 13. Dodatak (Faza 2): kolone, desktop/mobilni varijante, WooCommerce grid ---------- */
:root .ext-section .wp-block-columns {
	gap: var(--ext-space-l) var(--ext-space-xl);
}

@media (max-width: 781px) {
	:root .ext-section .ext-hide-mobile { display: none !important; }
}

@media (min-width: 782px) {
	:root .ext-section .ext-hide-desktop { display: none !important; }
}

:root .ext-section .ext-media a { display: block; border-radius: var(--ext-radius-lg); }

/* Core WooCommerce grid blokovi (Hand-picked / Product category). */
:root .ext-section .wc-block-grid__products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ext-space-l);
	max-width: none;
	margin: 0;
	padding: 0;
}

:root .ext-section .wc-block-grid.has-4-columns .wc-block-grid__products { grid-template-columns: repeat(4, minmax(0, 1fr)); }

:root .ext-section .wc-block-grid .wc-block-grid__product {
	flex: none;
	max-width: none;
	width: auto;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
}

:root .ext-section .wc-block-grid__product a,
:root .ext-section :is(h1, h2, h3, h4) a {
	color: inherit;
	text-decoration: none;
}

:root .ext-section :is(h1, h2, h3, h4) a:hover,
:root .ext-section .wc-block-grid__product-title:hover { color: var(--ext-c-accent); }

:root .ext-section .ext-card-title {
	margin-top: var(--ext-space-m);
	font-size: var(--ext-fs-h3);
	line-height: 1.2;
}

:root .ext-section .wc-block-grid__product-image,
:root .ext-section .wc-block-grid__product-image img {
	display: block;
	width: 100%;
}

:root .ext-section .wc-block-grid__product-image img {
	border-radius: var(--ext-radius);
	background-color: var(--ext-c-bg-alt);
	transition: transform 0.4s var(--ext-ease);
}

:root .ext-section .wc-block-grid__product-image { overflow: hidden; border-radius: var(--ext-radius); }
:root .ext-section .wc-block-grid__product:hover .wc-block-grid__product-image img { transform: scale(1.03); }

:root .ext-section .wc-block-grid__product-title {
	margin-top: var(--ext-space-s);
	font-family: var(--ext-font-serif);
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--ext-c-heading);
}

:root .ext-section .wc-block-grid__product-price,
:root .ext-section .wc-block-grid__product-add-to-cart {
	text-align: left;
}

:root .ext-section .wc-block-grid__product-price {
	margin-top: 0.35rem;
	font-family: var(--ext-font-sans);
	font-size: var(--ext-fs-small);
	font-weight: 600;
	color: var(--ext-c-muted);
}

:root .ext-section .wc-block-grid__product .wp-block-button__link,
:root .ext-section .wc-block-grid__product .add_to_cart_button {
	margin-top: var(--ext-space-s);
	padding: 0.7rem 1.4rem;
	border: 1px solid var(--ext-c-heading);
	border-radius: var(--ext-btn-radius);
	background: transparent;
	color: var(--ext-c-heading);
	font-family: var(--ext-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: var(--ext-btn-transform);
}

:root .ext-section .wc-block-grid__product .add_to_cart_button:hover {
	background: var(--ext-c-heading);
	color: var(--ext-c-bg);
}

@media (max-width: 781px) {
	:root .ext-section .wc-block-grid .wc-block-grid__products,
	:root .ext-section .wc-block-grid.has-4-columns .wc-block-grid__products {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ext-space-m);
	}

	:root .ext-section .wc-block-grid__product-title { font-size: 1.0625rem; }

	:root .ext-section .wc-block-grid__product .add_to_cart_button { padding: 0.6rem 1rem; font-size: 0.6875rem; }
}

/* ---------- 14. Dodatak (Faza 3): komponente pattern biblioteke ---------- */

/* Zaglavlje sekcije: naslov + uvod (+ dugme) iznad sadržaja */
:root .ext-section .ext-section-head { padding-bottom: var(--ext-space-m); }

/* Liste i potpisi slika */
:root .ext-section .wp-block-list { padding-left: 1.2em; }
:root .ext-section .wp-block-list li + li { margin-top: 0.45em; }
:root .ext-section .wp-block-list li::marker { color: var(--ext-c-accent-soft); }

:root .ext-section .wp-element-caption {
	margin-top: 0.65rem;
	margin-bottom: 0;
	font-size: var(--ext-fs-small);
	color: var(--ext-c-muted);
	text-align: left;
}

/* Link "Saznajte više" u karticama */
:root .ext-section .ext-more a {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--ext-c-accent);
}

:root .ext-section .ext-more a:hover { color: var(--ext-c-heading); }

/* Kartice: slika do ivica, tekst sa unutrašnjim razmakom */
:root .ext-section .ext-card--media { padding: 0 0 var(--ext-space-l); overflow: hidden; }
:root .ext-section .ext-card--media > .wp-block-image img { border-radius: 0; aspect-ratio: 1 / 1; object-fit: cover; width: 100%; }
:root .ext-section .ext-card--media > :not(.wp-block-image) { padding-inline: var(--ext-space-m); }

/* Traka ključnih informacija */
:root .ext-section .ext-stat-label {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ext-c-muted);
}

:root .ext-section .ext-stat {
	font-family: var(--ext-font-serif);
	font-size: clamp(2.25rem, 1.8rem + 2vw, 3.25rem);
	font-weight: 500;
	line-height: 1.05;
	color: var(--ext-c-heading);
}

@media (min-width: 782px) {
	:root .ext-section .ext-stats > .wp-block-column + .wp-block-column {
		border-left: 1px solid var(--ext-c-line-soft);
		padding-left: var(--ext-space-l);
	}
}

@media (max-width: 781px) {
	:root .ext-section .ext-stats > .wp-block-column + .wp-block-column {
		border-top: 1px solid var(--ext-c-line-soft);
		padding-top: var(--ext-space-m);
	}
}

/* Cenovnik: red naziv / cena */
:root .ext-section .ext-price-row {
	align-items: baseline;
	gap: var(--ext-space-s);
	padding-block: 0.9rem;
	border-bottom: 1px solid var(--ext-c-line-soft);
}

:root .ext-section .ext-price-row > p:first-child { flex: 1 1 auto; }

:root .ext-section .ext-price-row > p:last-child {
	flex: 0 0 auto;
	font-family: var(--ext-font-serif);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ext-c-heading);
	white-space: nowrap;
}

/* Citati (core Quote) */
:root .ext-section blockquote.ext-quote {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	quotes: none;
}

:root .ext-section blockquote.ext-quote::before,
:root .ext-section blockquote.ext-quote::after { content: none; display: none; }

:root .ext-section .ext-quote p {
	font-family: var(--ext-font-serif);
	font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	font-weight: 500;
	line-height: 1.4;
	color: var(--ext-c-heading);
}

:root .ext-section .ext-quote--large p {
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
	line-height: 1.25;
}

:root .ext-section .ext-quote cite {
	display: block;
	margin-top: var(--ext-space-s);
	font-family: var(--ext-font-sans);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ext-c-muted);
}

/* Prazno mesto za fotografiju (dok ne stigne prava) */
:root .ext-section .ext-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 5;
	padding: var(--ext-space-m);
	border: 1px dashed var(--ext-c-line);
	border-radius: var(--ext-radius);
	background: linear-gradient(160deg, var(--ext-c-nude), var(--ext-c-bg-alt));
}

:root .ext-section .ext-placeholder p {
	font-size: var(--ext-fs-small);
	color: var(--ext-c-muted);
	text-align: center;
}

/* Baner za kategorije (core Cover) */
:root .ext-section .ext-banner {
	min-height: clamp(260px, 30vw, 420px);
	border-radius: var(--ext-radius-lg);
	overflow: hidden;
	padding: var(--ext-space-xl) var(--ext-space-l);
}

:root .ext-section .ext-banner .wp-block-cover__inner-container {
	max-width: 640px;
	margin-inline: 0;
	color: var(--ext-c-bg);
}

:root .ext-section .ext-banner .ext-banner__title {
	font-family: var(--ext-font-serif);
	font-size: var(--ext-fs-h2);
	font-weight: 500;
	line-height: 1.1;
	color: var(--ext-c-bg);
}

:root .ext-section .ext-banner p { color: var(--ext-c-bg); }

/* ---------- 15. Footer (Gutenberg HTML Block u Woodmart footeru) ---------- */
.wd-footer.footer-container:has(.ext-footer) {
	padding: 0;
	background-color: var(--ext-c-heading);
}

.wd-footer.footer-container:has(.ext-footer) > .main-footer {
	max-width: none;
	padding: 0;
}

:root .ext-section.ext-footer {
	padding-block: var(--ext-space-xl) var(--ext-space-l);
	font-size: var(--ext-fs-small);
}

:root .ext-footer .ext-footer__logo img {
	width: auto;
	height: 48px;
	border-radius: 0;
}

:root .ext-footer .ext-footer__title {
	margin-bottom: var(--ext-space-xs);
	font-family: var(--ext-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ext-c-accent-soft);
}

:root .ext-footer p,
:root .ext-footer li { line-height: 1.8; }

:root .ext-footer a:where(:not(.wp-block-button__link)) {
	text-decoration: none;
	color: var(--ext-c-bg);
}

:root .ext-footer a:where(:not(.wp-block-button__link)):hover {
	color: var(--ext-c-nude);
	text-decoration: underline;
}

:root .ext-footer .wp-block-list {
	padding-left: 0;
	list-style: none;
}

/* Društvene mreže (core Social Icons, samo ikone) */
:root .ext-footer .wp-block-social-links { gap: 0.9rem; margin-top: var(--ext-space-m); }
:root .ext-footer .wp-block-social-links .wp-social-link { color: var(--ext-c-bg); background: none; }
:root .ext-footer .wp-block-social-links .wp-social-link a { padding: 0; }
:root .ext-footer .wp-block-social-links .wp-social-link svg { width: 20px; height: 20px; fill: currentColor; }
:root .ext-footer .wp-block-social-links .wp-social-link:hover { color: var(--ext-c-accent-soft); }

/* Znaci kartica i banke: svetle pločice da bi tamni logotipi bili čitljivi */
:root .ext-footer .ext-payments {
	gap: 0.6rem;
	padding-block: var(--ext-space-l);
}

:root .ext-footer .ext-payments .wp-block-image {
	margin: 0;
	padding: 0.45rem 0.7rem;
	border-radius: var(--ext-radius-sm);
	background-color: var(--ext-c-bg);
}

:root .ext-footer .ext-payments img {
	display: block;
	width: auto;
	height: 26px;
	border-radius: 0;
	object-fit: contain;
}

:root .ext-footer .ext-footer__bottom {
	padding-top: var(--ext-space-m);
	border-top: 1px solid rgba(250, 246, 241, 0.15);
	gap: var(--ext-space-s) var(--ext-space-l);
	color: rgba(250, 246, 241, 0.7);
	font-size: 0.75rem;
}

@media (max-width: 781px) {
	:root .ext-footer .wp-block-columns { gap: var(--ext-space-l); }
	:root .ext-footer .ext-payments { justify-content: flex-start; }
}

/* 15b. Footer na Elementor stranicama: tamo WordPress ne učitava CSS blokova,
   pa ovde stoje samo pravila koja footer koristi (kolone, flex, ikonice, slike). */
:root .ext-footer .wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--ext-space-l) var(--ext-space-xl);
	margin: 0;
}

:root .ext-footer .wp-block-column {
	flex-basis: 100%;
	min-width: 0;
	word-break: normal;
	overflow-wrap: break-word;
}

@media (min-width: 782px) {
	:root .ext-footer .wp-block-columns { flex-wrap: nowrap; }
	:root .ext-footer .wp-block-column { flex-basis: 0; flex-grow: 1; }
	:root .ext-footer .wp-block-column[style*="flex-basis"] { flex-grow: 0; }
}

:root .ext-footer .is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

:root .ext-footer .is-layout-flex.is-nowrap { flex-wrap: nowrap; }
:root .ext-footer .is-content-justification-center { justify-content: center; }
:root .ext-footer .is-content-justification-space-between { justify-content: space-between; }
:root .ext-footer .is-layout-flex > * { margin: 0; }

:root .ext-footer .is-layout-constrained > .alignwide { max-width: 1440px; margin-inline: auto; }

:root .ext-footer .wp-block-social-links {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

:root .ext-footer .wp-block-social-links .wp-social-link { display: block; margin: 0; }
:root .ext-footer .wp-block-social-links .wp-social-link a { display: flex; align-items: center; line-height: 0; }
:root .ext-footer .wp-block-social-links .screen-reader-text,
:root .ext-footer .wp-block-social-link-label.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

:root .ext-footer .wp-block-image { margin: 0; }
:root .ext-footer .wp-block-image img { max-width: 100%; height: auto; }
:root .ext-footer .ext-payments img { height: 26px; }
:root .ext-footer .ext-footer__logo img { height: 48px; }

@media (max-width: 781px) {
	:root .ext-footer .ext-footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--ext-space-xs); }
}

/* ---------- 16. Forme (Contact Form 7 unutar .ext-section) ---------- */
:root .ext-section .ext-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ext-space-m) var(--ext-space-l);
}

:root .ext-section .ext-form__field { display: flex; flex-direction: column; gap: 0.45rem; grid-column: span 2; }
:root .ext-section .ext-form__field--half { grid-column: span 1; }
:root .ext-section .ext-form__note,
:root .ext-section .ext-form__actions { grid-column: span 2; }

:root .ext-section .ext-form__label {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ext-c-muted);
}

:root .ext-section .ext-form__label .ext-req { color: var(--ext-c-accent); }

:root .ext-section .ext-form :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea) {
	width: 100%;
	min-height: 3.25rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(163, 144, 134, 0.55);
	border-radius: var(--ext-radius-sm);
	background-color: #FFFFFF;
	box-shadow: none;
	font-family: var(--ext-font-sans);
	font-size: 1rem;
	color: var(--ext-c-text);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

:root .ext-section .ext-form textarea { min-height: 8rem; resize: vertical; }

:root .ext-section .ext-form :is(input, select, textarea)::placeholder { color: var(--ext-c-muted); opacity: 0.8; }

:root .ext-section .ext-form :is(input, select, textarea):focus {
	outline: none;
	border-color: var(--ext-c-accent);
	box-shadow: 0 0 0 3px rgba(143, 82, 73, 0.15);
}

:root .ext-section .ext-form input[type="file"] {
	width: 100%;
	padding: 0.75rem;
	border: 1px dashed var(--ext-c-line);
	border-radius: var(--ext-radius-sm);
	background-color: var(--ext-c-bg);
	font-size: var(--ext-fs-small);
	color: var(--ext-c-muted);
}

:root .ext-section .ext-form__files { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ext-space-s); }

:root .ext-section .ext-form__note { font-size: var(--ext-fs-small); color: var(--ext-c-muted); }

:root .ext-section .ext-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: 0.95rem 2.25rem;
	border: 1px solid var(--ext-c-accent);
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-accent);
	color: var(--ext-c-on-accent);
	font-family: var(--ext-font-sans);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

:root .ext-section .ext-form .wpcf7-submit:hover { background-color: var(--ext-c-heading); border-color: var(--ext-c-heading); }
:root .ext-section .ext-form .wpcf7-submit:focus-visible { outline: 2px solid var(--ext-c-accent); outline-offset: 3px; }

/* Poruke i greške */
:root .ext-section .wpcf7-not-valid-tip { margin-top: 0.35rem; font-size: var(--ext-fs-small); color: #9B2C2C; }
:root .ext-section .ext-form .wpcf7-not-valid { border-color: #9B2C2C; }

:root .ext-section .wpcf7 form .wpcf7-response-output {
	margin: var(--ext-space-m) 0 0;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--ext-c-line);
	border-radius: var(--ext-radius-sm);
	font-size: var(--ext-fs-small);
}

:root .ext-section .wpcf7 form.sent .wpcf7-response-output { border-color: #3F7A55; background: #EEF5F0; color: #24452F; }
:root .ext-section .wpcf7 form.invalid .wpcf7-response-output,
:root .ext-section .wpcf7 form.failed .wpcf7-response-output { border-color: #9B2C2C; background: #FBEFEF; color: #6E1F1F; }

:root .ext-section .wpcf7-spinner { margin: 0 0 0 0.75rem; }

@media (max-width: 781px) {
	:root .ext-section .ext-form { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-form__field,
	:root .ext-section .ext-form__field--half,
	:root .ext-section .ext-form__note,
	:root .ext-section .ext-form__actions { grid-column: span 1; }
	:root .ext-section .ext-form__files { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 17. Kompaktna kartica (tekstualne kartice u mreži od 4) ---------- */
:root .ext-section .ext-card--compact { padding: var(--ext-space-m); }
:root .ext-section .ext-card--compact .ext-stat { font-size: 2rem; color: var(--ext-c-accent-soft); }
:root .ext-section .ext-card--compact h3 { font-size: 1.375rem; hyphens: auto; }
:root .ext-section .ext-card--compact p { font-size: 0.95rem; line-height: 1.6; }

/* ---------- 18. Mapa (core HTML blok sa Google Maps iframe) i naslovi lokacija ---------- */
:root .ext-section .ext-map {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: var(--ext-radius-lg);
	box-shadow: var(--ext-shadow-soft);
	background-color: var(--ext-c-bg-alt);
}

:root .ext-section .ext-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

:root .ext-section .ext-loc-title {
	font-size: var(--ext-fs-h3);
	line-height: 1.2;
}

/* ---------- 19. Galerija (core Gallery), video, press kartice, pravni tekst ---------- */
:root .ext-section .ext-gallery.wp-block-gallery {
	--wp--style--unstable-gallery-gap: var(--ext-space-s);
	gap: var(--ext-space-s);
}

:root .ext-section .ext-gallery .wp-block-image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--ext-radius);
}

:root .ext-section .ext-video video {
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-text);
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-card--press > .wp-block-image img { aspect-ratio: 3 / 2; }
:root .ext-section .ext-card--press h3 { font-size: 1.375rem; line-height: 1.25; }
:root .ext-section .ext-card--press h3 a { color: inherit; text-decoration: none; }

:root .ext-section .ext-prose { max-width: 820px; margin-inline: auto; }
:root .ext-section .ext-prose > :is(.wp-block-paragraph, .wp-block-heading) { max-width: none; }
:root .ext-section .ext-prose h2 { font-size: var(--ext-fs-h3); margin-top: var(--ext-space-l); }
:root .ext-section .ext-prose h2:first-child { margin-top: 0; }
:root .ext-section .ext-prose h3 {
	font-family: var(--ext-font-sans);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: var(--ext-space-m);
}

/* ---------- 20. Prodavnica i WooCommerce stranice (Woodmart šabloni, opcija A) ---------- */
/* Woodmart radi sa CSS promenljivama: menjamo njih, ne šablone. */
body.woocommerce,
body.woocommerce-page,
body.woodmart-archive-shop,
body.blog,
body.single-post,
body.category,
body.tag {
	--wd-main-bgcolor: var(--ext-c-bg);
	--wd-text-font: var(--ext-font-sans);
	--wd-text-font-weight: 400;
	--wd-text-color: var(--ext-c-muted);
	--wd-title-font: var(--ext-font-serif);
	--wd-title-font-weight: 500;
	--wd-title-color: var(--ext-c-heading);
	--wd-entities-title-font: var(--ext-font-serif);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: var(--ext-c-heading);
	--wd-entities-title-color-hover: var(--ext-c-accent);
	--wd-widget-title-font: var(--ext-font-sans);
	--wd-widget-title-color: var(--ext-c-heading);
	--wd-primary-color: var(--ext-c-accent);
	--wd-link-color: var(--ext-c-accent);
	--wd-link-color-hover: var(--ext-c-text);
	--wd-brd-radius: var(--ext-radius);
	--wd-form-bg: #FFFFFF;
	--wd-form-brd-color: var(--ext-c-line-soft);
	--wd-form-brd-color-focus: var(--ext-c-accent-soft);
	--wd-form-brd-radius: var(--ext-radius-sm);
	--wd-form-height: 46px;
	--btn-default-bgcolor: var(--ext-c-text);
	--btn-default-bgcolor-hover: var(--ext-c-accent);
	--btn-accented-bgcolor: var(--ext-btn-bg);
	--btn-accented-bgcolor-hover: var(--ext-btn-hover);
	--btn-default-brd-radius: var(--ext-btn-radius);
	--btn-accented-brd-radius: var(--ext-btn-radius);
	--btn-transform: none;
	--btn-font-weight: 600;
	--btn-font-size: 14px;
	background-color: var(--ext-c-bg);
	font-family: var(--ext-font-sans);
}

:root body.woocommerce-page .main-page-wrapper,
:root body.woocommerce .main-page-wrapper { background-color: var(--ext-c-bg); }

/* Naslovi: Elementor kit (.elementor-kit-253) inače vraća stare fontove. */
:root body.woocommerce-page :is(h1, h2, h3, h4, .title, .wd-entities-title),
:root body.woocommerce :is(h1, h2, h3, h4, .title, .wd-entities-title) {
	font-family: var(--ext-font-serif);
	color: var(--ext-c-heading);
	font-weight: 500;
}

:root body.woocommerce-page :is(p, li, td, th, label, input, select, textarea, .price, .woocommerce-breadcrumb, .button),
:root body.woocommerce :is(p, li, td, th, label, input, select, textarea, .price, .woocommerce-breadcrumb, .button) {
	font-family: var(--ext-font-sans);
}

/* H1 prodavnice i kategorija (inc/ext-design.php) */
:root .ext-shop-title {
	margin: var(--ext-space-l) 0 var(--ext-space-m);
	font-family: var(--ext-font-serif);
	font-size: clamp(2.25rem, 1.7rem + 2.2vw, 3.5rem);
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
	color: var(--ext-c-heading);
}

/* Kartice proizvoda */
:root .woocommerce .products .product-grid-item .product-wrapper,
:root .wd-products .product-grid-item .product-wrapper {
	height: 100%;
	padding: 10px 10px 18px;
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	transition: transform 0.25s var(--ext-ease), box-shadow 0.25s ease;
}

:root .wd-products .product-grid-item .product-wrapper:hover {
	transform: translateY(-4px);
	box-shadow: var(--ext-shadow-lift);
}

:root .wd-products .product-grid-item .product-element-top { border-radius: var(--ext-radius); overflow: hidden; }

:root .wd-products .product-grid-item .wd-entities-title {
	font-size: 1.2rem;
	line-height: 1.25;
}

:root .wd-products .product-grid-item .price,
:root body.single-product .summary .price {
	font-family: var(--ext-font-sans);
	font-weight: 600;
	color: var(--ext-c-accent);
}

/* Kartice kategorija (stranica Prodavnica) */
:root .wd-cat .wd-cat-inner,
:root .category-grid-item .wrapp-category {
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	overflow: hidden;
}

:root :is(.wd-cat, .category-grid-item) :is(.wd-entities-title, .category-title) {
	font-family: var(--ext-font-serif);
	font-size: 1.3rem;
	text-transform: none;
}

/* Alati iznad proizvoda, filteri, breadcrumbs */
:root .woocommerce-breadcrumb,
:root .woocommerce-breadcrumb a { color: var(--ext-c-muted); }
:root .woocommerce-breadcrumb .breadcrumb-last { color: var(--ext-c-text); }

:root .filters-area .filters-inner-area {
	padding: var(--ext-space-s) var(--ext-space-m);
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-bg-alt);
}

/* Opis kategorije ispod proizvoda (kratki opis + "Pročitaj više" + dodatni SEO opis) */
:root body.woocommerce :is(.term-description, .read-more-wrap, .wd-term-desc) {
	max-width: 820px;
	margin-inline: auto;
}

:root body.woocommerce .term-description { margin-top: var(--ext-space-xl); color: var(--ext-c-muted); }
:root body.woocommerce .read-more-wrap { margin-block: var(--ext-space-m); text-align: center; }
:root body.woocommerce .wd-term-desc { margin-bottom: var(--ext-space-xl); color: var(--ext-c-muted); }

:root body.woocommerce :is(.term-description, .wd-term-desc) :is(p, li, blockquote, blockquote p) {
	font-family: var(--ext-font-sans);
	font-size: var(--ext-fs-base);
	line-height: 1.7;
}

:root body.woocommerce :is(.term-description, .wd-term-desc) blockquote {
	border-inline-start: 2px solid var(--ext-c-accent-soft);
	font-style: normal;
}

/* Korpa, plaćanje, moj nalog: kartice i tabele */
:root body.woocommerce-page :is(.cart_totals, .woocommerce-checkout-review-order, .woocommerce-MyAccount-navigation, .woocommerce-form-login, .woocommerce-form-register) {
	border-radius: var(--ext-radius-lg);
}

:root body.woocommerce-page :is(.button, button.button, .checkout-button, #place_order) {
	border-radius: var(--ext-btn-radius);
	text-transform: none;
}

/* Plaćanje: „Dostava na drugu adresu?“ istim fontom kao „Detalji za naplatu“ (Faza 7, P4). */
:root body.woocommerce-checkout #ship-to-different-address label span { font-family: var(--ext-font-serif); }

/* ---------- 21. Header i glavni meni (Woodmart Header Builder ostaje isti) ---------- */
.whb-header {
	--wd-header-el-font: var(--ext-font-sans);
	--wd-header-el-font-weight: 500;
	--wd-header-el-font-size: 15px;
	--wd-header-el-transform: none;
	--wd-primary-color: var(--ext-c-accent);
}

:root .whb-header .whb-general-header {
	background-color: var(--ext-c-bg);
	border-bottom: 1px solid var(--ext-c-line-soft);
}

:root .whb-header.whb-sticked .whb-general-header { box-shadow: 0 8px 24px -16px rgba(46, 36, 32, 0.35); }

:root .whb-header .wd-nav > li > a { color: var(--ext-c-text); font-family: var(--ext-font-sans); }
:root .whb-header .wd-nav > li:is(:hover, .current-menu-item, .current-menu-ancestor) > a { color: var(--ext-c-accent); }

/* Padajući meni */
:root .whb-header .wd-dropdown {
	--wd-dropdown-bg: var(--ext-c-bg);
	background-color: var(--ext-c-bg);
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius);
	box-shadow: var(--ext-shadow-lift);
}

:root .whb-header .wd-dropdown .wd-sub-menu li > a,
:root .whb-header .sub-sub-menu li > a {
	font-family: var(--ext-font-sans);
	font-size: 14px;
	color: var(--ext-c-text);
}

:root .whb-header .wd-dropdown li > a:hover { color: var(--ext-c-accent); }

/* Dugme "Zakaži termin" (stavka menija sa klasom ext-menu-cta) */
:root .whb-header .wd-nav > li.ext-menu-cta { margin-inline-start: 8px; }

:root .whb-header .wd-nav > li.ext-menu-cta > a {
	height: 42px;
	padding-inline: 22px;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-accent);
	color: var(--ext-c-on-accent);
	font-weight: 600;
	transition: background-color 0.2s ease;
}

:root .whb-header .wd-nav > li.ext-menu-cta > a:hover { background-color: var(--ext-c-text); color: var(--ext-c-on-accent); }
:root .whb-header .wd-nav > li.ext-menu-cta .nav-link-text::after { display: none; }

/* Mobilni meni (bočni panel) */
:root .mobile-nav.wd-side-hidden {
	background-color: var(--ext-c-bg);
	font-family: var(--ext-font-sans);
}

:root .mobile-nav .wd-nav-mobile li a { color: var(--ext-c-text); }
:root .mobile-nav .wd-nav-mobile li a:hover { color: var(--ext-c-accent); }

:root .mobile-nav .wd-nav-mobile > li.ext-menu-cta { padding: var(--ext-space-s) 20px; border-bottom: 0; }

:root .mobile-nav .wd-nav-mobile > li.ext-menu-cta > a {
	justify-content: center;
	min-height: 46px;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-accent);
	color: var(--ext-c-on-accent);
	font-weight: 600;
}

/* Meni u jednom redu: manji razmaci na užim desktop ekranima */
:root .whb-header .whb-col-center .wd-nav { --nav-gap: 16px; flex-wrap: nowrap; }
:root .whb-header .whb-col-center .wd-nav > li > a { white-space: nowrap; }
/* Podmeniji: tekst se prelama i ostaje u okviru */
:root .whb-header .wd-dropdown { white-space: normal; }
:root .whb-header .wd-dropdown.sub-sub-menu { width: max-content; min-width: 240px; max-width: 360px; }
:root .whb-header .whb-col-center .wd-nav > li > a { font-size: 14.5px; }

@media (max-width: 1280px) {
	:root .whb-header .whb-col-center .wd-nav { --nav-gap: 11px; }
	:root .whb-header .whb-col-center .wd-nav > li > a { font-size: 13.5px; }
	:root .whb-header .whb-col-center .wd-nav > li.ext-menu-cta > a { padding-inline: 16px; }
	:root .whb-header .whb-col-center .wd-nav > li.menu-item-home { display: none; }
}

/* Nazivi proizvoda: do dva reda umesto jednog odsečenog */
:root .wd-products.title-line-one .product-grid-item .wd-entities-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	overflow: hidden;
	min-height: 2.5em;
}

/* Stranica proizvoda (izvorni Woodmart šablon; vidljiv posle isključenja Layouta 12232) */
:root body.single-product .summary .product_title {
	font-size: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
	line-height: 1.15;
}

:root body.single-product .summary .woocommerce-breadcrumb { font-size: 14px; }
:root body.single-product .summary .woocommerce-breadcrumb .breadcrumb-last { font-size: 14px; font-weight: 400; color: var(--ext-c-muted); }

:root body.single-product .summary .price { font-size: 1.5rem; }

:root body.single-product .woocommerce-product-details__short-description :is(p, li) {
	font-size: var(--ext-fs-base);
	font-weight: 400;
	line-height: 1.7;
	color: var(--ext-c-muted);
}

:root body.single-product .summary :is(.wd-wishlist-btn a, .wd-compare-btn a, .wd-social-icons, .product_meta) {
	font-family: var(--ext-font-sans);
	font-size: 14px;
}

:root body.single-product .woocommerce-product-gallery img { border-radius: var(--ext-radius-lg); }

:root body.single-product .product-tabs-wrapper { background-color: var(--ext-c-bg-alt); }

:root body.single-product :is(.wd-nav-tabs, .wc-tabs) > li > a {
	font-family: var(--ext-font-sans);
	font-size: 14px;
	letter-spacing: 0.06em;
}

:root body.single-product .woocommerce-Tabs-panel {
	max-width: 820px;
	margin-inline: auto;
}

:root body.single-product .woocommerce-Tabs-panel :is(p, li, td, th) {
	font-size: var(--ext-fs-base);
	line-height: 1.7;
	color: var(--ext-c-muted);
}

:root body.single-product .woocommerce-Tabs-panel :is(h2, h3) { font-size: var(--ext-fs-h3); margin-top: var(--ext-space-m); }

/* Korpa, moj nalog, lista želja (postojeće stranice bez sekcija): razmak ispod headera */
:root body.ext-blocks:is(.woocommerce-cart, .woocommerce-account, .page-id-259) .main-page-wrapper { padding-block: var(--ext-space-l) var(--ext-space-xl); }

/* Moj nalog */
:root body.woocommerce-account .woocommerce-MyAccount-content > p {
	font-size: var(--ext-fs-base);
	font-weight: 400;
	line-height: 1.7;
	color: var(--ext-c-muted);
}

:root body.woocommerce-account .woocommerce-MyAccount-content > p a,
:root body.woocommerce-account .woocommerce-MyAccount-navigation a { font-family: var(--ext-font-sans); }

:root body.woocommerce-account .woocommerce-MyAccount-navigation a { font-size: 14px; color: var(--ext-c-text); }
:root body.woocommerce-account .wd-my-account-links > div > a { border-radius: var(--ext-radius-lg); background-color: #FFFFFF; }

/* Mobilni: tekst "MENU" i stavke bočnog menija u Manrope, paleta umesto stare narandžaste */
:root .whb-header .wd-header-mobile-nav > a,
:root .whb-header .wd-header-mobile-nav > a :is(.wd-tools-text, .wd-tools-icon) {
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	font-weight: 600;
	letter-spacing: 0.06em;
}

:root .mobile-nav :is(.wd-nav-mobile a, .close-side-widget a, .wd-info-box .info-box-title, .wd-info-box .info-box-subtitle, .wd-info-box p) {
	font-family: var(--ext-font-sans);
}

:root .mobile-nav .wd-nav-mobile > li > a { font-size: 15px; font-weight: 500; }
:root .mobile-nav .wd-nav-mobile .wd-sub-menu li > a { font-size: 14px; }

/* Woodmart "Custom CSS" boji "MENU" narandžasto sa !important; ovde jača selekcija. */
:root body .whb-mobile-left .wd-header-mobile-nav.wd-tools-element.wd-style-icon :is(.wd-tools-text, .wd-tools-icon) { color: var(--ext-c-text) !important; }

/* Woodmart breakpoint ima rupu između 1024 i 1025 px (zum, skaliranje ekrana): tada su vidljivi i desktop i mobilni header. */
@media (min-width: 1024.001px) and (max-width: 1024.999px) {
	:root .whb-header .whb-visible-lg { display: none !important; }
	/* U istom opsegu Woodmart rezerviše visinu desktop headera (130 px) i ne zadaje visinu mobilnog reda: ista pravila kao do 1024 px. */
	:root .whb-sticky-prepared { padding-top: var(--wd-header-sm-h); }
	:root .whb-general-header-inner { height: var(--wd-header-general-sm-h); max-height: var(--wd-header-general-sm-h); }
}

/* ---------- 22. Traka za poziv / WhatsApp (.ext-sticky-bar iz WPCode snippeta; snippet ostaje isti) ---------- */
:root body .ext-sticky-bar { font-family: var(--ext-font-sans); }
:root body .ext-sticky-bar :is(.ext-sticky-label, .ext-sticky-number) { font-family: var(--ext-font-sans); }
:root body .ext-sticky-bar .ext-sticky-label { font-weight: 600; letter-spacing: 0.08em; }
:root body .ext-sticky-bar .ext-sticky-number { font-weight: 600; letter-spacing: 0.02em; }

:root body .ext-sticky-bar .ext-sticky-phone { background: var(--ext-c-text); }
:root body .ext-sticky-bar .ext-sticky-phone:hover { background: #1F1714; }
:root body .ext-sticky-bar .ext-sticky-wa { background: var(--ext-c-accent); }
:root body .ext-sticky-bar .ext-sticky-wa:hover { background: #7A443C; }

/* Desktop: dugmići ostaju na sredini ekrana (kao u snippetu), samo malo uži. */
@media (min-width: 769px) {
	:root body .ext-sticky-bar { filter: drop-shadow(0 8px 18px rgba(46, 36, 32, 0.22)); }
	:root body .ext-sticky-bar .ext-sticky-item { width: 48px; padding: 11px; }
	:root body .ext-sticky-bar .ext-sticky-item:hover { width: 210px; }
}

/* Mobilni: tanja linija između dugmadi umesto ivice u boji */
@media (max-width: 768px) {
	:root body .ext-sticky-bar .ext-sticky-item { padding-block: 11px; }
	:root body .ext-sticky-bar .ext-sticky-phone { border-right: 1px solid rgba(250, 246, 241, 0.12); }
}

/* H1 na korpi, mom nalogu i listi želja (inc/ext-design.php) */
:root .ext-page-title { margin-top: 0; }

/* WooCommerce obaveštenja (žuta/zelena/crvena traka) u paleti */
:root body :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .wc-block-components-notice-banner) {
	border-radius: var(--ext-radius-lg);
	font-family: var(--ext-font-sans);
	font-size: var(--ext-fs-base);
	font-weight: 500;
}

:root body .woocommerce-info { background-color: var(--ext-c-nude); color: var(--ext-c-text); }
:root body .woocommerce-info a { color: var(--ext-c-accent); }
:root body .woocommerce-message { background-color: #E7EFE3; color: var(--ext-c-text); }

/* Opis proizvoda u desnoj koloni, ispod dugmadi */
:root body.single-product .summary .ext-product-desc {
	margin-block: var(--ext-space-m);
	padding-top: var(--ext-space-m);
	border-top: 1px solid var(--ext-c-line-soft);
}

:root body.single-product .summary .ext-product-desc :is(p, li, td, th) {
	font-family: var(--ext-font-sans);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--ext-c-muted);
}

:root body.single-product .summary .ext-product-desc :is(h2, h3, h4) {
	font-size: 1.375rem;
	margin-top: var(--ext-space-m);
}

:root body.single-product .summary .ext-product-desc > :first-child { margin-top: 0; }

/* ---------- 23. Blog članak (Group "ext-section ext-article" unutar Woodmart šablona objave) ---------- */
:root .ext-section.ext-article {
	padding: 0;
	background-color: transparent;
	font-size: 1.0625rem;
	line-height: 1.8;
	color: var(--ext-c-text);
}

:root .ext-section.ext-article > * { max-width: 760px; }
:root .ext-section.ext-article > :is(.wp-block-paragraph, .wp-block-list, .wp-block-heading) { max-width: 760px; }

:root .ext-section.ext-article h2 { font-size: clamp(1.75rem, 1.5rem + 1vw, 2.25rem); margin-top: var(--ext-space-l); }
:root .ext-section.ext-article h3 { font-size: 1.5rem; margin-top: var(--ext-space-m); }
:root .ext-section.ext-article h4 { font-size: 1.25rem; margin-top: var(--ext-space-m); }

:root .ext-section.ext-article .wp-block-image img { border-radius: var(--ext-radius-lg); }
:root .ext-section.ext-article .wp-block-embed iframe { border-radius: var(--ext-radius-lg); }

:root .ext-section.ext-article .ext-gallery--natural .wp-block-image img { aspect-ratio: auto; }

:root .ext-section.ext-article .ext-card-title { font-family: var(--ext-font-serif); font-size: 1.25rem; padding-inline: var(--ext-space-m); }
:root .ext-section.ext-article .ext-card-title a { color: var(--ext-c-heading); text-decoration: none; }

:root .ext-section.ext-article .wp-block-quote {
	padding-inline-start: var(--ext-space-m);
	border-inline-start: 2px solid var(--ext-c-accent-soft);
	font-family: var(--ext-font-serif);
	font-size: 1.375rem;
	font-style: italic;
}

/* ---------- 24. Blog arhiva i zaglavlje objave (Woodmart šabloni) ---------- */
:root body:is(.blog, .single-post, .category, .tag) .main-page-wrapper { background-color: var(--ext-c-bg); }

:root body:is(.blog, .single-post, .category, .tag) :is(.wd-post-title, .wd-entities-title, .wd-post-title a) {
	font-family: var(--ext-font-serif);
	font-weight: 500;
	color: var(--ext-c-heading);
}

/* Kartica objave u arhivi */
:root body:is(.blog, .category, .tag) .wd-post .wd-post-inner {
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	transition: transform 0.25s var(--ext-ease), box-shadow 0.25s ease;
}

:root body:is(.blog, .category, .tag) .wd-post .wd-post-inner:hover { transform: translateY(-3px); box-shadow: var(--ext-shadow-lift); }
:root body:is(.blog, .category, .tag) .wd-post .wd-post-thumb img { border-radius: var(--ext-radius); }
:root body:is(.blog, .category, .tag) .wd-post .wd-post-title { font-size: 1.6rem; line-height: 1.2; }
:root body:is(.blog, .category, .tag) .wd-post .wd-post-excerpt { font-family: var(--ext-font-sans); font-size: 1rem; font-weight: 400; line-height: 1.7; color: var(--ext-c-muted); }
:root body:is(.blog, .category, .tag) .wd-post .wd-post-date { font-family: var(--ext-font-sans); border-radius: var(--ext-radius-sm); }

:root body:is(.blog, .category, .tag) .wd-post .wd-post-read-more a {
	padding: 10px 22px;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-accent);
	color: var(--ext-c-on-accent);
	font-family: var(--ext-font-sans);
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}

:root body:is(.blog, .category, .tag) .wd-post .wd-post-read-more a:hover { background-color: var(--ext-c-text); }

/* Zaglavlje objave */
:root body.single-post .wd-single-post-header .wd-post-title,
:root body.single-post h1.wd-post-title {
	font-size: clamp(2rem, 1.5rem + 2vw, 3.25rem);
	line-height: 1.15;
	max-width: 900px;
	margin-inline: auto;
}

:root body.single-post :is(.wd-post-date, .wd-modified-date, .wd-post-author, .wd-post-meta) { font-family: var(--ext-font-sans); font-size: 14px; color: var(--ext-c-muted); }
:root body.single-post .wd-post-cat a { font-family: var(--ext-font-sans); border-radius: var(--ext-radius-pill); background-color: var(--ext-c-accent); }
:root body.single-post .wd-single-post-img img,
:root body.single-post .wd-post-image img { border-radius: var(--ext-radius-lg); }

/* ---------- 25. Filteri prodavnice kao widgeti (Woodmart "Shop filters" = widgets, bez Elementora) ---------- */
:root .filters-area .widget-title,
:root .filters-area .widgettitle {
	font-family: var(--ext-font-sans);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ext-c-muted);
}

:root .filters-area :is(li, a, span, .woocommerce-ordering, .price_label, .wd-filter-list a) {
	font-family: var(--ext-font-sans);
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--ext-c-text);
}

:root .filters-area :is(li.chosen > a, li.current-cat > a, a.selected-order, .wd-active > a) { color: var(--ext-c-accent); font-weight: 600; }
:root .filters-area a:hover { color: var(--ext-c-accent); }

/* ---------- 26. Filteri kao kompaktna traka padajućih "pill" dugmadi (assets/js/ext-filters.js) ---------- */
:root .filters-area.always-open { overflow: visible; }

:root .filters-area .filters-inner-area {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
	padding: 0;
	border-radius: 0;
	background: none;
}

:root .filters-area .filter-widget {
	position: relative;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}

/* Sortiranje desno */
:root .filters-area .filter-widget.woodmart-woocommerce-sort-by { order: 9; margin-inline-start: auto; }

/* Naslov widgeta = dugme */
:root .filters-area .filter-widget > .widget-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

:root .filters-area .filter-widget > .widget-title::after {
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

:root .filters-area .filter-widget > .widget-title:hover,
:root .filters-area .filter-widget > .widget-title:focus-visible { border-color: var(--ext-c-accent-soft); outline: none; }

:root .filters-area .filter-widget.ext-open > .widget-title::after { transform: rotate(225deg); margin-top: 4px; }

:root .filters-area .filter-widget.ext-has-value > .widget-title {
	border-color: var(--ext-c-accent);
	background-color: var(--ext-c-accent);
	color: var(--ext-c-on-accent);
}

/* Sadržaj widgeta = padajući panel */
:root .filters-area .filter-widget > :not(.widget-title) {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 30;
	min-width: 260px;
	max-height: 340px;
	overflow: auto;
	padding: 14px 18px;
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-lift);
}

:root .filters-area .filter-widget.woodmart-woocommerce-sort-by > :not(.widget-title) { left: auto; right: 0; }
:root .filters-area .filter-widget.ext-open > :not(.widget-title) { display: block; }
:root .filters-area .filter-widget .wd-scroll-content { max-height: none; }

/* Mobilni: dugmad u redu koji se pomera, panel preko cele širine */
@media (max-width: 767px) {
	:root .filters-area .filters-inner-area { position: relative; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
	:root .filters-area .filters-inner-area::-webkit-scrollbar { display: none; }
	:root .filters-area .filter-widget { position: static; }
	:root .filters-area .filter-widget.woodmart-woocommerce-sort-by { margin-inline-start: 0; }
	:root .filters-area .filter-widget > :not(.widget-title),
	:root .filters-area .filter-widget.woodmart-woocommerce-sort-by > :not(.widget-title) { position: fixed; top: auto; bottom: 64px; left: 12px; right: 12px; min-width: 0; max-height: 45vh; }
}

/* ---------- 27. Korpa (WooCommerce Cart blok): polje za količinu sa jednim okvirom ---------- */
:root .wc-block-components-quantity-selector {
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	overflow: hidden;
}

:root .wc-block-components-quantity-selector::after { display: none; }

:root .wc-block-components-quantity-selector :is(input.wc-block-components-quantity-selector__input, .wc-block-components-quantity-selector__button) {
	border: 0;
	box-shadow: none;
	background: transparent;
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
}

:root .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { outline: none; box-shadow: none; }
:root .wc-block-components-quantity-selector__button:hover { color: var(--ext-c-accent); }

/* Okvir tačno oko dugmadi i broja; bez obojenog pravougaonika na hover */
:root .wc-block-components-quantity-selector {
	display: inline-flex;
	width: auto;
	min-width: 0;
	height: 40px;
}

:root .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	flex: 0 0 32px;
	width: 32px;
	min-width: 0;
	height: 100%;
	padding: 0;
}

:root .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	flex: 0 0 30px;
	width: 30px;
	min-width: 0;
	height: 100%;
	padding: 0;
}

:root .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:is(:hover, :focus, :active) {
	background: transparent;
	color: var(--ext-c-accent);
	box-shadow: none;
}

/* ---------- 28. Galerija sa karticama albuma (assets/js/ext-gallery-tabs.js) ---------- */
:root .ext-section.ext-gal-intro { padding-block: var(--ext-space-l) var(--ext-space-s); }
:root .ext-section.ext-gal { padding-top: var(--ext-space-s); }

:root .ext-gal-tabs { gap: 10px; margin-bottom: var(--ext-space-l); }
:root .ext-gal-tabs .wp-block-button__link { padding: 10px 22px; font-size: 14px; }

:root .ext-gal-panel[hidden] { display: none; }
:root .ext-gal-panel + .ext-gal-panel { margin-top: var(--ext-space-xl); }
:root .ext-gal-panel > h2 { margin-bottom: var(--ext-space-m); font-size: var(--ext-fs-h3); }
:root .ext-gal-album + .ext-gal-album { margin-top: var(--ext-space-l); }
:root .ext-gal-album > h3 { margin-bottom: var(--ext-space-s); font-size: 1.25rem; }

/* Kompaktna mreža: kvadratne sličice, 5 u redu na desktopu */
:root .ext-section .ext-gallery--grid.wp-block-gallery { --wp--style--unstable-gallery-gap: 10px; gap: 10px; }
:root .ext-section .ext-gallery--grid .wp-block-image img { aspect-ratio: 1 / 1; border-radius: var(--ext-radius-sm); }

@media (min-width: 600px) and (max-width: 1023px) {
	:root .ext-section .ext-gallery--grid.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(33.333% - 10px * 2 / 3); }
}

/* Sličice iste veličine i u poslednjem redu; potpis (ime) ispod slike */
:root .ext-section .ext-gallery--grid.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0; }
:root .ext-section .ext-gallery--grid.has-nested-images figure.wp-block-image { flex-direction: column; }
:root .ext-section .ext-gallery--grid.has-nested-images figure.wp-block-image figcaption {
	position: static;
	max-height: none;
	margin-top: 6px;
	padding: 0;
	background: none;
	color: var(--ext-c-muted);
	font-family: var(--ext-font-sans);
	font-size: 13px;
	text-align: center;
	text-shadow: none;
}
:root .ext-section .ext-gallery--grid.has-nested-images figure.wp-block-image figcaption::before { display: none; }
:root .ext-section .ext-gallery--grid.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
:root .ext-section .ext-gallery--grid.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { height: auto; align-self: flex-start; }

@media (max-width: 767px) {
	:root .ext-section.ext-gal-intro { padding-block: var(--ext-space-m) 0; }
	:root .ext-section.ext-gal-intro .ext-lead { font-size: 1rem; }
	:root .ext-gal-tabs.wp-block-buttons { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin-inline: calc(-1 * var(--ext-gutter)); padding-inline: var(--ext-gutter); padding-bottom: 4px; scrollbar-width: none; }
	:root .ext-gal-tabs.wp-block-buttons::-webkit-scrollbar { display: none; }
	:root .ext-gal-tabs .wp-block-button { flex: 0 0 auto; }
	:root .ext-gal-tabs .wp-block-button__link { padding: 8px 16px; font-size: 12.5px; white-space: nowrap; }
	:root .ext-section .ext-gallery--grid.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - 5px); }
}
:root .ext-section .ext-gal-tabs .wp-block-button .wp-block-button__link { padding: 9px 20px; min-height: 0; font-size: 13px; letter-spacing: 0.06em; }
@media (max-width: 767px) {
	:root .ext-section .ext-gal-tabs .wp-block-button .wp-block-button__link { padding: 7px 14px; font-size: 12px; }
}

/* ---------- 29. Hero (prvi ekran) i zajednička kolona teksta (2026-10-16) ---------- */
/* Hero: manji gornji razmak i slika vezana za visinu ekrana, da naslov i prvo dugme budu vidljivi bez skrolovanja. */
@media (min-width: 782px) {
	:root .ext-section.ext-hero {
		padding-top: var(--ext-space-l);
		padding-bottom: var(--ext-space-xl);
	}
	/* Slika se ne seče: prirodan odnos, visina ograničena ekranom. Kolona slike je široka koliko i slika,
	   a kolona teksta zauzima ostatak, pa između njih nema praznog prostora. */
	:root .ext-hero .ext-media--portrait {
		width: fit-content;
		max-width: 100%;
		margin-inline: 0;
	}
	:root .ext-hero:has(.ext-media--portrait) > .wp-block-columns > .wp-block-column:has(.ext-media--portrait) {
		flex: 0 0 auto !important;
		width: max-content;
		max-width: 50%;
	}
	:root .ext-hero:has(.ext-media--portrait) > .wp-block-columns > .wp-block-column:not(:has(.ext-media--portrait)) {
		flex: 1 1 0 !important;
		min-width: 0;
	}
	/* Fiksna visina + širina iz prirodnog odnosa; seče se (po širini) samo ako slika udari u 50 % reda. */
	:root .ext-section.ext-hero .ext-media--portrait img {
		height: clamp(420px, calc(100svh - var(--ext-hdr-h) - 2 * var(--ext-space-l) - 1rem), 640px);
		width: auto;
		max-width: 100%;
		object-fit: cover;
	}
}
/* Hero slika na svim širinama: cela fotografija, bez sečenja na 4:5. */
:root .ext-hero .ext-media--portrait img {
	width: auto;
	height: auto;
	max-width: 100%;
	aspect-ratio: auto;
	object-fit: contain;
}
@media (min-width: 782px) and (max-height: 820px) {
	:root .ext-hero h1 { font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.5rem); }
}

/* Tekst sekcije: naslovi, lead, pasusi i liste imaju istu širinu, pa i istu levu ivicu (varijanta A). */
:root .ext-section { --ext-text-col: 46rem; }
:root .ext-section .wp-block-group.is-layout-constrained:not(.ext-section) > :is(h2, h3, h4, p, .wp-block-list):not(.has-text-align-center):not(.alignwide):not(.alignfull) {
	max-width: var(--ext-text-col);
}

/* Hero na mobilnom: tekst i dugme pre slike/mape, manji H1 i razmak, da dugme bude u prvom ekranu. */
@media (max-width: 781px) {
	:root .ext-section.ext-hero { padding-top: var(--ext-space-m); }
	:root .ext-hero > .wp-block-columns > .wp-block-column:has(h1) { order: -1; }
	:root .ext-hero h1 { font-size: clamp(1.9rem, 1.45rem + 2.2vw, 2.4rem); }
}

/* ---------- 30. Hero hub: prototip A (paneli) i B (baner + 4 ulaza) (2026-10-17) ---------- */
/* Selektori su .ext-hero-hub .ext-hub-*, jer Woodmart :is(...) > * (margine) ima istu specifičnost i učitava se posle. */
/* Važi samo za .ext-hero-hub (draft stranice „Home – hero A/B“). A: samo CSS (:hover, :focus-within, :has()). B: CSS + assets/js/ext-hero-hub.js. */
:root .ext-hero-hub {
	--ext-hub-scrim: 46, 36, 32;
	--ext-hub-width: var(--wp--style--global--content-size, 1200px);
}
:root .ext-hero-hub .wp-block-image { margin: 0; }
:root .ext-hero-hub .wp-block-image img { border-radius: 0; box-shadow: none; }

/* Naslov oblasti (H2) je link preko cele kartice / panela. */
:root .ext-hero-hub :is(.ext-hub-a__panel, .ext-hub-card) { position: relative; }
:root .ext-hero-hub :is(.ext-hub-a__title, .ext-hub-card__title) a,
:root .ext-hero-hub :is(.ext-hub-a__title, .ext-hub-card__title) a:hover {
	color: inherit;
	text-decoration: none;
}
:root .ext-hero-hub :is(.ext-hub-a__title, .ext-hub-card__title) a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}
:root .ext-hero-hub :is(.ext-hub-a__title, .ext-hub-card__title) a:focus-visible { outline: none; }
:root .ext-hero-hub :is(.ext-hub-a__panel, .ext-hub-card):has(a:focus-visible) {
	outline: 2px solid var(--ext-c-accent);
	outline-offset: 3px;
}

/* A: četiri panela koja se šire (shop je podrazumevano otvoren). */
:root .ext-section.ext-hero-hub--a { padding-bottom: var(--ext-space-l); }
:root .ext-hero-hub .ext-hub-a__inner { max-width: var(--ext-hub-width); margin-inline: auto; }
:root .ext-hero-hub .ext-hub-a__intro { margin-bottom: var(--ext-space-m); }
:root .ext-hero-hub .ext-hub-a__intro > * { margin-block: 0; }
:root .ext-hero-hub .ext-hub-a__intro > * + * { margin-block-start: var(--ext-space-xs); }
:root .ext-hero-hub .ext-hub-a__panels {
	display: flex;
	gap: 0.75rem;
	height: clamp(340px, calc(100svh - var(--ext-hdr-h) - 17.5rem), 620px);
	margin: 0;
}
:root .ext-hero-hub .ext-hub-a__panels > .ext-hub-a__panel {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	isolation: isolate;
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-heading);
	transition: flex-grow 0.6s var(--ext-ease);
}
:root .ext-hero-hub .ext-hub-a__panels > .ext-hub-a__panel--open { flex-grow: 2.6; }
:root .ext-hero-hub .ext-hub-a__panels:is(:hover, :focus-within) > .ext-hub-a__panel--open { flex-grow: 1; }
:root .ext-hero-hub .ext-hub-a__panels > .ext-hub-a__panel:is(:hover, :focus-within) { flex-grow: 2.6; }
:root .ext-hero-hub .ext-hub-a__panel > .ext-hub-a__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	margin: 0;
}
:root .ext-hero-hub .ext-hub-a__panel > .ext-hub-a__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 25%;
	transition: transform 0.9s var(--ext-ease);
}
:root .ext-hero-hub .ext-hub-a__panel--partner > .ext-hub-a__img img { object-position: 68% 20%; }
:root .ext-hero-hub .ext-hub-a__panel:is(:hover, :focus-within) > .ext-hub-a__img img { transform: scale(1.04); }
:root .ext-hero-hub .ext-hub-a__panel::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(var(--ext-hub-scrim), 0) 30%, rgba(var(--ext-hub-scrim), 0.55) 62%, rgba(var(--ext-hub-scrim), 0.9) 100%);
	pointer-events: none;
}
:root .ext-hero-hub .ext-hub-a__body {
	--ext-heading: var(--ext-c-bg);
	position: absolute;
	inset: auto 0 0 0;
	z-index: 1;
	margin: 0;
	padding: var(--ext-space-m);
	color: var(--ext-c-bg);
}
:root .ext-hero-hub .ext-hub-a__body > * { margin-block: 0; }
:root .ext-hero-hub .ext-hub-a__body > * + * { margin-block-start: 0.4rem; }
:root .ext-section .ext-hub-a__body .ext-eyebrow { color: var(--ext-c-nude); }
:root .ext-section .ext-hub-a__title { font-size: clamp(1.3rem, 1rem + 0.9vw, 1.9rem); line-height: 1.15; }
:root .ext-hero-hub .ext-hub-a__desc {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	font-size: 0.95rem;
	line-height: 1.55;
	transition: max-height 0.5s var(--ext-ease), opacity 0.4s ease;
}
:root .ext-hero-hub .ext-hub-a__panel--open .ext-hub-a__desc { max-height: 6em; opacity: 1; }
:root .ext-hero-hub .ext-hub-a__panels:is(:hover, :focus-within) .ext-hub-a__panel--open .ext-hub-a__desc { max-height: 0; opacity: 0; }
:root .ext-hero-hub .ext-hub-a__panels .ext-hub-a__panel:is(:hover, :focus-within) .ext-hub-a__desc { max-height: 6em; opacity: 1; }

/* B: premium baner. Fotografija preko cele širine, naslov i 4 kartice preko njenog donjeg dela.
   Aktivnu oblast bira assets/js/ext-hero-hub.js (atribut data-hub na sekciji, klasa is-active na kartici).
   Desktop: prelazak mišem preko kartice menja fotografiju. Telefon: kartice su vrtešlica (scroll-snap), uspravne fotografije. */
:root .ext-section.ext-hero-hub--b { padding: 0; background-color: var(--ext-c-text); }
/* Baner odmah ispod headera: Woodmart kontejner sadržaja ima svoj gornji razmak (40 px). */
:root .wd-content-layout:has(.ext-hero-hub--b) { padding-top: 0; }
:root .ext-hero-hub .ext-hub-b__stage {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: 1fr auto;
	min-height: clamp(560px, calc(100svh - var(--ext-hdr-h)), 820px);
	margin: 0;
	overflow: hidden;
	background-color: var(--ext-c-text);
}
:root .ext-hero-hub .ext-hub-b__media {
	position: relative;
	z-index: -1;
	grid-row: 1 / -1;
	grid-column: 1 / -1;
	margin: 0;
	overflow: hidden;
}
:root .ext-hero-hub .ext-hub-b__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(var(--ext-hub-scrim), 0) 26%, rgba(var(--ext-hub-scrim), 0.5) 56%, rgba(var(--ext-hub-scrim), 0.94) 100%),
		linear-gradient(90deg, rgba(var(--ext-hub-scrim), 0.55) 0%, rgba(var(--ext-hub-scrim), 0) 58%);
	pointer-events: none;
}
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	transform: scale(1.06);
	transition: opacity 0.9s var(--ext-ease), transform 2.4s var(--ext-ease);
}
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% 0;
}
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--edu img { object-position: 60% 85%; }
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--salon img { object-position: 62% 35%; }
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--partner img { object-position: 72% 25%; }
/* Fotografija za edukacije ima natpis na sredini: dodatno zatamnjenje samo na njoj (pretapa se zajedno sa fotografijom). */
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--edu:not(.ext-hub-b__bg--m)::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(var(--ext-hub-scrim), 0.62) 0%, rgba(var(--ext-hub-scrim), 0.4) 50%, rgba(var(--ext-hub-scrim), 0) 82%),
		linear-gradient(180deg, rgba(var(--ext-hub-scrim), 0) 20%, rgba(var(--ext-hub-scrim), 0.45) 62%);
}
/* Uspravne fotografije su samo za telefon. */
:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--m { display: none; }
/* Aktivna fotografija. Bez JS-a: desktop Shop, telefon Edukacije. */
:root .ext-hero-hub--b:not([data-hub]) .ext-hub-b__bg--shop:not(.ext-hub-b__bg--m),
:root .ext-hero-hub--b:not([data-hub]) .ext-hub-b__bg--m.ext-hub-b__bg--edu,
:root .ext-hero-hub--b[data-hub="shop"] .ext-hub-b__bg--shop,
:root .ext-hero-hub--b[data-hub="edu"] .ext-hub-b__bg--edu,
:root .ext-hero-hub--b[data-hub="salon"] .ext-hub-b__bg--salon,
:root .ext-hero-hub--b[data-hub="partner"] .ext-hub-b__bg--partner { opacity: 1; transform: none; }
/* Prvo postavljanje stanja (JS) bez animacije. */
:root .ext-hero-hub--b.is-hub-instant *,
:root .ext-hero-hub--b.is-hub-instant *::after { transition: none !important; }

:root .ext-hero-hub .ext-hub-b__content {
	--ext-heading: var(--ext-c-bg);
	grid-row: 1;
	grid-column: 1;
	align-self: end;
	width: 100%;
	max-width: var(--ext-hub-width);
	margin: 0 auto;
	padding: var(--ext-space-xl) var(--ext-gutter) var(--ext-space-l);
	box-sizing: border-box;
	color: var(--ext-c-bg);
}
:root .ext-hero-hub .ext-hub-b__content > * { margin-block: 0; }
:root .ext-hero-hub .ext-hub-b__content > * + * { margin-block-start: var(--ext-space-s); }
:root .ext-section .ext-hub-b__content .ext-eyebrow { color: var(--ext-c-nude); letter-spacing: 0.26em; }
:root .ext-hero-hub.ext-hero-hub--b h1 {
	max-width: 12em;
	font-size: clamp(2.6rem, 1.5rem + 3vw, 4.6rem);
	line-height: 1.02;
	text-wrap: balance;
}
:root .ext-hero-hub--b h1 .ext-hub-b__sub {
	display: block;
	margin-top: 1rem;
	font-family: var(--ext-font-sans);
	font-size: var(--ext-fs-base);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: rgba(250, 246, 241, 0.8);
}

/* Kartice: samo tekst; redni broj iz CSS brojača, strelica je ::after. Cela kartica je link (H2). */
:root .ext-hero-hub .ext-hub-b__cards {
	grid-row: 2;
	grid-column: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.875rem;
	width: 100%;
	max-width: var(--ext-hub-width);
	margin: 0 auto;
	padding: 0 var(--ext-gutter) var(--ext-space-l);
	box-sizing: border-box;
	counter-reset: ext-hub;
}
:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card {
	--ext-heading: currentColor;
	counter-increment: ext-hub;
	display: flex;
	flex-direction: column;
	min-height: 9.5rem;
	margin: 0;
	padding: 1.15rem 1.35rem 1.2rem;
	border: 1px solid rgba(250, 246, 241, 0.2);
	border-radius: var(--ext-radius-lg);
	background-color: rgba(var(--ext-hub-scrim), 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: rgba(250, 246, 241, 0.74);
	transition: background-color 0.5s var(--ext-ease), border-color 0.5s var(--ext-ease), color 0.5s var(--ext-ease), transform 0.5s var(--ext-ease);
}
:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card.is-active {
	border-color: var(--ext-c-bg);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-text);
}
:root .ext-hero-hub .ext-hub-card > * { margin-block: 0; }
:root .ext-hero-hub .ext-hub-card > * + * { margin-block-start: 0.45rem; }
:root .ext-section .ext-hub-card .ext-eyebrow {
	display: flex;
	align-items: baseline;
	gap: 0.7rem;
	font-size: 0.66rem;
	letter-spacing: 0.24em;
	color: inherit;
}
:root .ext-section .ext-hub-card .ext-eyebrow::before {
	content: counter(ext-hub, decimal-leading-zero);
	font-family: var(--ext-font-serif);
	font-size: 1rem;
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--ext-c-accent-soft);
}
:root .ext-section .ext-hub-card.is-active .ext-eyebrow { color: var(--ext-c-accent); }
:root .ext-section .ext-hub-card__title { font-size: clamp(1.3rem, 1.05rem + 0.6vw, 1.6rem); line-height: 1.12; }
:root .ext-hero-hub .ext-hub-card > .ext-hub-card__desc {
	margin-block-start: auto;
	padding: 0.6rem 2.75rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: inherit;
}
:root .ext-hero-hub .ext-hub-card.is-active > .ext-hub-card__desc { color: var(--ext-c-muted); }
:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card::after {
	content: "";
	position: absolute;
	right: 1.1rem;
	bottom: 1.05rem;
	width: 2rem;
	height: 2rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAF6F1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 0.85rem no-repeat;
	transition: background-color 0.5s var(--ext-ease), border-color 0.5s var(--ext-ease);
}
:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card.is-active::after {
	border-color: var(--ext-c-accent);
	background-color: var(--ext-c-accent);
}
/* Linije napretka (pravi ih JS), samo na telefonu. */
:root .ext-hero-hub .ext-hub-b__progress { display: none; }

@media (min-width: 782px) and (max-height: 820px) {
	:root .ext-hero-hub.ext-hero-hub--b h1 { font-size: clamp(2.4rem, 1.4rem + 2.6vw, 3.8rem); }
}

@media (min-width: 782px) {
	:root .ext-hero-hub--a h1 { font-size: clamp(2.1rem, 1.4rem + 2.2vw, 3.5rem); max-width: 22em; }
}

@media (max-width: 781px) {
	:root .ext-hero-hub .ext-hub-a__panels {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
		height: auto;
	}
	:root .ext-hero-hub .ext-hub-a__panels > .ext-hub-a__panel { min-height: 210px; border-radius: var(--ext-radius); }
	:root .ext-hero-hub .ext-hub-a__body { padding: 0.9rem; }
	:root .ext-section .ext-hub-a__title { font-size: 1.15rem; }
	:root .ext-hero-hub .ext-hub-a__desc { display: none; }

	/* B na telefonu: uspravna fotografija gore, naslov preko njenog dna, ispod vrtešlica kartica. */
	:root .ext-hero-hub .ext-hub-b__stage { grid-template-rows: auto auto auto; min-height: 0; padding-bottom: 1.5rem; }
	:root .ext-hero-hub .ext-hub-b__media { grid-row: 1; height: 58svh; min-height: 380px; max-height: 560px; }
	:root .ext-hero-hub .ext-hub-b__media::after {
		background: linear-gradient(180deg, rgba(var(--ext-hub-scrim), 0) 24%, rgba(var(--ext-hub-scrim), 0.72) 56%, rgba(var(--ext-hub-scrim), 0.94) 80%, rgb(var(--ext-hub-scrim)) 100%);
	}
	:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg:not(.ext-hub-b__bg--m) { display: none; }
	:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--m { display: block; }
	:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--m img { object-position: 50% 22%; }
	:root .ext-hero-hub .ext-hub-b__media > .ext-hub-b__bg--m.ext-hub-b__bg--partner img { object-position: 62% 30%; }
	:root .ext-hero-hub .ext-hub-b__content { padding: 0 1.6rem 1.15rem; }
	:root .ext-section .ext-hub-b__content .ext-eyebrow { font-size: 0.63rem; letter-spacing: 0.28em; }
	:root .ext-hero-hub.ext-hero-hub--b h1 { font-size: 2.35rem; }
	:root .ext-hero-hub--b h1 .ext-hub-b__sub { margin-top: 0.6rem; font-size: 0.8rem; }

	:root .ext-hero-hub .ext-hub-b__cards {
		display: flex;
		gap: 0.625rem;
		max-width: none;
		padding: 0.6rem 13vw 0;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	:root .ext-hero-hub .ext-hub-b__cards::-webkit-scrollbar { display: none; }
	:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card {
		flex: 0 0 74vw;
		min-height: 8rem;
		padding: 1rem 1.1rem 0.95rem;
		border-color: rgba(250, 246, 241, 0.16);
		background-color: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		color: rgba(250, 246, 241, 0.55);
		scroll-snap-align: center;
		transform: scale(0.94);
	}
	:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card.is-active { transform: none; background-color: var(--ext-c-bg); color: var(--ext-c-text); }
	:root .ext-section .ext-hub-card__title { font-size: 1.45rem; }
	:root .ext-hero-hub .ext-hub-card > .ext-hub-card__desc { font-size: 0.72rem; padding-right: 2.5rem; }
	:root .ext-hero-hub .ext-hub-b__cards > .ext-hub-card::after { right: 0.95rem; bottom: 0.9rem; width: 1.9rem; height: 1.9rem; }

	:root .ext-hero-hub .ext-hub-b__progress { grid-row: 3; grid-column: 1; display: flex; justify-content: center; gap: 6px; padding-top: 1rem; }
	:root .ext-hero-hub .ext-hub-b__progress button { width: 26px; height: 14px; padding: 0; border: 0; background: none; cursor: pointer; }
	:root .ext-hero-hub .ext-hub-b__progress button::before {
		content: "";
		display: block;
		height: 2px;
		border-radius: 2px;
		background-color: rgba(250, 246, 241, 0.22);
		transition: background-color 0.4s;
	}
	:root .ext-hero-hub .ext-hub-b__progress button[aria-current="true"]::before { background-color: var(--ext-c-bg); }
}

@media (prefers-reduced-motion: reduce) {
	:root .ext-hero-hub *,
	:root .ext-hero-hub *::before,
	:root .ext-hero-hub *::after { transition: none !important; }
}

/* ---------- 31. Redizajn v2: tokeni i zajedničke komponente (Faza 1, 2026-10-22) ---------- */
/* Važi samo za nove v2 blokove (paneli menija, footer v2); sekcije 1–30 se ne menjaju.
   Kartice proizvoda, filteri i trake dolaze u Fazi 2, zajedno sa markup-om na kome se proveravaju. */
:root {
	--ext-wide: 1440px;
	/* Visina headera: gornja traka + glavni red + linija. Header v2 (aktivan od 22.10.): 36 + 80 + 1 = 117 px; stari header je bio 131 px. */
	--ext-hdr-h: 117px;
}

/* Oznaka na slici: Uskoro, Novo, Bestseler. */
:root .ext-badge {
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 0.7rem;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-accent);
	font-family: var(--ext-font-sans);
	font-size: 0.66rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* ---------- 32. Meni v2 (verzija A): paneli sa slikama i mobilna fioka (Faza 1, 2026-10-22) ---------- */
/* HTML blokovi „Meni v2 – Shop / Edukacije / Salon“ kao Woodmart mega meni (dizajn full-width).
   Selektori imaju :root i roditeljsku klasu, jer Woodmart :is(...) > * (margine) ima istu specifičnost i učitava se posle.
   Gornja traka, red od 80 px i dugme „Zakaži termin“ dolaze sa headerom v2 (paket 1d). */

/* Panel počinje tačno ispod headera: bez okvira i zaobljenja iz §21, sa mekom senkom. */
:root .whb-header .wd-nav > li > .wd-dropdown:has(.ext-mega) {
	--ext-mega-offset: calc((var(--wd-header-general-h, 90px) - 40px) / 2 + 1px);
	margin-top: var(--ext-mega-offset);
	padding: 2rem 0 2.4rem;
	border: 0;
	border-radius: 0;
	background-color: var(--ext-c-bg);
	box-shadow: 0 30px 60px -30px rgba(46, 36, 32, 0.3);
}

:root .whb-header.whb-sticked .wd-nav > li > .wd-dropdown:has(.ext-mega) {
	--ext-mega-offset: calc((var(--wd-header-general-sticky-h, 80px) - 40px) / 2);
}

/* Tastatura: panel se otvara i kad je fokus na stavki ili u panelu (Woodmart otvara samo na prelazak mišem). */
:root .whb-header .wd-nav > li:focus-within > .wd-dropdown:has(.ext-mega) {
	visibility: visible;
	opacity: 1;
	pointer-events: unset;
	transform: none;
}

/* Most za miš između stavke menija i panela (Woodmart ga pravi za razmak od 15 px). */
:root .whb-header .wd-nav > li > .wd-dropdown:has(.ext-mega)::after {
	top: calc(-1 * var(--ext-mega-offset));
	height: var(--ext-mega-offset);
}

:root .ext-mega {
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	-webkit-font-smoothing: antialiased;
}

:root .ext-mega :is(.wp-block-group, p, figure) { margin: 0; }
:root .ext-mega a { color: inherit; text-decoration: none; }

/* Shop: dve grupe po publici, sa linijom između. */
:root .ext-mega.ext-mega--shop {
	--ext-mega-gap: clamp(3.2rem, 2rem + 4vw, 6rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--ext-mega-gap);
}

:root .ext-mega .ext-mega__group { position: relative; min-width: 0; }

:root .ext-mega .ext-mega__group + .ext-mega__group::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(--ext-mega-gap) / -2);
	border-left: 1px solid var(--ext-c-line-soft);
}

:root .ext-mega .ext-mega__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

/* Edukacije i Salon: kratak uvod levo, četiri kartice desno. */
:root .ext-mega.ext-mega--intro {
	display: grid;
	grid-template-columns: minmax(220px, 290px) minmax(0, 1fr);
	gap: clamp(2rem, 1rem + 3vw, 4.5rem);
	align-items: start;
}

:root .ext-mega .ext-mega__eyebrow {
	margin-bottom: 0.35rem;
	color: var(--ext-c-accent);
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

:root .ext-mega .ext-mega__intro .ext-mega__eyebrow { margin-bottom: 0.55rem; }

:root .ext-mega .ext-mega__title {
	color: var(--ext-c-heading);
	font-family: var(--ext-font-serif);
	font-size: 1.55rem;
	font-weight: 500;
	line-height: 1.1;
}

:root .ext-mega .ext-mega__title--lg { font-size: 1.8rem; line-height: 1.08; }
:root .ext-mega .ext-mega__title a { transition: color 0.2s ease; }
:root .ext-mega .ext-mega__title a:hover { color: var(--ext-c-accent); }

:root .ext-mega .ext-mega__text {
	margin-top: 0.7rem;
	color: var(--ext-c-muted);
	font-size: 0.88rem;
	line-height: 1.55;
}

:root .ext-mega .ext-mega__links {
	display: grid;
	justify-items: start;
	gap: 0.55rem;
	margin-top: 1.2rem;
}

:root .ext-mega .ext-mega__all { flex: none; }

/* Linkovi „sve“ i linkovi u uvodu: verzal, tanka linija, strelica. */
:root .ext-mega :is(.ext-mega__all, .ext-mega__links p) a {
	padding-bottom: 2px;
	border-bottom: 1px solid var(--ext-c-line-soft);
	color: var(--ext-c-heading);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color 0.2s ease, border-color 0.2s ease;
}

:root .ext-mega .ext-mega__all a { font-size: 0.72rem; }
:root .ext-mega :is(.ext-mega__all, .ext-mega__links p) a::after { content: " →"; }
:root .ext-mega :is(.ext-mega__all, .ext-mega__links p) a:hover { border-color: currentColor; color: var(--ext-c-accent); }

/* Kartice: slika 1:1, natpis je link preko cele kartice, jedan red ispod. */
:root .ext-mega .ext-mega__tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

:root .ext-mega.ext-mega--intro .ext-mega__tiles {
	grid-template-columns: repeat(4, minmax(0, 220px));
	gap: 18px;
}

:root .ext-mega .ext-mega__tile { position: relative; min-width: 0; }

:root .ext-mega .ext-mega__img {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--ext-radius);
	background-color: var(--ext-c-bg-alt);
}

:root .ext-mega .ext-mega__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
	transition: transform 1s var(--ext-ease);
}

:root .ext-mega .ext-mega__tile:hover .ext-mega__img img { transform: scale(1.05); }

:root .ext-mega .ext-mega__label {
	margin-top: 0.75rem;
	color: var(--ext-c-heading);
	font-family: var(--ext-font-serif);
	font-size: 1.22rem;
	font-weight: 500;
	line-height: 1.15;
	transition: color 0.2s ease;
}

:root .ext-mega .ext-mega__label a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

:root .ext-mega .ext-mega__label a:focus-visible { outline: none; }
:root .ext-mega .ext-mega__tile:has(a:focus-visible) { outline: 2px solid var(--ext-c-accent); outline-offset: 3px; border-radius: var(--ext-radius); }
:root .ext-mega .ext-mega__tile:not(.ext-mega__tile--soon):hover .ext-mega__label { color: var(--ext-c-accent); }

:root .ext-mega .ext-mega__meta {
	margin-top: 0.2rem;
	color: var(--ext-c-muted);
	font-size: 0.76rem;
	line-height: 1.4;
}

:root .ext-mega .ext-badge {
	position: absolute;
	z-index: 2;
	top: 8px;
	left: 8px;
	margin: 0;
}

:root .ext-mega.ext-mega--shop .ext-mega__label { font-size: 1.05rem; }
:root .ext-mega.ext-mega--shop .ext-mega__meta { font-size: 0.72rem; }

@media (max-width: 1240px) {
	:root .ext-mega.ext-mega--shop .ext-mega__tiles { gap: 10px; }
	:root .ext-mega.ext-mega--shop .ext-mega__label { font-size: 0.95rem; }
	:root .ext-mega.ext-mega--shop .ext-mega__meta { font-size: 0.68rem; }
}

/* Mobilna fioka (Woodmart „Show HTML Blocks“): isti blokovi, kartice kao redovi sa malom slikom.
   Woodmart ograničava HTML blok na širinu bočnog panela (300 px), a fioka je na telefonu šira. */
:root .mobile-nav .wd-nav-mobile.wd-html-block-on .wd-mob-nav-html-block:has(.ext-mega) { max-width: none; }

:root .mobile-nav .wd-mob-nav-html-block .ext-mega {
	display: block;
	padding: 0.4rem 20px 1.2rem;
}

:root .mobile-nav .ext-mega .ext-mega__group + .ext-mega__group {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--ext-c-line-soft);
}

:root .mobile-nav .ext-mega .ext-mega__group + .ext-mega__group::before { display: none; }
:root .mobile-nav .ext-mega .ext-mega__head { align-items: baseline; margin-bottom: 0.4rem; }
:root .mobile-nav .ext-mega .ext-mega__head-txt { flex: 1 1 auto; min-width: 0; }
:root .mobile-nav .ext-mega .ext-mega__eyebrow { display: none; }

:root .mobile-nav .ext-mega .ext-mega__title {
	color: var(--ext-c-muted);
	font-family: var(--ext-font-sans);
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

:root .mobile-nav .ext-mega .ext-mega__all a {
	border: 0;
	color: var(--ext-c-accent);
	font-size: 0.66rem;
}

/* Edukacije i Salon u fioci: kartice, pa linkovi iz uvoda. */
:root .mobile-nav .ext-mega.ext-mega--intro { display: flex; flex-direction: column; gap: 0.9rem; }
:root .mobile-nav .ext-mega .ext-mega__intro { order: 2; }
:root .mobile-nav .ext-mega .ext-mega__intro > :not(.ext-mega__links) { display: none; }

:root .mobile-nav .ext-mega .ext-mega__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 1.2rem;
	margin: 0;
}

:root .mobile-nav .ext-mega .ext-mega__links a {
	border: 0;
	color: var(--ext-c-accent);
	font-size: 0.7rem;
}

:root .mobile-nav .ext-mega .ext-mega__tiles,
:root .mobile-nav .ext-mega.ext-mega--intro .ext-mega__tiles {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.35rem;
}

:root .mobile-nav .ext-mega .ext-mega__tile {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	column-gap: 0.85rem;
	padding: 0.3rem 0;
}

:root .mobile-nav .ext-mega .ext-mega__img {
	grid-row: 1 / span 2;
	width: 52px;
	border-radius: var(--ext-radius-sm);
}

:root .mobile-nav .ext-mega .ext-mega__label {
	align-self: end;
	margin: 0;
	font-family: var(--ext-font-sans);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.3;
}

:root .mobile-nav .ext-mega .ext-mega__tile:has(.ext-badge) .ext-mega__label { padding-right: 4.5rem; }
:root .mobile-nav .ext-mega .ext-mega__meta { align-self: start; margin: 0; font-size: 0.74rem; }

:root .mobile-nav .ext-mega .ext-badge {
	top: 50%;
	right: 0;
	left: auto;
	height: 20px;
	padding: 0 0.55rem;
	background-color: var(--ext-c-bg-alt);
	font-size: 0.58rem;
	transform: translateY(-50%);
}

/* Header v2 (paket 1d, „Header Extension v2“): gornja traka, ikonice i dugme „Zakaži termin“.
   Važi samo za header sa dugmetom .ext-hdr-cta; postojeći header ostaje isti. Visine redova su u Header Builder-u (36 / 80 / 64 px). */
:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text {
	color: rgba(250, 246, 241, 0.72);
	font-family: var(--ext-font-sans);
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text--right {
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text a:hover { color: var(--ext-c-bg); }
:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text .ext-topbar__pro { color: var(--ext-c-bg); font-weight: 600; }

:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text :is(.ext-topbar__loc, .ext-topbar__tel)::before {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11A6.5 6.5 0 0 1 18.5 10c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11A6.5 6.5 0 0 1 18.5 10c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") center / contain no-repeat;
}

:root .whb-header:has(.ext-hdr-cta) .ext-topbar-text .ext-topbar__tel::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
}

/* Ikonice desno: tamne, bez brojača na listi želja (kao u mockup-u); korpa zadržava broj. */
:root .whb-header:has(.ext-hdr-cta) .whb-general-header :is(.wd-header-my-account, .wd-header-wishlist, .wd-header-cart) > a { color: var(--ext-c-heading); }
:root .whb-header:has(.ext-hdr-cta) .whb-general-header .wd-header-wishlist .wd-tools-count { display: none; }

/* Dugme „Zakaži termin“ (Woodmart element Button sa klasom ext-hdr-cta). */
:root .whb-header .wd-button-wrapper .btn.ext-hdr-cta {
	min-height: 42px;
	margin-inline-start: 0.6rem;
	padding: 0.7rem 1.4rem;
	border: 1px solid var(--ext-btn-bg);
	border-radius: var(--ext-btn-radius);
	background-color: var(--ext-btn-bg);
	box-shadow: none;
	color: var(--ext-btn-text);
	font-family: var(--ext-font-sans);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.1em;
	text-transform: var(--ext-btn-transform);
	white-space: nowrap;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

:root .whb-header .wd-button-wrapper .btn.ext-hdr-cta:hover {
	border-color: var(--ext-btn-hover);
	background-color: var(--ext-btn-hover);
	color: var(--ext-c-on-accent);
}

/* Telefon: samo ikonica menija levo (bez natpisa „Menu“), logo u sredini, korpa desno.
   Mobilni red se cilja klasom samog headera v2 (header_839532). Natpis „Menu“ prikazuje Woodmart „Custom CSS“
   sa !important, zato i ovde stoji !important. */
:root body .whb-header_839532 .whb-mobile-left .wd-header-mobile-nav.wd-tools-element.wd-style-icon .wd-tools-text { display: none !important; }
:root .whb-header_839532 .whb-general-header :is(.whb-mobile-left, .whb-mobile-right) { flex: 1 1 0; }
:root .whb-header_839532 .whb-general-header .whb-mobile-right { justify-content: flex-end; }

/* ---------- 33. Footer v2 (HTML blok „Footer v2 (Gutenberg)“, Faza 1, 2026-10-22) ---------- */
/* Gradi na §15 (.ext-footer): tamna podloga, linkovi, mreže i znaci kartica ostaju isti. */
:root .ext-footer.ext-footer--v2 {
	padding-block: clamp(3rem, 2rem + 3vw, 5rem) 0;
	font-size: 0.88rem;
}

:root .ext-footer--v2 :is(.wp-block-group, p, figure, ul) { margin: 0; }

:root .ext-footer--v2 .ext-footer__top {
	display: grid;
	grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr));
	gap: 2rem;
	padding-bottom: 2.5rem;
}

:root .ext-footer--v2 .ext-footer__lead {
	max-width: 22rem;
	margin-top: 1.2rem;
	color: rgba(250, 246, 241, 0.72);
	line-height: 1.6;
}

:root .ext-footer--v2 .ext-footer__about .wp-block-social-links { margin-top: 1.4rem; }

:root .ext-footer--v2 .ext-footer__title {
	margin-bottom: 1rem;
	color: var(--ext-c-bg);
	font-size: 0.7rem;
	letter-spacing: 0.2em;
}

:root .ext-footer--v2 .ext-footer__col li + li { margin-top: 0.55rem; }
:root .ext-footer--v2 .ext-footer__col li { line-height: 1.5; }
:root .ext-footer--v2 :is(.ext-footer__col, .ext-footer__loc) a:where(:not(.wp-block-button__link)) { color: rgba(250, 246, 241, 0.72); }
:root .ext-footer--v2 :is(.ext-footer__col, .ext-footer__loc) a:where(:not(.wp-block-button__link)):hover { color: var(--ext-c-bg); }

:root .ext-footer--v2 .ext-footer__nap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	padding-block: 1.8rem;
	border-top: 1px solid rgba(250, 246, 241, 0.12);
	color: rgba(250, 246, 241, 0.72);
}

/* Naziv lokacije: serif, kao u mockup-u. */
:root .ext-footer--v2 .ext-footer__loc .ext-footer__title {
	margin-bottom: 0.3rem;
	color: var(--ext-c-bg);
	font-family: var(--ext-font-serif);
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

:root .ext-footer--v2 .ext-footer__loc p { line-height: 1.6; }
:root .ext-footer--v2 .ext-footer__loc strong { font-weight: 600; }

:root .ext-footer--v2 .ext-footer__bottom {
	align-items: center;
	gap: 1rem;
	padding-block: 1.4rem 1.8rem;
	border-top-color: rgba(250, 246, 241, 0.12);
	font-size: 0.78rem;
}

:root .ext-footer--v2 .ext-footer__bottom .ext-payments {
	justify-content: flex-end;
	gap: 0.4rem;
	padding-block: 0;
}

:root .ext-footer--v2 .ext-payments .wp-block-image { padding: 0.3rem 0.55rem; border-radius: 6px; }
:root .ext-footer--v2 .ext-payments img { height: 20px; }

@media (max-width: 1000px) {
	:root .ext-footer--v2 .ext-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:root .ext-footer--v2 .ext-footer__about { grid-column: 1 / -1; }
	:root .ext-footer--v2 .ext-footer__nap { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
	:root .ext-footer--v2 .ext-footer__bottom { flex-direction: column; align-items: flex-start; }
	:root .ext-footer--v2 .ext-footer__bottom .ext-payments { justify-content: flex-start; }
}

/* ---------- 34. Početna v2 (Faza 2, 2026-10-23) ---------- */
/* Pattern-i „EXT – Hero hub (3 kartice)“ do „EXT – Kraj početne“ (16710–16718) i draft „Početna – v2“ (16719).
   Samo nove klase; postojeće stranice i sekcije 1–33 ostaju iste. */

/* Unutrašnje grupe: bez margina teme; razmake daju mreže i pravila ispod. */
:root .ext-section :is(.ext-sec-head, .ext-sec-head__txt, .ext-usp__list, .ext-bento, .ext-tile__txt, .ext-promo, .ext-promo__txt, .ext-shades, .ext-shades__main, .ext-shades__grid, .ext-shade, .ext-help-card, .ext-help-card__body, .ext-split, .ext-split__txt, .ext-capbar, .ext-edu, .ext-edu__photo, .ext-edu__quote, .ext-edu__txt, .ext-edu__facts, .ext-fact, .ext-courses, .ext-course, .ext-course__txt, .ext-endband, .ext-endcard) > * { margin-block: 0; }

/* Zaglavlje sekcije: naslov levo, link sa strelicom desno. */
:root .ext-section .ext-sec-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: clamp(1.75rem, 1rem + 2vw, 2.75rem);
}

:root .ext-section .ext-sec-head__txt { max-width: 46rem; }
:root .ext-section .ext-sec-head__txt .ext-eyebrow { margin-bottom: 0.9rem; }
:root .ext-section .ext-sec-head__sub { margin-top: 0.9rem; max-width: 40rem; color: var(--ext-c-muted); }

:root .ext-section .ext-link-arrow a {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding-bottom: 3px;
	border-bottom: 1px solid currentColor;
	color: var(--ext-c-heading);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color 0.2s ease, gap 0.25s var(--ext-ease);
}

:root .ext-section .ext-link-arrow a::after { content: "→"; font-size: 1rem; letter-spacing: 0; }
:root .ext-section .ext-link-arrow a:hover { gap: 0.8rem; color: var(--ext-c-accent); }

/* Dugmad u novim sekcijama: veličina iz mockup-a. */
:root .ext-section :is(.ext-promo__txt, .ext-help-card__body, .ext-split__txt, .ext-capbar, .ext-edu__txt, .ext-endcard) .wp-block-button__link { min-height: 44px; padding: 0.8rem 1.4rem; font-size: 0.8125rem; }

/* Hero hub sa 3 kartice (Shop, Akademija, Salon): isti kao B, tri kolone i široko 1440 px. */
:root .ext-hero-hub.ext-hero-hub--3 { --ext-hub-width: var(--ext-wide); }
:root .ext-hero-hub.ext-hero-hub--3 .ext-hub-b__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* Hero Akademija (slika 16724): motiv desno i gore, kao Shop (hero-slike-uputstvo.md). */
:root .ext-hero-hub.ext-hero-hub--3 .ext-hub-b__media > .ext-hub-b__bg--edu:not(.ext-hub-b__bg--m) img { object-position: 70% 0; }

/* Traka poverenja */
:root .ext-section.ext-usp { padding-block: 0; border-bottom: 1px solid var(--ext-c-line-soft); }

:root .ext-section .ext-usp__list {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	padding-block: 1.15rem;
}

:root .ext-section .ext-usp__item {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	color: var(--ext-c-muted);
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
}

:root .ext-section .ext-usp__item strong { color: var(--ext-c-heading); font-weight: 600; }

:root .ext-section .ext-usp__item::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	background-color: var(--ext-c-accent);
	-webkit-mask: var(--ext-usp-icon) center / contain no-repeat;
	mask: var(--ext-usp-icon) center / contain no-repeat;
}

:root .ext-usp__item--spark { --ext-usp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M12 3c1.2 4.5 3.5 6.8 8 8-4.5 1.2-6.8 3.5-8 8-1.2-4.5-3.5-6.8-8-8 4.5-1.2 6.8-3.5 8-8z'/%3E%3C/svg%3E"); }
:root .ext-usp__item--leaf { --ext-usp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M5 19c6 0 12-5 13-15-6 1-13 4-13 11v4z'/%3E%3Cpath d='M5 19c2-4 5-7 9-9'/%3E%3C/svg%3E"); }
:root .ext-usp__item--house { --ext-usp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Cpath d='M4 20V9l8-5 8 5v11H4z'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E"); }
:root .ext-usp__item--cert { --ext-usp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13.5L8 21l4-2 4 2-1-7.5'/%3E%3C/svg%3E"); }
:root .ext-usp__item--card { --ext-usp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }

@media (max-width: 1100px) {
	:root .ext-section .ext-usp__list { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
	:root .ext-section .ext-usp__list::-webkit-scrollbar { display: none; }
}

/* Kupuj po kategoriji: bento od 5 Cover pločica; naslov je link preko cele pločice. */
:root .ext-section .ext-bento {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(270px, 1fr));
	gap: 16px;
	height: clamp(560px, 46vw, 680px);
}

:root .ext-section .ext-tile {
	position: relative;
	min-height: 0;
	padding: 0;
	overflow: hidden;
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-bg-alt);
	isolation: isolate;
}

:root .ext-section .ext-tile--big { grid-column: 1 / span 2; grid-row: 1 / span 2; }
:root .ext-section .ext-tile > .wp-block-cover__image-background { transition: transform 1.4s var(--ext-ease); }
:root .ext-section .ext-tile:hover > .wp-block-cover__image-background { transform: scale(1.045); }

:root .ext-section .ext-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(46, 36, 32, 0) 40%, rgba(46, 36, 32, 0.78) 100%);
	pointer-events: none;
}

:root .ext-section .ext-tile > .wp-block-cover__inner-container {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 0.9rem;
	width: auto;
	padding: 1.3rem 1.4rem;
	color: #FFFFFF;
}

:root .ext-section .ext-tile--big > .wp-block-cover__inner-container {
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.9rem 2rem;
}

:root .ext-section .ext-tile .ext-eyebrow { margin-bottom: 0.35rem; color: var(--ext-c-nude); }

:root .ext-section .ext-tile .ext-tile__title {
	color: #FFFFFF;
	font-size: clamp(1.6rem, 1.2rem + 0.9vw, 2.1rem);
	line-height: 1.05;
}

:root .ext-section .ext-tile--big .ext-tile__title { font-size: clamp(2.1rem, 1.5rem + 1.6vw, 3.1rem); }
:root .ext-section .ext-tile .ext-tile__title a { color: inherit; text-decoration: none; }
:root .ext-section .ext-tile .ext-tile__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
:root .ext-section .ext-tile .ext-tile__title a:focus-visible { outline: none; }
:root .ext-section .ext-tile:has(.ext-tile__title a:focus-visible) { outline: 2px solid var(--ext-c-accent); outline-offset: 3px; }

:root .ext-section .ext-tile .ext-tile__meta { margin-top: 0.45rem; color: rgba(255, 255, 255, 0.86); font-size: 0.82rem; line-height: 1.4; }
:root .ext-section .ext-tile .ext-tile__meta strong { color: #FFFFFF; font-weight: 600; }

/* Podkategorije na velikoj pločici: linkovi iznad linka cele pločice. */
:root .ext-section .ext-tile .ext-tile__links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }

:root .ext-section .ext-tile .ext-tile__links :is(a, em) {
	position: relative;
	z-index: 2;
	padding: 0.35rem 0.8rem;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: var(--ext-radius-pill);
	color: #FFFFFF;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

:root .ext-section .ext-tile .ext-tile__links a:hover { background-color: var(--ext-c-bg); color: var(--ext-c-heading); }
:root .ext-section .ext-tile .ext-tile__links em { opacity: 0.75; }

:root .ext-section .ext-tile .ext-tile__go {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 0.45rem;
	height: 38px;
	padding: 0 1rem;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-heading);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: background-color 0.25s ease, color 0.25s ease;
}

:root .ext-section .ext-tile .ext-tile__go::after { content: "→"; font-size: 0.95rem; letter-spacing: 0; }
:root .ext-section .ext-tile:hover .ext-tile__go { background-color: var(--ext-c-accent); color: #FFFFFF; }

@media (max-width: 900px) {
	:root .ext-section .ext-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 380px repeat(2, 230px); gap: 10px; height: auto; }
	:root .ext-section .ext-tile--big { grid-column: 1 / -1; grid-row: auto; }
	:root .ext-section .ext-tile > .wp-block-cover__inner-container,
	:root .ext-section .ext-tile--big > .wp-block-cover__inner-container { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 0.6rem; padding: 0.9rem; }
	:root .ext-section .ext-tile--big > .wp-block-cover__inner-container { padding: 1.2rem; }
	:root .ext-section .ext-tile .ext-tile__title { font-size: 1.3rem; }
	:root .ext-section .ext-tile--big .ext-tile__title { font-size: 2.1rem; }
	:root .ext-section .ext-tile .ext-tile__go { height: 32px; padding: 0 0.8rem; font-size: 0.62rem; }
	:root .ext-section .ext-tile:not(.ext-tile--big) .ext-eyebrow { margin-bottom: 0.25rem; font-size: 0.56rem; letter-spacing: 0.12em; }
	:root .ext-section .ext-tile:not(.ext-tile--big) .ext-tile__meta { display: none; }
	:root .ext-section .ext-tile--big .ext-tile__links :is(a, em) { padding: 0.3rem 0.65rem; font-size: 0.68rem; }
}

/* Nova kolekcija: uska slika od ivice do ivice (desktop 3:1, telefon 4:5) i 4 proizvoda. */
:root .ext-section.ext-newin { padding-top: 0; }

:root .ext-section .ext-promo {
	position: relative;
	overflow: hidden;
	background-color: var(--ext-c-bg-alt);
	isolation: isolate;
}

:root .ext-section .ext-promo .ext-promo__img { margin: 0; }
:root .ext-section .ext-promo .ext-promo__img img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover; object-position: 50% 50%; border-radius: 0; box-shadow: none; }
:root .ext-section .ext-promo .ext-promo__img--m { display: none; }

/* Tamni banner (klasa ext-promo--tamni): podloga u boji pozadine fotografije; na telefonu tekst stoji na njoj. */
:root .ext-section .ext-promo.ext-promo--tamni { background-color: #53413F; }

:root .ext-section .ext-promo .ext-promo__txt {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	max-width: var(--ext-wide);
	margin-inline: auto;
	padding-inline: var(--ext-gutter);
}

:root .ext-section .ext-promo__txt h2 { max-width: 8.5em; font-size: clamp(2.4rem, 1.5rem + 2.4vw, 4.2rem); line-height: 1.02; }
:root .ext-section .ext-promo__txt > p:not(.ext-eyebrow) { margin-top: 0.9rem; max-width: 25rem; color: var(--ext-c-muted); }
:root .ext-section .ext-promo__txt .ext-eyebrow { margin-bottom: 0.9rem; }
:root .ext-section .ext-promo__txt .wp-block-buttons { margin-top: 1.5rem; }
:root .ext-section .ext-newin__grid { margin-top: clamp(1.25rem, 1rem + 1vw, 2rem); }

@media (max-width: 781px) {
	:root .ext-section .ext-promo .ext-promo__img--d { display: none; }
	:root .ext-section .ext-promo .ext-promo__img--m { display: block; }
	:root .ext-section .ext-promo .ext-promo__img--m img { aspect-ratio: 4 / 5; object-position: 50% 20%; }
	:root .ext-section .ext-promo .ext-promo__txt { position: static; padding: 1.4rem var(--ext-gutter) 1.8rem; background-color: var(--ext-c-bg-alt); }
	:root .ext-section .ext-promo.ext-promo--tamni .ext-promo__txt { background-color: transparent; }
	:root .ext-section .ext-promo__txt h2 { font-size: 2.3rem; }
}

/* Kartice proizvoda (WooCommerce Product Collection) u novim sekcijama: bele, zaobljene, slika 1:1. */
:root .ext-section .ext-products .wc-block-product-template { gap: 20px; margin: 0; padding: 0; }

:root .ext-section .ext-products .wc-block-product {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 10px 10px 16px;
	border-radius: 22px;
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	text-align: left;
	transition: transform 0.3s var(--ext-ease), box-shadow 0.3s ease;
}

:root .ext-section .ext-products .wc-block-product:hover { transform: translateY(-4px); box-shadow: var(--ext-shadow-lift); }
:root .ext-section .ext-products .wc-block-product > * { margin: 0; }
:root .ext-section .ext-products .wc-block-components-product-image { overflow: hidden; border-radius: 15px; background-color: var(--ext-c-bg-alt); }
:root .ext-section .ext-products .wc-block-components-product-image img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 0; transition: transform 1.2s var(--ext-ease); }
:root .ext-section .ext-products .wc-block-product:hover .wc-block-components-product-image img { transform: scale(1.04); }

:root .ext-section .ext-products .ext-pcard__name {
	display: -webkit-box;
	margin-top: 0.95rem;
	padding-inline: 0.45rem;
	overflow: hidden;
	color: var(--ext-c-heading);
	font-family: var(--ext-font-sans);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

:root .ext-section .ext-products .ext-pcard__name a { color: inherit; text-decoration: none; }
:root .ext-section .ext-products .ext-pcard__name a:hover { color: var(--ext-c-accent); }

:root .ext-section .ext-products .wp-block-woocommerce-product-price { margin-top: auto; padding: 0.8rem 0.45rem 0; }
:root .ext-section .ext-products .wc-block-components-product-price { color: var(--ext-c-accent); font-size: 1rem; font-weight: 700; text-align: left; }

:root .ext-section .ext-products .wc-block-components-product-button { margin-top: 0.85rem; }

:root .ext-section .ext-products .wc-block-components-product-button :is(.wp-block-button__link, .added_to_cart) {
	width: 100%;
	min-height: 42px;
	padding: 0.7rem 1rem;
	border: 1px solid var(--ext-c-heading);
	border-radius: var(--ext-btn-radius);
	background-color: transparent;
	color: var(--ext-c-heading);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: var(--ext-btn-transform);
}

:root .ext-section .ext-products .wc-block-components-product-button .wp-block-button__link:hover { background-color: var(--ext-c-heading); color: var(--ext-c-bg); }

/* Bestseleri: jedan red od 6 manjih kartica. */
:root .ext-section.ext-best { padding-top: 0; }
:root .ext-section.ext-best h2 { font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem); }
:root .ext-section .ext-products--mini .wc-block-product-template { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
:root .ext-section .ext-products--mini .wc-block-product { padding: 7px 7px 12px; border-radius: 18px; }
:root .ext-section .ext-products--mini .wc-block-components-product-image { border-radius: 12px; }
:root .ext-section .ext-products--mini .ext-pcard__name { margin-top: 0.65rem; padding-inline: 0.3rem; font-size: 0.82rem; }
:root .ext-section .ext-products--mini .wp-block-woocommerce-product-price { padding: 0.5rem 0.3rem 0; }
:root .ext-section .ext-products--mini .wc-block-components-product-price { font-size: 0.9rem; }

@media (max-width: 1100px) {
	:root .ext-section .ext-products--mini .wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Telefon: bestseleri kao red koji se prevlači. */
@media (max-width: 781px) {
	:root .ext-section .ext-products--mini .wc-block-product-template { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
	:root .ext-section .ext-products--mini .wc-block-product-template::-webkit-scrollbar { display: none; }
	:root .ext-section .ext-products--mini .wc-block-product { flex: 0 0 42%; scroll-snap-align: start; }
}

/* Clip in i ponytail: kampanjska slika levo, 2 × 2 proizvoda desno, traka ispod. */
:root .ext-section .ext-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

:root .ext-section .ext-split__media {
	position: relative;
	min-height: 680px;
	padding: 0;
	overflow: hidden;
	border-radius: var(--ext-radius-lg);
	isolation: isolate;
}

:root .ext-section .ext-split__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(46, 36, 32, 0) 42%, rgba(46, 36, 32, 0.85) 100%);
	pointer-events: none;
}

:root .ext-section .ext-split__media > .wp-block-cover__image-background { object-position: 50% 30%; }

:root .ext-section .ext-split__media > .wp-block-cover__inner-container {
	position: absolute;
	inset: auto clamp(1.4rem, 1rem + 1.5vw, 2.6rem) clamp(1.4rem, 1rem + 1.5vw, 2.4rem);
	z-index: 2;
	width: auto;
	color: #FFFFFF;
}

:root .ext-section .ext-split__txt .ext-eyebrow { margin-bottom: 0.9rem; color: var(--ext-c-nude); }
:root .ext-section .ext-split__txt h2 { color: #FFFFFF; font-size: clamp(2.2rem, 1.6rem + 1.8vw, 3.4rem); }
:root .ext-section .ext-split__txt > p:not(.ext-eyebrow) { margin-top: 0.8rem; max-width: 30rem; color: rgba(255, 255, 255, 0.86); }
:root .ext-section .ext-split__txt .wp-block-buttons { margin-top: 1.4rem; }
:root .ext-section .ext-split__txt .wp-block-button__link { border-color: var(--ext-c-bg); background-color: var(--ext-c-bg); color: var(--ext-c-heading); }
:root .ext-section .ext-split__txt .wp-block-button__link:hover { border-color: #FFFFFF; background-color: #FFFFFF; color: var(--ext-c-heading); }

/* Varijanta „--top“ (slika sa praznim gornjim delom): tekst gore, tamna slova, bez tamnog prelaza, dugme dole levo. */
:root .ext-section .ext-split__media--top::after { display: none; }
:root .ext-section .ext-split__media--top > .wp-block-cover__image-background { object-position: 50% 100%; }
:root .ext-section .ext-split__media--top > .wp-block-cover__inner-container { inset: clamp(1.6rem, 1rem + 1.8vw, 2.8rem) clamp(1.4rem, 1rem + 1.5vw, 2.6rem) clamp(1.4rem, 1rem + 1.5vw, 2.4rem); display: flex; color: var(--ext-c-text); }
:root .ext-section .ext-split__media--top .ext-split__txt { display: flex; flex-direction: column; width: 100%; }
:root .ext-section .ext-split__media--top .ext-split__txt .ext-eyebrow { color: var(--ext-c-accent); }
:root .ext-section .ext-split__media--top .ext-split__txt h2 { color: var(--ext-c-heading); }
:root .ext-section .ext-split__media--top .ext-split__txt > p:not(.ext-eyebrow) { color: var(--ext-c-text); }
:root .ext-section .ext-split__media--top .ext-split__txt .wp-block-buttons { margin-top: auto; padding-top: 1.4rem; }

:root .ext-section .ext-products--compact .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

:root .ext-section .ext-capbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin-top: 18px;
	padding: 1rem 1.3rem 1rem 1.5rem;
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius-pill);
}

:root .ext-section .ext-capbar > p { color: var(--ext-c-muted); font-size: 0.9rem; }
:root .ext-section .ext-capbar > p strong { color: var(--ext-c-heading); font-weight: 600; }
:root .ext-section .ext-capbar .wp-block-button__link { min-height: 40px; padding: 0.6rem 1.2rem; font-size: 0.72rem; }

@media (max-width: 900px) {
	:root .ext-section .ext-split { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-split__media { min-height: 0; aspect-ratio: 4 / 5; }
	:root .ext-section .ext-products--compact .wc-block-product-template { gap: 10px; }
	:root .ext-section .ext-capbar { flex-direction: column; align-items: flex-start; gap: 0.8rem; border-radius: var(--ext-radius); }
}

/* Telefon: nad šipkom staju samo natpis i naslov; tekst ostaje u HTML-u (kao u mockup-u). */
@media (max-width: 600px) {
	:root .ext-section .ext-split__media--top .ext-split__txt > p:not(.ext-eyebrow) { display: none; }
}

/* Kupuj po nijansi: filter po porodici (assets/js/ext-shades.js), mreža 5 × 4 i kartica pomoći iste visine. */
:root .ext-section .ext-shades {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
	gap: clamp(1.5rem, 1rem + 2vw, 3rem);
	align-items: stretch;
}

:root .ext-section .ext-chips { display: none; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.8rem; }
:root .ext-section .ext-shades__main.is-ready .ext-chips { display: flex; }

:root .ext-section .ext-chips .wp-block-button__link {
	min-height: 38px;
	padding: 0.45rem 1rem;
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius-pill);
	background-color: transparent;
	color: var(--ext-c-text);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

:root .ext-section .ext-chips .wp-block-button__link:hover { border-color: var(--ext-c-heading); background-color: transparent; color: var(--ext-c-text); }
:root .ext-section .ext-chips .is-on .wp-block-button__link { border-color: var(--ext-c-heading); background-color: var(--ext-c-heading); color: var(--ext-c-bg); }

:root .ext-section .ext-shades__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.3rem 0.8rem; }

:root .ext-section .ext-shade {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	text-align: center;
}

:root .ext-section .ext-shade[hidden] { display: none; }

:root .ext-section .ext-shade .ext-shade__dot {
	width: 100%;
	max-width: 96px;
	padding: 4px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
	transition: box-shadow 0.25s ease, transform 0.35s var(--ext-ease);
}

:root .ext-section .ext-shade .ext-shade__dot img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; box-shadow: none; }
:root .ext-section .ext-shade:hover .ext-shade__dot { box-shadow: 0 0 0 1.5px var(--ext-c-accent); transform: translateY(-3px); }
:root .ext-section .ext-shade--ring .ext-shade__dot { background-color: #FFFFFF; }
:root .ext-section .ext-shade .ext-shade__name { color: var(--ext-c-heading); font-size: 0.84rem; font-weight: 600; line-height: 1.25; }
:root .ext-section .ext-shade .ext-shade__name a { color: inherit; text-decoration: none; }
:root .ext-section .ext-shade .ext-shade__name a::after { content: ""; position: absolute; inset: 0; }
:root .ext-section .ext-shade .ext-shade__meta { margin-top: -0.45rem; color: var(--ext-c-muted); font-size: 0.7rem; line-height: 1.35; }

:root .ext-section .ext-help-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-help-card .ext-help-card__img { position: relative; flex: 1; min-height: 200px; margin: 0; }
:root .ext-section .ext-help-card .ext-help-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
:root .ext-section .ext-help-card__body { padding: 1.5rem 1.6rem 1.7rem; }
:root .ext-section .ext-help-card__body h3 { font-size: 1.65rem; }
:root .ext-section .ext-help-card__body > p:not(.ext-link-arrow) { margin-top: 0.6rem; color: var(--ext-c-muted); font-size: 0.9rem; line-height: 1.55; }
:root .ext-section .ext-help-card__body .wp-block-buttons { margin-top: 1.2rem; }
:root .ext-section .ext-help-card__body .ext-link-arrow { margin-top: 1.1rem; }

@media (max-width: 1100px) {
	:root .ext-section .ext-shades { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-help-card .ext-help-card__img { min-height: 280px; }
}

@media (max-width: 781px) {
	:root .ext-section .ext-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	:root .ext-section .ext-shades__grid { display: flex; gap: 0.9rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
	:root .ext-section :is(.ext-chips, .ext-shades__grid)::-webkit-scrollbar { display: none; }
	:root .ext-section .ext-shade { flex: 0 0 92px; scroll-snap-align: start; }
	:root .ext-section .ext-help-card { display: grid; grid-template-columns: 38% minmax(0, 1fr); }
	:root .ext-section .ext-help-card .ext-help-card__img { min-height: 0; }
	:root .ext-section .ext-help-card__body { padding: 1.1rem 1.1rem 1.2rem; }
	:root .ext-section .ext-help-card__body h3 { font-size: 1.3rem; }
	:root .ext-section .ext-help-card__body > p:not(.ext-link-arrow) { font-size: 0.8rem; }
	:root .ext-section .ext-help-card__body .ext-link-arrow { display: none; }
}

/* Edukacije (tamna sekcija): fotografija sa citatom levo, tekst, činjenice i programi desno. */
:root .ext-section .ext-edu {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(1.5rem, 1rem + 3.5vw, 5rem);
	align-items: center;
}

:root .ext-section .ext-edu__photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--ext-radius-lg); isolation: isolate; }
:root .ext-section .ext-edu__photo .ext-edu__img { position: absolute; inset: 0; z-index: -2; margin: 0; }
:root .ext-section .ext-edu__photo .ext-edu__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; border-radius: 0; box-shadow: none; }
:root .ext-section .ext-edu__photo::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(46, 36, 32, 0) 50%, rgba(46, 36, 32, 0.9) 100%); }
:root .ext-section .ext-edu__quote { position: absolute; right: 1.8rem; bottom: 1.6rem; left: 1.8rem; }
:root .ext-section .ext-edu__quote .ext-edu__q { color: var(--ext-c-bg); font-family: var(--ext-font-serif); font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2.1rem); font-style: italic; line-height: 1.15; }
:root .ext-section .ext-edu__quote .ext-edu__q::before { content: "„"; }
:root .ext-section .ext-edu__quote .ext-edu__q::after { content: "“"; }
:root .ext-section .ext-edu__quote .ext-edu__by { margin-top: 0.8rem; color: rgba(250, 246, 241, 0.72); font-size: 0.78rem; letter-spacing: 0.04em; }

:root .ext-section .ext-edu__txt .ext-eyebrow { margin-bottom: 0.9rem; }
:root .ext-section .ext-edu__txt .ext-lead { margin-top: 1rem; color: rgba(250, 246, 241, 0.72); }

:root .ext-section .ext-edu__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin-top: 1.9rem;
	overflow: hidden;
	border-radius: var(--ext-radius);
	background-color: rgba(250, 246, 241, 0.14);
}

:root .ext-section .ext-fact { padding: 1rem 1.05rem; background-color: var(--ext-c-text); }
:root .ext-section .ext-fact .ext-fact__n { color: var(--ext-c-bg); font-family: var(--ext-font-serif); font-size: 1.65rem; font-weight: 500; line-height: 1.05; }
:root .ext-section .ext-fact .ext-fact__t { color: rgba(250, 246, 241, 0.72); font-size: 0.74rem; line-height: 1.35; }

:root .ext-section .ext-courses { display: grid; gap: 12px; margin-top: 1.6rem; }

:root .ext-section .ext-course {
	position: relative;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.2rem;
	padding: 1rem 1.2rem 1rem 1rem;
	border-radius: 20px;
	background-color: rgba(250, 246, 241, 0.06);
	transition: background-color 0.25s ease, transform 0.3s var(--ext-ease);
}

:root .ext-section .ext-course:not(.ext-course--soon):hover { background-color: rgba(250, 246, 241, 0.11); transform: translateX(4px); }

:root .ext-section .ext-course:not(.ext-course--soon)::after {
	content: "→";
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(250, 246, 241, 0.5);
	border-radius: 50%;
	color: var(--ext-c-bg);
	font-size: 1.1rem;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

:root .ext-section .ext-course:hover::after { border-color: var(--ext-c-accent); background-color: var(--ext-c-accent); }
:root .ext-section .ext-course .ext-course__img { margin: 0; }
:root .ext-section .ext-course .ext-course__img img { width: 110px; height: 132px; object-fit: cover; border-radius: 14px; box-shadow: none; }

:root .ext-section .ext-course .ext-course__icon {
	width: 110px;
	height: 132px;
	border-radius: 14px;
	background: rgba(250, 246, 241, 0.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B07A6E' stroke-width='1.2'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M10.5 9l4.5 3-4.5 3z'/%3E%3C/svg%3E") center / 38px no-repeat;
	box-shadow: inset 0 0 0 1px rgba(250, 246, 241, 0.16);
}

:root .ext-section .ext-course .ext-eyebrow { margin-bottom: 0.3rem; font-size: 0.64rem; }
:root .ext-section .ext-course .ext-course__title { color: var(--ext-c-bg); font-size: 1.7rem; }
:root .ext-section .ext-course .ext-course__title a { color: inherit; text-decoration: none; }
:root .ext-section .ext-course .ext-course__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
:root .ext-section .ext-course__txt > p:not(.ext-eyebrow):not(.ext-course__tags) { margin-top: 0.3rem; color: rgba(250, 246, 241, 0.72); font-size: 0.84rem; line-height: 1.5; }
:root .ext-section .ext-course .ext-course__tags { margin-top: 0.6rem; color: rgba(250, 246, 241, 0.6); font-size: 0.72rem; letter-spacing: 0.02em; }

:root .ext-section .ext-edu__cta { margin-top: 1.9rem; gap: 0.75rem; }

:root .ext-section .ext-edu__links {
	margin-top: 1.6rem;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(250, 246, 241, 0.14);
	color: rgba(250, 246, 241, 0.72);
	font-size: 0.85rem;
}

:root .ext-section .ext-edu__links a { border-bottom: 1px solid rgba(250, 246, 241, 0.35); color: var(--ext-c-bg); font-weight: 600; text-decoration: none; }

@media (max-width: 900px) {
	:root .ext-section .ext-edu { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-edu__photo { aspect-ratio: 4 / 4.4; }
	:root .ext-section .ext-edu__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:root .ext-section .ext-course { grid-template-columns: 84px minmax(0, 1fr); gap: 0.9rem; padding: 0.8rem; }
	:root .ext-section .ext-course:not(.ext-course--soon)::after { display: none; }
	:root .ext-section .ext-course .ext-course__img img,
	:root .ext-section .ext-course .ext-course__icon { width: 84px; height: 104px; }
	:root .ext-section .ext-course .ext-course__title { font-size: 1.4rem; }
}

/* Kraj početne: dve mirne kartice bez slika (salon, za salone i frizere). */
:root .ext-section .ext-endband { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

:root .ext-section .ext-endcard {
	display: flex;
	flex-direction: column;
	padding: clamp(1.6rem, 1rem + 2.4vw, 3.2rem);
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-bg);
}

:root .ext-section .ext-endcard .ext-eyebrow { margin-bottom: 0.9rem; }
:root .ext-section .ext-endcard h2 { font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.7rem); }
:root .ext-section .ext-endcard > p:not(.ext-eyebrow) { margin-top: 0.8rem; max-width: 32rem; color: var(--ext-c-muted); }
:root .ext-section .ext-endcard .wp-block-buttons { gap: 0.6rem; margin-top: auto; padding-top: 1.6rem; }

@media (max-width: 900px) {
	:root .ext-section .ext-endband { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 781px) {
	:root .ext-section .ext-sec-head { flex-direction: column; align-items: flex-start; gap: 1rem; }
}

/* ---------- 35. Shop i kategorije v2 (Faza 3, 2026-10-23) ---------- */
/* HTML blokovi „Shop v2 – sadržaj“ (16742) i „Kategorija v2 – …“ (16743, 16744) iz inc/ext-shop.php,
   pattern-i 16739–16741, Woodmart kartice proizvoda, filteri i tekst kategorije. Sekcije 1–34 ostaju iste. */

/* Okvir: sekcije bloka ostaju u Woodmart kontejneru, poravnate sa putanjom, filterima i proizvodima.
   Baner nove kolekcije i završni pojas su zaobljene površine umesto pune širine ekrana. */
:root .ext-shop-v2 > .ext-section { padding-inline: 0; }
:root .ext-shop-v2 > .ext-section > .alignwide { max-width: none; }
:root .ext-shop-v2 .ext-promo { border-radius: var(--ext-radius-lg); }
:root .ext-shop-v2 > .ext-section.ext-end { padding-inline: var(--ext-gutter); border-radius: var(--ext-radius-lg); }

:root .ext-shop-v2--bottom { margin-top: var(--ext-space-l); }
:root .ext-anchor, :root .ext-shadebar { scroll-margin-top: calc(var(--ext-hdr-h) + 1.5rem); }

/* Unutrašnje grupe: bez margina teme; razmake daju mreže i pravila ispod. */
:root .ext-section :is(.ext-plp-head, .ext-plp-head__txt, .ext-catgrid, .ext-catcard, .ext-catcard__body, .ext-subtiles, .ext-subtile, .ext-subtile__txt, .ext-shadebar, .ext-shadebar__item, .ext-rel-links, .ext-rel, .ext-rel__txt) > * { margin-block: 0; }

/* Uvod: natpis, H1 (dodaje tema), tekst levo i činjenice desno. */
:root .ext-section.ext-plp-top { padding-block: 0.4rem 1.6rem; background-color: transparent; }

:root .ext-section .ext-plp-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2rem;
	align-items: end;
}

:root .ext-section .ext-plp-head__txt .ext-eyebrow { margin-bottom: 0.7rem; }

:root .ext-section .ext-plp-head h1.ext-plp-title {
	margin: 0;
	font-size: clamp(2.4rem, 1.6rem + 2.4vw, 3.9rem);
	line-height: 1.05;
	text-align: left;
}

:root .ext-section .ext-plp-head .ext-plp-head__lead { margin-top: 0.8rem; max-width: 44rem; color: var(--ext-c-muted); }
:root .ext-section .ext-plp-head__lead a { border-bottom: 1px solid currentColor; color: var(--ext-c-accent); font-weight: 600; text-decoration: none; }

:root .ext-section .ext-plp-head .ext-plp-head__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

:root .ext-section .ext-plp-head .ext-plp-head__facts li {
	margin: 0;
	padding: 0.5rem 0.9rem;
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
	color: var(--ext-c-text);
	font-size: 0.78rem;
	line-height: 1.3;
	white-space: nowrap;
}

:root .ext-section .ext-plp-head__facts li::marker { content: none; }

@media (max-width: 900px) {
	:root .ext-section .ext-plp-head { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

/* Kartice kategorija: 5 u redu (3 do 1100 px, 2 na telefonu sa prvom preko cele širine). */
:root .ext-section.ext-catcards { padding-top: 0.6rem; }
:root .ext-section .ext-catgrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
:root .ext-section .ext-catcard { display: flex; flex-direction: column; }

:root .ext-section .ext-catcard .ext-catcard__img {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-bg-alt);
}

:root .ext-section .ext-catcard__img a { display: block; height: 100%; }
:root .ext-section .ext-catcard__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; transition: transform 1.2s var(--ext-ease); }
:root .ext-section .ext-catcard:hover .ext-catcard__img img { transform: scale(1.04); }
:root .ext-section .ext-catcard .ext-catcard__body { padding: 1rem 0.2rem 0; }

:root .ext-section .ext-catcard .ext-catcard__note {
	color: var(--ext-c-accent);
	font-size: 0.66rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

:root .ext-section .ext-catcard .ext-catcard__title { margin-top: 0.35rem; font-size: clamp(1.45rem, 1.2rem + 0.6vw, 1.85rem); line-height: 1.1; }
:root .ext-section .ext-catcard__title a { color: inherit; text-decoration: none; transition: color 0.2s ease; }
:root .ext-section .ext-catcard__title a:hover { color: var(--ext-c-accent); }

:root .ext-section .ext-catcard .ext-catcard__subs { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.8rem; }

:root .ext-section .ext-catcard__subs :is(a, em) {
	padding: 0.3rem 0.7rem;
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
	color: var(--ext-c-text);
	font-size: 0.75rem;
	font-style: normal;
	line-height: 1.4;
	text-decoration: none;
	transition: box-shadow 0.2s ease;
}

:root .ext-section .ext-catcard__subs a:hover { box-shadow: 0 0 0 1px var(--ext-c-heading); }
:root .ext-section .ext-catcard__subs em { background-color: transparent; color: var(--ext-c-muted); }

/* Kategorije bez podkategorija: vrste proizvoda kao tekst (nisu linkovi). */
:root .ext-section .ext-catcard .ext-catcard__subs--text { display: block; color: var(--ext-c-muted); font-size: 0.78rem; line-height: 1.5; }

:root .ext-section .ext-catcard .ext-catcard__from { margin-top: 0.7rem; color: var(--ext-c-muted); font-size: 0.8rem; line-height: 1.4; }
:root .ext-section .ext-catcard__from strong { color: var(--ext-c-accent); font-weight: 700; }

@media (max-width: 1100px) {
	:root .ext-section .ext-catgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 16px; }
}

@media (max-width: 781px) {
	:root .ext-section .ext-catgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
	:root .ext-section .ext-catgrid > .ext-catcard:first-child { grid-column: 1 / -1; }
	:root .ext-section .ext-catcard .ext-catcard__title { font-size: 1.3rem; }
	:root .ext-section .ext-catcard__subs :is(a, em) { padding: 0.25rem 0.6rem; font-size: 0.7rem; }
}

/* Podkategorije: kartice sa slikom (cela kartica je link), „Uskoro“ bez linka. */
:root .ext-section.ext-subcats { padding-block: 0 1.6rem; background-color: transparent; }
:root .ext-section .ext-subtiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

:root .ext-section .ext-subtile {
	position: relative;
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	padding: 0.7rem 1rem 0.7rem 0.7rem;
	border-radius: 20px;
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	transition: transform 0.3s var(--ext-ease), box-shadow 0.3s ease;
}

:root .ext-section .ext-subtile:not(.ext-subtile--soon):hover { transform: translateY(-3px); box-shadow: var(--ext-shadow-lift); }
:root .ext-section .ext-subtile:has(a:focus-visible) { outline: 2px solid var(--ext-c-accent); outline-offset: 3px; }
:root .ext-section .ext-subtile .ext-subtile__img { width: 96px; height: 96px; overflow: hidden; border-radius: 14px; background-color: var(--ext-c-bg-alt); }
:root .ext-section .ext-subtile__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
:root .ext-section .ext-subtile .ext-subtile__title { color: var(--ext-c-heading); font-family: var(--ext-font-serif); font-size: 1.4rem; font-weight: 500; line-height: 1.15; }
:root .ext-section .ext-subtile__title a { color: inherit; text-decoration: none; }
:root .ext-section .ext-subtile__title a:focus-visible { outline: none; }
:root .ext-section .ext-subtile__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
:root .ext-section .ext-subtile .ext-subtile__meta { margin-top: 0.2rem; color: var(--ext-c-muted); font-size: 0.78rem; line-height: 1.4; }
:root .ext-section .ext-subtile .ext-badge { margin-top: 0.45rem; background-color: var(--ext-c-bg-alt); font-size: 0.62rem; line-height: 1; }

@media (max-width: 900px) {
	:root .ext-section .ext-subtiles { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	:root .ext-section .ext-subtile { grid-template-columns: 72px minmax(0, 1fr); }
	:root .ext-section .ext-subtile .ext-subtile__img { width: 72px; height: 72px; }
	:root .ext-section .ext-subtile .ext-subtile__title { font-size: 1.25rem; }
}

/* Traka nijansi (19): bela traka, krug i naziv; na užem ekranu se prevlači. */
:root .ext-section .ext-shadebar {
	display: flex;
	gap: 0.5rem;
	margin-top: 1.6rem;
	padding: 1.2rem 1.2rem 1rem;
	overflow-x: auto;
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	scrollbar-width: thin;
}

:root .ext-section .ext-shadebar__item {
	position: relative;
	display: flex;
	flex: 1 0 68px;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	text-align: center;
}

:root .ext-section .ext-shadebar__item .ext-shadebar__dot { width: 50px; }
:root .ext-section .ext-shadebar__dot img { display: block; width: 50px; height: 50px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 1px var(--ext-c-line-soft); transition: box-shadow 0.2s ease, transform 0.3s var(--ext-ease); }
:root .ext-section .ext-shadebar__item:hover .ext-shadebar__dot img { transform: translateY(-2px); box-shadow: 0 0 0 1.5px var(--ext-c-accent); }
:root .ext-section .ext-shadebar__item .ext-shadebar__name { color: var(--ext-c-text); font-size: 0.72rem; line-height: 1.25; }
:root .ext-section .ext-shadebar__name a { color: inherit; text-decoration: none; }
:root .ext-section .ext-shadebar__name a::after { content: ""; position: absolute; inset: 0; }
:root .ext-section .ext-shadebar__item:has(a:focus-visible) .ext-shadebar__dot img { box-shadow: 0 0 0 2px var(--ext-c-accent); }

/* Povezano: 4 linka sa malom slikom (cela kartica je link). */
:root .ext-section.ext-related .ext-sec-head h2 { font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem); }
:root .ext-section .ext-rel-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }

:root .ext-section .ext-rel {
	position: relative;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 0.9rem;
	align-items: center;
	padding: 0.7rem;
	border-radius: 18px;
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
	transition: transform 0.3s var(--ext-ease);
}

:root .ext-section .ext-rel:hover { transform: translateY(-3px); }
:root .ext-section .ext-rel:has(a:focus-visible) { outline: 2px solid var(--ext-c-accent); outline-offset: 3px; }
:root .ext-section .ext-rel .ext-rel__img { width: 64px; }
:root .ext-section .ext-rel__img img { display: block; width: 64px; height: 64px; object-fit: cover; border-radius: 12px; box-shadow: none; }
:root .ext-section .ext-rel .ext-rel__title { color: var(--ext-c-heading); font-size: 0.88rem; font-weight: 600; line-height: 1.3; }
:root .ext-section .ext-rel__title a { color: inherit; text-decoration: none; }
:root .ext-section .ext-rel__title a:focus-visible { outline: none; }
:root .ext-section .ext-rel__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
:root .ext-section .ext-rel .ext-rel__meta { margin-top: 0.15rem; color: var(--ext-c-muted); font-size: 0.74rem; line-height: 1.4; }

@media (max-width: 1100px) {
	:root .ext-section .ext-rel-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	:root .ext-section .ext-rel-links { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}

/* Kartice proizvoda u Woodmart mreži: slika 1:1, naziv u dva reda, cena sa jedinicom, dugme preko cele širine. */
:root .wd-products .product-grid-item .product-element-top { border-radius: 15px; background-color: var(--ext-c-bg-alt); }
:root .wd-products .product-grid-item .product-element-bottom { padding: 0.55rem 0.45rem 0; }
:root .wd-products .product-grid-item .product-element-top :is(.product-image-link, .hover-img) img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }

:root .wd-products .product-grid-item .wd-entities-title {
	margin-top: 0.4rem;
	font-family: var(--ext-font-sans);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
}

:root .wd-products .product-grid-item .wd-entities-title a { color: var(--ext-c-heading); }
:root .wd-products .product-grid-item .wd-entities-title a:hover { color: var(--ext-c-accent); }
:root .wd-products .product-grid-item .price { color: var(--ext-c-accent); font-size: 1rem; font-weight: 700; }

/* Jedinica cene (inc/ext-shop.php): „po pramenu“, „po sendviču“, svuda gde je cena proizvoda. */
:root .price .ext-price-unit { margin-left: 0.15em; color: var(--ext-c-muted); font-size: 0.7em; font-weight: 500; white-space: nowrap; }

/* Dugme je uvek vidljivo (Woodmart „buttons-on-hover“ ga inače prikazuje tek na prelazu mišem). */
:root .wd-products .product-grid-item .wd-product-footer { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.85rem; opacity: 1; visibility: visible; transform: none; }
:root .wd-products .product-grid-item .wd-add-btn { flex: 1; width: 100%; min-width: 0; }

/* Desktop: Woodmart skriva donji red ispod ivice kartice (negativna margina) i podiže ga na prelaz mišem; ovde ostaje na mestu. */
@media (min-width: 1025px) {
	:root body .wd-products .wd-product.wd-hover-buttons-on-hover .product-element-bottom { margin-bottom: 0; transform: none; }
	:root body .wd-products .wd-product.wd-hover-buttons-on-hover .product-element-top { clip-path: none; }
}

:root .wd-products .product-grid-item .wd-add-btn > .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--ext-c-heading);
	border-radius: var(--ext-btn-radius);
	background-color: transparent;
	color: var(--ext-c-heading);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: var(--ext-btn-transform);
	box-shadow: none;
}

:root .wd-products .product-grid-item .wd-add-btn > .button > span { min-height: 0; padding: 0; color: inherit; font-size: inherit; line-height: 1.2; }
:root .wd-products .product-grid-item .wd-add-btn > .button:hover { background-color: var(--ext-c-heading); color: var(--ext-c-bg); }

/* Lista želja: okrugla dugmad na slici. */
:root .wd-products .product-grid-item .wd-buttons { border-radius: 50%; background-color: rgba(250, 246, 241, 0.92); box-shadow: none; }

/* Oznake na slici (Woodmart: akcija, rasprodato, novo) kao .ext-badge. */
:root .wd-products .product-grid-item .product-labels { inset: 10px auto auto 10px; }

:root .wd-products .product-grid-item .product-label {
	min-height: 24px;
	padding: 0 0.7rem;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-accent);
	font-family: var(--ext-font-sans);
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 24px;
	text-transform: uppercase;
}

/* Uže kolone (5 u redu do 1025 px): ceo tekst dugmeta staje pored ikone za brzi pregled. */
@media (max-width: 1280px) {
	:root .wd-products .product-grid-item .wd-add-btn > .button { padding-inline: 0.5rem; font-size: 0.66rem; letter-spacing: 0.04em; }
}

@media (max-width: 767px) {
	:root .wd-products .product-grid-item .wd-entities-title { font-size: 0.84rem; }
	:root .wd-products .product-grid-item .price { font-size: 0.92rem; }
	:root .wd-products .product-grid-item .wd-add-btn > .button { min-height: 38px; padding-inline: 0.5rem; font-size: 0.64rem; letter-spacing: 0.06em; }
}

/* Filteri (§26) kao „chip“ dugmad iz mockup-a: iste mere kao „Kupuj po nijansi“, izabran filter taman. */
:root .filters-area .filter-widget > .widget-title {
	min-height: 38px;
	padding: 0.45rem 1rem;
	background-color: transparent;
	font-size: 0.8125rem;
}

:root .filters-area .filter-widget > .widget-title:hover { border-color: var(--ext-c-heading); }

:root .filters-area .filter-widget.ext-has-value > .widget-title {
	border-color: var(--ext-c-heading);
	background-color: var(--ext-c-heading);
	color: var(--ext-c-bg);
}

/* Tekst kategorije ispod proizvoda (opis i dodatni opis): hijerarhija naslova, liste i linkovi kao u mockup-u. */
:root body.woocommerce .term-description { padding-top: var(--ext-space-xl); border-top: 1px solid var(--ext-c-line-soft); }
:root body.woocommerce :is(.term-description, .wd-term-desc) :is(h2, h3) { margin: 1.8rem 0 0.6rem; font-family: var(--ext-font-serif); font-weight: 500; line-height: 1.15; }
:root body.woocommerce :is(.term-description, .wd-term-desc) h2 { font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem); }
:root body.woocommerce :is(.term-description, .wd-term-desc) h3 { font-size: 1.45rem; }
:root body.woocommerce :is(.term-description, .wd-term-desc) a { border-bottom: 1px solid rgba(143, 82, 73, 0.35); color: var(--ext-c-accent); font-weight: 600; text-decoration: none; }
:root body.woocommerce :is(.term-description, .wd-term-desc) details { border-bottom: 1px solid var(--ext-c-line-soft); }
:root body.woocommerce :is(.term-description, .wd-term-desc) summary { padding: 1.1rem 0; color: var(--ext-c-heading); font-family: var(--ext-font-serif); font-size: 1.35rem; cursor: pointer; }

/* ---------- 36. Proizvod v2 (Faza 4, 2026-10-23) ---------- */
/* Sve stranice proizvoda (inc/ext-product.php, assets/js/ext-pdp.js), HTML blokovi „Proizvod v2 – …“ (16747, 16748)
   i pattern-i 16745–16746. Sekcije 1–35 ostaju iste. */

/* Galerija: kvadratni okvir kao kartice u Shop-u; klik i dalje otvara celu fotografiju. */
:root body.ext-pdp-v2 .woocommerce-product-gallery :is(.wd-gallery-images, .wd-gallery-thumb) img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	background-color: var(--ext-c-bg-alt);
}

:root body.ext-pdp-v2 .woocommerce-product-gallery .wd-gallery-thumb img { border-radius: var(--ext-radius); }

/* Natpis iznad naziva i cena sa jedinicom i stanjem. */
:root body.ext-pdp-v2 .summary .ext-pdp-eyebrow {
	margin-bottom: 0.7rem;
	color: var(--ext-c-accent);
	font-family: var(--ext-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

:root body.ext-pdp-v2 .summary .product_title { font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.5rem); }

:root body.ext-pdp-v2 .summary .price .ext-pdp-stock {
	margin-left: 0.15em;
	color: var(--ext-c-muted);
	font-size: 0.7em;
	font-weight: 500;
	white-space: nowrap;
}

:root body.ext-pdp-v2 .summary .price .ext-pdp-stock::before { content: "· "; }
:root body.ext-pdp-v2 .summary .price .ext-pdp-stock--outofstock { color: var(--ext-c-accent); }

/* Stajler: pet stilova i tri činjenice. */
:root body.ext-pdp-v2 .summary .ext-pdp-modes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	list-style: none;
}

:root body.ext-pdp-v2 .summary .ext-pdp-modes li {
	margin: 0;
	padding: 0.45rem 0.85rem;
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
	color: var(--ext-c-text);
	font-size: 0.78rem;
	line-height: 1.3;
}

:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
}

:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) > div {
	padding: 0.75rem 0.85rem;
	border-radius: var(--ext-radius-sm);
	background-color: var(--ext-c-bg-alt);
}

:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) b {
	display: block;
	color: var(--ext-c-heading);
	font-family: var(--ext-font-serif);
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.2;
}

:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) small {
	display: block;
	margin-top: 0.15rem;
	color: var(--ext-c-muted);
	font-size: 0.75rem;
	line-height: 1.35;
}

/* Linkovi u koloni (Sve nijanse, Koliko mi treba?). */
:root body.ext-pdp-v2 .summary .ext-pdp-link {
	border-bottom: 1px solid currentColor;
	color: var(--ext-c-accent);
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

:root body.ext-pdp-v2 .summary .ext-pdp-link:hover { color: var(--ext-c-heading); }

/* Krugovi nijansi (Flat tip). */
:root body.ext-pdp-v2 .summary .ext-pdp-shades__head,
:root body.ext-pdp-v2 .summary .ext-pdp-qty-label {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.4rem 1.1rem;
	color: var(--ext-c-muted);
	font-size: 0.9rem;
}

:root body.ext-pdp-v2 .summary .ext-pdp-shades__head { margin-bottom: 0.75rem; }
:root body.ext-pdp-v2 .summary .ext-pdp-shades__head b,
:root body.ext-pdp-v2 .summary .ext-pdp-qty-label > span { color: var(--ext-c-text); font-weight: 600; }

:root body.ext-pdp-v2 .summary .ext-pdp-shades__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 4px 0 0 4px;
	list-style: none;
}

:root body.ext-pdp-v2 .summary .ext-pdp-shades__list li { margin: 0; list-style: none; }

:root body.ext-pdp-v2 .summary .ext-pdp-shades__list a {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
	transition: box-shadow 0.2s ease, transform 0.2s var(--ext-ease);
}

:root body.ext-pdp-v2 .summary .ext-pdp-shades__list a:hover { box-shadow: 0 0 0 2px var(--ext-c-line); transform: translateY(-1px); }
:root body.ext-pdp-v2 .summary .ext-pdp-shades__list a.is-current { box-shadow: 0 0 0 2px var(--ext-c-bg), 0 0 0 4px var(--ext-c-heading); }

:root body.ext-pdp-v2 .summary .ext-pdp-shades__list img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* Forma: natpis, polje sa jednim okvirom i dugme u redu, ukupno i vodič ispod. */
:root body.ext-pdp-v2 .summary form.cart:not(.variations_form) {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}

:root body.ext-pdp-v2 .summary form.cart :is(.ext-pdp-qty-label, .ext-pdp-total, .ext-pdp-guide) { flex: 0 0 100%; margin: 0; }
:root body.ext-pdp-v2 .summary form.cart .ext-pdp-guide { scroll-margin-top: calc(var(--ext-hdr-h) + 1.5rem); }

:root body.ext-pdp-v2 .summary .quantity {
	display: inline-flex;
	align-items: stretch;
	height: 52px;
	margin: 0;
	border: 1px solid var(--ext-c-line-soft);
	border-radius: var(--ext-radius-pill);
	background-color: #FFFFFF;
	overflow: hidden;
}

:root body.ext-pdp-v2 .summary .quantity :is(.minus, .plus) {
	width: 44px;
	min-width: 44px;
	height: auto;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ext-c-text);
	font-size: 1.15rem;
	box-shadow: none;
}

:root body.ext-pdp-v2 .summary .quantity :is(.minus, .plus):hover { background: transparent; color: var(--ext-c-accent); }

:root body.ext-pdp-v2 .summary .quantity input.qty {
	width: 64px;
	min-width: 0;
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	box-shadow: none;
	-moz-appearance: textfield;
}

:root body.ext-pdp-v2 .summary .quantity input.qty::-webkit-inner-spin-button,
:root body.ext-pdp-v2 .summary .quantity input.qty::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

:root body.ext-pdp-v2 .summary .single_add_to_cart_button {
	flex: 1 1 12rem;
	min-height: 52px;
	padding: 0 1.75rem;
	border: 1px solid var(--ext-btn-bg);
	border-radius: var(--ext-btn-radius);
	background-color: var(--ext-btn-bg);
	color: var(--ext-btn-text);
	font-family: var(--ext-font-sans);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	box-shadow: none;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

:root body.ext-pdp-v2 .summary .single_add_to_cart_button:hover { border-color: var(--ext-btn-hover); background-color: var(--ext-btn-hover); color: var(--ext-c-bg); }

:root body.ext-pdp-v2 .summary .ext-pdp-total { color: var(--ext-c-muted); font-size: 0.9rem; line-height: 1.5; }
:root body.ext-pdp-v2 .summary .ext-pdp-total[hidden] { display: none; }
:root body.ext-pdp-v2 .summary .ext-pdp-total b { color: var(--ext-c-text); font-size: 1.05rem; font-weight: 700; }

/* Poverenje: dostava, plaćanje, pomoć oko nijanse. */
:root body.ext-pdp-v2 .summary .ext-pdp-trust {
	display: grid;
	gap: 0.7rem;
	padding: 1.1rem 0;
	border-block: 1px solid var(--ext-c-line-soft);
	list-style: none;
}

:root body.ext-pdp-v2 .summary .ext-pdp-trust li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin: 0;
	color: var(--ext-c-muted);
	font-size: 0.875rem;
	line-height: 1.5;
	list-style: none;
}

:root body.ext-pdp-v2 .summary .ext-pdp-trust svg {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: var(--ext-c-accent);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

:root body.ext-pdp-v2 .summary .ext-pdp-trust b { color: var(--ext-c-text); font-weight: 600; }
:root body.ext-pdp-v2 .summary .ext-pdp-trust a { color: var(--ext-c-accent); text-decoration: underline; text-underline-offset: 2px; }

/* Harmonika: opis, specifikacije, metode, nega, dostava. */
:root body.ext-pdp-v2 .summary .ext-pdp-acc__item { border-bottom: 1px solid var(--ext-c-line-soft); }

:root body.ext-pdp-v2 .summary .ext-pdp-acc__item > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	color: var(--ext-c-text);
	font-family: var(--ext-font-sans);
	font-size: 0.95rem;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

:root body.ext-pdp-v2 .summary .ext-pdp-acc__item > summary::-webkit-details-marker { display: none; }

:root body.ext-pdp-v2 .summary .ext-pdp-acc__item > summary::after {
	content: "+";
	color: var(--ext-c-accent);
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1;
	transition: transform 0.3s var(--ext-ease);
}

:root body.ext-pdp-v2 .summary .ext-pdp-acc__item[open] > summary::after { transform: rotate(45deg); }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body { padding-bottom: 1.2rem; }

:root body.ext-pdp-v2 .summary .ext-pdp-acc__body :is(p, li, td, th) {
	color: var(--ext-c-muted);
	font-family: var(--ext-font-sans);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
}

:root body.ext-pdp-v2 .summary .ext-pdp-acc__body :is(p, ul, table) { margin: 0 0 0.8rem; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body > :last-child { margin-bottom: 0; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body :is(strong, b, th) { color: var(--ext-c-text); font-weight: 600; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body ul { padding-left: 1.1rem; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body a { border-bottom: 1px solid currentColor; color: var(--ext-c-accent); font-weight: 600; text-decoration: none; }

/* Ručno upisana boja u opisu proizvoda (npr. crvena „NAPOMENA“) u boji iz palete. */
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body [style*="color"] { color: var(--ext-c-accent) !important; }

:root body.ext-pdp-v2 .summary .ext-pdp-acc__body .shop_attributes { width: 100%; border: 0; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body .shop_attributes :is(th, td) { padding: 0.45rem 1rem 0.45rem 0; border: 0; border-bottom: 1px solid var(--ext-c-line-soft); text-align: left; vertical-align: top; }
:root body.ext-pdp-v2 .summary .ext-pdp-acc__body .shop_attributes td p { margin: 0; }

/* Ispod proizvoda: bez praznog pojasa kartica; sekcije HTML bloka u Woodmart kontejneru, kao §35. */
:root body.ext-pdp-v2 .product-tabs-wrapper { padding: 0; border: 0; background-color: transparent; }
:root body.ext-pdp-v2 .ext-pdp-more { margin-top: var(--ext-space-l); }
:root body.ext-pdp-v2 .ext-pdp-more > .ext-section { padding-inline: 0; }
:root body.ext-pdp-v2 .ext-pdp-more > .ext-section > .alignwide { max-width: none; }
:root body.ext-pdp-v2 .ext-pdp-more > .ext-section.ext-spot { padding-inline: var(--ext-gutter); border-radius: var(--ext-radius-lg); }

/* Red od 4 proizvoda (EXT – Red proizvoda (4)). */
:root .ext-section.ext-row4 { padding-block: var(--ext-space-xl); }
:root .ext-section .ext-products--row4 .wc-block-product-template { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Stajler: pet stilova (EXT – Stajler: pet stilova). */
:root .ext-section.ext-spot { padding-block: var(--ext-space-xl); }
:root .ext-section .ext-spot__cols { gap: clamp(2rem, 1rem + 4vw, 5rem); }
:root .ext-section .ext-spot .ext-media--overlap > .wp-block-image:first-child img { aspect-ratio: 4 / 5; object-fit: cover; }
:root .ext-section .ext-spot .ext-media--overlap > .wp-block-image:nth-child(2) { width: 44%; }

:root .ext-section .ext-spot .ext-media--overlap figcaption {
	margin: 0.5rem 0 0;
	color: var(--ext-c-muted);
	font-size: 0.78rem;
	line-height: 1.4;
	text-align: center;
}

:root .ext-section .ext-spot__txt > * { margin-block: 0; }
:root .ext-section .ext-spot__txt > * + * { margin-top: 1.1rem; }
:root .ext-section .ext-spot__txt .ext-lead { color: var(--ext-c-muted); }

:root .ext-section .ext-spot__buy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem;
	margin-top: 1.75rem;
}

:root .ext-section .ext-spot__buy > * { margin: 0; }
:root .ext-section .ext-spot__buy .wc-block-components-product-price { color: var(--ext-c-accent); font-size: 1.5rem; font-weight: 700; }

/* Lepljiva traka „Dodaj u korpu“ (telefon), iznad trake za poziv; ext-pdp.js postavlja tačan razmak od te trake. */
:root .ext-buybar { display: none; }

@media (max-width: 1024px) {
	:root .ext-section .ext-products--row4 .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	:root body.ext-pdp-v2 .ext-buybar {
		position: fixed;
		right: 0;
		bottom: calc(51px + env(safe-area-inset-bottom, 0px));
		left: 0;
		z-index: 349;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px var(--ext-gutter);
		border-top: 1px solid var(--ext-c-line-soft);
		background-color: var(--ext-c-bg);
		box-shadow: 0 -12px 28px -20px rgba(46, 36, 32, 0.45);
		visibility: hidden;
		transform: translateY(calc(100% + 56px));
		transition: transform 0.3s var(--ext-ease), visibility 0.3s;
	}

	:root body.ext-pdp-v2 .ext-buybar.is-on { visibility: visible; transform: none; }
	:root body.ext-pdp-v2 .ext-buybar__txt { flex: 1 1 auto; min-width: 0; }

	:root body.ext-pdp-v2 .ext-buybar__txt b {
		display: block;
		overflow: hidden;
		color: var(--ext-c-text);
		font-size: 0.82rem;
		font-weight: 600;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	:root body.ext-pdp-v2 .ext-buybar__txt .price { color: var(--ext-c-accent); font-size: 0.95rem; font-weight: 700; }

	:root body.ext-pdp-v2 .ext-buybar__btn {
		flex: 0 0 auto;
		min-height: 44px;
		padding: 0 1.2rem;
		border: 0;
		border-radius: var(--ext-btn-radius);
		background-color: var(--ext-btn-bg);
		color: var(--ext-btn-text);
		font-family: var(--ext-font-sans);
		font-size: 0.85rem;
		font-weight: 600;
		letter-spacing: 0.02em;
	}

	:root body.ext-pdp-v2 .summary .ext-pdp-shades__list a { width: 40px; height: 40px; }
}

@media (max-width: 600px) {
	:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) { gap: 0.4rem; }
	:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) > div { padding: 0.65rem 0.6rem; }
	:root body.ext-pdp-v2 .summary :is(.ext-pdp-facts, .ext-pdp-guide) b { font-size: 1.1rem; }
}

/* ---------- 37. Edukacije v2 (Faza 5, 2026-10-23) ---------- */
/* Pattern-i „EXT – Edukacije hero“ do „EXT – Prijava (forma)“ (16750–16756) i draft „Edukacije“ (16757).
   Samo nove klase; sekcije 1–36 ostaju iste. */

/* Unutrašnje grupe: bez margina teme; razmake daju pravila ispod. */
:root .ext-section :is(.ext-ehero__txt, .ext-ehero__facts, .ext-ehero__fact, .ext-ehero__media, .ext-program, .ext-program__body, .ext-program__days, .ext-program__day, .ext-program__more, .ext-program__foot, .ext-online__box, .ext-online__txt, .ext-gets__grid, .ext-get, .ext-bio__txt, .ext-bio__quote, .ext-strip__row, .ext-signup__txt, .ext-signup__form) > * { margin-block: 0; }

/* Hero: tekst levo, Danijela desno, četiri činjenice u traci. */
:root .ext-section.ext-ehero { padding-block: var(--ext-space-xl); }
:root .ext-section .ext-ehero__cols { gap: clamp(2rem, 1rem + 4vw, 5rem); }
:root .ext-section .ext-ehero__txt h1 { margin-top: 0.9rem; }
:root .ext-section .ext-ehero__txt .ext-lead { margin-top: 1.25rem; color: var(--ext-c-muted); }
:root .ext-section .ext-ehero__txt .wp-block-buttons { gap: 0.7rem; margin-top: 1.9rem; }

:root .ext-section .ext-ehero__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin-top: 2.2rem;
	overflow: hidden;
	border-radius: var(--ext-radius);
	background-color: var(--ext-c-line-soft);
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
}

:root .ext-section .ext-ehero__fact { padding: 0.9rem 1rem; background-color: #FFFFFF; }
:root .ext-section .ext-ehero__n { color: var(--ext-c-heading); font-family: var(--ext-font-serif); font-size: 1.5rem; font-weight: 500; line-height: 1.1; }
:root .ext-section .ext-ehero__t { margin-top: 0.2rem; color: var(--ext-c-muted); font-size: 0.75rem; line-height: 1.35; }

:root .ext-section .ext-ehero__media { position: relative; }
:root .ext-section .ext-ehero__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--ext-radius-lg); box-shadow: var(--ext-shadow-soft); }

:root .ext-section .ext-ehero__badge {
	position: absolute;
	bottom: 1.1rem;
	left: 1.1rem;
	padding: 0.75rem 1.05rem;
	border-radius: var(--ext-radius);
	background-color: rgba(250, 246, 241, 0.94);
	box-shadow: var(--ext-shadow-soft);
	color: var(--ext-c-muted);
	font-size: 0.78rem;
	line-height: 1.45;
}

:root .ext-section .ext-ehero__badge strong { color: var(--ext-c-text); font-size: 0.92rem; }

/* Programi: dve kartice sa programom po danima i „Ceo program“. */
:root .ext-section .ext-programs__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }

:root .ext-section .ext-program {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-program__img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 35%; border-radius: 0; }

:root .ext-section .ext-program__badge {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 0.4rem 0.8rem;
	border-radius: var(--ext-radius-pill);
	background-color: rgba(46, 36, 32, 0.78);
	color: var(--ext-c-bg);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-transform: uppercase;
}

:root .ext-section .ext-program__body { display: flex; flex: 1; flex-direction: column; padding: clamp(1.4rem, 1rem + 1.4vw, 2.1rem); }
:root .ext-section .ext-program__body h3 { font-size: clamp(1.8rem, 1.5rem + 1vw, 2.2rem); font-weight: 500; }
:root .ext-section .ext-program__body > p { margin-top: 0.7rem; color: var(--ext-c-muted); }

:root .ext-section .ext-program__tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1rem; padding: 0; list-style: none; }

:root .ext-section .ext-program__tags.wp-block-list li {
	display: block;
	margin: 0;
	padding: 0.35rem 0.75rem;
	border-radius: var(--ext-radius-pill);
	background-color: var(--ext-c-bg-alt);
	color: var(--ext-c-text);
	font-size: 0.75rem;
	line-height: 1.3;
}

:root .ext-section .ext-program__tags li::marker { content: none; }

:root .ext-section .ext-program__days {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.4rem;
	margin-top: 1.4rem;
	padding-top: 1.3rem;
	border-top: 1px solid var(--ext-c-line-soft);
}

:root .ext-section .ext-program__day h4 { color: var(--ext-c-accent); font-family: var(--ext-font-sans); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
:root .ext-section .ext-program__day-sub { margin-top: 0.35rem; color: var(--ext-c-heading); font-size: 0.92rem; font-weight: 600; line-height: 1.4; }
:root .ext-section .ext-program__day ul { margin-top: 0.6rem; padding-left: 1.05rem; }
:root .ext-section .ext-program__day li { margin: 0; color: var(--ext-c-muted); font-size: 0.85rem; line-height: 1.6; }

:root .ext-section .ext-program__more { margin-top: 1.4rem; border-block: 1px solid var(--ext-c-line-soft); }

:root .ext-section .ext-program__more > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.95rem 0;
	color: var(--ext-c-text);
	font-size: 0.92rem;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

:root .ext-section .ext-program__more > summary::-webkit-details-marker { display: none; }
:root .ext-section .ext-program__more > summary::after { content: "+"; color: var(--ext-c-accent); font-size: 1.3rem; font-weight: 400; line-height: 1; transition: transform 0.3s var(--ext-ease); }
:root .ext-section .ext-program__more[open] > summary::after { transform: rotate(45deg); }
:root .ext-section .ext-program__more > :not(summary) { margin-bottom: 0.9rem; }
:root .ext-section .ext-program__more :is(p, li) { color: var(--ext-c-muted); font-size: 0.88rem; line-height: 1.65; }
:root .ext-section .ext-program__more strong { color: var(--ext-c-text); font-weight: 600; }
:root .ext-section .ext-program__more ul { padding-left: 1.05rem; }
:root .ext-section .ext-program__more li + li { margin-top: 0.45rem; }

:root .ext-section .ext-program__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1.4rem; }
:root .ext-section .ext-program__price { color: var(--ext-c-accent); font-size: 1.1rem; font-weight: 700; }
:root .ext-section .ext-program__price small { color: var(--ext-c-muted); font-size: 0.8rem; font-weight: 500; }
:root .ext-section .ext-program__foot .wp-block-button__link { min-height: 44px; padding: 0.8rem 1.4rem; font-size: 0.75rem; }

/* Online edukacije: traka sa tekstom i dugmadima. */
:root .ext-section.ext-online { padding-block: var(--ext-space-xl) 0; }

:root .ext-section .ext-online__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: clamp(1.5rem, 1rem + 2vw, 2.6rem);
	border-radius: var(--ext-radius-lg);
	background-color: var(--ext-c-nude);
}

:root .ext-section .ext-online__txt h2 { margin-top: 0.6rem; font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem); }
:root .ext-section .ext-online__txt p:not(.ext-eyebrow) { margin-top: 0.6rem; max-width: 38rem; }
:root .ext-section .ext-online__actions { flex: 0 0 auto; gap: 0.6rem; margin: 0; }

/* Šta dobijate: četiri kartice sa ikonicom. */
:root .ext-section .ext-sec-head--center { justify-content: center; text-align: center; }
:root .ext-section .ext-sec-head--center .ext-sec-head__txt { margin-inline: auto; }

:root .ext-section .ext-gets__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }

:root .ext-section .ext-get {
	position: relative;
	padding: 1.6rem 1.4rem 1.7rem;
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-get::before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 1.1rem;
	border-radius: 50%;
	background-color: var(--ext-c-bg-alt);
}

:root .ext-section .ext-get::after {
	content: "";
	position: absolute;
	top: calc(1.6rem + 11px);
	left: calc(1.4rem + 11px);
	width: 24px;
	height: 24px;
	background-color: var(--ext-c-accent);
	-webkit-mask: var(--ext-get-icon) center / contain no-repeat;
	mask: var(--ext-get-icon) center / contain no-repeat;
}

:root .ext-get--cert { --ext-get-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13.5L8 21l4-2 4 2-1-7.5'/%3E%3C/svg%3E"); }
:root .ext-get--one { --ext-get-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='9' cy='8.5' r='3.3'/%3E%3Cpath d='M3 19.5c.9-3.3 3.3-5 6-5s5.1 1.7 6 5'/%3E%3Ccircle cx='17' cy='9.5' r='2.6'/%3E%3Cpath d='M16.5 14.6c2.2.2 3.8 1.7 4.5 4.4'/%3E%3C/svg%3E"); }
:root .ext-get--model { --ext-get-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 3c1.2 4.5 3.5 6.8 8 8-4.5 1.2-6.8 3.5-8 8-1.2-4.5-3.5-6.8-8-8 4.5-1.2 6.8-3.5 8-8z'/%3E%3C/svg%3E"); }
:root .ext-get--biz { --ext-get-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }

:root .ext-section .ext-get h3 { font-size: 1.4rem; }
:root .ext-section .ext-get p { margin-top: 0.5rem; color: var(--ext-c-muted); font-size: 0.9rem; line-height: 1.6; }

/* Edukator: slika, tekst „O meni“ i citat. */
:root .ext-section .ext-bio__cols { gap: clamp(2rem, 1rem + 4vw, 5rem); }
:root .ext-section .ext-bio__img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--ext-radius-lg); box-shadow: var(--ext-shadow-soft); }
:root .ext-section .ext-bio__txt h2 { margin-top: 0.9rem; }
:root .ext-section .ext-bio__txt > p:not(.ext-eyebrow) { margin-top: 1rem; color: var(--ext-c-muted); }

:root .ext-section blockquote.ext-bio__quote {
	margin: 1.6rem 0 0;
	padding: 0 0 0 1.2rem;
	border: 0;
	border-left: 2px solid var(--ext-c-accent-soft);
	background: none;
	quotes: none;
}

:root .ext-section blockquote.ext-bio__quote::before,
:root .ext-section blockquote.ext-bio__quote::after { content: none; display: none; }
:root .ext-section .ext-bio__quote p { color: var(--ext-c-heading); font-family: var(--ext-font-serif); font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem); font-style: italic; line-height: 1.3; }

/* Traka od tri fotografije (na telefonu se prevlači). */
:root .ext-section .ext-strip__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
:root .ext-section .ext-strip__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--ext-radius-lg); }

/* Prijava: tekst levo, postojeća forma desno, u beloj kartici. */
:root .ext-section .ext-signup__card {
	gap: clamp(2rem, 1rem + 4vw, 4.5rem);
	padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
	border-radius: var(--ext-radius-lg);
	background-color: #FFFFFF;
	box-shadow: var(--ext-shadow-soft);
}

:root .ext-section .ext-signup__txt h2 { margin-top: 0.9rem; }
:root .ext-section .ext-signup__txt .ext-lead { margin-top: 1rem; color: var(--ext-c-muted); }
:root .ext-section .ext-signup__txt .wp-block-buttons { gap: 0.6rem; margin-top: 1.6rem; }

/* Flat tip u redu proizvoda: „Izaberi količinu“ (inc/ext-shop.php) kao ostala dugmad u karticama. */
:root .ext-section .ext-products .wc-block-product .ext-choose-qty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	margin-top: 0.85rem;
	padding: 0.7rem 1rem;
	border: 1px solid var(--ext-c-heading);
	border-radius: var(--ext-btn-radius);
	background-color: transparent;
	color: var(--ext-c-heading);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: var(--ext-btn-transform);
	text-decoration: none;
	box-shadow: none;
}

:root .ext-section .ext-products .wc-block-product .ext-choose-qty:hover { background-color: var(--ext-c-heading); color: var(--ext-c-bg); }

@media (max-width: 1024px) {
	:root .ext-section .ext-gets__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:root .ext-section .ext-ehero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	:root .ext-section .ext-programs__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 782px) {
	:root .ext-section .ext-online__box { flex-direction: column; align-items: flex-start; }
	:root .ext-section .ext-strip__row { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	:root .ext-section .ext-strip__row::-webkit-scrollbar { display: none; }
	:root .ext-section .ext-strip__img { flex: 0 0 78%; scroll-snap-align: start; }
}

@media (max-width: 600px) {
	:root .ext-section .ext-program__days { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-gets__grid { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-ehero__n { font-size: 1.3rem; }
}

/* ---------- 38. Nijanse (Faza 6, 2026-10-23; dorada po mockup-u istog dana) ---------- */
/* Stranice /boja/<nijansa>/ iz inc/ext-shade.php i sekcija „<Nijansa> u drugim metodama i bez salona“ na proizvodu.
   Mere iz mockup.css (.shade-hero, .method-row, .pcard--soon, .alt-band, .capbar). Traka nijansi, „Povezano“ i .ext-capbar su iz §34 i §35. */

:root .ext-shade-v2 > .ext-section:not(.ext-plp-top) { padding-block: var(--ext-space-l); }
:root .ext-shade-v2 :is(.ext-shade-method, .ext-shade-band__txt) > * { margin-block: 0; }

/* Uvod: veliki krug levo; natpis, H1, tekst i cene ispod teksta. */
:root .ext-section .ext-shade-head { grid-template-columns: auto minmax(0, 1fr); gap: clamp(1.2rem, 1rem + 2vw, 3rem); align-items: center; }

:root .ext-section .ext-shade-head__dot {
	width: clamp(120px, 6rem + 6vw, 196px);
	aspect-ratio: 1;
	padding: 6px;
	border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0 0 0 1px var(--ext-c-line-soft);
}

:root .ext-section .ext-shade-head__img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
:root .ext-section .ext-shade-head .ext-plp-head__txt .ext-plp-head__facts { margin-top: 1.2rem; }
:root .ext-section .ext-shade-head .ext-plp-head__facts b { color: var(--ext-c-heading); font-weight: 600; }

/* Traka nijansi (klase iz §35): označena trenutna nijansa. */
:root .ext-section.ext-shade-strip { padding-block: 0 var(--ext-space-m); }
:root .ext-section .ext-shadebar__item.is-current .ext-shadebar__dot img { box-shadow: 0 0 0 2px var(--ext-c-bg), 0 0 0 4px var(--ext-c-heading); }
:root .ext-section .ext-shadebar__item.is-current .ext-shadebar__name { font-weight: 700; }

/* Po metodi: H2, kratak tekst i velika kartica; tekst iste visine, da kartice počinju u istoj liniji. */
:root .ext-section .ext-shade-methods__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
:root .ext-section .ext-shade-method { display: flex; flex-direction: column; }
:root .ext-section .ext-shade-method h2 { font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem); }
:root .ext-section .ext-shade-method > p { min-height: 2.9em; margin: 0.4rem 0 1rem; color: var(--ext-c-muted); font-size: 0.86rem; line-height: 1.5; }
:root .ext-section .ext-shade-method > .ext-products { display: flex; flex: 1; flex-direction: column; }
:root .ext-section .ext-shade-method > .ext-products > .wc-block-product-template { flex: 1; grid-template-columns: minmax(0, 1fr); }

/* Natpis na kartici (metoda ili „bez salona“) i Weft kartica „uskoro“. */
:root .ext-section .ext-products .ext-pcard__cat { margin-top: 0.95rem; padding-inline: 0.45rem; color: var(--ext-c-muted); font-size: 0.66rem; font-weight: 600; line-height: 1.3; letter-spacing: 0.16em; text-transform: uppercase; }
:root .ext-section .ext-products .ext-pcard__cat + .ext-pcard__name { margin-top: 0.3rem; }
:root .ext-section .ext-products .ext-pcard__meta { margin-top: 0.25rem; padding-inline: 0.45rem; color: var(--ext-c-muted); font-size: 0.78rem; line-height: 1.4; }

:root .ext-section .ext-products--soon .wc-block-product-template { display: grid; margin: 0; padding: 0; list-style: none; }
:root .ext-section .ext-products--soon .ext-soon__media { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 15px; background-color: var(--ext-c-bg-alt); }
:root .ext-section .ext-products--soon .ext-soon__img { width: 56%; height: 56%; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 6px #FFFFFF; }
:root .ext-section .ext-products--soon .ext-badge { position: absolute; top: 10px; left: 10px; }
:root .ext-section .ext-products--soon .ext-soon__price { margin-top: auto; padding: 0.8rem 0.45rem 0; color: var(--ext-c-heading); font-size: 1rem; font-weight: 700; }

/* „Izaberi količinu“ (inc/ext-shop.php) velikim slovima kao ostala dugmad u karticama; pravilo za WooCommerce stranice ima ID u selektoru. */
:root .ext-section .ext-products .wc-block-product .ext-choose-qty { text-transform: var(--ext-btn-transform) !important; }

/* Kartice proizvoda na proizvodu (sekcija nijanse): 4 u redu. */
:root .ext-section .ext-products--shade .wc-block-product-template { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* „Bez salona“: bež traka preko cele širine ekrana (senka i clip-path, bez 100vw), tekst levo i dve kartice desno. */
:root .ext-shade-v2 > .ext-section.ext-shade-instant { box-shadow: 0 0 0 100vmax var(--ext-c-bg-alt); clip-path: inset(0 -100vmax); }

:root .ext-section .ext-shade-band {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(1.5rem, 1rem + 3vw, 4rem);
	align-items: center;
}

:root .ext-section .ext-shade-band__txt > .ext-eyebrow { margin-bottom: 0.9rem; }
:root .ext-section .ext-shade-band__txt > .ext-shade-band__lead { max-width: 30rem; margin-top: 0.8rem; color: var(--ext-c-muted); font-size: clamp(1rem, 0.95rem + 0.25vw, 1.15rem); line-height: 1.6; }
:root .ext-section .ext-shade-band__txt > .wp-block-buttons { margin-top: 1.4rem; }
:root .ext-section .ext-shade-band .ext-products--shade .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

/* Pomoć oko nijanse: traka .ext-capbar (§34) na vrhu „Povezano“. */
:root .ext-section .ext-capbar.ext-shade-capbar { margin: 0 0 2.4rem; }
:root .ext-section .ext-shade-help .ext-capbar.ext-shade-capbar { margin-bottom: 0; }
:root .ext-section .ext-shade-capbar > p a { border-bottom: 1px solid currentColor; color: inherit; text-decoration: none; }
:root .ext-section .ext-shade-capbar .wp-block-buttons { flex: 0 0 auto; }

/* Prazan okvir za WooCommerce poruke pre kartica pravi razmak od 20 px; bez njega kartice i Weft kartica počinju u istoj liniji. */
:root .ext-shade-v2 .ext-products > .wc-block-components-notices { margin: 0; }

/* Sekcija na proizvodu: u Woodmart kontejneru, na bež traci preko cele širine ekrana (mockup proizvod.html, .sec--alt). */
:root body.ext-pdp-v2 .ext-section.ext-shade-related {
	margin-top: var(--ext-space-l);
	padding-inline: 0;
	padding-block: clamp(3rem, 1.5rem + 3.5vw, 5rem);
	background-color: var(--ext-c-bg-alt);
	box-shadow: 0 0 0 100vmax var(--ext-c-bg-alt);
	clip-path: inset(0 -100vmax);
}

/* Kartica edukacije na Flat tip i Tape in proizvodima (mockup .pcard--promo): fotografija, natpis, naslov, tekst i dugme dole. */
:root .ext-section .ext-products .ext-pcard-promo {
	position: relative;
	display: flex;
	overflow: hidden;
	margin: 0;
	border-radius: 22px;
	background-color: var(--ext-c-heading);
	box-shadow: var(--ext-shadow-soft);
	isolation: isolate;
	transition: transform 0.3s var(--ext-ease), box-shadow 0.3s ease;
}

:root .ext-section .ext-products .ext-pcard-promo:hover { transform: translateY(-4px); box-shadow: var(--ext-shadow-lift); }

:root .ext-section .ext-pcard-promo__link {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 100%;
	padding: 1.6rem;
	color: #FFFFFF;
	text-decoration: none;
}

:root .ext-section .ext-pcard-promo__link::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(46, 36, 32, 0.05) 20%, rgba(46, 36, 32, 0.88) 100%); }
:root .ext-section .ext-pcard-promo img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
:root .ext-section .ext-pcard-promo .ext-eyebrow { margin: 0 0 0.5rem; color: var(--ext-c-nude); }
:root .ext-section .ext-pcard-promo .ext-pcard-promo__title { margin: 0; color: #FFFFFF; font-family: var(--ext-font-serif); font-size: clamp(1.5rem, 1.3rem + 0.6vw, 1.85rem); font-weight: 500; line-height: 1.15; }
:root .ext-section .ext-pcard-promo__text { margin-top: 0.6rem; color: rgba(255, 255, 255, 0.86); font-size: 0.86rem; line-height: 1.5; }

:root .ext-section .ext-pcard-promo__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 1.1rem;
	padding: 0.7rem 1rem;
	border-radius: var(--ext-btn-radius);
	background-color: var(--ext-c-bg);
	color: var(--ext-c-heading);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: var(--ext-btn-transform);
}

@media (max-width: 600px) {
	:root .ext-section .ext-pcard-promo__link { padding: 1rem; }
	:root .ext-section .ext-pcard-promo__text { font-size: 0.8rem; }
	:root .ext-section .ext-pcard-promo__btn { min-height: 38px; padding: 0.55rem 0.5rem; font-size: 0.66rem; letter-spacing: 0.06em; white-space: nowrap; }
}

@media (max-width: 1024px) {
	:root .ext-section .ext-products--shade .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Do 900 px kolone metoda i traka „Bez salona“ idu jedna ispod druge (kartice „Bez salona“ ostaju dve u redu). */
@media (max-width: 900px) {
	:root .ext-section .ext-shade-methods__grid, :root .ext-section .ext-shade-band { grid-template-columns: minmax(0, 1fr); }
	:root .ext-section .ext-shade-method > p { min-height: 0; }
}

/* Telefon: krug nijanse iznad natpisa. */
@media (max-width: 600px) {
	:root .ext-section .ext-shade-head { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

/* ---------- Faza 1A, dan 5 ---------- */
/* Woodmart tipografija (broj u korpi, bočna korpa) koristi font sajta; Woodmart-ov Poppins sa Google-a se više ne učitava. */
:root:root {
	--wd-text-font: var(--ext-font-sans);
	--wd-title-font: var(--ext-font-sans);
	--wd-entities-title-font: var(--ext-font-sans);
	--wd-widget-title-font: var(--ext-font-sans);
	--wd-header-el-font: var(--ext-font-sans);
}

/* Zumiranje je dozvoljeno: polja od 16 px, da iPhone ne uvećava stranicu kad se polje dodirne. */
@media (max-width: 1024px) {
	:root :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="hidden"]), select, textarea) {
		font-size: 16px;
	}
}