/* Paket svih widgeta, sklapa ga includes/bundle.php; ne menjati rucno. */

/* ---- tg_blog_index ---- */
/* Lista članaka. */

.tg-blog__controls {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
}

.tg-blog .tg-chip {
	min-height: 0;
	padding: 10px 14px;
	border: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-blog .tg-chip[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-blog__search {
	flex: 0 1 280px;
}

.tg-blog .tg-blog__search input {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 500 15.5px var(--tg-font);
	outline: none;
}

.tg-blog .tg-blog__search input:focus {
	border-color: var(--tg-orange);
}

.tg-blog__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-blog__card {
	display: flex;
	flex-direction: column;
	background: var(--tg-bg);
	color: var(--tg-ink);
	text-decoration: none;
}

.tg-blog__card:hover {
	background: var(--tg-tint);
	color: var(--tg-ink);
}

.tg-blog__card.is-hidden {
	display: none;
}

.tg-blog__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-sunk);
}

.tg-blog__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(1.05);
}

.tg-blog__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
}

.tg-blog__cat {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-blog__title {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.tg-blog__excerpt {
	flex: 1;
	color: var(--tg-mute);
	font-size: 15px;
	line-height: 1.55;
}

.tg-blog__more {
	font-size: 14.5px;
	font-weight: 800;
}

.tg-blog__empty {
	margin: 24px 0 0;
	color: var(--tg-mute);
	font-size: 16px;
}

@media (max-width: 719px) {
	.tg-blog__search {
		flex: 1 1 100%;
	}
}


/* ---- tg_booking ---- */
/* Zakazivanje. Vrednosti iz design/Kontakt.dc.html. */

.tg-bk {
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-bk__steps {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-bg);
}

.tg-bk__steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	border-right: 2px solid var(--tg-rule);
	color: var(--tg-mute2);
	font-size: 15px;
	font-weight: 700;
}

.tg-bk__steps li.is-now {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-bk__steps li.is-done {
	color: var(--tg-ink);
}

.tg-bk__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: var(--tg-sunk);
	color: var(--tg-ink);
	font-size: 13px;
	font-weight: 900;
}

.tg-bk__steps li.is-now .tg-bk__num {
	background: var(--tg-orange);
}

.tg-bk__pane {
	padding: clamp(20px, 3vw, 32px);
}

.tg-bk__pane[hidden] {
	display: none;
}

.tg-bk__h {
	margin: 0 0 16px;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.015em;
}

/* Tip razgovora */
.tg-bk__types {
	display: grid;
	gap: 2px;
	margin-bottom: 28px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-bk .tg-bk__type {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px 18px;
	border: 0;
	background: var(--tg-bg);
	color: var(--tg-ink);
	font-family: var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-bk .tg-bk__type[aria-pressed="true"] {
	background: var(--tg-tint);
}

.tg-bk__radio {
	width: 22px;
	height: 22px;
	border: 2px solid var(--tg-ink);
	border-radius: 50%;
}

.tg-bk__type[aria-pressed="true"] .tg-bk__radio {
	background: var(--tg-orange);
}

.tg-bk__tname {
	display: block;
	font-size: 17px;
	font-weight: 800;
}

.tg-bk__tdesc {
	display: block;
	color: var(--tg-mute);
	font-size: 14px;
}

.tg-bk__tmin {
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
}

/* Kalendar i termini */
.tg-bk__pick {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(20px, 3vw, 40px);
}

.tg-bk__calhead,
.tg-bk__slotshead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
	min-height: 42px;
}

.tg-bk__month,
.tg-bk__day {
	font-size: 18px;
	font-weight: 800;
	text-transform: capitalize;
}

.tg-bk__nav {
	display: flex;
	gap: 6px;
}

.tg-bk .tg-bk__nav button,
.tg-bk .tg-bk__tz button {
	padding: 8px 12px;
	border: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 800 14px var(--tg-font);
	cursor: pointer;
}

.tg-bk .tg-bk__nav button:disabled {
	color: var(--tg-dim);
	border-color: var(--tg-line);
	cursor: not-allowed;
}

.tg-bk__tz {
	display: flex;
	border: 2px solid var(--tg-rule);
}

.tg-bk .tg-bk__tz button {
	border: 0;
	border-right: 2px solid var(--tg-rule);
}

.tg-bk .tg-bk__tz button:last-child {
	border-right: 0;
}

.tg-bk .tg-bk__tz button[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-bk__dow {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	margin-bottom: 6px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

.tg-bk__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

/* Opseg je .tg-bk__days namerno: natpis iznad termina nosi istu klasu
   `tg-bk__day`, pa je bez ovoga dobijao kvadratni okvir kalendarskog
   dugmeta i stajao kao prazna kutija. */
.tg-bk .tg-bk__days .tg-bk__day {
	aspect-ratio: 1;
	padding: 0;
	border: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 700 15px var(--tg-font);
	cursor: pointer;
}

.tg-bk .tg-bk__days .tg-bk__day:hover:not(:disabled) {
	background: var(--tg-tint);
}

.tg-bk .tg-bk__days .tg-bk__day:disabled {
	border-color: var(--tg-line);
	color: var(--tg-dim);
	cursor: not-allowed;
}

.tg-bk .tg-bk__days .tg-bk__day.is-picked {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-bk__slotgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
	gap: 6px;
}

.tg-bk .tg-bk__slot {
	padding: 12px 8px;
	border: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 700 15px var(--tg-font);
	cursor: pointer;
}

.tg-bk .tg-bk__slot:hover {
	background: var(--tg-tint);
}

.tg-bk .tg-bk__slot[aria-pressed="true"] {
	background: var(--tg-orange);
}

.tg-bk__empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 24px;
	border: 2px dashed var(--tg-line);
	color: var(--tg-mute2);
	font-size: 15px;
	text-align: center;
}

/* Donja traka */
.tg-bk__bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 28px;
	padding-top: 20px;
	border-top: 2px solid var(--tg-rule);
}

.tg-bk__note {
	font-size: 15px;
	font-weight: 700;
}

.tg-bk .tg-bk__next {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 54px;
	padding: 0 20px;
	border: 0;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font: 800 16px var(--tg-font);
	cursor: pointer;
}

.tg-bk .tg-bk__next:hover:not(:disabled) {
	background: var(--tg-ink);
	color: var(--tg-orange);
}

.tg-bk .tg-bk__next:disabled {
	background: var(--tg-sunk);
	color: var(--tg-dim);
	cursor: not-allowed;
}

.tg-bk .tg-bk__back {
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: var(--tg-ink);
	font: 700 15px var(--tg-font);
	cursor: pointer;
}

/* Forma */
.tg-bk__form {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: 16px;
}

.tg-bk__form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14.5px;
	font-weight: 700;
}

.tg-bk__form .tg-bk__wide {
	grid-column: 1 / -1;
}

.tg-bk .tg-bk__form input,
.tg-bk .tg-bk__form textarea {
	padding: 12px 14px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-bg);
	color: var(--tg-ink);
	font: 500 16px var(--tg-font);
	outline: none;
}

.tg-bk .tg-bk__form input:focus,
.tg-bk .tg-bk__form textarea:focus {
	border-color: var(--tg-orange);
}

.tg-bk__form .tg-bk__bar {
	grid-column: 1 / -1;
}

/* Potvrda */
.tg-bk__confirm {
	margin: 0;
	padding: 18px;
	background: var(--tg-tint);
	font-size: 18px;
	font-weight: 800;
}

.tg-bk__small {
	margin: 14px 0 0;
	color: var(--tg-mute);
	font-size: 15px;
}

/* Cal.com umesto simuliranog kalendara. Okvir je isti kao kod ostatka
   zakazivanja, da se ne vidi da je sadržaj sa strane. */
.tg-bk--cal {
	padding: 0;
	border: 2px solid var(--tg-rule);
	background: var(--tg-bg);
}

.tg-bk__embed {
	width: 100%;
	min-height: 640px;
	overflow: auto;
}

@media (max-width: 599px) {
	.tg-bk__embed {
		min-height: 560px;
	}
}

/* Oznaka vremenske zone. Nije prekidač otkad je ostala jedna zona, pa nosi
   okvir kao i ostale sitne oznake, bez izgleda dugmeta. */
.tg-bk__tz--static {
	padding: 8px 12px;
	font: 800 14px var(--tg-font);
	color: var(--tg-mute);
	white-space: nowrap;
}


/* ---- tg_breadcrumbs ---- */
/* Putanja. */

.tg-crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--tg-mute2);
	font-size: 13.5px;
	font-weight: 600;
}

.tg-crumbs a {
	color: var(--tg-mute2);
	text-decoration: none;
}

.tg-crumbs a:hover {
	color: var(--tg-acc-ink);
}

.tg-crumbs__current {
	color: var(--tg-ink);
}


/* ---- tg_callbar ---- */
/* Plutajuća traka. Vrednosti iz reference/pocetna/rendered-desktop.html. */

