/* =========================================================================
   Krug 3 (design_handoff_krug3, 14.10.2026.)
   G5 tekst, service-hero, rail-figure, photo-strip, closing-form.
   Ucitava se iza patterns.css i namjerno gazi starija pravila za iste
   blokove. Prijelomi kao u prototipu: 760 px (mobitel) i 1100 px.
   ========================================================================= */

/* G5 — tijelo 400, #3A3A3A, 1.7 -------------------------------------------- */
body { font-weight: 400; }

.td-rail {
	gap: clamp(20px, 5vw, 72px);
	padding: clamp(48px, 7vw, 110px) var(--wp--preset--spacing--gutter);
}

.td-rail__head { flex: 1 1 300px; }
.td-rail__num { color: var(--wp--preset--color--accent-text); }
.td-rail__head h2 { font-size: clamp(30px, 3.2vw, 50px); }

.td-rail__body { flex: 1.5 1 440px; max-width: 680px; gap: 20px; }
.td-rail__body .td-prose { gap: 20px; }

.td-rail__body p:not([class*="td-"]),
.td-rail .td-process__step p {
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	line-height: 1.7;
	color: var(--wp--preset--color--text-lead);
}

/* Prvi odlomak sekcije (prije ijednog H3) je lead. */
.td-rail__body > p:first-child:not([class*="td-"]),
.td-rail__body > .td-prose:first-child > p:first-child:not([class*="td-"]),
.has-standfirst .td-rail__body > p:first-child,
.has-standfirst .td-rail__body > .td-prose:first-child > p:first-child {
	font-size: clamp(19px, 1.5vw, 23px);
	font-weight: 300;
	line-height: 1.45;
	letter-spacing: normal;
	color: var(--wp--preset--color--text-statement);
}

/* H3 u tijelu: broj 12 px u accent-text, crta #EAEAEA (pijesak #DFDDD8). */
.td-rail__body h3 { margin-block-start: 14px; padding-block-start: 24px; }
.td-rail__body h3::before { font-size: 12px; color: var(--wp--preset--color--accent-text); }

/* Odlomak ispod numeriranog H3 stoji u ravnini s tekstom naslova. */
.td-rail__body h3 ~ p:not([class*="td-"]),
.td-rail .td-process__step p { padding-inline-start: 44px; }

/* Sekcija s jednim H3: bez broja i bez uvlake (gen.js: numbered samo za >1). */
.td-rail__body--h3-plain h3 { display: block; }
.td-rail__body--h3-plain h3::before { content: none; }
.td-rail__body--h3-plain h3 ~ p:not([class*="td-"]) { padding-inline-start: 0; }

.td-rail .td-process { gap: 18px; }
.td-rail .td-process__step h3 { margin-block-start: 14px; }
.td-rail .td-process__step:first-child h3 { margin-block-start: 0; padding-block-start: 2px; border-block-start: 0; }
.td-rail .td-process__step p { margin-block-start: 18px; }

/* Numerirani popis: 44 px broj, crta iznad, zadnja ispod. */
.td-rail .td-checklist { border-block-end: 1px solid var(--wp--preset--color--line); }
.td-rail--sand .td-checklist { border-block-end-color: var(--wp--preset--color--line-surface); }
.td-rail .td-checklist li {
	padding: 18px 0;
	font-size: clamp(16px, 1.15vw, 18px);
	line-height: 1.6;
	color: var(--wp--preset--color--text-statement);
}
.td-rail .td-checklist li::before { font-size: 12px; color: var(--wp--preset--color--accent-text); }

/* Strelica-link u tijelu sekcije ("See our removal service →"). */
.td-rail__body .td-rail__more { margin: 0; }
.td-rail__more a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-text);
}

/* Eyebrow unutar tijela sekcije. */
.td-rail__body .td-rail__eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-text);
}

/* Tamna sekcija. */
.td-rail--ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.td-rail--ink .td-rail__num,
.td-rail--ink h3::before,
.td-rail--ink .td-checklist li::before { color: var(--wp--preset--color--accent-on-dark); }
.td-rail--ink .td-rail__body p:not([class*="td-"]) { color: rgba(255, 255, 255, .82); }
.td-rail--ink .td-rail__body > p:first-child:not([class*="td-"]),
.td-rail--ink .td-rail__body > .td-prose:first-child > p:first-child { color: rgba(255, 255, 255, .92); }
.td-rail--ink h3, .td-rail--ink .td-checklist li { border-color: #2A2A2A; color: var(--wp--preset--color--base); }

/* rail-figure — 4:5 ispod H2, sticky sa stupcem. Krug 4: --r 4/3 kad je tekst
   desno 380–700 px (R2); ispod 380 px fotografija ide u tijelo (.td-rail__inline--body). */
.td-rail__fig {
	position: relative;
	margin: clamp(24px, 2.6vw, 40px) 0 0;
	aspect-ratio: var(--r, 4 / 5);
	max-width: 460px;
	background: var(--wp--preset--color--line-surface);
}
.td-rail__fig img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* Izrezani predmet bez pozadine (trofej na About, Tea 16.10.): cijeli, na pozadini sekcije. */
.td-rail__fig--cutout { background: none; }
.td-rail__fig--cutout img { object-fit: contain; }

/* photo-strip i photo-band ------------------------------------------------- */
.td-band:not(.td-band--one) { grid-template-columns: 1fr 1fr; }
.td-band figure { aspect-ratio: var(--r, 5 / 4); }
.td-band--one figure { aspect-ratio: var(--r, 21 / 8); }
.td-band img { position: absolute; inset: 0; }

/* service-hero (G6) ------------------------------------------------------- */
.td-shero {
	display: flex;
	flex-direction: row-reverse;
	background: var(--wp--preset--color--base);
	border-block-end: 1px solid var(--wp--preset--color--line);
}
.td-shero > * { margin-block: 0; }

.td-shero__photo {
	position: relative;
	flex: 0 0 50%;
	height: var(--h, clamp(520px, 52vw, 780px));
	margin: 0;
	background: var(--wp--preset--color--line-surface);
}
.td-shero__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.td-shero__text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px clamp(32px, 5vw, 96px) 48px var(--wp--preset--spacing--gutter);
}
.td-shero__text > * { margin-block: 0; }

.td-shero__eyebrow {
	align-self: flex-start;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .2em;
	text-transform: uppercase;
}
.td-shero__eyebrow a { color: var(--wp--preset--color--accent-text); text-decoration: none; }
.td-shero__eyebrow a:hover { text-decoration: underline; text-underline-offset: .28em; }

.td-shero h1 {
	margin-block-start: 18px;
	font-weight: 200;
	font-size: clamp(40px, 5vw, 76px);
	line-height: .92;
	letter-spacing: -.05em;
	max-width: var(--ch, 11ch);
	text-wrap: balance;
}
.td-shero__eyebrow + h1 { margin-block-start: 18px; }
.td-shero h1:first-child { margin-block-start: 0; }

.td-shero__lede {
	margin-block-start: clamp(20px, 2vw, 30px) !important;
	font-weight: 300;
	font-size: clamp(18px, 1.5vw, 22px);
	line-height: 1.45;
	color: var(--wp--preset--color--text-strong);
	max-width: 32ch;
	text-wrap: pretty;
}

.td-shero__meta {
	margin-block-start: clamp(24px, 2.4vw, 36px) !important;
	padding-block-start: 18px;
	border-block-start: 1px solid var(--wp--preset--color--line);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	letter-spacing: .14em;
	line-height: 2;
	text-transform: uppercase;
	color: var(--wp--preset--color--text-body);
}

.td-shero__cta { margin-block-start: clamp(26px, 2.6vw, 40px) !important; }
.td-shero__cta .td-cta,
.td-btn-k3 {
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	padding: 0 28px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	transition: background var(--wp--custom--motion--duration) var(--wp--custom--motion--easing);
}
.td-shero__cta .td-cta:hover,
.td-btn-k3:hover { background: var(--wp--preset--color--accent-hover); color: var(--wp--preset--color--base); }

.td-shero--dark { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border-block-end-color: var(--wp--preset--color--ink); }
.td-shero--dark .td-shero__photo { background: var(--wp--preset--color--ink-panel); }
.td-shero--dark .td-shero__eyebrow a { color: var(--wp--preset--color--accent-on-dark); }
.td-shero--dark h1 { color: var(--wp--preset--color--base); }
.td-shero--dark .td-shero__lede { color: rgba(255, 255, 255, .88); }
.td-shero--dark .td-shero__meta { color: rgba(255, 255, 255, .75); border-block-start-color: #2A2A2A; }

@media (max-width: 1099px) {
	.td-shero { flex-direction: column; }
	.td-shero__photo { flex: 0 0 auto; height: auto; aspect-ratio: 3 / 2; }
	.td-shero__text { padding: 44px var(--wp--preset--spacing--gutter) 56px; }
}

@media (max-width: 759px) {
	.td-shero__photo { aspect-ratio: var(--rm, 4 / 3); }
	.td-shero__text { padding: 22px 24px 36px; }
	.td-shero h1 { margin-block-start: 12px; }
	.td-shero__lede { margin-block-start: 14px !important; }
	.td-shero__cta { margin-block-start: 22px !important; }
}

/* closing-form (G8) ------------------------------------------------------- */
.td-quote.td-quote--k3 {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(36px, 6vw, 110px);
	align-items: flex-start;
	background: var(--wp--preset--color--surface);
	padding: clamp(48px, 7vw, 120px) var(--wp--preset--spacing--gutter);
	border: 0;
	scroll-margin-top: 90px;
}
.td-quote--k3 > * { margin-block: 0 !important; }

.td-quote--k3 > .td-quote__aside { flex: 1 1 340px; max-width: 500px; display: flex; flex-direction: column; }
.td-quote--k3 > .td-quote__aside > * { margin-block: 0; }
.td-quote--k3 > :not(.td-quote__aside) { flex: 1.4 1 440px; min-width: 0; }

.td-quote.td-quote--k3 h2 {
	font-weight: 200;
	font-size: clamp(32px, 3.8vw, 60px);
	line-height: .96;
	letter-spacing: -.045em;
	max-width: none;
	text-wrap: balance;
}
.td-quote.td-quote--k3 h2 + p {
	margin-block-start: 20px;
	font-size: clamp(16px, 1.15vw, 18px);
	line-height: 1.7;
	color: var(--wp--preset--color--text-lead);
	max-width: 38ch;
}

.td-quote__cards {
	margin-block-start: 30px !important;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 1px;
	background: var(--wp--preset--color--line-surface);
	border: 1px solid var(--wp--preset--color--line-surface);
}
.td-quote__cards > div { background: var(--wp--preset--color--base); padding: 18px 20px; }
.td-quote__cards p { margin: 0; font-size: 15px; line-height: 1.5; }
.td-quote__cards .td-quote__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-text);
	line-height: normal;
}
.td-quote__cards .td-quote__label + p { margin-block-start: 8px; }
.td-quote__cards a { color: var(--wp--preset--color--ink); }

.td-quote__fig {
	position: relative;
	margin: 24px 0 0 !important;
	aspect-ratio: 4 / 3;
	max-width: 460px;
	background: var(--wp--preset--color--line-surface);
}
.td-quote__fig img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Polja: okvir 1px, bijela podloga, 48 px. */
.td-quote--k3 .td-form { gap: clamp(22px, 2.4vw, 30px); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.td-quote--k3 .td-field { margin: 0; }
.td-quote--k3 .td-field label,
.td-quote--k3 .td-field:has(.td-roles) > p > label {
	display: block;
	margin-block-end: 8px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--text-body);
}
.td-quote--k3 .td-field:has(.td-roles) > p { margin: 0; }
.td-quote--k3 .td-field input:not([type="radio"]):not([type="file"]),
.td-quote--k3 .td-field select,
.td-quote--k3 .td-field textarea {
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid var(--wp--preset--color--line-surface);
	background: var(--wp--preset--color--base);
	font-size: 16px;
	line-height: 1.4;
}
.td-quote--k3 .td-field input:focus-visible,
.td-quote--k3 .td-field select:focus-visible,
.td-quote--k3 .td-field textarea:focus-visible { outline: 2px solid var(--wp--preset--color--ink); outline-offset: 0; }

.td-quote--k3 .td-roles .wpcf7-radio { gap: 8px; }
.td-quote--k3 .td-roles label {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	margin: 0;
	border: 1px solid var(--wp--preset--color--line-surface);
	background: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 15px;
	letter-spacing: normal;
	text-transform: none;
	color: var(--wp--preset--color--text-strong);
}

.td-quote--k3 .td-field input[type="file"] {
	width: 100%;
	min-height: 64px;
	padding: 20px 18px;
	text-align: start;
	border: 1px dashed var(--wp--preset--color--line-footer);
	background: var(--wp--preset--color--base);
	font-size: 15px;
	color: var(--wp--preset--color--text-body);
}

.td-quote--k3 .td-submit { min-height: 56px; padding: 0 40px; }
.td-quote--k3 .td-form__note { font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--text-body); }

/* Gumb i napomena u istom redu kad ima mjesta. */
@media (min-width: 760px) {
	.td-quote--k3 .td-form > p:has(.td-submit) { grid-column: 1 / 2; }
	.td-quote--k3 .td-form > .td-form__note { grid-column: 2 / -1; align-self: center; }
}

/* CTA traka (svijetla i tamna) ------------------------------------------- */
.td-ctaband {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: clamp(44px, 6vw, 90px) var(--wp--preset--spacing--gutter);
	background: var(--wp--preset--color--surface);
	border-block-start: 1px solid var(--wp--preset--color--line-surface);
}
.td-ctaband > * { margin: 0 !important; }
.td-ctaband h2 {
	font-weight: 200;
	font-size: clamp(30px, 3.6vw, 58px);
	line-height: .98;
	letter-spacing: -.045em;
	max-width: 18ch;
	text-wrap: balance;
}
.td-ctaband .td-btn-k3 { min-height: 56px; padding: 0 32px; }
.td-ctaband--ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border: 0; }
.td-ctaband--ink h2 { color: var(--wp--preset--color--base); }

/* Mobitel ---------------------------------------------------------------- */
@media (max-width: 799px) and (min-width: 760px) {
	.td-rail__head { position: sticky; }
}

@media (max-width: 759px) {
	.td-rail > .td-k3routes { order: 4; margin-block-start: 40px; }
	/* Glava sekcije se rastvara, pa rail-figure moze iza teksta: prvi odlomak
	   ostaje odmah ispod H2 (SEO pravilo). */
	.td-rail { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0; }
	.td-rail__head { display: contents; }
	.td-rail__body { flex: none; max-width: none; margin-block-start: 20px; }
	.td-rail__fig { order: 3; margin-block-start: 28px; max-width: none; }

	.td-band:not(.td-band--one) figure { aspect-ratio: var(--rm, 4 / 5); }
	.td-band--one figure { aspect-ratio: var(--rm, 4 / 3); }
}

/* Header i footer ostaju kakvi su bili prije G5 (300), krug 3 ih ne mijenja. */
.td-footer { font-weight: 300; }
.td-rail__body .td-offices__label { color: var(--wp--preset--color--accent-text); }
.td-rail__body .td-offices__note { color: var(--wp--preset--color--text-body-2); }
.td-quote__cards .td-quote__hours { font-size: 14px; color: var(--wp--preset--color--text-body); }

/* spec-table (Panels) — vizualno grid, semanticki tablica ---------------- */
.td-k3spec { background: var(--wp--preset--color--surface); padding: clamp(44px, 6vw, 90px) var(--wp--preset--spacing--gutter); }
.td-k3spec__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 16px; }
.td-k3spec h2 { margin: 0; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; }
.td-k3spec__tag { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--text-body); }
.td-k3spec table { margin-block-start: clamp(24px, 3vw, 44px); width: 100%; border-collapse: collapse; display: block; }
.td-k3spec tbody {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(4, auto);
	grid-auto-flow: column;
	column-gap: clamp(32px, 5vw, 96px);
}
.td-k3spec tr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	gap: 16px;
	align-items: baseline;
	padding: 18px 0;
	border-block-start: 1px solid var(--wp--preset--color--line-surface);
}
.td-k3spec tr:nth-child(4n) { border-block-end: 1px solid var(--wp--preset--color--line-surface); }
.td-k3spec th { text-align: start; font-weight: 400; font-size: clamp(16px, 1.15vw, 18px); color: var(--wp--preset--color--text-statement); padding: 0; }
.td-k3spec td { padding: 0; font-family: var(--wp--preset--font-family--mono); font-variant-numeric: tabular-nums; font-size: 14px; letter-spacing: .02em; line-height: 1.55; color: var(--wp--preset--color--ink); }
.td-k3spec__cta { margin: clamp(28px, 3vw, 44px) 0 0; }

@media (max-width: 1099px) {
	.td-k3spec tbody { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; }
	.td-k3spec tr:nth-child(4n) { border-block-end: 0; }
	.td-k3spec tr:last-child { border-block-end: 1px solid var(--wp--preset--color--line-surface); }
}

/* process-4-step (Panels) ------------------------------------------------- */
.td-k3proc { padding: clamp(48px, 7vw, 110px) var(--wp--preset--spacing--gutter); }
.td-k3proc h2 { margin: 0; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; }
.td-k3proc__photos { margin-block-start: clamp(28px, 3vw, 48px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); }
.td-k3proc figure { position: relative; margin: 0; aspect-ratio: 16 / 10; background: var(--wp--preset--color--line-surface); }
.td-k3proc figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.td-k3proc ol { list-style: none; margin: clamp(24px, 2.4vw, 36px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 2vw, 28px); counter-reset: td-k3p; }
.td-k3proc li { counter-increment: td-k3p; padding-block-start: 20px; border-block-start: 1px solid var(--wp--preset--color--ink); display: flex; flex-direction: column; gap: 12px; }
.td-k3proc li::before { content: counter(td-k3p, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .1em; color: var(--wp--preset--color--accent-text); }
.td-k3proc h3 { margin: 0; font-weight: 300; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.15; letter-spacing: -.02em; }
.td-k3proc li p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--text-lead); text-wrap: pretty; }
.td-k3proc li figure { display: none; margin-block-start: 6px; aspect-ratio: 4 / 3; }

@media (max-width: 1099px) { .td-k3proc ol { grid-template-columns: 1fr 1fr; } }
@media (max-width: 759px) {
	.td-k3proc__photos { display: none; }
	.td-k3proc ol { grid-template-columns: 1fr; gap: 32px; margin-block-start: 28px; }
	.td-k3proc h3 { font-size: 21px; }
	.td-k3proc li figure { display: block; }
}

/* new-build (Panels) — zaseban blok, mora se moci ukloniti bez rupe ------ */
.td-k3new { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); padding: clamp(44px, 6vw, 90px) var(--wp--preset--spacing--gutter); }
.td-k3new__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px 60px; }
.td-k3new__tag { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .2em; color: var(--wp--preset--color--accent-on-dark); }
.td-k3new__text { margin: 0; flex: 0 1 620px; font-weight: 300; font-size: clamp(19px, 1.6vw, 24px); line-height: 1.45; color: rgba(255, 255, 255, .88); text-wrap: pretty; }
.td-k3new__photos { margin-block-start: clamp(28px, 3vw, 48px); display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.td-k3new figure { position: relative; margin: 0; aspect-ratio: 4 / 3; background: var(--wp--preset--color--ink-panel); }
.td-k3new figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 759px) { .td-k3new__photos { grid-template-columns: 1fr; } }

/* route-cards (Refit), unutar article-rail ispod obje kolone -------------- */
.td-rail > .td-k3routes { flex: 1 0 100%; }
/* Kartice A/B/C (route-cards) su u istom .td-rail kao glava, pa je sticky glava klizila
   preko njih (Refit, Davor 15.10.). U toj sekciji glava nije sticky. */
.td-rail:has(> .td-k3routes) > .td-rail__head { position: static; }
.td-k3routes { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(20px, 2.4vw, 36px); }
.td-k3routes > div { padding-block-start: 20px; border-block-start: 2px solid var(--wp--preset--color--accent); display: flex; flex-direction: column; gap: 12px; }
.td-k3routes p, .td-k3routes h3 { margin: 0; }
.td-k3routes__k { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .1em; color: var(--wp--preset--color--accent-text); }
.td-k3routes h3 { font-weight: 300; font-size: clamp(22px, 1.9vw, 28px); line-height: 1.1; letter-spacing: -.02em; }
.td-k3routes p:not(.td-k3routes__k) { font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--text-lead); text-wrap: pretty; }