.tg-callbar {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 85;
	display: flex;
	align-items: stretch;
	max-width: calc(100vw - 32px);
	border: 2px solid var(--tg-ink);
	background: var(--tg-orange);
	color: var(--tg-ink);
	box-shadow: 6px 6px 0 var(--tg-ink);
	transform: translateY(calc(100% + 40px));
	transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.tg-callbar.is-in {
	transform: translateY(0);
}

.tg-callbar[hidden] {
	display: none;
}

.tg-callbar__txt {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	min-width: 0;
	padding: 10px 16px;
}

.tg-callbar__title {
	font-size: 15px;
	font-weight: 900;
	white-space: nowrap;
}

.tg-callbar__sub {
	overflow: hidden;
	font-size: 13px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tg-callbar .tg-callbar__btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 18px;
	background: var(--tg-ink);
	color: var(--tg-bg);
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
}

.tg-callbar .tg-callbar__btn span {
	color: var(--tg-orange);
}

.tg-callbar .tg-callbar__btn:hover {
	background: var(--tg-bg);
	color: var(--tg-ink);
}

.tg-callbar .tg-callbar__x {
	width: 44px;
	border: 0;
	border-left: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 800 15px var(--tg-font);
	cursor: pointer;
}

.tg-callbar .tg-callbar__x:hover {
	background: var(--tg-ink);
	color: var(--tg-orange);
}

@media (prefers-reduced-motion: reduce) {
	.tg-callbar {
		transition: none;
	}
}


/* ---- tg_case_chart ---- */
/* Grafikon studije slučaja. Vrednosti iz design/Studija-GoSwim.dc.html. */

.tg-chart__tabs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
	border: 2px solid var(--tg-rule);
}