/* diagnostic-duel (Refit) ------------------------------------------------- */
.td-k3duel { padding: clamp(24px, 3vw, 40px) var(--wp--preset--spacing--gutter) clamp(48px, 7vw, 110px); }
.td-k3duel__grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--wp--preset--color--ink); }
.td-k3duel__side { background: var(--wp--preset--color--base); padding: clamp(24px, 3vw, 44px); scroll-margin-top: 100px; }
.td-k3duel__side--ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.td-k3duel__tag { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; color: var(--wp--preset--color--accent-text); }
.td-k3duel__side--ink .td-k3duel__tag { color: var(--wp--preset--color--accent-on-dark); }
.td-k3duel h2 { margin: 12px 0 0; font-weight: 200; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; color: inherit; }
.td-k3duel ol { list-style: none; margin: clamp(20px, 2.4vw, 32px) 0 0; padding: 0; counter-reset: td-k3d; border-block-end: 1px solid var(--wp--preset--color--line); }
.td-k3duel__side--ink ol { border-block-end-color: #2A2A2A; }
/* Dvoboj kao popis bez slicica (Refit, Tea 16.10.): nema visine predvidene za slicicu. */
.td-k3duel.td-k3duel--popis li { grid-template-columns: 32px minmax(0, 1fr); min-height: 0; padding: 18px 0; }
.td-k3duel li {
	counter-increment: td-k3d;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	min-height: 132px;
	padding: 14px 0;
	border-block-start: 1px solid var(--wp--preset--color--line);
	font-size: clamp(16px, 1.15vw, 18px);
	line-height: 1.5;
	color: var(--wp--preset--color--text-statement);
}
.td-k3duel__side--ink li { border-block-start-color: #2A2A2A; color: rgba(255, 255, 255, .9); }
.td-k3duel li::before { content: counter(td-k3d, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--accent-text); }
.td-k3duel__side--ink li::before { color: var(--wp--preset--color--accent-on-dark); }
.td-k3duel li img { display: block; width: 104px; height: 104px; object-fit: cover; }

@media (max-width: 1099px) { .td-k3duel__grid { grid-template-columns: 1fr; } }
@media (max-width: 759px) {
	.td-k3duel li { min-height: 104px; }
	.td-k3duel li img { width: 76px; height: 76px; }
}

/* service-hero --inset (Refit): fotografija 4:5, 42 %, uvucena ----------- */
@media (min-width: 1100px) {
	.td-shero--inset { gap: clamp(32px, 5vw, 96px); padding: clamp(40px, 4vw, 64px) var(--wp--preset--spacing--gutter); align-items: center; }
	.td-shero--inset .td-shero__photo { flex: 0 0 42%; height: auto; aspect-ratio: 4 / 5; }
	.td-shero--inset .td-shero__text { padding: 0; }
}
@media (max-width: 759px) {
	.td-shero--inset .td-shero__photo { aspect-ratio: 21 / 9; }
	.td-shero--inset .td-shero__text { padding: 20px 24px 32px; }
}
.td-rail__body .td-rail__more { display: flex; flex-wrap: wrap; gap: 12px 28px; }

/* Slika unutar teksta sekcije (pillar, "Types of teak deck"). */
.td-rail__inline { position: relative; margin: 4px 0 0; aspect-ratio: var(--r, 3 / 2); background: var(--wp--preset--color--line-surface); }
.td-rail__inline img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* body-figure (krug 4, R3): na kraju teksta, 3:2, sirine tekstnog stupca */
.td-rail__inline--body { margin-block-start: 12px; }

/* pillar-hero (Teak decking, Projects) ----------------------------------- */
.td-k3pillar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px clamp(20px, 5vw, 72px);
	padding: clamp(40px, 5vw, 80px) var(--wp--preset--spacing--gutter) clamp(36px, 4vw, 60px);
}
.td-k3pillar > * { margin: 0 !important; }
.td-k3pillar__main { flex: 1 1 560px; max-width: 820px; display: flex; flex-direction: column; }
.td-k3pillar__main > * { margin: 0; }
.td-k3pillar__eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3pillar h1 { margin-block-start: 16px; font-weight: 200; font-size: clamp(40px, 5.2vw, 80px); line-height: .92; letter-spacing: -.05em; max-width: var(--ch, 13ch); text-wrap: balance; }
.td-k3pillar__lede { margin-block-start: clamp(20px, 2vw, 30px) !important; font-weight: 300; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; color: var(--wp--preset--color--text-strong); max-width: 52ch; text-wrap: pretty; }
.td-k3pillar__meta { flex: 0 1 260px; padding-block-start: 16px; border-block-start: 1px solid var(--wp--preset--color--line); font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .14em; line-height: 2; text-transform: uppercase; color: var(--wp--preset--color--text-body); }

/* toc-numbered ----------------------------------------------------------- */
.td-k3toc { background: var(--wp--preset--color--surface); padding: clamp(32px, 4vw, 56px) var(--wp--preset--spacing--gutter); }
.td-k3toc__label { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3toc ol { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 48px); counter-reset: td-k3t; }
.td-k3toc li { counter-increment: td-k3t; border-block-start: 1px solid var(--wp--preset--color--line-surface); }
.td-k3toc a { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 14px 0; min-height: 48px; text-decoration: none; font-size: 16px; line-height: 1.4; color: var(--wp--preset--color--text-statement); }
.td-k3toc a::before { content: counter(td-k3t, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--accent-text); }
.td-k3toc a::after { content: "→"; color: var(--wp--preset--color--accent-text); }
.td-k3toc a:hover { color: var(--wp--preset--color--accent-text); }
@media (max-width: 1099px) { .td-k3toc ol { grid-template-columns: 1fr 1fr; } }
@media (max-width: 759px) { .td-k3toc ol { grid-template-columns: 1fr; } }

/* compare-table ---------------------------------------------------------- */
.td-k3cmp { padding: clamp(48px, 7vw, 110px) var(--wp--preset--spacing--gutter); scroll-margin-top: 90px; }
.td-k3cmp--sand { background: var(--wp--preset--color--surface); }
.td-k3cmp > * { margin: 0; }
.td-k3cmp__head { display: flex; flex-wrap: wrap; gap: clamp(20px, 5vw, 72px); align-items: flex-start; }
.td-k3cmp__head > * { margin: 0; }
.td-k3cmp__title { flex: 1 1 300px; max-width: 460px; }
.td-k3cmp__title > * { margin: 0; }
.td-k3cmp__title h2 { margin-block-start: 14px; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; text-wrap: balance; }
.td-k3cmp__title .td-rail__num:only-child, .td-k3cmp__title h2:first-child { margin-block-start: 0; }
.td-k3cmp__lede { flex: 1.5 1 440px; max-width: 680px; font-weight: 300; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.45; color: var(--wp--preset--color--text-statement); text-wrap: pretty; }
.td-k3cmp__scroll { margin-block-start: clamp(28px, 3vw, 48px) !important; overflow-x: auto; }
.td-k3cmp table { width: 100%; border-collapse: collapse; font-size: clamp(15px, 1.1vw, 17px); }
.td-k3cmp thead th { text-align: start; padding: 12px 16px; border-block-end: 1px solid var(--wp--preset--color--ink); font-family: var(--wp--preset--font-family--mono); font-weight: 400; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--text-body); }
.td-k3cmp thead th:first-child { padding-inline-start: 0; width: 34%; }
.td-k3cmp thead th:nth-child(2) { color: var(--wp--preset--color--accent-text); }
.td-k3cmp tbody th { text-align: start; font-weight: 400; padding: 16px 16px 16px 0; border-block-end: 1px solid var(--wp--preset--color--line-surface); color: var(--wp--preset--color--text-statement); }
.td-k3cmp td { padding: 16px; border-block-end: 1px solid var(--wp--preset--color--line-surface); color: var(--wp--preset--color--text-lead); }
.td-k3cmp td:nth-of-type(1) { background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink); }
.td-k3cmp--neutral thead th:nth-child(n+2) { color: var(--wp--preset--color--text-body); }
.td-k3cmp--neutral td:nth-of-type(1) { background: none; color: var(--wp--preset--color--text-lead); }
.td-k3cmp__more { margin-block-start: 24px !important; }
@media (max-width: 759px) { .td-k3cmp table { min-width: 520px; } }
.td-k3cmp--neutral thead th:nth-child(n+2) { color: var(--wp--preset--color--accent-text); width: 33%; }
.td-k3cmp--neutral td { font-family: var(--wp--preset--font-family--mono); font-size: 14px; color: var(--wp--preset--color--text-statement); }
.td-k3cmp--neutral td:nth-of-type(1) { color: var(--wp--preset--color--text-statement); }
.td-k3cmp > .wp-block-heading { margin: 0; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; }
.td-k3cmp--neutral { padding-block: clamp(48px, 6vw, 96px); }

/* compare-hero-centered (Teak vs synthetic) ------------------------------ */
.td-k3center { display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(44px, 6vw, 96px) var(--wp--preset--spacing--gutter) clamp(40px, 5vw, 72px); }
.td-k3center > * { margin: 0; }
.td-k3center__eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; }
.td-k3center__eyebrow a { color: var(--wp--preset--color--accent-text); text-decoration: none; }
.td-k3center h1 { margin-block-start: 18px; font-weight: 200; font-size: clamp(38px, 5vw, 76px); line-height: .94; letter-spacing: -.05em; max-width: 18ch; text-wrap: balance; }
.td-k3center__lede { margin-block-start: clamp(20px, 2vw, 30px) !important; font-weight: 300; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; color: var(--wp--preset--color--text-strong); max-width: 52ch; text-wrap: pretty; }

/* short answer ----------------------------------------------------------- */
.td-k3short { display: flex; flex-wrap: wrap; gap: clamp(16px, 5vw, 72px); align-items: flex-start; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); padding: clamp(40px, 5vw, 80px) var(--wp--preset--spacing--gutter); }
.td-k3short > * { margin: 0 !important; }
.td-k3short h2 { flex: 1 1 300px; max-width: 460px; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; color: var(--wp--preset--color--base); }
.td-k3short p { flex: 1.5 1 440px; max-width: 720px; font-weight: 300; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.5; color: rgba(255, 255, 255, .9); text-wrap: pretty; }

/* compare-duel-columns — obje strane iste tezine ------------------------- */
.td-k3duelcols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); padding: clamp(40px, 5vw, 80px) var(--wp--preset--spacing--gutter); }
.td-k3duelcols__col { border: 1px solid var(--wp--preset--color--ink); padding: clamp(24px, 2.6vw, 40px); }
.td-k3duelcols p { margin: 0; }
.td-k3duelcols__tag { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3duelcols__sub { margin-block-start: 8px !important; font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .06em; color: var(--wp--preset--color--text-body); }
.td-k3duelcols ul { list-style: none; margin: 20px 0 0; padding: 0; border-block-end: 1px solid var(--wp--preset--color--line); }
.td-k3duelcols li { padding: 14px 0; border-block-start: 1px solid var(--wp--preset--color--line); font-size: clamp(16px, 1.15vw, 18px); line-height: 1.5; color: var(--wp--preset--color--text-statement); }
@media (max-width: 759px) { .td-k3duelcols { grid-template-columns: 1fr; } }

/* /services/ — jump index + retci usluga --------------------------------- */
.td-k3jump { padding: clamp(32px, 4vw, 56px) var(--wp--preset--spacing--gutter); }
.td-k3jump__label { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3jump ol { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(24px, 4vw, 64px); counter-reset: td-k3j; }
.td-k3jump li { counter-increment: td-k3j; border-block-start: 1px solid var(--wp--preset--color--line); }
.td-k3jump a { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 14px 0; min-height: 48px; text-decoration: none; font-size: 17px; color: var(--wp--preset--color--text-statement); }
.td-k3jump a::before { content: counter(td-k3j, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--accent-text); }
.td-k3jump a::after { content: "↓"; color: var(--wp--preset--color--accent-text); }
.td-k3jump a:hover { color: var(--wp--preset--color--accent-text); }

.td-k3svcs { background: var(--wp--preset--color--surface); padding: clamp(40px, 6vw, 96px) var(--wp--preset--spacing--gutter); counter-reset: td-k3s; }
.td-k3svcs > :last-child { border-block-end: 1px solid var(--wp--preset--color--line-surface); }
.td-k3svc {
	counter-increment: td-k3s;
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .9fr);
	gap: clamp(20px, 3vw, 48px);
	align-items: start;
	padding: clamp(24px, 2.6vw, 36px) 0;
	border-block-start: 1px solid var(--wp--preset--color--line-surface);
	scroll-margin-top: 100px;
}
.td-k3svc::before { content: counter(td-k3s, decimal-leading-zero); padding-block-start: 8px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .1em; color: var(--wp--preset--color--accent-text); }
.td-k3svc h2 { margin: 0; font-weight: 200; font-size: clamp(26px, 2.4vw, 38px); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; }
.td-k3svc__text { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.td-k3svc__text p { margin: 0; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.65; color: var(--wp--preset--color--text-lead); text-wrap: pretty; }
.td-k3svc__text .td-rail__more a { display: flex; align-items: center; min-height: 44px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3svc figure { position: relative; margin: 0; aspect-ratio: 3 / 2; background: var(--wp--preset--color--line-surface); }
.td-k3svc figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1099px) {
	.td-k3svc { grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr); }
	.td-k3svc figure { grid-column: 2 / -1; }
}
@media (max-width: 759px) {
	.td-k3jump ol { grid-template-columns: 1fr; }
	.td-k3svc { grid-template-columns: 1fr; gap: 14px; }
	.td-k3svc figure { grid-column: auto; order: 3; }
}
.td-ctaband--text { align-items: flex-end; gap: 24px 60px; }
.td-ctaband__main { flex: 1 1 480px; max-width: 760px; display: flex; flex-direction: column; gap: 18px; }
.td-ctaband__main > * { margin: 0; }
.td-ctaband__main h2 { max-width: none; }
.td-ctaband__main p { font-weight: 300; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.5; color: var(--wp--preset--color--text-lead); max-width: 52ch; text-wrap: pretty; }
.td-ctaband--ink .td-ctaband__main p { color: rgba(255, 255, 255, .86); }
.td-ctaband .td-btn-k3 { padding: 0 28px; letter-spacing: .16em; }

/* Stranica projekta ------------------------------------------------------ */
.td-k3proj { padding: clamp(36px, 4.5vw, 72px) var(--wp--preset--spacing--gutter) clamp(28px, 3vw, 44px); }
.td-k3proj > * { margin: 0; }
.td-k3proj__crumb { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3proj__crumb a { color: inherit; text-decoration: none; }
.td-k3proj__row { margin-block-start: 16px !important; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px 60px; }
.td-k3proj__row > * { margin: 0; }
.td-k3proj h1 { font-weight: 200; font-size: clamp(40px, 5.2vw, 80px); line-height: .92; letter-spacing: -.05em; text-wrap: balance; }
.td-k3proj__meta { min-width: 240px; padding-block-start: 14px; border-block-start: 1px solid var(--wp--preset--color--line); font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .14em; line-height: 2; text-transform: uppercase; color: var(--wp--preset--color--text-body); }

.td-rail > .td-k3gal { flex: 1 0 100%; }
.td-k3gal { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.td-k3gal__row { display: grid; gap: 4px; }
.td-k3gal__row--two { grid-template-columns: 1fr 1fr; }
.td-k3gal__row--three { grid-template-columns: repeat(3, 1fr); }
.td-k3gal__item { position: relative; display: block; aspect-ratio: 21 / 9; background: var(--wp--preset--color--line-surface); cursor: zoom-in; }
.td-k3gal__row--two .td-k3gal__item { aspect-ratio: 4 / 3; }
.td-k3gal__row--three .td-k3gal__item { aspect-ratio: 1 / 1; }
.td-k3gal__item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 759px) {
	.td-k3gal__row--lead .td-k3gal__item, .td-k3gal__row--one .td-k3gal__item { aspect-ratio: 4 / 3; }
	.td-k3gal__row--three { grid-template-columns: 1fr 1fr; }
	.td-rail > .td-k3gal { order: 4; margin-block-start: 28px; }
}

.td-k3lb { position: fixed; inset: 0; z-index: 1000; background: rgba(10, 10, 10, .94); display: flex; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 64px); cursor: zoom-out; }
.td-k3lb img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.td-k3lb button { position: absolute; top: 16px; right: 16px; min-width: 44px; min-height: 44px; padding: 0 14px; background: var(--wp--preset--color--base); border: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; cursor: pointer; }

.td-k3details { display: flex; flex-wrap: wrap; gap: clamp(16px, 5vw, 72px); align-items: flex-start; padding: clamp(48px, 6vw, 96px) var(--wp--preset--spacing--gutter); }
.td-k3details > * { margin: 0 !important; }
.td-k3details h2 { flex: 1 1 300px; max-width: 460px; font-weight: 200; font-size: clamp(30px, 3.2vw, 50px); line-height: 1; letter-spacing: -.042em; }
.td-k3details table { flex: 1.5 1 440px; max-width: 680px; border-collapse: collapse; display: block; }
.td-k3details tbody { display: block; border-block-end: 1px solid var(--wp--preset--color--line); }
.td-k3details tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; padding: 18px 0; border-block-start: 1px solid var(--wp--preset--color--line); }
.td-k3details th { text-align: start; font-weight: 400; font-size: 17px; padding: 0; }
.td-k3details td { padding: 0; font-family: var(--wp--preset--font-family--mono); font-size: 14px; line-height: 1.55; }

.td-k3next { display: grid; grid-template-columns: 1fr 1fr; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); text-decoration: none; }
.td-k3next figure { position: relative; margin: 0; aspect-ratio: 16 / 9; background: var(--wp--preset--color--ink-panel); }
.td-k3next figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.td-k3next__text { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: clamp(28px, 4vw, 72px); }
.td-k3next__tag { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-on-dark); }
.td-k3next__name { font-weight: 200; font-size: clamp(30px, 3.4vw, 54px); line-height: 1; letter-spacing: -.04em; }
.td-k3next__scope { font-size: 17px; color: rgba(255, 255, 255, .82); }
.td-k3next:hover .td-k3next__name { color: var(--wp--preset--color--accent-on-dark); }
@media (max-width: 759px) { .td-k3next { grid-template-columns: 1fr; } }