.tg-chart .tg-chart__tabs button {
	padding: 12px 16px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 800 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-chart .tg-chart__tabs button:last-child {
	border-right: 0;
}

.tg-chart .tg-chart__tabs button[aria-selected="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-chart__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 2px;
	margin-bottom: 24px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-chart__stats > div {
	padding: 16px 20px;
	background: var(--tg-bg);
}

.tg-chart__stats > div.is-accent {
	background: var(--tg-orange);
}

.tg-chart__statlabel {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-chart__stats > div.is-accent .tg-chart__statlabel {
	color: var(--tg-ink);
}

.tg-chart__statvalue {
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.tg-chart__plot {
	position: relative;
	height: clamp(260px, 32vw, 400px);
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-chart__plot svg {
	display: block;
	width: 100%;
	height: 100%;
}

.tg-chart__plot svg line {
	stroke: var(--tg-ink);
	stroke-opacity: 0.12;
	vector-effect: non-scaling-stroke;
}

.tg-chart__plot svg polygon {
	fill: var(--tg-orange);
	opacity: 0;
	transition: opacity 1.2s 0.6s;
}

.tg-chart.is-drawn .tg-chart__plot svg polygon {
	opacity: 0.18;
}

.tg-chart__plot svg polyline {
	fill: none;
	stroke: var(--tg-ink);
	stroke-width: 3;
	vector-effect: non-scaling-stroke;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

.tg-chart.is-drawn .tg-chart__plot svg polyline {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 1.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.tg-chart__cols {
	position: absolute;
	inset: 0;
	display: grid;
}

.tg-chart__col {
	position: relative;
	border-left: 1px solid transparent;
	cursor: crosshair;
}

.tg-chart__col.has-note {
	border-left-color: var(--tg-line);
}

.tg-chart__marker {
	position: absolute;
	left: 0;
	top: 10px;
	width: 10px;
	height: 10px;
	transform: translateX(-50%);
	background: var(--tg-orange);
}

.tg-chart__tip {
	position: absolute;
	z-index: 2;
	padding: 10px 12px;
	background: var(--tg-ink);
	color: var(--tg-bg);
	pointer-events: none;
}

.tg-chart__tip[hidden] {
	display: none;
}

.tg-chart__tipm {
	color: var(--tg-orange);
	font-size: 12px;
	font-weight: 700;
}

.tg-chart__tipv {
	font-size: 22px;
	font-weight: 900;
}

.tg-chart__tipn {
	max-width: 200px;
	margin-top: 4px;
	color: #cfcbca;
	font-size: 12.5px;
}

.tg-chart__axis {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 700;
}

.tg-chart__note {
	margin: 10px 0 0;
	color: var(--tg-mute2);
	font-size: 13px;
}

@media (prefers-reduced-motion: reduce) {
	.tg-chart .tg-chart__plot svg polyline,
	.tg-chart .tg-chart__plot svg polygon {
		transition: none;
	}
}


/* ---- tg_cases ---- */
/* Studije slučaja. Vrednosti iz design/Pocetna.dc.html. */

.tg-cases {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-case {
	display: flex;
	flex-direction: column;
	background: var(--tg-bg);
	color: var(--tg-ink);
	text-decoration: none;
}

.tg-case:hover {
	background: var(--tg-tint);
	color: var(--tg-ink);
}

/* Slike studija su snimci Search Console grafikona, ne fotografije: crno-belo
   im ubija obojene krive, pa ostaju u boji. Format je 16:9, kao original. */
.tg-case__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-case__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: none;
}

.tg-case__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 24px;
}

.tg-case__kicker {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-case__client {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tg-case__row {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-top: 8px;
}

.tg-case__num {
	color: var(--tg-orange);
	font-size: 52px;
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 1;
}

.tg-case__metric {
	font-size: 14px;
	font-weight: 600;
}

.tg-case__more {
	margin-top: 10px;
	font-size: 14.5px;
	font-weight: 800;
}


/* ---- tg_compare_table ---- */
/* Tabela poređenja. Vrednosti iz design/Cenovnik.dc.html. */

.tg-cmp {
	overflow-x: auto;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-cmp table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 15.5px;
}

.tg-cmp thead tr {
	background: var(--tg-ink);
	color: var(--tg-bg);
	text-align: left;
}

.tg-cmp th {
	padding: 14px;
	font-weight: 800;
}

.tg-cmp th.is-featured {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-cmp tbody tr {
	border-top: 1px solid var(--tg-line);
}

.tg-cmp td {
	padding: 13px 14px;
}

.tg-cmp td.is-featured {
	background: var(--tg-tint);
}

.tg-cmp__label {
	font-weight: 700;
}


/* ---- tg_facts ---- */
/* Činjenice uz hero. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-facts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
	margin: 0;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-facts__cell {
	padding: 22px;
	background: var(--tg-bg);
}

.tg-facts__cell.is-accent {
	background: var(--tg-orange);
}

.tg-facts dt {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-facts__cell.is-accent dt {
	color: var(--tg-ink);
}

.tg-facts dd {
	margin: 6px 0 0;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.tg-facts dd.is-small {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.35;
}


/* ---- tg_faq ---- */
/* FAQ: osnovne klase su u tangerine.css, ovde samo boja plusa iz dizajna. */

.tg-faq summary::after {
	color: var(--tg-orange);
}

.tg-faq .tg-faq__a a {
	color: var(--tg-acc-ink);
	font-weight: 700;
}

/* ==========================================================================
   FAQ pitanje je naslov (dodato 19.10.2026.)

   <summary> nosi <h3>, da bi pitanje bilo pravi podnaslov za AI pretragu.
   <details> i dalje radi sam, bez JavaScript-a. Naslov mora da bude inline i
   bez margine, inace <summary> dobije prelom reda i strelica se razdvoji.

   Pravilo stoji OVDE, u CSS-u samog widgeta, jer se tema na produkciji
   ucitava kroz `tangerine.css` a `style.css` se ne ucitava uopste. Prva
   verzija je bila u `style.css` i nije imala efekta.
   ========================================================================== */
.tg-faq__h {
  display: inline;
  margin: 0;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}

/* Odgovor je od 19.10.2026. u <p> (wpautop), pa se gasi njegova margina. */
.tg-faq__a p { margin: 0; }
.tg-faq__a p + p { margin-top: 0.75em; }


/* ---- tg_findings_table ---- */
/* Tabela nalaza. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-findings {
	overflow-x: auto;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-findings table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 15px;
}

.tg-findings thead tr {
	background: var(--tg-ink);
	color: var(--tg-bg);
	text-align: left;
}

.tg-findings th {
	padding: 12px 14px;
	font-weight: 800;
}

.tg-findings th.tg-findings__sortable {
	padding: 0;
}

.tg-findings .tg-findings__sortable button {
	width: 100%;
	padding: 12px 14px;
	border: 0;
	background: transparent;
	color: inherit;
	font: 800 15px var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-findings tbody tr {
	border-top: 1px solid var(--tg-line);
}

.tg-findings td {
	padding: 14px;
}

.tg-findings__name {
	font-weight: 600;
}

.tg-findings__bars {
	display: inline-flex;
	gap: 3px;
}

.tg-findings__bar {
	width: 10px;
	height: 14px;
	background: var(--tg-sunk);
}

.tg-findings__bar.is-on {
	background: var(--tg-orange);
}

.tg-findings__effort {
	color: var(--tg-mute);
}

.tg-findings__p {
	padding: 4px 8px;
	font-size: 13px;
	font-weight: 800;
}

.tg-findings__p.is-now {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-findings__p.is-high {
	background: var(--tg-tint2);
	color: var(--tg-ink);
}

.tg-findings__p.is-later {
	background: var(--tg-sunk);
	color: var(--tg-ink);
}


/* ---- tg_footer ---- */
/* Podnožje. Vrednosti su iz design/SiteFooter.dc.html. */

.tg-footer {
	background: var(--tg-bg);
	border-top: 2px solid var(--tg-rule);
	color: var(--tg-ink);
}

.tg-footer__inner {
	max-width: var(--tg-max);
	margin-inline: auto;
	padding: 56px var(--tg-px) 28px;
}

.tg-footer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 40px 32px;
}

.tg-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tg-footer__logo {
	align-self: flex-start;
	text-decoration: none;
}

.tg-footer__desc {
	margin: 0;
	max-width: 30ch;
	color: var(--tg-mute);
	font-size: 14.5px;
	line-height: 1.6;
}

.tg-footer__contact {
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

.tg-footer__socials {
	display: flex;
	align-self: flex-start;
	margin-top: 8px;
	border: 2px solid var(--tg-rule);
}

.tg-footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-right: 2px solid var(--tg-rule);
	color: var(--tg-ink);
}

.tg-footer__social:last-child {
	border-right: 0;
}

.tg-footer__social:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-footer__col {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14.5px;
}

.tg-footer__col a {
	text-decoration: none;
}

.tg-footer__coltitle {
	margin: 0 0 6px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	margin-top: 48px;
	padding-top: 24px;
	border-top: 2px solid var(--tg-rule);
}

.tg-footer__nl {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 320px;
	max-width: 520px;
}

.tg-footer__nl-label {
	font-size: 14.5px;
	font-weight: 700;
}

.tg-footer__nl-row {
	display: flex;
}

.tg-footer .tg-footer__nl-input {
	flex: 1;
	min-width: 0;
	height: 46px;
	padding: 0 14px;
	border: 2px solid var(--tg-rule);
	border-right: 0;
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 500 15px var(--tg-font);
}

.tg-footer .tg-footer__nl-btn {
	height: 46px;
	padding: 0 18px;
	border: 2px solid var(--tg-ink);
	background: var(--tg-ink);
	color: var(--tg-bg);
	font: 800 14px var(--tg-font);
	cursor: pointer;
}

.tg-footer .tg-footer__nl-btn:hover {
	background: var(--tg-orange);
	border-color: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	color: var(--tg-mute2);
	font-size: 13px;
}

.tg-footer__legal a {
	color: var(--tg-mute2);
}


/* ---- tg_header ---- */
/* Zaglavlje i mega-meni. Vrednosti su iz design/SiteHeader.dc.html. */

.tg-header {
	position: sticky;
	top: 0;
	z-index: 60;
	background: var(--tg-bg);
	border-bottom: 2px solid var(--tg-rule);
	color: var(--tg-ink);
}

.tg-header__bar {
	display: flex;
	align-items: center;
	gap: 24px;
	max-width: var(--tg-max);
	height: 72px;
	margin-inline: auto;
	padding-inline: var(--tg-px);
}

.tg-header__logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}

/* Logo */
.tg-logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	line-height: 1;
}

.tg-logo__mark {
	display: block;
	flex-shrink: 0;
	overflow: visible;
}

.tg-logo__word {
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -0.05em;
	white-space: nowrap;
}

.tg-logo__seo {
	color: var(--tg-orange);
}

/* Navigacija */
.tg-header__nav {
	display: flex;
	flex: 1;
	min-width: 0;
	align-items: stretch;
	align-self: stretch;
}

.tg-header .tg-navlink {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 5px;
	padding: 0 10px;
	border: 0;
	background: transparent;
	box-shadow: inset 0 -4px 0 transparent;
	color: var(--tg-ink);
	font: 600 14.5px var(--tg-font);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}

.tg-header .tg-navlink:hover {
	background: var(--tg-sunk);
	color: var(--tg-ink);
}

.tg-header .tg-navlink.is-open {
	background: var(--tg-sunk);
	box-shadow: inset 0 -4px 0 var(--tg-orange);
}

.tg-header .tg-navlink[aria-current="page"] {
	box-shadow: inset 0 -4px 0 var(--tg-orange);
}

.tg-navlink__caret {
	font-size: 10px;
	opacity: 0.7;
}

/* Desna strana */
.tg-header__right {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	margin-left: auto;
}

.tg-header .tg-header__search {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	min-width: 42px;
	padding: 0 11px;
	border: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 600 14px var(--tg-font);
	cursor: pointer;
}

.tg-header .tg-header__search:hover {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-kbd--sm {
	padding: 1px 5px;
	border: 1.5px solid currentColor;
	font-size: 11px;
	font-weight: 800;
	opacity: 0.7;
}

.tg-header .tg-header__lang {
	padding: 0 4px;
	color: var(--tg-mute2);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.tg-header__cta {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 42px;
	padding: 0 16px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 14.5px;
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
}

.tg-header__cta:hover {
	background: var(--tg-ink);
	color: var(--tg-orange);
}

.tg-header__cta-short {
	display: none;
}

.tg-header .tg-header__burger {
	display: none;
	height: 42px;
	padding: 0 14px;
	border: 2px solid var(--tg-ink);
	background: var(--tg-ink);
	color: var(--tg-bg);
	font: 800 14px var(--tg-font);
	cursor: pointer;
}

/* Mega-meni */
.tg-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 2;
	max-height: calc(100vh - 80px);
	overflow: auto;
	background: var(--tg-bg);
	border-bottom: 2px solid var(--tg-rule);
	box-shadow: 0 24px 48px rgba(45, 43, 43, 0.22);
}

.tg-mega[hidden] {
	display: none;
}

.tg-header.is-open::after {
	content: "";
	position: fixed;
	inset: 74px 0 0 0;
	z-index: 1;
	background: rgba(32, 30, 29, 0.45);
}

.tg-mega__inner {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	max-width: var(--tg-max);
	margin-inline: auto;
	padding-inline: var(--tg-px);
}

.tg-mega__left {
	padding: 24px 24px 24px 0;
	border-right: 2px solid var(--tg-rule);
}

.tg-mega__pages {
	display: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 20px;
	border-top: 2px solid var(--tg-rule);
	border-left: 2px solid var(--tg-rule);
}

.tg-mega__pages a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 12px;
	border-right: 2px solid var(--tg-rule);
	border-bottom: 2px solid var(--tg-rule);
	color: var(--tg-ink);
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
}

.tg-mega__pages a:hover {
	background: var(--tg-tint);
}

.tg-mega__label {
	display: block;
	margin-bottom: 8px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.tg-mega .tg-mega__input {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 500 16px var(--tg-font);
	outline: none;
}

.tg-mega .tg-mega__input:focus {
	border-color: var(--tg-orange);
}

.tg-mega__cats {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	border-top: 2px solid var(--tg-rule);
}

.tg-mega .tg-mega__cat {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 10px;
	border: 0;
	border-bottom: 1px solid var(--tg-line);
	background: transparent;
	color: var(--tg-ink);
	font: 600 15px var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-mega .tg-mega__cat[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-mega__cat-l {
	display: flex;
	align-items: center;
	gap: 10px;
}

.tg-mega__cat-n {
	font-size: 12px;
	opacity: 0.7;
}

.tg-mega__right {
	min-width: 0;
	padding: 24px 0 24px 28px;
}

.tg-mega__panel[hidden] {
	display: none;
}

.tg-mega__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 16px;
}

.tg-mega__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.02em;
	font-stretch: 112%;
}

.tg-mega__note {
	color: var(--tg-mute2);
	font-size: 13px;
}

.tg-mega__desc {
	margin: -8px 0 18px;
	max-width: 60ch;
	color: var(--tg-mute);
	font-size: 15px;
	line-height: 1.5;
}

.tg-mega__groups {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.tg-mega__grouptitle {
	margin: 0 0 8px;
	color: var(--tg-acc-ink);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-mega__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	border-top: 2px solid var(--tg-rule);
}

.tg-mega__item {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 12px 14px 12px 0;
	border-bottom: 1px solid var(--tg-line);
	color: var(--tg-ink);
	text-decoration: none;
}

.tg-mega__item:hover {
	background: var(--tg-tint);
	color: var(--tg-ink);
}

.tg-mega__box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 2px solid var(--tg-rule);
}

.tg-mega__item.is-new .tg-mega__box {
	background: var(--tg-orange);
}

.tg-mega__txt {
	min-width: 0;
}

.tg-mega__name {
	display: block;
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.25;
}

.tg-mega__meta {
	display: block;
	margin-top: 3px;
	overflow: hidden;
	color: var(--tg-mute2);
	font-size: 12.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tg-mega__empty {
	margin: 20px 0 0;
	font-size: 16px;
}

.tg-mega__empty a {
	color: var(--tg-acc-ink);
	font-weight: 700;
}

.tg-mega__foot {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.tg-mega .tg-mega__foot-a,
.tg-mega .tg-mega__foot-b {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none;
}

.tg-mega .tg-mega__foot-a {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-mega .tg-mega__foot-a:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-mega .tg-mega__foot-b {
	border: 2px solid var(--tg-rule);
	color: var(--tg-ink);
}

.tg-mega .tg-mega__foot-b:hover {
	background: var(--tg-tint);
}

/* Prelomi iz dizajna */
@media (max-width: 1399px) {
	.tg-header__lang {
		display: none;
	}
}

@media (max-width: 1179px) {
	.tg-header__nav {
		display: none;
	}

	.tg-header .tg-header__burger {
		display: block;
	}

	.tg-mega__pages {
		display: grid;
	}
}

@media (max-width: 819px) {
	.tg-mega__inner {
		grid-template-columns: 1fr;
	}

	.tg-mega__left {
		padding: 20px 0;
		border-right: 0;
		border-bottom: 2px solid var(--tg-rule);
	}

	.tg-mega__right {
		padding: 20px 0 28px;
	}
}

@media (max-width: 639px) {
	.tg-header__cta-long {
		display: none;
	}

	.tg-header__cta-short {
		display: inline;
	}
}

@media (max-width: 479px) {
	.tg-logo__word {
		display: none;
	}
}


/* ---- tg_map_sim ---- */
/* Simulator mape. Vrednosti iz design/Lokalno-Beograd.dc.html. */

.tg-map__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	margin-bottom: 24px;
}

.tg-map__ctrl {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 220px;
	font-size: 14px;
	font-weight: 700;
}

.tg-map__ctrl--range {
	flex: 1 1 280px;
}

.tg-map .tg-map__ctrl select {
	height: 48px;
	padding: 0 12px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 600 15.5px var(--tg-font);
}

.tg-map__rangerow {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
}

.tg-map__month {
	font-size: 18px;
	font-weight: 900;
}

.tg-map input[type="range"] {
	width: 100%;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	accent-color: var(--tg-orange);
}

.tg-map__panes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-map__list {
	border-right: 2px solid var(--tg-rule);
}

.tg-map__bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-bg);
	font-size: 16px;
	font-weight: 600;
}

.tg-map__barico {
	background: var(--tg-mute2);
}

.tg-map__list ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tg-map__row {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 10px 16px;
	border-bottom: 1px solid var(--tg-line);
}

.tg-map__row.is-you {
	background: var(--tg-tint);
}

.tg-map__pos {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: var(--tg-sunk);
	color: var(--tg-ink);
	font-size: 13px;
	font-weight: 900;
}

.tg-map__row.is-top .tg-map__pos {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-map__row.is-you .tg-map__pos {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-map__txt {
	min-width: 0;
}

.tg-map__name {
	display: block;
	font-size: 15.5px;
	font-weight: 600;
}

.tg-map__row.is-you .tg-map__name {
	font-weight: 900;
}

.tg-map__meta {
	display: block;
	color: var(--tg-mute2);
	font-size: 13px;
}

.tg-map__tag {
	color: var(--tg-acc-ink);
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.tg-map__side {
	display: flex;
	flex-direction: column;
}

.tg-map__canvas {
	position: relative;
	min-height: 260px;
	flex: 1;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-sunk);
	background-image: linear-gradient(var(--tg-grid) 1px, transparent 1px),
		linear-gradient(90deg, var(--tg-grid) 1px, transparent 1px);
	background-size: 44px 44px;
}

.tg-map__canvaslabel {
	position: absolute;
	left: 12px;
	top: 12px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-map__pin {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	transform: translate(-50%, -50%);
	border: 2px solid var(--tg-ink);
	background: var(--tg-bg);
	color: var(--tg-ink);
	font-size: 12px;
	font-weight: 900;
	transition: top 0.4s, left 0.4s;
}

.tg-map__pin.is-top {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-map__pin.is-you {
	width: 34px;
	height: 34px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	box-shadow: 3px 3px 0 var(--tg-ink);
}

.tg-map__steps {
	padding: 18px;
}

.tg-map__stepskicker {
	margin: 0 0 10px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-map__steps ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14.5px;
}

.tg-map__steps li {
	display: flex;
	gap: 10px;
	color: var(--tg-mute2);
}

.tg-map__steps li.is-done {
	color: var(--tg-ink);
	font-weight: 600;
}

.tg-map__mark {
	width: 16px;
	font-weight: 900;
}

.tg-map__note {
	margin: 12px 0 0;
	color: var(--tg-mute2);
	font-size: 13px;
}

@media (max-width: 719px) {
	.tg-map__list {
		border-right: 0;
		border-bottom: 2px solid var(--tg-rule);
	}
}

/* Red sa Vama kad ste ispod sedmog mesta: isprekidana linija odvaja prekid. */
.tg-map__row.is-gap {
	border-top: 2px dashed var(--tg-line);
}


/* ---- tg_marquee ---- */
/* Traka koja klizi. .tg-marquee i keyframes su u tangerine.css; ovde je red oko nje. */

.tg-marquee-row {
	display: flex;
	align-items: center;
	gap: 32px;
	overflow: hidden;
	padding: 18px 0;
	border-top: 2px solid var(--tg-rule);
}

.tg-marquee-row__label {
	flex-shrink: 0;
	width: 120px;
	padding-left: var(--tg-px);
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.tg-marquee-row .tg-marquee {
	flex: 1;
	min-width: 0;
	border-bottom: 0;
}

.tg-marquee__item {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 10px;
	padding-right: 40px;
	color: var(--tg-mute);
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

/* Logotipi su već crno-beli i spljošteni na boju trake (vidi
   scripts/fetch-assets-com.py). Dodatni contrast() bi podigao podlogu ka beloj
   i iza svakog logotipa bi se video pravougaonik. */
.tg-marquee__item img {
	height: 56px;
	width: auto;
	filter: grayscale(1);
}


/* ---- tg_niche_queries ---- */
/* Pretrage po oblasti. Vrednosti iz design/Nisa-Advokati.dc.html. */

.tg-nq__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

.tg-nq .tg-chip {
	min-height: 0;
	padding: 10px 14px;
	border: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-nq .tg-chip[aria-selected="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-nq__pane {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
}

.tg-nq__pane[hidden] {
	display: none;
}

.tg-nq__list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 2px solid var(--tg-rule);
}

.tg-nq__list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--tg-line);
}

.tg-nq__list li:last-child {
	border-bottom: 0;
}

.tg-nq__q {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 17px;
	font-weight: 600;
}

.tg-nq__dot {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	background: var(--tg-sunk);
}

.tg-nq__dot.is-urgent {
	background: var(--tg-orange);
}

.tg-nq__dot.is-commercial {
	background: var(--tg-tint2);
}

.tg-nq__intent {
	flex-shrink: 0;
	padding: 3px 8px;
	background: var(--tg-sunk);
	color: var(--tg-ink);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.tg-nq__intent.is-urgent {
	background: var(--tg-orange);
}

.tg-nq__intent.is-commercial {
	background: var(--tg-tint2);
}

.tg-nq__plan {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 24px;
	background: var(--tg-bg);
}

.tg-nq__plankicker {
	margin: 0;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-nq__page {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tg-nq__plantext {
	margin: 0;
	color: var(--tg-mute);
	font-size: 16px;
	line-height: 1.6;
}

.tg-nq__legend {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14.5px;
}

.tg-nq__legend li {
	display: flex;
	gap: 10px;
}

.tg-nq__legend .tg-nq__dot {
	margin-top: 4px;
}

@media (max-width: 719px) {
	.tg-nq__list {
		border-right: 0;
		border-bottom: 2px solid var(--tg-rule);
	}
}


/* ---- tg_packages ---- */
/* Paketi. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-packs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-pack {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 26px 22px;
	background: var(--tg-bg);
}

.tg-pack.is-featured {
	background: var(--tg-orange);
}

.tg-pack__title {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
}

.tg-pack__price {
	font-size: 40px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.tg-pack__text {
	flex: 1;
	margin: 0;
	color: var(--tg-mute);
	font-size: 15px;
	line-height: 1.5;
}

.tg-pack.is-featured .tg-pack__text {
	color: var(--tg-ink);
}

.tg-packs .tg-pack__cta {
	color: var(--tg-ink);
	font-weight: 800;
	text-decoration: none;
}

.tg-packs .tg-pack__cta:hover {
	color: var(--tg-acc-ink);
}

.tg-packs__note {
	margin: 16px 0 0;
	color: var(--tg-mute);
	font-size: 14.5px;
}

.tg-packs__note a {
	color: var(--tg-acc-ink);
	font-weight: 700;
}


/* ---- tg_posts ---- */
/* Lista članaka na početnoj. */

.tg-posts {
	border-top: 2px solid var(--tg-rule);
}

.tg-posts__row {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 22px 0;
	border-bottom: 1px solid var(--tg-line);
	color: var(--tg-ink);
	text-decoration: none;
}

.tg-posts__row:hover {
	background: var(--tg-tint);
	color: var(--tg-ink);
}

.tg-posts__txt {
	display: grid;
	flex: 1;
	min-width: 0;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 6px 20px;
	align-items: center;
}

.tg-posts__cat {
	color: var(--tg-mute2);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.tg-posts__title {
	font-size: clamp(18px, 1.8vw, 24px);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.2;
}

.tg-posts__arrow {
	flex-shrink: 0;
	font-weight: 800;
}

@media (max-width: 719px) {
	.tg-posts__txt {
		grid-template-columns: 1fr;
	}
}


/* ---- tg_price_config ---- */
/* Konfigurator cene. Vrednosti iz design/Cenovnik.dc.html. */

.tg-pc {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: clamp(24px, 3vw, 48px);
	align-items: start;
}

.tg-pc__block {
	margin-bottom: 32px;
}

.tg-pc__label {
	margin: 0 0 12px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Tržište */
.tg-pc__market {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	border: 2px solid var(--tg-rule);
}

.tg-pc .tg-pc__market button {
	padding: 16px 18px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font-family: var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-pc .tg-pc__market button:last-child {
	border-right: 0;
}

.tg-pc .tg-pc__market button[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-pc__mname {
	display: block;
	font-size: 17px;
	font-weight: 800;
}

.tg-pc__mdesc {
	display: block;
	margin-top: 2px;
	font-size: 13.5px;
	font-weight: 500;
	opacity: 0.8;
}

/* Paketi */
.tg-pc__tiers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-pc .tg-pc__tier {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 20px;
	border: 0;
	background: var(--tg-bg);
	color: var(--tg-ink);
	font-family: var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-pc .tg-pc__tier:hover {
	background: var(--tg-tint);
}

.tg-pc .tg-pc__tier[aria-pressed="true"] {
	background: var(--tg-orange);
}

.tg-pc__tname {
	font-size: 20px;
	font-weight: 800;
}

.tg-pc__tprice {
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.tg-pc__tfor {
	color: var(--tg-mute);
	font-size: 14px;
	font-weight: 600;
}

.tg-pc .tg-pc__tier[aria-pressed="true"] .tg-pc__tfor {
	color: var(--tg-ink);
}

.tg-pc__tfeats {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 6px;
	padding-top: 12px;
	border-top: 2px solid var(--tg-rule);
	font-size: 14.5px;
	font-weight: 600;
}

/* Dodaci */
.tg-pc__addons {
	border: 2px solid var(--tg-rule);
}

.tg-pc .tg-pc__addon {
	display: grid;
	width: 100%;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px 18px;
	border: 0;
	border-bottom: 1px solid var(--tg-line);
	background: transparent;
	color: var(--tg-ink);
	font-family: var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-pc .tg-pc__addon:last-child {
	border-bottom: 0;
}

.tg-pc .tg-pc__addon[aria-pressed="true"] {
	background: var(--tg-tint);
}

.tg-pc__abox {
	width: 22px;
	height: 22px;
	border: 2px solid var(--tg-ink);
}

.tg-pc .tg-pc__addon[aria-pressed="true"] .tg-pc__abox {
	background: var(--tg-orange);
}

.tg-pc__aname {
	display: block;
	font-size: 16px;
	font-weight: 800;
}

.tg-pc__adesc {
	display: block;
	color: var(--tg-mute);
	font-size: 13.5px;
}

.tg-pc__aprice {
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap;
}

/* Trajanje */
.tg-pc__terms {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 2px solid var(--tg-rule);
}

.tg-pc .tg-pc__terms button {
	padding: 14px 12px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font-family: var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-pc .tg-pc__terms button:last-child {
	border-right: 0;
}

.tg-pc .tg-pc__terms button[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-pc__tlabel {
	display: block;
	font-size: 16px;
	font-weight: 800;
}

.tg-pc__tdesc {
	display: block;
	margin-top: 2px;
	color: var(--tg-acc-ink);
	font-size: 13px;
	font-weight: 700;
}

.tg-pc .tg-pc__terms button[aria-pressed="true"] .tg-pc__tdesc {
	color: var(--tg-orange);
}

/* Rezime */
.tg-pc__summary {
	position: sticky;
	top: 96px;
	padding: 24px;
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-pc__slabel {
	margin: 0;
	color: var(--tg-orange);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-pc__sfor {
	margin: 6px 0 18px;
	font-size: 18px;
	font-weight: 800;
}

.tg-pc__lines {
	list-style: none;
	margin: 0;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(243, 242, 242, 0.27);
}

.tg-pc__lines li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 7px 0;
	font-size: 15px;
}

.tg-pc__total {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-top: 16px;
}

.tg-pc__totalnum {
	font-size: clamp(36px, 4vw, 52px);
	font-weight: 900;
	letter-spacing: -0.04em;
}

.tg-pc__totalper {
	font-size: 15px;
	font-weight: 700;
	color: #cfcbca;
}

.tg-pc__note {
	margin: 8px 0 0;
	color: #cfcbca;
	font-size: 13px;
}

.tg-pc .tg-pc__cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 56px;
	margin-top: 20px;
	padding: 0 18px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 15.5px;
	font-weight: 800;
	text-decoration: none;
}

.tg-pc .tg-pc__cta:hover {
	background: var(--tg-bg);
	color: var(--tg-ink);
}

@media (max-width: 999px) {
	.tg-pc {
		grid-template-columns: 1fr;
	}

	.tg-pc__summary {
		position: static;
	}
}


/* ---- tg_proof ---- */
/* Dokaz u brojkama. Vrednosti iz design/Pocetna.dc.html. */

.tg-proof {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border-left: 2px solid var(--tg-rule);
	border-right: 2px solid var(--tg-rule);
}

.tg-proof__cell {
	min-width: 0;
	overflow: hidden;
	padding: 32px 24px;
	background: var(--tg-bg);
}

.tg-proof__num {
	color: var(--tg-orange);
	font-size: clamp(40px, 4.2vw, 64px);
	font-weight: 900;
	font-stretch: 100%;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.04em;
	line-height: 0.95;
	white-space: nowrap;
}

.tg-proof__label {
	margin: 12px 0 0;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
}

.tg-proof__label span {
	color: var(--tg-mute2);
	font-weight: 500;
}

.tg-proof__panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	padding: 32px 24px;
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-proof__panel p {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.45;
}

.tg-proof .tg-proof__panel a {
	color: var(--tg-orange);
	font-size: 15.5px;
	font-weight: 800;
	text-decoration: none;
}

.tg-proof .tg-proof__panel a:hover {
	color: var(--tg-bg);
}


/* ---- tg_quiz ---- */
/* Kviz. Vrednosti iz design/Pocetna.dc.html. */

.tg-quiz {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: clamp(32px, 5vw, 80px);
}

.tg-quiz__text {
	margin: 22px 0 0;
	max-width: 40ch;
	font-size: 17px;
	line-height: 1.55;
	opacity: 0.85;
}

.tg-quiz__prog {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	max-width: 360px;
	margin-top: 32px;
}

.tg-quiz__prog span {
	height: 8px;
	background: var(--tg-dim);
	transition: background 0.3s;
}

.tg-quiz__prog span.is-done {
	background: var(--tg-orange);
}

.tg-quiz__label {
	margin: 10px 0 0;
	font-size: 13.5px;
	font-weight: 700;
	opacity: 0.8;
}

.tg-quiz__step {
	margin: 0;
	padding: 0;
	border: 0;
}

.tg-quiz__step[hidden],
.tg-quiz__result[hidden],
.tg-quiz__all[hidden] {
	display: none;
}

.tg-quiz__step legend {
	margin-bottom: 20px;
	padding: 0;
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.tg-quiz__opts {
	display: flex;
	flex-direction: column;
	border-top: 2px solid currentColor;
}

.tg-quiz .tg-quiz__opt {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 18px 12px 18px 0;
	border: 0;
	border-bottom: 2px solid currentColor;
	background: transparent;
	color: inherit;
	font: 600 clamp(16px, 1.4vw, 18px) var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-quiz .tg-quiz__opt:hover {
	padding-left: 12px;
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-quiz__letter {
	font-size: 13px;
	font-weight: 800;
	opacity: 0.7;
}

.tg-quiz .tg-quiz__back {
	margin-top: 16px;
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: 700 14px var(--tg-font);
	opacity: 0.8;
	cursor: pointer;
}

.tg-quiz__reskicker {
	margin: 0 0 6px;
	color: var(--tg-orange);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-quiz__restitle {
	margin: 0 0 20px;
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tg-quiz__recs {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid currentColor;
}

.tg-quiz__recs li {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	padding: 18px 0;
	border-bottom: 2px solid currentColor;
}

.tg-quiz__num {
	color: var(--tg-orange);
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
}

.tg-quiz__recs a {
	color: inherit;
	font-size: 19px;
	font-weight: 800;
	text-decoration: none;
}

.tg-quiz__why {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.5;
	opacity: 0.8;
}

.tg-quiz__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.tg-quiz .tg-quiz__cta {
	display: flex;
	align-items: center;
	gap: 24px;
	height: 56px;
	padding: 0 20px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
}

.tg-quiz .tg-quiz__cta:hover {
	background: var(--tg-bg);
	color: var(--tg-ink);
}

.tg-quiz .tg-quiz__restart {
	height: 56px;
	padding: 0 18px;
	border: 2px solid currentColor;
	background: transparent;
	color: inherit;
	font: 700 15px var(--tg-font);
	cursor: pointer;
}

/* Spisak svih preporuka ostaje u HTML-u zbog linkova, ali se ne vidi. */
.tg-quiz__all {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}


/* ---- tg_quote ---- */
/* Citat preko cele širine. */

.tg-quote {
	margin: 0;
	max-width: 56ch;
}

.tg-quote blockquote {
	margin: 0;
	font-size: clamp(24px, 3vw, 40px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-wrap: pretty;
}

.tg-quote figcaption {
	margin-top: 24px;
	font-size: 15.5px;
}

.tg-quote figcaption span {
	color: var(--tg-mute);
}


/* ---- tg_read_progress ---- */
/* Traka napretka čitanja, odmah ispod lepljivog zaglavlja. */

.tg-progress {
	position: fixed;
	top: 72px;
	left: 0;
	right: 0;
	z-index: 59;
	height: 4px;
	background: transparent;
	pointer-events: none;
}

.tg-progress span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--tg-orange);
}


/* ---- tg_roi ---- */
/* ROI kalkulator. Vrednosti iz design/RoiKalkulator.dc.html. */

.tg-roi {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	border: 2px solid var(--tg-rule);
	background: var(--tg-bg);
	color: var(--tg-ink);
}

.tg-roi__controls {
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: clamp(20px, 3vw, 36px);
	margin-right: -2px;
	margin-bottom: -2px;
	border-right: 2px solid var(--tg-rule);
	border-bottom: 2px solid var(--tg-rule);
}

.tg-roi__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}

.tg-roi__row label {
	font-size: 15px;
	font-weight: 700;
}

.tg-roi__val {
	font-size: 22px;
	font-weight: 800;
}

.tg-roi input[type="range"] {
	width: 100%;
	height: 28px;
	margin-top: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	accent-color: var(--tg-orange);
}

.tg-roi__legend {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
}

.tg-roi__scen {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border: 2px solid var(--tg-rule);
}

.tg-roi .tg-roi__scen-btn {
	padding: 10px 8px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14px var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-roi .tg-roi__scen-btn:last-child {
	border-right: 0;
}

.tg-roi .tg-roi__scen-btn[aria-checked="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-roi__scen-btn span {
	display: block;
}

.tg-roi__scen-d {
	font-size: 12.5px;
	font-weight: 500;
	opacity: 0.8;
}

.tg-roi__result {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: clamp(20px, 3vw, 36px);
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-roi__kicker {
	color: var(--tg-orange);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-roi__big {
	font-size: clamp(44px, 6vw, 76px);
	font-weight: 900;
	font-stretch: 115%;
	letter-spacing: -0.04em;
	line-height: 0.95;
}

.tg-roi__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid rgba(243, 242, 242, 0.27);
}

.tg-roi__stats > div:first-child {
	padding: 12px 12px 0 0;
	border-right: 1px solid rgba(243, 242, 242, 0.27);
}

.tg-roi__stats > div:last-child {
	padding: 12px 0 0 12px;
}

.tg-roi__stat {
	font-size: 26px;
	font-weight: 800;
}

.tg-roi__statlabel {
	color: #cfcbca;
	font-size: 13px;
}

.tg-roi__bars {
	display: grid;
	flex: 1;
	grid-template-columns: repeat(12, 1fr);
	gap: 5px;
	align-items: end;
	min-height: 150px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(243, 242, 242, 0.4);
}

.tg-roi__bar {
	background: rgba(243, 242, 242, 0.67);
	transition: height 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.tg-roi__bar.is-last {
	background: var(--tg-orange);
}

.tg-roi__months {
	display: flex;
	justify-content: space-between;
	margin-top: -10px;
	color: #cfcbca;
	font-size: 12px;
}

.tg-roi__note {
	margin: 0;
	color: #cfcbca;
	font-size: 12.5px;
	line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
	.tg-roi__bar {
		transition: none;
	}
}


/* ---- tg_seo_score ---- */
/* SEO skor. Vrednosti iz design/SeoSkor.dc.html. */

.tg-skor {
	background: var(--tg-surface);
	border: 2px solid var(--tg-rule);
	box-shadow: 10px 10px 0 var(--tg-shadow);
	color: var(--tg-ink);
}

.tg-skor__bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 18px;
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-skor__brand {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.tg-skor__free {
	color: var(--tg-orange);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-skor__form,
.tg-skor__run,
.tg-skor__done {
	padding: 22px 18px 20px;
}

.tg-skor__form[hidden],
.tg-skor__run[hidden],
.tg-skor__done[hidden],
.tg-skor__err[hidden] {
	display: none;
}

.tg-skor__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tg-skor__q {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.tg-skor__row {
	display: flex;
	flex-wrap: wrap;
}

.tg-skor .tg-skor__input {
	flex: 1 1 200px;
	min-width: 0;
	height: 54px;
	padding: 0 16px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-bg);
	color: var(--tg-ink);
	font: 500 17px var(--tg-font);
	outline: none;
}

.tg-skor .tg-skor__input:focus {
	border-color: var(--tg-orange);
}

.tg-skor .tg-skor__go {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
	height: 54px;
	padding: 0 20px;
	border: 2px solid var(--tg-orange);
	background: var(--tg-orange);
	color: var(--tg-ink);
	font: 800 16px var(--tg-font);
	cursor: pointer;
}

.tg-skor .tg-skor__go:hover {
	background: var(--tg-ink);
	border-color: var(--tg-ink);
	color: var(--tg-orange);
}

.tg-skor__err {
	margin: 0;
	color: var(--tg-acc-ink);
	font-size: 14px;
	font-weight: 600;
}

.tg-skor__feats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: var(--tg-mute);
	font-size: 13.5px;
}

.tg-skor__feats li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tg-skor__dot {
	width: 6px;
	height: 6px;
	background: var(--tg-orange);
}

.tg-skor__runhead {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}

.tg-skor__track {
	height: 8px;
	margin-bottom: 16px;
	background: var(--tg-track);
}

.tg-skor__fill {
	width: 0;
	height: 100%;
	background: var(--tg-orange);
	transition: width 0.35s linear;
}

.tg-skor__steps {
	display: flex;
	flex-direction: column;
	gap: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #9b9797;
	font: 500 13.5px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.tg-skor__steps li {
	display: flex;
	gap: 10px;
}

.tg-skor__steps li.is-past {
	color: var(--tg-ink);
}

.tg-skor__steps li.is-now {
	color: var(--tg-acc-ink);
}

.tg-skor__mark {
	width: 14px;
}

.tg-skor__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 16px;
}

.tg-skor__kicker {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-skor__scorerow {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-top: 4px;
}

.tg-skor__score {
	font-size: 76px;
	font-weight: 900;
	font-stretch: 115%;
	letter-spacing: -0.04em;
	line-height: 0.9;
}

.tg-skor__of {
	color: var(--tg-mute2);
	font-size: 20px;
	font-weight: 700;
}

.tg-skor__grade {
	padding: 6px 10px;
	background: var(--tg-sunk);
	color: var(--tg-ink);
	font-size: 13.5px;
	font-weight: 800;
}

.tg-skor__grade.is-mid {
	background: var(--tg-tint2);
}

.tg-skor__grade.is-bad {
	background: var(--tg-orange);
}

.tg-skor__segs {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 4px;
	margin: 16px 0 18px;
}

.tg-skor__segs span {
	height: 12px;
	background: var(--tg-track);
	transition: background 0.3s;
}

.tg-skor__segs span.is-on {
	background: var(--tg-orange);
}

.tg-skor__checks {
	border-top: 2px solid var(--tg-rule);
}

.tg-skor__check {
	display: grid;
	grid-template-columns: 14px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 9px 0;
	border-bottom: 1px solid var(--tg-line);
	font-size: 14px;
}

.tg-skor__cdot {
	width: 10px;
	height: 10px;
	background: var(--tg-ink);
}

.tg-skor__check.is-bad .tg-skor__cdot {
	background: var(--tg-orange);
}

.tg-skor__ckey {
	font-weight: 700;
}

.tg-skor__cval {
	color: var(--tg-mute);
	font-weight: 600;
	text-align: right;
}

.tg-skor__check.is-bad .tg-skor__cval {
	color: var(--tg-acc-ink);
}

.tg-skor__summary {
	margin: 14px 0 0;
	color: var(--tg-mute);
	font-size: 14px;
	line-height: 1.5;
}

.tg-skor__summary strong {
	color: var(--tg-ink);
}

.tg-skor__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.tg-skor .tg-skor__cta {
	display: flex;
	flex: 1 1 220px;
	justify-content: space-between;
	align-items: center;
	height: 52px;
	padding: 0 18px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 15.5px;
	font-weight: 800;
	text-decoration: none;
}

.tg-skor .tg-skor__cta:hover {
	background: var(--tg-ink);
	color: var(--tg-orange);
}

.tg-skor .tg-skor__again {
	height: 52px;
	padding: 0 16px;
	border: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-skor .tg-skor__again:hover {
	background: var(--tg-sunk);
}


/* ---- tg_serp_compare ---- */
/* Pre i posle u pretrazi. Vrednosti iz design/Pocetna.dc.html. */

.tg-serp {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
}

.tg-serp__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.tg-serp .tg-serp__chip {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 0;
	padding: 10px 14px;
	border: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-serp .tg-serp__chip:hover {
	background: transparent;
	border-color: var(--tg-orange);
}

.tg-serp .tg-serp__chip[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-serp__note {
	margin: 14px 0 0;
	color: var(--tg-mute2);
	font-size: 13px;
}

.tg-serp__box {
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	user-select: none;
	-webkit-user-select: none;
}

.tg-serp__ex[hidden] {
	display: none;
}

.tg-serp__bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-bg);
}

.tg-serp__barico {
	background: var(--tg-mute2);
}

.tg-serp__q {
	font-size: 16px;
	font-weight: 600;
}

.tg-serp__stage {
	position: relative;
}

.tg-serp__after {
	padding-top: 46px;
}

.tg-serp__before {
	position: absolute;
	inset: 0;
	padding-top: 46px;
	background: var(--tg-surface);
	clip-path: inset(0 var(--tg-clip, 50%) 0 0);
}

.tg-serp__badge {
	position: absolute;
	top: 12px;
	padding: 4px 9px;
	font-size: 11.5px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-serp__badge--after {
	right: 14px;
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-serp__badge--before {
	left: 14px;
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-serp__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tg-serp__row {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 9px 16px;
	border-top: 1px solid var(--tg-line);
}

.tg-serp__row.is-you {
	background: var(--tg-tint);
}

.tg-serp__n {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: var(--tg-sunk);
	color: var(--tg-ink);
	font-size: 13px;
	font-weight: 900;
}

.tg-serp__row.is-top .tg-serp__n {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-serp__row.is-you .tg-serp__n {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-serp__t {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.tg-serp__dom {
	overflow: hidden;
	color: var(--tg-mute2);
	font-size: 12.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tg-serp__title {
	overflow: hidden;
	font-size: 15.5px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tg-serp__row.is-you .tg-serp__title {
	font-weight: 900;
}

.tg-serp__divider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--tg-pos, 50%);
	width: 2px;
	margin-left: -1px;
	background: var(--tg-orange);
	pointer-events: none;
}

.tg-serp__handle {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	transform: translate(-50%, -50%);
	border: 2px solid var(--tg-ink);
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 19px;
	font-weight: 900;
}

.tg-serp .tg-serp__range {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	opacity: 0;
	cursor: ew-resize;
}


/* ---- tg_serp_preview ---- */
/* SERP preview. Vrednosti iz design/Usluga-SEO-Audit.dc.html.
   Pregled namerno koristi Arial i Google-ove boje, jer prikazuje Google. */

.tg-sp {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	border: 2px solid var(--tg-rule);
}

.tg-sp__form {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
	border-right: 2px solid var(--tg-rule);
	background: var(--tg-bg);
}

.tg-sp__row {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

.tg-sp__row label,
.tg-sp__label {
	font-size: 14.5px;
	font-weight: 700;
}

.tg-sp__label {
	display: block;
	margin-bottom: 8px;
}

.tg-sp__count {
	font-size: 13px;
	font-weight: 700;
	color: var(--tg-ink);
}

.tg-sp__count.is-over {
	color: var(--tg-acc-ink);
}

.tg-sp__count.is-short {
	color: #9b9797;
}

.tg-sp .tg-sp__input {
	width: 100%;
	height: 48px;
	padding: 0 12px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 500 15.5px var(--tg-font);
	outline: none;
}

.tg-sp .tg-sp__area {
	width: 100%;
	padding: 10px 12px;
	border: 2px solid var(--tg-rule);
	background: var(--tg-surface);
	color: var(--tg-ink);
	font: 500 15.5px/1.45 var(--tg-font);
	outline: none;
	resize: vertical;
}

.tg-sp__track {
	height: 6px;
	margin-top: 6px;
	background: var(--tg-sunk);
}

.tg-sp__fill {
	width: 0;
	height: 100%;
	background: var(--tg-ink);
	transition: width 0.2s;
}

.tg-sp__fill.is-over {
	background: var(--tg-orange);
}

.tg-sp__fill.is-short {
	background: #9b9797;
}

.tg-sp__preview {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	background: var(--tg-surface);
}

.tg-sp__dev {
	display: flex;
	align-self: flex-start;
	border: 2px solid var(--tg-rule);
}

.tg-sp .tg-sp__dev button {
	padding: 8px 14px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 700 13.5px var(--tg-font);
	cursor: pointer;
}

.tg-sp .tg-sp__dev button:last-child {
	border-right: 0;
}

.tg-sp .tg-sp__dev button[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-sp__card {
	max-width: 600px;
	padding: 18px 20px;
	border: 1px solid #dadce0;
	background: #fff;
	font-family: Arial, sans-serif;
}

.tg-sp__card.is-mobile {
	max-width: 400px;
}

.tg-sp__site {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.tg-sp__favicon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid #dadce0;
	border-radius: 50%;
	background: #f1f3f4;
	color: var(--tg-orange);
	font-size: 12px;
	font-weight: 700;
}

.tg-sp__sitetxt {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.tg-sp__sitename {
	font-size: 14px;
	color: #202124;
}

.tg-sp__crumbs {
	font-size: 12px;
	color: #4d5156;
}

.tg-sp__title {
	margin-bottom: 4px;
	color: #1a0dab;
	font-size: 20px;
	line-height: 1.3;
}

.tg-sp__card.is-mobile .tg-sp__title {
	font-size: 18px;
}

.tg-sp__desc {
	color: #4d5156;
	font-size: 14px;
	line-height: 1.58;
}

.tg-sp__tips {
	display: flex;
	flex-direction: column;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.tg-sp__tips li {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.tg-sp__tipdot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	background: var(--tg-ink);
}

.tg-sp__tipdot.is-over {
	background: var(--tg-orange);
}

.tg-sp__tipdot.is-short {
	background: #9b9797;
}

@media (max-width: 719px) {
	.tg-sp__form {
		border-right: 0;
		border-bottom: 2px solid var(--tg-rule);
	}
}


/* ---- tg_services ---- */
/* Usluge: čipovi i kartice sa fotografijom. Vrednosti iz design/Pocetna.dc.html. */

.tg-services__filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: -12px 0 24px;
}

.tg-services__filter-label {
	margin-right: 6px;
	color: var(--tg-mute2);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-services .tg-chip {
	min-height: 0;
	padding: 9px 14px;
	border: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 700 14.5px var(--tg-font);
	cursor: pointer;
}

.tg-services .tg-chip:hover {
	background: transparent;
	border-color: var(--tg-orange);
}

.tg-services .tg-chip[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-services__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
	border-top: 2px solid var(--tg-rule);
	border-left: 2px solid var(--tg-rule);
}

.tg-svc {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
	padding: 24px;
	overflow: hidden;
	border-right: 2px solid var(--tg-rule);
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-bg);
	color: var(--tg-ink);
	text-decoration: none;
	transition: color 0.3s;
}

.tg-svc:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-svc.is-dim {
	color: var(--tg-dim);
}

.tg-svc__media {
	position: relative;
	display: block;
	margin: -24px -24px 4px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-bottom: 2px solid var(--tg-rule);
	background: var(--tg-ink);
}

.tg-svc__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(1.05);
	transition: opacity 0.3s, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.tg-svc:hover .tg-svc__media img {
	transform: scale(1.04);
}

.tg-svc.is-dim .tg-svc__media img {
	opacity: 0.35;
}

.tg-svc__num {
	position: absolute;
	left: 0;
	top: 0;
	padding: 6px 10px;
	background: var(--tg-ink);
	color: var(--tg-bg);
	font-size: 13px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.tg-svc__badge {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 6px 10px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.tg-svc.is-match .tg-svc__badge {
	display: block;
}

.tg-svc__title {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.tg-svc__desc {
	flex: 1;
	font-size: 15.5px;
	line-height: 1.5;
	opacity: 0.78;
}

.tg-svc__more {
	font-size: 14.5px;
	font-weight: 800;
}


/* ---- tg_steps ---- */
/* Koraci procesa. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--tg-cell, 200px)), 1fr));
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-steps__item {
	padding: 24px 20px;
	background: var(--tg-bg);
}

.tg-steps__item.is-dark {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-steps__label {
	color: var(--tg-acc-ink);
	font-size: 13px;
	font-weight: 800;
}

.tg-steps__item.is-dark .tg-steps__label {
	color: var(--tg-orange);
}

.tg-steps__title {
	margin: 10px 0 8px;
	font-size: 21px;
	font-weight: 800;
}

.tg-steps__text {
	margin: 0;
	color: var(--tg-mute);
	font-size: 15px;
	line-height: 1.55;
}

.tg-steps__item.is-dark .tg-steps__text {
	color: #cfcbca;
}


/* ---- tg_tabs ---- */
/* Tabovi. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-tabs__list {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid var(--tg-rule);
	border-bottom: 0;
}

.tg-tabs .tg-tabs__tab {
	flex: 1 1 140px;
	padding: 14px 12px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	border-bottom: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 800 14.5px var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-tabs .tg-tabs__tab[aria-selected="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-tabs__count {
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	opacity: 0.75;
}

.tg-tabs__panel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 24px 40px;
	padding: 28px;
	border: 2px solid var(--tg-rule);
	border-top: 0;
	background: var(--tg-surface);
}

.tg-tabs__panel[hidden] {
	display: none;
}

.tg-tabs__title {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tg-tabs__desc {
	margin: 0;
	color: var(--tg-mute);
	font-size: 16px;
	line-height: 1.6;
}

.tg-tabs__items {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid var(--tg-rule);
}

.tg-tabs__items li {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--tg-line);
	font-size: 15.5px;
	font-weight: 600;
}

.tg-tabs__dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	background: var(--tg-orange);
	transform: translateY(-2px);
}


/* ---- tg_team ---- */
/* Tim. Vrednosti iz design/Pocetna.dc.html. */

.tg-team {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 2px;
	background: var(--tg-rule);
	border: 2px solid var(--tg-rule);
}

.tg-team__card {
	display: block;
	background: var(--tg-bg);
	color: var(--tg-ink);
	text-decoration: none;
}

.tg-team__card:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-team__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--tg-ink);
}

.tg-team__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(1.08);
}

.tg-team__initial {
	color: var(--tg-orange);
	font-size: 56px;
	font-weight: 900;
	font-stretch: 115%;
	letter-spacing: -0.04em;
	line-height: 1;
}

.tg-team__body {
	display: block;
	padding: 12px 12px 14px;
}

.tg-team__name {
	display: block;
	font-size: 16px;
	font-weight: 800;
}

.tg-team__role {
	display: block;
	font-size: 13px;
	line-height: 1.35;
	opacity: 0.78;
}

/* Filter po oblasti (puni režim na stranici Tim). */
.tg-team__filter {
	margin-bottom: 24px;
}

.tg-team__card.is-hidden {
	display: none;
}


/* ---- tg_testimonials ---- */
/* Izjave klijenata. Sekcija je tamna (.tg-dark), pa boje dolaze odatle. */

.tg-testi {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: 40px clamp(40px, 6vw, 96px);
}

.tg-testi__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}

.tg-testi__nav {
	display: flex;
	align-items: center;
	gap: 10px;
}

.tg-testi .tg-testi__arrow {
	width: 52px;
	height: 52px;
	padding: 0;
	border: 2px solid var(--tg-bg);
	background: transparent;
	color: var(--tg-bg);
	font: 800 20px var(--tg-font);
	cursor: pointer;
}

.tg-testi .tg-testi__arrow:hover {
	background: var(--tg-orange);
	border-color: var(--tg-orange);
	color: var(--tg-ink);
}

.tg-testi__count {
	margin-left: 10px;
	font-weight: 700;
}

.tg-testi__track {
	display: block;
	flex: 1;
	min-width: 60px;
	max-width: 160px;
	height: 3px;
	margin-left: 12px;
	background: var(--tg-line);
}

.tg-testi__bar {
	display: block;
	width: 0;
	height: 100%;
	background: var(--tg-orange);
}

.tg-testi__right {
	min-width: 0;
}

.tg-testi__item {
	margin: 0;
}

.tg-testi__item[hidden] {
	display: none;
}

.tg-testi__item blockquote {
	margin: 0;
	font-size: clamp(24px, 2.8vw, 40px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-wrap: pretty;
}

.tg-testi__item figcaption {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid var(--tg-line);
	font-size: 15px;
}

.tg-testi__item figcaption span {
	color: var(--tg-mute);
}

@media (max-width: 959px) {
	.tg-testi {
		grid-template-columns: 1fr;
	}
}


/* ---- tg_timeline_90 ---- */
/* Prvih 90 dana. Vrednosti iz design/Pocetna.dc.html. */

.tg-tl .tg-head {
	margin-bottom: 36px;
}

.tg-tl .tg-tl__play {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 52px;
	padding: 0 18px;
	border: 2px solid var(--tg-ink);
	background: transparent;
	color: var(--tg-ink);
	font: 800 15px var(--tg-font);
	cursor: pointer;
}

.tg-tl .tg-tl__play:hover {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-tl__playicon {
	width: 14px;
	font-size: 12px;
}

.tg-tl__box {
	border: 2px solid var(--tg-rule);
}

.tg-tl__weeks {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	border-bottom: 2px solid var(--tg-rule);
}

.tg-tl .tg-tl__week {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 8px;
	height: clamp(150px, 18vw, 220px);
	padding: 10px 4px;
	border: 0;
	border-right: 1px solid var(--tg-line);
	background: transparent;
	cursor: pointer;
}

.tg-tl .tg-tl__week:hover {
	background: var(--tg-tint);
}

.tg-tl__bar {
	display: block;
	width: 100%;
	background: var(--tg-track);
	transition: background 0.3s;
}

.tg-tl__week.is-past .tg-tl__bar {
	background: var(--tg-ink);
}

.tg-tl__week[aria-pressed="true"] .tg-tl__bar {
	background: var(--tg-orange);
}

.tg-tl__wn {
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 600;
}

.tg-tl__week[aria-pressed="true"] .tg-tl__wn {
	color: var(--tg-ink);
	font-weight: 900;
}

.tg-tl__phases {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	border-bottom: 2px solid var(--tg-rule);
}

.tg-tl .tg-tl__phase {
	grid-column: span var(--tg-span, 1);
	min-width: 0;
	padding: 12px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-mute2);
	text-align: left;
	font-family: var(--tg-font);
	cursor: pointer;
	transition: background 0.3s;
}

.tg-tl .tg-tl__phase:last-child {
	border-right: 0;
}

.tg-tl .tg-tl__phase.is-past {
	color: var(--tg-ink);
}

.tg-tl .tg-tl__phase[aria-pressed="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-tl__phase-n {
	display: block;
	overflow: hidden;
	font-size: 15px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tg-tl__phase.is-past .tg-tl__check::before {
	content: "✓";
	margin-right: 6px;
}

.tg-tl__phase-r {
	display: block;
	font-size: 12px;
	font-weight: 600;
	opacity: 0.75;
	white-space: nowrap;
}

.tg-tl__detail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.tg-tl__left {
	padding: clamp(20px, 3vw, 32px);
	border-right: 2px solid var(--tg-rule);
}

.tg-tl__wkrow {
	display: flex;
	align-items: baseline;
	gap: 14px;
}

.tg-tl__wk {
	color: var(--tg-orange);
	font-size: clamp(56px, 6vw, 88px);
	font-weight: 900;
	font-stretch: 115%;
	letter-spacing: -0.05em;
	line-height: 0.85;
}

.tg-tl__wkof {
	color: var(--tg-mute2);
	font-size: 14px;
	font-weight: 800;
}

.tg-tl__pane[hidden] {
	display: none;
}

.tg-tl__ptitle {
	margin: 18px 0 8px;
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.tg-tl__pdesc {
	margin: 0;
	max-width: 44ch;
	color: var(--tg-mute);
	font-size: 16px;
	line-height: 1.55;
}

.tg-tl__tasks {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
	border-top: 2px solid var(--tg-rule);
}

.tg-tl__tasks li {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--tg-line);
	font-size: 15.5px;
	font-weight: 600;
}

.tg-tl__dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	background: var(--tg-orange);
	transform: translateY(-2px);
}

.tg-tl__right {
	padding: clamp(20px, 3vw, 32px);
	background: var(--tg-sunk);
}

.tg-tl__outkicker {
	margin: 0 0 14px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-tl__outs {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid var(--tg-rule);
}

.tg-tl__outs li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: baseline;
	padding: 14px 0;
	border-bottom: 1px solid var(--tg-line);
	color: var(--tg-mute2);
	transition: color 0.3s;
}

.tg-tl__outs li.is-past {
	color: var(--tg-ink);
}

.tg-tl__outs li.is-now {
	color: var(--tg-acc-ink);
}

.tg-tl__mark {
	font-weight: 900;
}

.tg-tl__outtext {
	font-size: 16px;
	font-weight: 500;
}

.tg-tl__outs li.is-past .tg-tl__outtext,
.tg-tl__outs li.is-now .tg-tl__outtext {
	font-weight: 800;
}

.tg-tl__outsub {
	font-size: 12.5px;
	font-weight: 700;
	opacity: 0.8;
	white-space: nowrap;
}

.tg-tl .tg-tl__cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 54px;
	margin-top: 22px;
	padding: 0 18px;
	background: var(--tg-orange);
	color: var(--tg-ink);
	font-size: 15.5px;
	font-weight: 800;
	text-decoration: none;
}

.tg-tl .tg-tl__cta:hover {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-tl__note {
	margin: 10px 0 0;
	color: var(--tg-mute2);
	font-size: 13px;
}

@media (max-width: 719px) {
	.tg-tl__phases {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tg-tl .tg-tl__phase {
		grid-column: span 1;
		border-bottom: 2px solid var(--tg-rule);
	}

	.tg-tl .tg-tl__phase:nth-child(2n) {
		border-right: 0;
	}

	.tg-tl__left {
		border-right: 0;
		border-bottom: 2px solid var(--tg-rule);
	}
}


/* ---- tg_toc ---- */
/* Lepljivi sadržaj stranice. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-toc {
	position: sticky;
	top: 96px;
	align-self: start;
	padding: 40px 0;
}

.tg-toc__label {
	margin: 0 0 12px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-toc__nav {
	display: flex;
	flex-direction: column;
	border-top: 2px solid var(--tg-rule);
}

.tg-toc__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--tg-line);
	color: var(--tg-ink);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

.tg-toc__link.is-active {
	font-weight: 800;
}

.tg-toc__dot {
	width: 8px;
	height: 8px;
	background: transparent;
	transition: background 0.2s;
}

.tg-toc__link.is-active .tg-toc__dot {
	background: var(--tg-orange);
}

.tg-toc .tg-toc__cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding: 16px;
	background: var(--tg-ink);
	color: var(--tg-bg);
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
}

.tg-toc .tg-toc__cta:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

@media (max-width: 999px) {
	.tg-toc {
		display: none;
	}
}