/* /projects/ — filter, mreza, tekstualni popisi -------------------------- */
.td-k3projects { padding: clamp(32px, 4vw, 56px) clamp(24px, 5vw, 72px) clamp(48px, 6vw, 96px); }
.td-k3filter { display: flex; flex-wrap: wrap; gap: 8px; padding-block-end: 24px; border-block-end: 1px solid var(--wp--preset--color--line); }
.td-k3filter[hidden] { display: none; }
.td-k3filter button, .td-k3plist button {
	display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px;
	border: 1px solid var(--wp--preset--color--line-surface); background: var(--wp--preset--color--base); color: var(--wp--preset--color--text-strong);
	font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
}
.td-k3filter button[aria-pressed="true"] { border-color: var(--wp--preset--color--ink); background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.td-k3plist button { border-color: var(--wp--preset--color--ink); }
.td-k3grid { margin-block-start: clamp(24px, 3vw, 40px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 40px) clamp(16px, 2vw, 28px); }
.td-k3grid[hidden] { display: none; }
.td-k3card { display: flex; flex-direction: column; gap: 14px; text-decoration: none; color: var(--wp--preset--color--ink); }
.td-k3card figure { position: relative; margin: 0; aspect-ratio: 4 / 5; background: var(--wp--preset--color--line-surface); overflow: hidden; }
.td-k3card figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease-out; }
a.td-k3card:hover figure img { transform: scale(1.02); }
.td-k3card__badge { position: absolute; left: 12px; top: 12px; padding: 6px 10px; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.td-k3card__text { display: flex; flex-direction: column; gap: 6px; }
.td-k3card h2 { margin: 0; font-weight: 300; font-size: clamp(22px, 1.9vw, 28px); line-height: 1.1; letter-spacing: -.02em; }
.td-k3card__scope { font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--text-lead); }
.td-k3card__work { font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--text-body); }
.td-k3plist { margin-block-start: clamp(24px, 3vw, 40px); }
.td-k3plist[hidden] { display: none; }
.td-k3plist ul { list-style: none; margin: 0; padding: 0; border-block-end: 1px solid var(--wp--preset--color--line); }
.td-k3plist li { padding: 16px 0; border-block-start: 1px solid var(--wp--preset--color--line); font-size: clamp(18px, 1.4vw, 22px); font-weight: 300; }
/* Popisi brodova po kategoriji iz Teine tablice (16.10.) imaju do 19 stavki: stupci, stavka se ne lomi. */
@media (min-width: 600px) { .td-k3plist ul { columns: 2; column-gap: clamp(24px, 4vw, 64px); } }
@media (min-width: 1000px) { .td-k3plist ul { columns: 3; } }
.td-k3plist li { break-inside: avoid; }
/* „All projects": ispod kartica cijeli popis po kategorijama (Davor 17.10.). */
.td-k3plist--all { margin-block-start: clamp(48px, 6vw, 96px); padding-block-start: 24px; border-block-start: 1px solid var(--wp--preset--color--line); }
.td-k3plist--all .td-k3plist__tag { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3plist__groups { display: grid; gap: clamp(28px, 3vw, 48px); margin-block-start: 20px; }
@media (min-width: 600px) { .td-k3plist__groups { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .td-k3plist__groups { grid-template-columns: repeat(4, 1fr); } }
.td-k3plist__groups ul { columns: 1; }
.td-k3plist__groups h3 { margin: 0 0 12px; font-family: var(--wp--preset--font-family--mono); font-weight: 400; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--ink); }
.td-k3plist__groups h3 span { color: var(--wp--preset--color--accent-text); }
.td-k3plist__groups li { padding: 10px 0; font-size: 17px; }
.td-k3plist p { margin: 18px 0 0; font-size: 15px; color: var(--wp--preset--color--text-body); }
.td-k3plist--empty { padding: clamp(28px, 3vw, 44px); border: 1px solid var(--wp--preset--color--line); display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.td-k3plist--empty p { margin: 0; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.5; max-width: 52ch; color: var(--wp--preset--color--ink); }
.td-k3plist--empty .td-k3plist__tag { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3plist__actions { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; }
.td-k3plist__actions a { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
@media (max-width: 1099px) { .td-k3grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 759px) { .td-k3grid { grid-template-columns: 1fr; } }

/* Naslovnica (Home v3) --------------------------------------------------- */
.td-hero--k3 { min-height: max(640px, min(100vh, 900px)); }
.td-hero--k3::after { background: linear-gradient(180deg, rgba(10, 10, 10, .45) 0%, rgba(10, 10, 10, .1) 30%, rgba(10, 10, 10, .55) 62%, rgba(10, 10, 10, .9) 100%); }
.td-hero--k3 .td-hero__media img, .td-hero--k3 video { object-position: 50% 55%; }
.td-hero--k3 .td-hero__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 60px; padding: 0 var(--wp--preset--spacing--gutter) clamp(40px, 5vw, 72px); }
.td-hero--k3 .td-hero__inner > * { margin: 0; }
.td-hero__main { flex: 1 1 560px; max-width: 880px; display: flex; flex-direction: column; }
.td-hero__main > * { margin: 0; }
.td-hero--k3 h1 { font-weight: 200; font-size: clamp(40px, 5.6vw, 88px); line-height: .92; letter-spacing: -.05em; max-width: 14ch; text-wrap: balance; }
.td-hero__lede { margin-block-start: clamp(18px, 2vw, 28px) !important; font-weight: 300; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.45; color: rgba(255, 255, 255, .9); max-width: 44ch; text-wrap: pretty; }
.td-hero__ctas { margin-block-start: clamp(22px, 2.4vw, 36px) !important; display: flex; flex-wrap: wrap; gap: 12px; }
.td-btn-k3--ghost { background: transparent; border: 1px solid rgba(255, 255, 255, .7); }
.td-btn-k3--ghost:hover { background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink); }
.td-hero__label { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; line-height: 2; text-transform: uppercase; text-align: end; color: rgba(255, 255, 255, .8); }
@media (max-width: 759px) {
	.td-hero--k3 { min-height: 640px; }
	.td-hero--k3 .td-hero__inner { padding: 0 24px 36px; }
	.td-hero__label { display: none; }
}

/* Retci usluga na naslovnici. */
.td-k3rows { background: var(--wp--preset--color--surface); padding: clamp(48px, 7vw, 110px) var(--wp--preset--spacing--gutter); }
.td-k3rows > * { margin: 0; }
.td-k3rows__label { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3rows__list { list-style: none; margin: clamp(20px, 2.4vw, 32px) 0 0 !important; padding: 0; border-block-end: 1px solid var(--wp--preset--color--line-surface); counter-reset: td-k3r; }
.td-k3row {
	counter-increment: td-k3r;
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .9fr);
	gap: clamp(20px, 3vw, 48px);
	align-items: start;
	padding: clamp(24px, 2.6vw, 36px) 0;
	border-block-start: 1px solid var(--wp--preset--color--line-surface);
}
.td-k3row::before { content: counter(td-k3r, decimal-leading-zero); padding-block-start: 6px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .1em; color: var(--wp--preset--color--accent-text); }
.td-k3row h3 { margin: 0; font-weight: 300; font-size: clamp(22px, 2vw, 30px); line-height: 1.1; letter-spacing: -.025em; }
.td-k3row h3 a { color: var(--wp--preset--color--ink); text-decoration: none; }
.td-k3row h3 a:hover { color: var(--wp--preset--color--accent-text); }
.td-k3row__text { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.td-k3row__text p { margin: 0; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.65; color: var(--wp--preset--color--text-lead); text-wrap: pretty; }
.td-k3row__more a { display: flex; align-items: center; min-height: 32px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3row figure { position: relative; margin: 0; aspect-ratio: 3 / 2; background: var(--wp--preset--color--line-surface); }
.td-k3row figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1099px) {
	.td-k3row { grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr); }
	.td-k3row figure { grid-column: 2 / -1; }
}
@media (max-width: 759px) {
	.td-k3row { grid-template-columns: 1fr; gap: 14px; }
	.td-k3row figure { grid-column: auto; }
}

/* Odabrani projekti na naslovnici (i Thank you). */
.td-k3pgrid { padding: clamp(48px, 7vw, 110px) clamp(24px, 5vw, 72px); }
.td-k3pgrid > * { margin: 0; }
.td-k3pgrid__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; }
.td-k3pgrid__head p { margin: 0; }
.td-k3pgrid__label { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-k3pgrid__all a { display: flex; align-items: center; min-height: 44px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--ink); }
.td-k3pgrid__cards { margin-block-start: clamp(20px, 2.4vw, 32px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.td-k3card__name { font-weight: 300; font-size: clamp(20px, 1.6vw, 24px); letter-spacing: -.02em; }
.td-k3pgrid .td-k3card__work { align-self: flex-start; }
@media (max-width: 1099px) { .td-k3pgrid__cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 759px) { .td-k3pgrid__cards { gap: 28px 14px; } }

/* Trust: fotografija 4:3. */
.td-trust-split__media { position: relative; aspect-ratio: 4 / 3; min-height: 0; }
.td-trust-split__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.td-k3plist__note { margin-block-start: 18px; font-size: 15px; color: var(--wp--preset--color--text-body); }

/* Trust (Home v3): fotografija 4:3 lijevo unutar guttera, tekst desno. */
.td-trust-split.td-grid--trust {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(28px, 5vw, 80px);
	align-items: flex-start;
	min-height: 0;
	padding: clamp(48px, 7vw, 110px) var(--wp--preset--spacing--gutter);
}
.td-trust-split > * { margin: 0 !important; }
.td-trust-split__media { flex: 1 1 440px; }
.td-trust-split__body { flex: 1 1 400px; padding: 0; align-self: flex-start; }
.td-trust-split__body .td-eyebrow { font-size: 12px; letter-spacing: .2em; color: var(--wp--preset--color--accent-text); }
.td-trust-block { padding-block: 22px; }
.td-trust-block:last-child { border-block-end: 1px solid var(--wp--preset--color--line-surface); }
.td-trust-block h3 { font-weight: 300; font-size: clamp(20px, 1.7vw, 26px); line-height: 1.15; letter-spacing: -.02em; }
.td-trust-block p { font-size: clamp(16px, 1.15vw, 18px); line-height: 1.65; color: var(--wp--preset--color--text-lead); }
@media (max-width: 759px) { .td-trust-split.td-grid--trust { flex-direction: column-reverse; } }

/* Certifikati: veci znakovi (SGS 64 px, FSC 100 px). */
.td-certs { gap: 20px clamp(28px, 3vw, 48px); }
.td-certs .td-cert-sgs img { height: 64px; }
.td-certs .td-cert-fsc img { height: 100px; }
.td-certs__caption { font-size: 13px; letter-spacing: .14em; color: var(--wp--preset--color--text-body); }
@media (max-width: 759px) {
	.td-certs .td-cert-sgs img { height: 52px; }
	.td-certs .td-cert-fsc img { height: 80px; }
}

/* FAQ (Home v3): pitanje lijevo 460 px, odgovor 680 px, link u monu. */
.td-faq__row { display: flex; flex-wrap: wrap; gap: 14px clamp(20px, 5vw, 72px); padding: clamp(24px, 2.6vw, 36px) 0; }
.td-faq__q { flex: 1 1 300px; max-width: 460px; font-weight: 300; font-size: clamp(21px, 1.8vw, 27px); line-height: 1.15; letter-spacing: -.02em; }
.td-faq__a { flex: 1.5 1 440px; max-width: 680px; }
.td-faq__a p { font-size: clamp(16px, 1.15vw, 18px); line-height: 1.7; color: var(--wp--preset--color--text-lead); }
.td-faq__link, .td-faq__a a.td-faq__link { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); text-decoration: none; }

/* CTA s fotografijom (Home v3): naslov dolje lijevo, gumb desno. */
.td-cta-band-photo { min-height: min(72vh, 620px); display: flex; align-items: flex-end; justify-content: stretch; text-align: start; }
.td-cta-band-photo::after { background: linear-gradient(180deg, rgba(10, 10, 10, 0) 25%, rgba(10, 10, 10, .6) 60%, rgba(10, 10, 10, .92) 100%); }
.td-cta-band-photo > div { position: relative; z-index: 1; width: 100%; padding: clamp(32px, 5vw, 72px) var(--wp--preset--spacing--gutter); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; }
.td-cta-band-photo h2 { margin: 0; font-weight: 200; font-size: clamp(34px, 4.2vw, 64px); line-height: .96; letter-spacing: -.045em; max-width: 14ch; text-align: start; text-wrap: balance; }
.td-cta-band-photo .td-cta { display: inline-flex; align-items: center; min-height: 56px; padding: 0 32px; margin: 0; }
@media (max-width: 759px) { .td-cta-band-photo { min-height: 520px; } }
.td-quote--assess .td-form > p:has(input[type="file"]) { order: -1; }
/* Traka certifikata kao samostalan blok (naslovnica). */
.wp-block-post-content > .td-certs { padding: clamp(36px, 4vw, 56px) var(--wp--preset--spacing--gutter); border-block-end: 1px solid var(--wp--preset--color--line); }
.td-trust-split__body > * { margin-block: 0 !important; }
.td-trust-split__body > .td-eyebrow + * { margin-block-start: 18px !important; }
.td-trust-block p { margin-block-start: 10px; }

/* Statement (Home v3). */
.td-statement-split { display: flex; flex-wrap: wrap; gap: clamp(20px, 5vw, 72px); align-items: flex-start; padding: clamp(56px, 8vw, 128px) var(--wp--preset--spacing--gutter) clamp(40px, 5vw, 72px); }
.td-statement-split > * { margin: 0 !important; }
.td-statement-split h2 { flex: 1 1 360px; max-width: 560px; font-weight: 200; font-size: clamp(34px, 4.2vw, 64px); line-height: .96; letter-spacing: -.045em; }
.td-statement-split p { flex: 1.2 1 420px; max-width: 620px; font-weight: 300; font-size: clamp(19px, 1.6vw, 24px); line-height: 1.45; color: var(--wp--preset--color--text-statement); text-wrap: pretty; }

/* Hero: kraci redovi oznaka da tekstni stupac ne rastegne fotografiju. */
.td-shero__eyebrow, .td-shero__cta { line-height: normal; }

/* Contact hero (contact-direct): H1 kao ostali heroji krug 3. */
.td-contact-direct h1 { font-size: clamp(40px, 5.2vw, 80px); line-height: .92; letter-spacing: -.05em; }

/* Footer prema SiteFooter.dc.html (krug 3). Zadrzano od ranije: tamni
   LinkedIn/Instagram i sivi #666 zbog kontrasta na #E8E5DE. */
.td-footer ul { font-size: 14px; line-height: normal; }
.td-footer .td-footer-logo + p { margin-block-start: 20px; font-size: 14px; }
.td-footer .td-address { margin-block-start: 18px; font-size: 14px; }
.td-footer .td-address > * { margin-block: 0; }
.td-footer .td-address .td-address__lines { font-size: 14px; line-height: 1.9; color: var(--wp--preset--color--text-strong); }
.td-footer .td-address p:last-child { margin-block-start: 14px; }
.td-footer .td-social { margin-block-start: 18px; gap: 16px; }
.td-footer .td-social p { margin: 0; line-height: normal; }
.td-footer-cols > * > * + * { margin-block-start: 0; }
.td-footer .td-cert-row { justify-content: space-between; gap: clamp(16px, 2.5vw, 34px); }
.td-footer .td-certs { gap: clamp(16px, 2.5vw, 34px); }
.td-footer .td-certs .td-cert-sgs img { height: 52px; }
.td-footer .td-certs .td-cert-fsc img { height: 60px; }
.td-footer .td-certs__caption { margin-inline-end: auto; letter-spacing: .16em; line-height: normal; }
.td-footer .td-footer-legal { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; line-height: normal; text-transform: uppercase; color: var(--wp--preset--color--text-muted-2); }
.td-footer .td-footer-legal a { color: inherit; text-underline-offset: .28em; }

/* ---- Usklađivanje s mjerenjem element po element (14.10. navečer) ---- */

/* Dizajn mjeri sve s border-box; bez toga min-height/height + padding rastu
   (polja forme 74 umjesto 48 px, retci duela, indeks na /services/). */
*, *::before, *::after { box-sizing: border-box; }

.td-rail__num, .td-k3cmp__title .td-rail__num { line-height: normal; }

/* Prvi H3 u tijelu sekcije: bez crte, 2 px gore (kao u dizajnu). */
.td-rail__body > h3:first-child { margin-block-start: 0; padding-block-start: 2px; border-block-start: 0; }

/* Numerirani H3 cija proza nije uvucena (pillar "Construction details"). */
.td-rail__body--noindent h3 ~ p:not([class*="td-"]) { padding-inline-start: 0; }

/* Stranica projekta: broj u istom pismu kao naslov ("01 Templating"). */
.td-rail__body--h3-inline h3 { display: block; }
.td-rail__body--h3-inline h3::before { content: counter(td-rail-h3, decimal-leading-zero) " "; font: inherit; letter-spacing: inherit; color: inherit; }
.td-rail__body--h3-inline h3 ~ p:not([class*="td-"]) { padding-inline-start: 0; }

/* Zakljucni odlomak u tamnijoj boji. */
.td-rail__body .td-rail__strong { font-size: clamp(16px, 1.15vw, 18px); line-height: 1.7; color: var(--wp--preset--color--text-statement); }

/* Obrubljeni gumb-link u tijelu (Materials). */
.td-rail__body .td-rail__btnline { margin: 0; }
.td-btn-outline { display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border: 1px solid var(--wp--preset--color--ink); color: var(--wp--preset--color--ink); text-decoration: none; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.td-btn-outline:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }

/* Lede u heroju: sirina iz dizajna (gen. stranice 36ch, Installation 32ch). */
.td-shero__lede { max-width: var(--lch, 36ch); }

/* CTA traka: velicina naslova iz dizajna stranice. */
.td-ctaband h2 { font-size: var(--h2fs, clamp(30px, 3.6vw, 58px)); }

/* Forma. */
.td-quote--k3 .td-field label { line-height: normal; }
.td-quote--k3 .td-field:has(.wpcf7-validates-as-required) > label::after { content: " *"; }
.td-quote--k3 .td-field textarea { line-height: normal; }
.td-quote--k3 .td-field select {
	appearance: none;
	-webkit-appearance: none;
	padding-inline-end: 36px;
	background: var(--wp--preset--color--base) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath d='M0 0h9L4.5 6z' fill='%230A0A0A'/%3E%3C/svg%3E") no-repeat right 16px center;
}

/* Naslovnica. */
.td-faq-section .td-eyebrow, .td-k3faq-label { font-size: 12px; letter-spacing: .2em; color: var(--wp--preset--color--accent-text); }
.td-cta-band-photo { padding-inline: 0; }
.td-k3card__name { line-height: normal; }
.td-k3pgrid .td-k3card__text { gap: 6px; }

/* Duel na Refitu: redak je visok 132 px ukupno (border-box). */
.td-k3duel li { min-height: 132px; }
.td-faq { margin-block-start: clamp(20px, 2.4vw, 32px); }
.td-k3pgrid--sand { background: var(--wp--preset--color--surface); padding-block: clamp(40px, 5vw, 80px); }
.td-k3pgrid--three .td-k3pgrid__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px clamp(16px, 2vw, 28px); margin-block-start: 24px; }
@media (max-width: 759px) { .td-k3pgrid--three .td-k3pgrid__cards { grid-template-columns: 1fr; } }
.td-pillar-hero h1 { font-size: clamp(40px, 5.2vw, 80px); line-height: .92; letter-spacing: -.05em; }

/* Velicine iz dizajna stranice (gen. stranice H1 clamp(38px,5vw,76px), lede 17-22). */
.td-shero h1 { font-size: var(--h1fs, clamp(40px, 5vw, 76px)); }
.td-shero__lede { font-size: var(--lfs, clamp(18px, 1.5vw, 22px)); }
@media (max-width: 759px) {
	.td-shero[style*="--fm"] .td-shero__photo img { object-position: var(--fm) !important; }
}

/* Tablice i spec: celije bez proreda tijela. */
.td-k3cmp th, .td-k3cmp td { line-height: normal; }
.td-k3spec th { line-height: normal; }
.td-k3spec__head p, .td-k3spec__head h2 { margin: 0; }
.td-k3spec__tag { line-height: normal; }

/* Duel na mobitelu: 104 px redak (pravilo iznad je gazilo media query). */
@media (max-width: 759px) {
	.td-k3duel li { min-height: 104px; }
}

/* CTA traka: gumb 0 32 px / .18em (gen.), Services varijanta s tekstom 0 28 / .16em. */
.td-ctaband .td-btn-k3 { padding: 0 32px; letter-spacing: .18em; }
.td-ctaband--text .td-btn-k3 { padding: 0 28px; letter-spacing: .16em; }
.td-hero__ctas .td-btn-k3 { padding: 0 26px; }

/* Kartice na Contactu: radno vrijeme #5A5A5A. */
.td-quote__cards .td-quote__hours { color: var(--wp--preset--color--text-body-2); }

/* Stranica projekta: i prvi H3 ima crtu (Project v3). */
.td-rail__body--h3-inline > h3:first-child { margin-block-start: 14px; padding-block-start: 24px; border-block-start: 1px solid var(--wp--preset--color--line); }

/* Materials: certifikati pod crtom u sekciji "Caulk and adhesives". */
#caulk-and-adhesives .td-certs { margin-block-start: 12px; padding-block-start: 24px; border-block-start: 1px solid var(--wp--preset--color--line); }
.td-ctaband h2, .td-ctaband__main h2 { max-width: var(--h2ch, 18ch); line-height: var(--h2lh, .98); }
.td-footer .td-col-label { line-height: normal; }

/* Contact zaglavlje (Contact v3). */
.td-contact-direct { padding-block: clamp(40px, 5vw, 80px) clamp(36px, 4vw, 60px); border-block-end: 0; }
.td-contact-direct .td-grid--contact-col { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px clamp(20px, 3vw, 48px); margin-block-start: clamp(28px, 3vw, 48px); }
.td-contact-direct .td-grid--contact-col > * { padding-block-start: 18px; border-block-start: 1px solid var(--wp--preset--color--ink); display: flex; flex-direction: column; gap: 8px; }
.td-contact-direct .td-eyebrow { color: var(--wp--preset--color--accent-text); line-height: normal; }
.td-contact-direct .td-eyebrow + p { margin-block-start: 0; }
.td-contact-direct .td-phone { font-size: clamp(22px, 2vw, 30px); font-weight: 300; }
.td-contact-direct .td-street { margin: 0; font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--text-lead); }
@media (max-width: 759px) { .td-contact-direct .td-grid--contact-col { grid-template-columns: 1fr; } }

/* Polje za fotografije: zona "Drag files here or browse" (JS gradi oznaku). */
.td-filezone { position: relative; display: flex; align-items: center; min-height: 64px; padding: 0 18px; border: 1px dashed var(--wp--preset--color--line-footer); background: var(--wp--preset--color--base); font-size: 15px; color: var(--wp--preset--color--text-body); }
.td-filezone u { margin-inline-start: 6px; color: var(--wp--preset--color--ink); text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent); text-underline-offset: .28em; }
.td-filezone input[type="file"] { position: absolute !important; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; min-height: 0 !important; padding: 0 !important; border: 0 !important; }
.td-filezone:focus-within { outline: 2px solid var(--wp--preset--color--ink); outline-offset: 2px; }

/* Gumb i napomena u istom redu (JS seli napomenu uz gumb). */
.td-quote--k3 .td-form > p:has(.td-submit) { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin: 0; }
.td-quote--k3 .td-form > p:has(.td-submit) .td-form__note { font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--text-body); }
.td-k3cmp__title--wide { max-width: none; flex-basis: 100%; }
.td-k3jump a { line-height: normal; }
.td-k3toc a { line-height: 1.4; }
.td-filezone--assess { min-height: 96px; padding: 18px; border-color: var(--wp--preset--color--accent); }
.td-filezone--assess > span { display: flex; gap: 16px; align-items: center; }
.td-filezone--assess b { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-text); font-weight: 400; font-size: 20px; }
.td-filezone--assess strong { display: block; font-weight: 400; font-size: 17px; line-height: 1.4; color: var(--wp--preset--color--ink); }
.td-filezone--assess em { display: block; margin-block-start: 4px; font-style: normal; font-size: 14px; color: var(--wp--preset--color--text-body); }
@media (max-width: 759px) {
	.td-trust-split.td-grid--trust { align-items: stretch; }
	.td-trust-split__media, .td-trust-split__body { flex: none; }
	.td-hero--k3 { min-height: 712px; }
}

/* Iscrtavanje pisma kao u svim predlošcima (body u .dc.html). Bez ovoga je
   tekst na macOS-u vidljivo deblji od dizajna. */
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Linkovi u tekstu kao u predlošcima: crni tekst, narancasta crta 1 px, odmak .28em. */
:is(.wp-block-post-content p:not([class*="td-"]), .wp-block-post-content li) > a:not([class]) { color: var(--wp--preset--color--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: var(--wp--preset--color--accent); }
:is(.wp-block-post-content p:not([class*="td-"]), .wp-block-post-content li) > a:not([class]):hover { color: var(--wp--preset--color--accent-text); }
.td-rail--ink a:not([class]), .td-k3short a:not([class]) { color: var(--wp--preset--color--base); }

/* Podvlake kao u predlošcima: svaka podvlaka u sadrzaju je narancasta, 1 px, odmak .28em. */
.wp-block-post-content a { text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 1px; text-underline-offset: .28em; }
.td-faq__link, .td-faq__a a.td-faq__link { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 1px; text-underline-offset: .28em; }
.td-k3pgrid__all a, .td-rail__more a, .td-k3row__more a, .td-k3plist__actions a, .td-k3svc__text .td-rail__more a { text-decoration-line: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 1px; text-underline-offset: .28em; }

/* [tbc]: iscrtkani podvlak #9A9A9A, 1 px, odmak .3em (README krug 3). */
.td-tbc--inline { border-block-end: 0; text-decoration: underline dashed #9A9A9A; text-decoration-thickness: 1px; text-underline-offset: .3em; }
.td-k3new .td-tbc--inline { text-decoration-color: rgba(255, 255, 255, .5); }

/* Obavijest o sajmu (METSTRADE 2026) — krug 4, 4C: traka iznad headera, #0A0A0A,
   44 px (mobitel 56 px, dva retka). Odlazi sa scrollom: sticky omotac headera ima
   top = -(visina trake), --td-barh postavlja header.js. */
.td-fairbar { position: relative; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.td-fairbar[hidden] { display: none; }
.td-fairbar__link { display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 44px; padding: 0 64px; color: inherit; text-decoration: none; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.td-fairbar__tag { margin-inline-end: 24px; color: #E58A57; }
.td-fairbar__m { display: none; }
.td-fairbar__cta { text-decoration-line: underline; text-decoration-color: var(--wp--preset--color--accent); text-decoration-thickness: 1px; text-underline-offset: .28em; }
.td-fairbar__link:hover .td-fairbar__cta, .td-fairbar__link:focus-visible .td-fairbar__cta { color: #E58A57; }
.td-fairbar__close { position: absolute; top: 0; right: 16px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: none; color: inherit; font-size: 16px; line-height: 1; cursor: pointer; }
@media (max-width: 759px) {
	.td-fairbar__link { justify-content: flex-start; gap: 12px; min-height: 56px; padding: 8px 52px 8px 20px; font-size: 11px; letter-spacing: .14em; line-height: 1.6; }
	.td-fairbar__text { display: flex; flex-direction: column; }
	.td-fairbar__tag { margin: 0; }
	.td-fairbar__m { display: inline; }
	.td-fairbar__l2 { display: block; }
	.td-fairbar__d, .td-fairbar__cta { display: none; }
	.td-fairbar__close { top: 6px; right: 4px; }
}
@media print { .td-fairbar { display: none; } }
/* Skocni prozor o sajmu (Davor 15.10.) — kvadratni bijeli list, vizual 1:1 lijevo,
   tekst desno u stilu sajta; na mobitelu vizual gore. */
.td-fairpop { width: min(880px, calc(100vw - 48px)); max-width: none; padding: 0; border: 0; background: var(--wp--preset--color--base); color: var(--wp--preset--color--ink); }
.td-fairpop[open] { display: grid; grid-template-columns: 420px 1fr; align-items: center; }
.td-fairpop::backdrop { background: rgba(10, 10, 10, .55); }
/* fokus na samom prozoru (header.js): ne skace na x pa nema okvira odmah po otvaranju */
.td-fairpop:focus { outline: none; }
/* vizual uvijek cijeli kvadrat (tekst je u slici, ne smije se rezati) */
.td-fairpop__img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.td-fairpop__text { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 32px 40px; }
.td-fairpop__text p, .td-fairpop__text h2 { margin: 0; }
.td-fairpop__tag { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-fairpop__title { font-weight: 200; font-size: 40px; line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.td-fairpop__meta { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; line-height: 1.6; text-transform: uppercase; color: #4A4A4A; }
.td-fairpop__lede { margin-block-start: 4px !important; font-size: 16px; line-height: 1.6; color: #3A3A3A; }
.td-fairpop__actions { margin-block-start: 8px !important; }
.td-fairpop__close { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: none; color: var(--wp--preset--color--ink); font-size: 20px; line-height: 1; cursor: pointer; }
.td-fairpop__close:hover, .td-fairpop__close:focus-visible { color: var(--wp--preset--color--accent); }
@media (max-width: 959px) { .td-fairpop[open] { grid-template-columns: 320px 1fr; } }
/* Mobitel (Davor 15.10.: i na mobitelu, svjestan Googleove kazne za skocne prozore):
   vizual cijeli kvadrat gore, tekst ispod; list se skrola ako ne stane. */
@media (max-width: 759px) {
	.td-fairpop { width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; }
	.td-fairpop[open] { grid-template-columns: 1fr; }
	.td-fairpop__text { gap: 10px; padding: 24px 24px 28px; }
	.td-fairpop__title { font-size: 32px; }
	.td-fairpop__close { top: 0; right: 0; background: rgba(255, 255, 255, .92); }
	.td-fairpop__actions .td-btn-k3 { width: 100%; justify-content: center; }
}
@media print { .td-fairpop { display: none !important; } }
.wp-site-blocks > header.wp-block-template-part { top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--td-barh, 0px)); }
.td-rail__body .td-rail__note { margin-block-start: 8px; padding-block-start: 22px; border-block-start: 1px solid var(--wp--preset--color--line); display: flex; flex-direction: column; gap: 12px; }
.td-rail__body .td-rail__note > * { margin: 0; }

/* Citat u tijelu sekcije (About, nagrada). */
/* citat nagrade (About v3, krug 4) */
.td-rail__body .td-rail__quote { margin: 8px 0 0; padding: 4px 0 4px 22px; border-inline-start: 1px solid var(--wp--preset--color--accent); }
.td-rail__body .td-rail__quote p { margin: 0; font-weight: 300; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.4; color: #0A0A0A; }
.td-rail__body .td-rail__quote cite { display: block; margin-block-start: 14px; font-style: normal; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: #4A4A4A; }

/* Sajmovi na About (Tea 16.10.): logotip, naziv, opis; dvije kolone u tekstnom stupcu. */
.td-fairs { display: grid; gap: clamp(24px, 2.6vw, 36px) clamp(20px, 2.6vw, 40px); margin-block-start: 8px; }
@media (min-width: 600px) { .td-fairs { grid-template-columns: 1fr 1fr; } }
.td-fairs__item { display: flex; flex-direction: column; gap: 8px; padding-block-start: 18px; border-block-start: 1px solid var(--wp--preset--color--line); }
.td-fairs figure { margin: 0 0 6px; height: 64px; display: flex; align-items: center; }
.td-fairs img { max-height: 100%; max-width: 170px; width: auto; display: block; object-fit: contain; }
.td-rail__body .td-fairs p { margin: 0; }
.td-rail__body .td-fairs .td-fairs__name { font-weight: 300; font-size: clamp(19px, 1.5vw, 22px); line-height: 1.2; color: var(--wp--preset--color--ink); }
.td-rail__body .td-fairs .td-fairs__text { font-size: 15px; line-height: 1.6; color: #3A3A3A; }

/* Accessories: sto se moze naruciti (Tea 16.10.). Oznake s promjenom na prijelaz misem. */
.td-order { margin-block-start: 8px; }
.td-rail__body .td-order .td-order__tag { margin: 0 0 12px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-order__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.td-order__list li { padding: 10px 16px; border: 1px solid var(--wp--preset--color--line-input, #CFCBC2); font-size: 15px; line-height: 1.2; color: var(--wp--preset--color--ink); transition: background-color .2s, color .2s, border-color .2s; }
.td-order__list li:hover { background: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.td-order__list li.td-order__more { border-style: dashed; color: #4A4A4A; }
@media (prefers-reduced-motion: reduce) { .td-order__list li { transition: none; } }

/* Galerija (/gallery/, Tea 16.10.): po brodu naslov, broj fotografija, link na projekt, pa mreza kao na projektu. */
.td-galpage { display: flex; flex-direction: column; gap: clamp(56px, 7vw, 110px); padding: clamp(32px, 4vw, 64px) var(--wp--preset--spacing--gutter) clamp(56px, 7vw, 110px); }
.td-galpage__vessel { scroll-margin-top: 110px; }
.td-galpage__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 24px; padding-block-start: 20px; margin-block-end: clamp(16px, 2vw, 28px); border-block-start: 1px solid var(--wp--preset--color--line); }
.td-galpage__head h2 { margin: 0; font-weight: 200; font-size: clamp(28px, 3vw, 46px); line-height: 1; letter-spacing: -.04em; color: var(--wp--preset--color--ink); }
.td-galpage__head p { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.td-galpage__meta { color: #4A4A4A; }
.td-galpage__link { margin-inline-start: auto !important; }
.td-galpage__link a { color: var(--wp--preset--color--accent-text); }

/* Charter: napomena kad se datum pomakne na subotu. */
.td-saturday-note { display: block; margin-block-start: 8px; font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--accent-text); }
.td-saturday-note:empty { display: none; }

/* Sazetak About na naslovnici (Tein tekst, 17.10.): kao statement-split, na pijesku da se odvoji od iduce. */
.td-about-summary { background: var(--wp--preset--color--surface); padding-block-end: clamp(56px, 8vw, 128px); }
.td-about-summary__body { flex: 1.2 1 420px; max-width: 620px; display: flex; flex-direction: column; gap: 22px; }
.td-about-summary__body > * { margin: 0 !important; }
.td-statement-split .td-about-summary__body p { flex: none; max-width: none; }
.td-statement-split .td-about-summary__body .td-about-summary__more { display: flex; flex-wrap: wrap; gap: 12px 28px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; }
.td-about-summary__more a { color: var(--wp--preset--color--accent-text); }

/* Projects: brodovi po kategoriji kao padajuci izbornici (Tein brief: „moderni padajuci izbornici", 17.10.). */
.td-vessels { margin-block-start: clamp(48px, 6vw, 96px); }
.td-vessels__tag { margin: 0 0 16px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent-text); }
.td-vessels__tag span { color: var(--wp--preset--color--ink); margin-inline-start: 8px; }
.td-vessels__cat { border-block-start: 1px solid var(--wp--preset--color--line); }
.td-vessels__cat:last-of-type { border-block-end: 1px solid var(--wp--preset--color--line); }
.td-vessels__cat summary { display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 12px 0; cursor: pointer; list-style: none; }
.td-vessels__cat summary::-webkit-details-marker { display: none; }
.td-vessels__name { font-weight: 200; font-size: clamp(26px, 2.6vw, 40px); line-height: 1.05; letter-spacing: -.035em; color: var(--wp--preset--color--ink); transition: color .2s; }
.td-vessels__count { font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .12em; color: var(--wp--preset--color--accent-text); }
.td-vessels__icon { position: relative; margin-inline-start: auto; width: 44px; height: 44px; flex: none; border: 1px solid var(--wp--preset--color--line-input, #CFCBC2); border-radius: 50%; transition: background-color .2s, border-color .2s; }
.td-vessels__icon::before, .td-vessels__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1px; background: var(--wp--preset--color--ink); transform: translate(-50%, -50%); transition: transform .25s, background-color .2s; }
.td-vessels__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.td-vessels__cat[open] .td-vessels__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.td-vessels__cat summary:hover .td-vessels__name, .td-vessels__cat[open] .td-vessels__name { color: var(--wp--preset--color--accent); }
.td-vessels__cat summary:hover .td-vessels__icon, .td-vessels__cat[open] .td-vessels__icon { background: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--ink); }
.td-vessels__cat summary:hover .td-vessels__icon::before, .td-vessels__cat summary:hover .td-vessels__icon::after,
.td-vessels__cat[open] .td-vessels__icon::before, .td-vessels__cat[open] .td-vessels__icon::after { background: var(--wp--preset--color--base); }
.td-vessels__cat summary:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 4px; }
.td-vessels__cat ul { list-style: none; margin: 0; padding: 4px 0 28px; column-gap: clamp(24px, 4vw, 64px); animation: td-vessels-in .3s ease-out; }
@media (min-width: 600px) { .td-vessels__cat ul { columns: 2; } }
@media (min-width: 1000px) { .td-vessels__cat ul { columns: 3; } }
.td-vessels__cat li { break-inside: avoid; padding: 11px 0; border-block-start: 1px solid var(--wp--preset--color--line); font-size: clamp(17px, 1.3vw, 20px); font-weight: 300; color: var(--wp--preset--color--ink); }
@keyframes td-vessels-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .td-vessels__cat ul { animation: none; } .td-vessels__icon, .td-vessels__icon::before, .td-vessels__icon::after, .td-vessels__name { transition: none; } }
.td-vessels__cta { margin: clamp(32px, 4vw, 56px) 0 0; }

/* Projects: video Lagoon 60 umjesto pocetne slike (Tein brief). */
.td-band--video figure { isolation: isolate; }
/* klasa td-hero__video nosi z-index: -2 (na naslovnici je video iza teksta); ovdje bi pao iza sive pozadine okvira */
.td-band--video .td-hero__video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 0; }

/* Naslovnica po Teinom primjeru (vandervalkshipyard.com, brief: „video kao pocetna slika s tekstom
   ‘Teak decks and accessories’"): natpis na sredini, tanka velika slova, iznad manji redak, gumbi manji. */
.td-hero--center { align-items: center; }
.td-hero--center::after { background: linear-gradient(180deg, rgba(10, 10, 10, .5) 0%, rgba(10, 10, 10, .28) 40%, rgba(10, 10, 10, .32) 70%, rgba(10, 10, 10, .6) 100%); }
.td-hero--k3 .td-hero__inner--center { width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 0; text-align: center; padding: clamp(120px, 14vh, 170px) var(--wp--preset--spacing--gutter) clamp(56px, 8vh, 96px); }
.td-hero__kicker { font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: .3em; line-height: 1.6; text-transform: uppercase; color: rgba(255, 255, 255, .92); max-width: none; }
.td-hero--k3 .td-hero__inner--center h1 { margin-block-start: clamp(14px, 1.6vw, 24px) !important; max-width: 15em;  /* dva retka: TEAK DECKS / AND ACCESSORIES */ font-weight: 200; font-size: clamp(30px, 4.6vw, 72px); line-height: 1.08; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--base); text-wrap: balance; }
.td-hero__inner--center .td-hero__ctas { justify-content: center; margin-block-start: clamp(28px, 3vw, 44px) !important; }
.td-hero__inner--center .td-hero__ctas .td-btn-k3 { min-height: 46px; padding: 0 22px; font-size: 11px; }
@media (max-width: 599px) {
	.td-hero__kicker { font-size: 11px; letter-spacing: .2em; }
	.td-hero--k3 .td-hero__inner--center h1 { font-size: clamp(28px, 8.4vw, 38px); letter-spacing: .08em; }
	.td-hero--k3 .td-hero__inner--center { padding: 110px 20px 48px; }
}

/* Tein brief 16.10., stavke 7, 14, 15, 30 (17.10.2026.) */
.td-about-summary__fig { flex: 1 1 100%; margin: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--wp--preset--color--line-surface); }
.td-about-summary__fig img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; display: block; }
@media (min-width: 1024px) {
	.td-about-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(220px, 300px); align-items: start; }
	.td-statement-split.td-about-summary h2, .td-about-summary .td-about-summary__body { max-width: none; }
	.td-about-summary__fig { aspect-ratio: 2 / 3; }
}

.td-prodgal { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; padding: 0 var(--wp--preset--spacing--gutter); margin-block: clamp(24px, 3vw, 48px); }
.td-prodgal__item { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--wp--preset--color--line-surface); cursor: zoom-in; }
.td-prodgal__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.td-prodgal__item:hover img, .td-prodgal__item:focus-visible img { transform: scale(1.04); }
@media (max-width: 1023px) { .td-prodgal { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 599px) { .td-prodgal { grid-template-columns: repeat(2, 1fr); } }

.td-seams { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-block-start: 8px; }
.td-seams figure { margin: 0; }
.td-seams img { width: 100%; height: auto; display: block; }
.td-seams figcaption { margin-block-start: 8px; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #4A4A4A; }

.td-acc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 560px; }
.td-acc-grid li { margin: 0; background: #fff; border: 1px solid var(--wp--preset--color--line-input, #CFCBC2); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.td-acc-grid li:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.08); border-color: var(--wp--preset--color--ink); }
.td-acc-grid figure { margin: 0; }
.td-acc-grid img { width: 100%; height: auto; display: block; }
.td-acc-grid .td-acc-grid__more { display: flex; align-items: center; justify-content: center; border-style: dashed; background: transparent; aspect-ratio: 1; font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #4A4A4A; }
@media (prefers-reduced-motion: reduce) { .td-prodgal__item img, .td-acc-grid li { transition: none; } .td-acc-grid li:hover { transform: none; } }
/* Tea, brief: „welcome to the world.. ostaje" — podnaslov ispod H1 u centriranom heroju (17.10.2026.) */
.td-hero__inner--center .td-hero__lede { margin-inline: auto; max-width: 52ch; text-align: center; }

/* Traka za pristanak na kolacice (inc/consent.php, 17.10.2026.) */
.td-consent { position: fixed; z-index: 1000; inset-inline: 16px; bottom: 16px; max-width: 560px; margin-inline-start: auto; padding: 20px 22px; background: var(--wp--preset--color--ink, #111); color: #fff; box-shadow: 0 12px 32px rgba(0,0,0,.25); display: flex; flex-direction: column; gap: 14px; }
.td-consent[hidden] { display: none; }
.td-consent__text { margin: 0; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.9); }
.td-consent__text a { color: #fff; text-decoration: underline; }
.td-consent__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.td-consent__btn { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; padding: 12px 18px; border: 1px solid #fff; background: #fff; color: #111; cursor: pointer; }
.td-consent__btn--ghost { background: transparent; color: #fff; }
.td-consent__btn:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #C46A2B); outline-offset: 2px; }