/*
 * Vizuelne popravke posle provere sajta (2026-10-20, VIZUELNA-PROVERA-2026-10-20.md).
 * Ucitava se poslednji na svim stranama; svaka sekcija je oznacena stavkom iz izvestaja.
 */

/* ---------- A1/A2: sticky CTA ---------- */
.md-sticky-bottom {
	position: fixed;
	right: 23px;
	bottom: 38px;
	z-index: 998;
	display: flex;
	gap: 10px;
}
.md-sticky-bottom .md-sticky-call {
	display: none;
}
@media (max-width: 767px) {
	.md-sticky-bottom {
		left: 0;
		right: 0;
		bottom: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		background: #fff;
		border-top: 1px solid #e8e2d4;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
		box-shadow: 0 -6px 18px rgba(0, 0, 0, .1);
	}
	.md-sticky-bottom--call-only {
		grid-template-columns: 1fr;
	}
	.md-sticky-bottom .md-sticky-call,
	.md-sticky-bottom .banner-get-quote {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		margin: 0 !important;
		padding: 12px 8px !important;
		border-radius: 8px;
		font-family: "Nunito", sans-serif;
		font-size: 15px !important;
		line-height: 1.2 !important;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
		text-decoration: none !important;
		box-shadow: none !important;
	}
	.md-sticky-bottom .md-sticky-call {
		background: #1c1c1c;
		color: #fff !important;
	}
	.md-sticky-bottom .banner-get-quote {
		background: #f6c946 !important;
		color: #000 !important;
		border: 0 !important;
	}
	.md-sticky-bottom .banner-get-quote::before,
	.md-sticky-bottom .banner-get-quote::after {
		display: none !important;
	}
	/* Sadrzaj i footer se ne kriju ispod trake. */
	body:has(.md-sticky-bottom) #colophon {
		padding-bottom: 84px;
	}
	/* Na blog hubu je dugme ranije bilo samo na mobilnom; traka ostaje. */
	.page-template-blog .md-sticky-bottom {
		display: grid !important;
	}
}
@media (max-width: 360px) {
	.md-sticky-bottom .md-sticky-call,
	.md-sticky-bottom .banner-get-quote {
		font-size: 14px !important;
		padding: 12px 4px !important;
	}
}

/* ---------- A3: kompaktnije zaglavlje na mobilnom ---------- */
@media (max-width: 767px) {
	/* Telefon je sada u sticky traci na dnu (i u traci poslovnica), pa crna traka na vrhu nije potrebna. */
	body:has(.md-sticky-bottom) .header-phone-number-mob,
	body:has(.bp-sticky) .header-phone-number-mob {
		display: none !important;
	}
	.md-header-banner-a {
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}
	.md-header-banner-p {
		font-size: 15px !important;
		line-height: 1.3 !important;
		margin: 0 !important;
	}
	.md-header-banner-p .md-hb-long {
		display: none;
	}
	.md-header-banner-img {
		height: 16px !important;
		width: auto !important;
	}
}

/* ---------- A10: mobilni meni ---------- */
@media (max-width: 991px) {
	#md-collapse-menu.in,
	#md-collapse-menu.collapsing {
		background: #fff;
		border-top: 1px solid #eee;
		box-shadow: 0 14px 24px rgba(0, 0, 0, .12);
		padding: 6px 4px 14px;
	}
	#md-collapse-menu #primary-menu > li > a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#md-collapse-menu #primary-menu > li:not(:last-child) {
		border-bottom: 1px solid #f1ede3;
	}
}

/* ---------- A4: tamni sloj ispod teksta u hero sekcijama starih sablona ---------- */
body:not(.archive):not(.single) .hero-wrapper,
.specific-services-hero-wrapper,
.locations-hero-wrapper {
	position: relative;
	isolation: isolate;
}
body:not(.archive):not(.single) .hero-wrapper::before,
.specific-services-hero-wrapper::before,
.locations-hero-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .34) 55%, rgba(0, 0, 0, .14) 100%);
	pointer-events: none;
}
body:not(.archive):not(.single) .hero-wrapper > .dark-background {
	display: none;
}
.hero-wrapper .heto-title,
.specific-services-hero-wrapper .heto-title,
.hero-wrapper .hero-subtitle,
.specific-services-hero-wrapper .hero-subtitle {
	text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}
@media (max-width: 767px) {
	body:not(.archive):not(.single) .hero-wrapper::before,
	.specific-services-hero-wrapper::before,
	.locations-hero-wrapper::before {
		background: rgba(0, 0, 0, .42);
	}
}

/* ---------- A5: kutija "Fully Licensed" i forma kao jedna celina ---------- */
.before-form-div {
	position: relative;
	z-index: 2;
	margin-bottom: 0 !important;
}
.before-form-div + .hero-form-div,
.before-form-div ~ .hero-form-div {
	margin-top: 0 !important;
}
@media (max-width: 767px) {
	.before-form-div {
		max-width: calc(100% - 48px) !important;
		padding: 8px 16px 10px !important;
	}
	.before-form-div .before-form-title {
		font-size: 17px !important;
	}
	.before-form-div .before-form-text {
		font-size: 12px !important;
		line-height: 1.4;
	}
	/* B4/B36: manje praznine izmedju naslova forme i prvog polja; FAQ forma bez naslova dobija isti razmak. */
	.hero-form-div .gform_wrapper .gform_heading,
	.hero-form-div .gform_required_legend {
		display: none !important;
	}
	.hero-form-div .gform_wrapper form,
	.hero-form-div .gform_wrapper .gform_body {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

/* ---------- A6: FAQ accordion kao bele kartice (isti stil kao na poslovnicama) ---------- */
.md-faq-inner-section .faq-holder {
	background: #fff !important;
	border: 1px solid #e8e2d4;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 12px !important;
}
.md-faq-inner-section .faq-question {
	background: transparent !important;
	padding: 0 !important;
}
.md-faq-inner-section .faq-question h3 {
	font-family: "Nunito", sans-serif;
	font-style: normal !important;
	text-transform: none !important;
	color: #1c1c1c !important;
	font-size: 17px !important;
	line-height: 25px !important;
	font-weight: 800 !important;
	padding: 18px 64px 18px 22px !important;
}
.md-faq-inner-section .faq-holder:hover .faq-question h3,
.md-faq-inner-section .faq-holder.active .faq-question h3 {
	color: #1c1c1c !important;
}
.md-faq-inner-section .faq-holder.active {
	border-color: #f6c946;
}
.md-faq-inner-section .faq-question:after {
	background: #fdc702 !important;
	content: "+" !important;
	left: auto !important;
	right: 20px;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50%;
	color: #000;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	font-weight: 800;
	transform: translateY(-50%) !important;
}
.md-faq-inner-section .faq-holder.active .faq-question:after {
	content: "\2013" !important;
}
.md-faq-inner-section .faq-question img {
	display: none;
}
.md-faq-inner-section .faq-holder.active .faq-answer {
	padding-bottom: 14px;
}
.md-faq-inner-section .faq-answer-inner p,
.md-faq-inner-section .faq-answer-inner li {
	padding: 0 22px 4px !important;
	font-size: 16px;
	line-height: 27px;
}
@media (max-width: 767px) {
	.md-faq-inner-section .faq-question h3 {
		font-size: 16px !important;
		line-height: 23px !important;
		padding: 15px 56px 15px 16px !important;
	}
	.md-faq-inner-section .faq-question:after {
		right: 14px;
	}
	.md-faq-inner-section .faq-answer-inner p,
	.md-faq-inner-section .faq-answer-inner li {
		padding: 0 16px 4px !important;
	}
}

/* ---------- A7: gradovi u dve kolone na mobilnom ---------- */
@media (max-width: 767px) {
	.areas .locations-content {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		column-gap: 12px;
		row-gap: 2px;
	}
	.areas .location-div {
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
		padding: 6px 0 !important;
	}
	.areas .location-div a,
	.areas .location-div p {
		font-size: 14px !important;
		line-height: 1.3 !important;
	}
}

/* ---------- A8: traka sa logoima na mobilnom (3 + 2, bez pregrada) ---------- */
@media (max-width: 767px) {
	.md-hero-pin-all-holder {
		display: grid !important;
		grid-template-columns: repeat(6, 1fr);
		gap: 14px 10px !important;
		padding: 18px 14px !important;
		align-items: center;
		justify-items: center;
	}
	.md-hero-pin-all-holder > .hero-pin-holder {
		width: 100% !important;
		grid-column: span 2;
		display: flex;
		justify-content: center;
	}
	.md-hero-pin-all-holder > .hero-pin-holder:nth-child(4) {
		grid-column: 2 / span 2;
	}
	.md-hero-pin-all-holder > .hero-pin-holder:nth-child(5) {
		grid-column: 4 / span 2;
	}
	.md-hero-pin-all-holder > .hero-pin-holder::after {
		display: none !important;
	}
	.md-hero-pin-all-holder img {
		max-height: 52px;
		max-width: 100%;
		width: auto;
		height: auto;
		object-fit: contain;
	}
	.md-hero-pin-all-holder .fave-pin img {
		max-height: 58px !important;
		min-width: 0 !important;
	}
}

/* ---------- B35: FAQ strana po temama ---------- */
.md-faq-grouped {
	padding: 64px 0 80px !important;
	background: #faf8f3;
}
.md-faq-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 56px;
	align-items: start;
}
.md-faq-nav {
	position: sticky;
	top: 24px;
	background: #fff;
	border: 1px solid #e8e2d4;
	border-radius: 16px;
	padding: 22px;
}
.md-faq-nav-title {
	font-size: 13px !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 800;
	color: #8a6d0a;
	margin: 0 0 10px !important;
}
.md-faq-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.md-faq-nav li a {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid #f1ede3;
	color: #1c1c1c;
	font-family: "Nunito", sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.35;
	text-decoration: none;
}
.md-faq-nav li a:hover {
	color: #8a6d0a;
}
.md-faq-nav li a span {
	flex: none;
	min-width: 26px;
	height: 22px;
	border-radius: 11px;
	background: #f6efd9;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #6b5a1e;
}
.md-faq-nav-cta {
	margin-top: 18px;
}
.md-faq-nav-cta p {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #444;
	margin: 0 0 12px !important;
}
.md-faq-nav-call {
	display: block;
	text-align: center;
	background: #1c1c1c;
	color: #fff !important;
	border-radius: 8px;
	padding: 11px 10px;
	font-weight: 800;
	text-decoration: none !important;
}
.md-faq-group {
	scroll-margin-top: 24px;
}
.md-faq-group + .md-faq-group {
	margin-top: 44px;
}
.md-faq-group-title {
	font-size: 26px !important;
	line-height: 1.25 !important;
	font-weight: 800;
	color: #1c1c1c;
	margin: 0 0 16px !important;
}
@media (max-width: 991px) {
	.md-faq-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.md-faq-nav {
		position: static;
		padding: 0;
		border: 0;
		background: transparent;
	}
	.md-faq-nav ul {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.md-faq-nav li a {
		border: 1px solid #e8e2d4;
		border-radius: 999px;
		background: #fff;
		padding: 8px 12px;
		font-size: 14px;
	}
	.md-faq-nav-cta {
		display: none;
	}
}
@media (max-width: 767px) {
	.md-faq-grouped {
		padding: 32px 0 48px !important;
	}
	.md-faq-group-title {
		font-size: 22px !important;
	}
	.md-faq-group + .md-faq-group {
		margin-top: 32px;
	}
}

/* FAQ odgovori: linkovi u brand boji umesto podrazumevane plave */
.faq-answer-inner a {
	color: #8a6d0a;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: #f6c946;
	text-underline-offset: 3px;
}

/* ---------- B34: Reviews po kancelarijama ---------- */
.md-rv {
	padding: 72px 0 80px;
	background: #faf8f3;
}
.md-rv-intro {
	max-width: 760px;
	margin-bottom: 36px;
}
.md-rv-eyebrow {
	font-size: 14px !important;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 800;
	color: #8a6d0a;
	margin: 0 0 10px !important;
}
.md-rv-intro h2 {
	font-size: 36px;
	line-height: 1.2;
	font-weight: 800;
	color: #1c1c1c;
	margin: 0 0 14px;
}
.md-rv-intro > p:not(.md-rv-eyebrow) {
	font-size: 17px;
	line-height: 1.6;
	color: #333;
	margin: 0 0 18px;
}
.md-rv-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.md-rv-jump a {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #e8e2d4;
	border-radius: 999px;
	background: #fff;
	color: #1c1c1c;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
}
.md-rv-jump a:hover {
	border-color: #f6c946;
}
.md-rv-office {
	scroll-margin-top: 24px;
}
.md-rv-office + .md-rv-office {
	margin-top: 48px;
}
.md-rv-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
	padding: 26px 30px;
	margin-bottom: 18px;
}
.md-rv-head-main {
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 0;
}
.md-rv-google {
	flex: none;
	font-family: "Product Sans", Arial, sans-serif;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -.5px;
	line-height: 1;
}
.md-rv-google span:nth-child(1), .md-rv-google span:nth-child(4) { color: #4285f4; }
.md-rv-google span:nth-child(2), .md-rv-google span:nth-child(6) { color: #ea4335; }
.md-rv-google span:nth-child(3) { color: #fbbc05; }
.md-rv-google span:nth-child(5) { color: #34a853; }
.md-rv-head h3 {
	font-size: 22px !important;
	line-height: 1.25 !important;
	font-weight: 800;
	margin: 0 0 4px !important;
}
.md-rv-head h3 a {
	color: #1c1c1c;
	text-decoration: none;
}
.md-rv-head h3 a:hover {
	text-decoration: underline;
	text-decoration-color: #f6c946;
}
.md-rv-score {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 17px !important;
	color: #1c1c1c;
	margin: 0 0 2px !important;
}
.md-rv-stars {
	color: #f6b400;
	letter-spacing: 1px;
	font-size: 19px;
	line-height: 1;
}
.md-rv-sep {
	color: #999;
}
.md-rv-addr {
	font-size: 14px !important;
	color: #666;
	margin: 0 !important;
}
.md-rv-addr a {
	color: #1c1c1c;
	font-weight: 700;
}
.md-rv-actions {
	display: flex;
	gap: 10px;
	flex: none;
}
.md-rv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px; /* 29.10: glavna velicina dugmeta (bilo 45 px) */
	padding: 0 20px;
	border: 2px solid #1c1c1c;
	border-radius: 8px;
	color: #1c1c1c !important;
	font-weight: 800;
	font-size: 16px;
	text-decoration: none !important;
	white-space: nowrap;
	background: #fff;
}
.md-rv-btn:hover {
	background: #f6c946;
	border-color: #f6c946;
}
.md-rv-btn-dark {
	background: #1c1c1c;
	color: #fff !important;
}
.md-rv-btn-dark:hover {
	color: #000 !important;
}
.md-rv-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.md-rv-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #ece6d8;
	border-radius: 14px;
	padding: 22px;
}
.md-rv-card .md-rv-stars {
	margin-bottom: 10px;
}
.md-rv-title {
	font-weight: 800;
	font-size: 17px !important;
	margin: 0 0 8px !important;
	color: #1c1c1c;
}
.md-rv-text {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #333;
	margin: 0 0 8px !important;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.md-rv-card.is-open .md-rv-text {
	-webkit-line-clamp: unset;
	display: block;
}
.md-rv-more {
	align-self: flex-start;
	background: none;
	border: 0;
	padding: 0;
	margin: 0 0 14px;
	font-weight: 800;
	font-size: 14px;
	color: #1c1c1c;
	text-decoration: underline;
	text-decoration-color: #f6c946;
	text-underline-offset: 3px;
	cursor: pointer;
}
.md-rv-by {
	margin: auto 0 0 !important;
	padding-top: 12px;
	border-top: 1px solid #f1ede3;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 14px !important;
	color: #777;
}
.md-rv-by strong {
	color: #1c1c1c;
}
@media (max-width: 991px) {
	.md-rv-head {
		flex-direction: column;
		align-items: flex-start;
	}
	.md-rv-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767px) {
	.md-rv {
		padding: 40px 0 48px;
	}
	.md-rv-intro h2 {
		font-size: 28px;
	}
	.md-rv-head {
		padding: 20px;
	}
	.md-rv-head-main {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.md-rv-google {
		font-size: 24px;
	}
	.md-rv-actions {
		width: 100%;
	}
	.md-rv-actions .md-rv-btn {
		flex: 1;
		padding: 11px 8px;
		font-size: 14px;
	}
	/* Na mobilnom po dve recenzije po kancelariji, ostale kroz "See all reviews". */
	.md-rv-card:nth-child(n+3) {
		display: none;
	}
}

/* ---------- B40: 404 ---------- */
.md-404 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 40px;
	align-items: start;
	padding: 56px 0 80px;
}
.md-404 h2 {
	font-size: 28px;
	line-height: 1.25;
	font-weight: 800;
	color: #1c1c1c;
	margin: 0 0 10px;
}
.md-404-main > p {
	font-size: 17px;
	line-height: 1.6;
	color: #333;
	margin: 0 0 20px;
}
.md-404 .search-form {
	display: flex;
	gap: 10px;
	margin-bottom: 28px;
}
.md-404 .search-form label {
	flex: 1;
	margin: 0;
}
.md-404 .search-form .search-field {
	width: 100%;
	height: 50px;
	border: 1px solid #d9d2c1;
	border-radius: 8px;
	padding: 0 14px;
	font-size: 16px;
}
.md-404 .search-form .search-submit {
	height: 50px;
	padding: 0 24px;
	border: 0;
	border-radius: 8px;
	background: #f6c946;
	color: #000;
	font-weight: 800;
}
.md-404-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
.md-404-links a {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 20px;
	border: 1px solid #e8e2d4;
	border-radius: 12px;
	background: #fff;
	text-decoration: none !important;
	transition: border-color .2s;
}
.md-404-links a:hover {
	border-color: #f6c946;
}
.md-404-links strong {
	color: #1c1c1c;
	font-size: 17px;
}
.md-404-links span {
	color: #666;
	font-size: 14px;
}
.md-404-links .md-404-link-cta {
	background: #f6c946;
	border-color: #f6c946;
}
.md-404-links .md-404-link-cta span {
	color: #3a3000;
}
.md-404-side {
	background: #1c1c1c;
	color: #fff;
	border-radius: 16px;
	padding: 26px;
}
.md-404-side h2 {
	color: #fff;
	font-size: 22px;
}
.md-404-side p {
	color: #ddd;
	font-size: 15px;
	margin: 0 0 14px;
}
.md-404-side ul {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}
.md-404-side li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid #333;
}
.md-404-side li a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}
.md-404-side li .md-404-tel {
	color: #f6c946;
	white-space: nowrap;
}
.md-404-call {
	display: block;
	text-align: center;
	background: #f6c946;
	color: #000 !important;
	border-radius: 8px;
	padding: 12px;
	font-weight: 800;
	text-decoration: none !important;
}
@media (max-width: 991px) {
	.md-404 {
		grid-template-columns: 1fr;
		padding: 32px 0 48px;
	}
}
@media (max-width: 575px) {
	.md-404-links {
		grid-template-columns: 1fr;
	}
	.md-404 h2 {
		font-size: 24px;
	}
}

/* ---------- B41: Thank You ---------- */
.md-ty {
	margin-top: 28px;
}
.md-ty h2 {
	font-size: 26px;
	line-height: 1.25;
	font-weight: 800;
	color: #1c1c1c;
	margin: 0 0 16px;
}
.md-ty-steps {
	list-style: none;
	counter-reset: tystep;
	margin: 0 0 26px;
	padding: 0;
}
.md-ty-steps li {
	counter-increment: tystep;
	position: relative;
	padding: 0 0 18px 52px;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}
.md-ty-steps li::before {
	content: counter(tystep);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f6c946;
	color: #000;
	font-weight: 800;
	text-align: center;
	line-height: 36px;
}
.md-ty-steps li strong {
	display: block;
	color: #1c1c1c;
	font-size: 17px;
}
.md-ty-offices {
	background: #faf8f3;
	border: 1px solid #e8e2d4;
	border-radius: 14px;
	padding: 22px 24px;
	margin-bottom: 22px;
}
.md-ty-offices p {
	margin: 0 0 12px !important;
	font-size: 16px;
}
.md-ty-offices ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 28px;
}
.md-ty-offices li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #ece6d8;
	font-size: 15px;
}
.md-ty-offices li a {
	color: #1c1c1c;
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
}
.md-ty-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.md-ty-links a {
	display: inline-block;
	padding: 10px 16px;
	border: 1px solid #e8e2d4;
	border-radius: 999px;
	color: #1c1c1c !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none !important;
	background: #fff;
}
.md-ty-links a:hover {
	border-color: #f6c946;
}
@media (max-width: 575px) {
	.md-ty-offices ul {
		grid-template-columns: 1fr;
	}
}
/* Thank You: reset stilova .content (float, bez kutije, tacke) */
.content .md-ty {
	clear: both;
	float: none;
	width: 100%;
	padding-top: 8px;
}
.content .md-ty *,
.content .md-ty ol,
.content .md-ty ul,
.content .md-ty p {
	float: none !important;
}
.content .md-ty ol,
.content .md-ty ul {
	background: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.content .md-ty li {
	list-style: none !important;
	margin: 0 !important;
}
.content .md-ty-offices li {
	padding: 8px 0 !important;
}
.content .md-ty-offices li::before,
.content .md-ty-offices li::marker {
	display: none !important;
	content: none !important;
}
.content .md-ty-steps li {
	padding: 0 0 18px 52px !important;
}
.content .md-ty-links {
	width: 100%;
}
.content .md-ty-links a {
	display: inline-block !important;
}
.content .md-ty-offices li a {
	color: #1c1c1c !important;
}
.content:has(.md-ty) > p:first-child {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #1c1c1c;
}

/* ---------- A9: ikonice u mrezi servisa iste sirine, tekst poravnat (pocetna, Services hub, About) ---------- */
.service-div .service-img {
	flex: 0 0 64px;
	width: 64px !important;
	max-width: 64px;
}
.service-div .service-img img {
	width: 64px !important;
	height: 56px !important;
	object-fit: contain;
	object-position: left top;
}
.service-div .service-content {
	padding-left: 22px !important;
	min-width: 0;
}
@media (max-width: 767px) {
	.service-div .service-img {
		flex-basis: 52px;
		width: 52px !important;
		max-width: 52px;
	}
	.service-div .service-img img {
		width: 52px !important;
		height: 46px !important;
	}
	.service-div .service-content {
		padding-left: 18px !important;
	}
}

/* ---------- B3: galerija na pocetnoj (desktop) centrirana, bez odsecenih slika na ivicama ---------- */
@media (min-width: 769px) {
	.home .about-images {
		float: none;
		max-width: 1240px;
		margin: 0 auto;
		gap: 18px;
	}
	.home .about-img {
		flex: 1 1 0;
		min-width: 0;
		border-radius: 20px;
	}
	.home .about-img img {
		padding: 0 !important;
		border-radius: 20px;
		object-fit: cover !important;
	}
}

/* ---------- B2: galerija na mobilnom kao vodoravni niz koji se prevlaci ---------- */
@media (max-width: 768px) {
	.home .about-images {
		flex-direction: row !important;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 12px;
		padding: 40px 16px 48px !important;
		scrollbar-width: none;
	}
	.home .about-images::-webkit-scrollbar {
		display: none;
	}
	.home .about-images::after {
		display: none !important;
	}
	.home .about-img {
		flex: 0 0 78%;
		padding: 0 !important;
		scroll-snap-align: center;
		order: 0 !important;
		height: auto !important;
	}
	.home .about-img img {
		height: 260px !important;
		width: 100% !important;
		object-fit: cover !important;
		border-radius: 18px;
	}
}
@media (max-width: 768px) {
	/* Bez prelaza boje preko sredine fotografija u galeriji. */
	.home section.about {
		background: #f3efe1 !important;
		padding-bottom: 0 !important;
	}
}

/* ---------- B10: linkovi u tekstu citljiviji (zuto na belom/bez imalo je slab kontrast) ---------- */
.content p a:not([class*="btn"]):not(.banner-get-quote),
.content li a:not([class*="btn"]):not(.banner-get-quote) {
	color: #8a6d0a !important;
	text-decoration: underline;
	text-decoration-color: #f6c946;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.content p a:not([class*="btn"]):hover,
.content li a:not([class*="btn"]):hover {
	color: #000 !important;
}

/* ---------- B9: sidebar na obicnim stranama (About, politike, Join) prati skrol na desktopu ---------- */
@media (min-width: 992px) {
	.page-template-default section.page > .container,
	.page-template-page-thank-you section.page > .container {
		display: flex;
		align-items: flex-start;
	}
	.page-template-default section.page > .container::before,
	.page-template-default section.page > .container::after,
	.page-template-page-thank-you section.page > .container::before,
	.page-template-page-thank-you section.page > .container::after {
		display: none;
	}
	.page-template-default section.page .sidebar,
	.page-template-page-thank-you section.page .sidebar {
		position: sticky;
		top: 24px;
	}
}

/* ---------- B37/B39: bez forme za ponudu i trake logoa na pravnim stranama i Join Our Team ---------- */
.page-id-723 .hero-wrapper .before-form-div,
.page-id-725 .hero-wrapper .before-form-div,
.page-id-748 .hero-wrapper .before-form-div,
.page-id-753 .hero-wrapper .before-form-div,
.page-id-1001 .hero-wrapper .before-form-div,
.page-id-723 .hero-wrapper .hero-form-div,
.page-id-725 .hero-wrapper .hero-form-div,
.page-id-748 .hero-wrapper .hero-form-div,
.page-id-753 .hero-wrapper .hero-form-div,
.page-id-1001 .hero-wrapper .hero-form-div,
.page-id-723 .md-icon-section,
.page-id-725 .md-icon-section,
.page-id-748 .md-icon-section,
.page-id-1001 .md-icon-section {
	display: none !important;
}
.page-id-723 .hero-wrapper,
.page-id-725 .hero-wrapper,
.page-id-748 .hero-wrapper,
.page-id-753 .hero-wrapper,
.page-id-1001 .hero-wrapper {
	min-height: 0 !important;
	height: auto !important;
	padding: 70px 0 60px !important;
}
.page-id-753 .md-icon-section {
	margin-top: 40px;
}

/* ---------- B20: Contact "Company Info" na mobilnom kao kompaktne kartice ---------- */
@media (max-width: 767px) {
	.page-template-page-contact .md-info-cont {
		text-align: left !important;
		background: #fff;
		border: 1px solid #e8e2d4;
		border-radius: 14px;
		padding: 16px 18px !important;
		margin: 0 0 12px !important;
		min-height: 0 !important;
	}
	.page-template-page-contact .md-info-cont .info-title {
		font-size: 19px !important;
		line-height: 1.3 !important;
		margin: 0 0 4px !important;
	}
	.page-template-page-contact .md-info-cont p {
		font-size: 15px !important;
		line-height: 1.45 !important;
		margin: 0 0 10px !important;
		text-align: left !important;
	}
	.page-template-page-contact .md-info-cont > div {
		display: flex;
		justify-content: flex-start !important;
		margin: 0 !important;
	}
}
@media (max-width: 767px) {
	.page-template-page-contact .md-info-cont {
		align-items: flex-start !important;
		flex-direction: column;
	}
	.page-template-page-contact .md-info-cont .info-title {
		text-align: left !important;
		width: auto !important;
	}
	.page-template-page-contact .md-info-cont > div a {
		padding: 10px 16px !important;
	}
	.page-template-page-contact .md-info-cont-1,
	.page-template-page-contact .md-info-cont:first-child {
		background: transparent !important;
		border: 0 !important;
		padding: 0 0 8px !important;
	}
	.page-template-page-contact .md-info-cont:first-child h2 {
		margin: 0 0 12px !important;
	}
}
.md-404 .search-form label {
	flex: 1 1 auto;
	min-width: 0;
}
.md-404 .search-form .search-submit {
	flex: 0 0 auto;
}

/* ---------- B28: teme bloga kao cipovi na kategorijama/tagovima ---------- */
.md-arch-topics {
	background: #faf8f3;
	border-bottom: 1px solid #ece6d8;
	padding: 16px 0;
}
.md-arch-topics ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.md-arch-topics a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: 1px solid #e8e2d4;
	border-radius: 999px;
	background: #fff;
	color: #1c1c1c !important;
	font-family: "Nunito", sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none !important;
	white-space: nowrap;
}
.md-arch-topics a span {
	color: #8a6d0a;
	font-size: 12px;
}
.md-arch-topics a:hover {
	border-color: #f6c946;
}
.md-arch-topics a.is-current {
	background: #1c1c1c;
	border-color: #1c1c1c;
	color: #fff !important;
}
.md-arch-topics a.is-current span {
	color: #f6c946;
}
@media (max-width: 767px) {
	.md-arch-topics ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		padding-bottom: 2px;
	}
	.md-arch-topics ul::-webkit-scrollbar {
		display: none;
	}
}

/* ---------- B25/B26: Free Estimate sadrzaj ispod forme ---------- */
.md-est {
	padding: 72px 0 80px;
}
.md-est-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 56px;
	align-items: start;
}
.md-est h2 {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 800;
	color: #1c1c1c;
	margin: 0 0 14px;
}
.md-est-col > p:not(.md-rv-eyebrow) {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	margin: 0 0 16px;
}
.md-est-list {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}
.md-est-list li {
	position: relative;
	padding: 0 0 12px 34px;
	font-size: 16px;
	line-height: 1.55;
	color: #333;
}
.md-est-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #f6c946;
	color: #000;
	font-size: 13px;
	font-weight: 800;
	line-height: 22px;
	text-align: center;
}
.md-est-list strong {
	color: #1c1c1c;
}
.md-est .md-est-note {
	font-size: 15px !important;
	color: #555 !important;
}
.md-est-note a {
	color: #8a6d0a;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: #f6c946;
	text-underline-offset: 3px;
}
.md-est-reviews {
	margin-top: 56px;
	padding-top: 48px;
	border-top: 1px solid #ece6d8;
}
.md-est-reviews-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 18px;
}
.md-est-reviews-head h2 {
	margin: 0;
}
.md-est-reviews-head a {
	color: #1c1c1c;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-color: #f6c946;
	text-underline-offset: 3px;
	white-space: nowrap;
}
@media (max-width: 991px) {
	.md-est-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.md-est-reviews-head {
		flex-direction: column;
		gap: 6px;
	}
}
@media (max-width: 767px) {
	.md-est {
		padding: 40px 0 48px;
	}
	.md-est h2 {
		font-size: 24px;
	}
	.md-est .md-ty-offices ul {
		grid-template-columns: 1fr;
	}
	.md-est .md-rv-card:nth-child(n+3) {
		display: flex;
	}
}
.md-est .md-ty-offices li a {
	color: #1c1c1c;
}
.md-est .md-ty-offices ul {
	grid-template-columns: 1fr;
}

/* ---------- B18: "Explore Our Services" kao dugme ispod mreze, ne kao pločica ---------- */
.other-services__grid .other-services__cta {
	grid-column: 1 / -1;
	justify-self: center;
	width: auto !important;
	min-height: 0 !important;
	padding: 14px 32px !important;
	margin-top: 10px;
}
section.other-services a.other-services__cta span {
	font-size: 18px !important;
	line-height: 1.3;
}

/* ---------- B17: tabele na servisnim stranama kao kartice na mobilnom ---------- */
@media (max-width: 767px) {
	.svc-page .svc-tbl {
		background: transparent;
		border: 0;
		overflow: visible;
	}
	.svc-page .svc-tbl table.svc-tbl--stack {
		min-width: 0 !important;
	}
	.svc-page .svc-tbl table.svc-tbl--stack thead {
		display: none;
	}
	.svc-page .svc-tbl table.svc-tbl--stack,
	.svc-page .svc-tbl table.svc-tbl--stack tbody,
	.svc-page .svc-tbl table.svc-tbl--stack tr,
	.svc-page .svc-tbl table.svc-tbl--stack td {
		display: block;
		width: 100% !important;
	}
	.svc-page .svc-tbl table.svc-tbl--stack tr {
		background: #fff;
		border: 1px solid #e8e2d4;
		border-radius: 12px;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.svc-page .svc-tbl table.svc-tbl--stack td {
		border-top: 1px solid #f1ede3;
		padding: 10px 16px 12px;
	}
	.svc-page .svc-tbl table.svc-tbl--stack td:first-child {
		border-top: 0;
		background: #1c1c1c;
		color: #fff;
		font-size: 16px;
		padding: 12px 16px;
	}
	.svc-page .svc-tbl table.svc-tbl--stack td:not(:first-child)::before {
		content: attr(data-label);
		display: block;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #8a6d0a;
		margin-bottom: 3px;
	}
}

/* ================= Areas we serve (template-parts/areas-served.php): isti izgled kao sp-area na stranama drzava ================= */
section.md-areas-served{background:#F7F3E8;padding:80px 0;margin:0;font-family:Nunito,"Helvetica Neue",Arial,sans-serif;}
.mas-wrap{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:14px;}
.md-areas-served .mas-label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A6A00;margin:0;}
.md-areas-served h2{font-family:Nunito,"Helvetica Neue",Arial,sans-serif;font-size:clamp(28px,3.2vw,38px);line-height:1.15;font-weight:900;color:#1D1D1D;margin:0;text-transform:none;letter-spacing:0;}
.md-areas-served .mas-text{max-width:700px;font-size:16px;line-height:1.6;color:#303030;margin:0 0 8px;}
.mas-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;}
.mas-tabs[hidden]{display:none;}
.md-areas-served .mas-tabs button{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid transparent;border-radius:999px;padding:8px 18px;min-height:44px;font-family:inherit;font-weight:800;font-size:15px;color:#1D1D1D;box-shadow:0 4px 12px rgba(0,0,0,.06);cursor:pointer;}
.md-areas-served .mas-tabs button small{font-weight:400;color:#5A5A5A;font-size:14px;}
.md-areas-served .mas-tabs button[aria-selected=true]{background:#1D1D1D;color:#fff;border-color:#1D1D1D;}
.md-areas-served .mas-tabs button[aria-selected=true] small{color:#D9D9D9;}
.md-areas-served .mas-tabs button:focus-visible{outline:3px solid #FDC702;outline-offset:2px;}
.md-areas-served .mas-state{font-weight:900;font-size:18px;color:#1D1D1D;margin:12px 0 10px;}
.md-areas-served.has-tabs .mas-state{display:none;}
.md-areas-served ul.mas-cloud{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;}
.md-areas-served .mas-cloud li{list-style:none;margin:0;padding:0;}
.md-areas-served .mas-cloud li::before{content:none;display:none;}
.md-areas-served .mas-cloud a,.md-areas-served .mas-cloud span{display:inline-flex;align-items:center;background:#fff;border:1px solid #E6E6E6;border-radius:999px;padding:9px 16px;text-decoration:none;font-weight:700;font-size:15px;min-height:44px;color:#1D1D1D;}
.md-areas-served .mas-cloud a:hover{border-color:#303030;color:#1D1D1D;}
.md-areas-served .mas-cloud a.mas-all{background:#FDC702;border-color:#FDC702;font-weight:800;}
@media (max-width:767px){ section.md-areas-served{padding:48px 0;} .mas-wrap{padding:0 16px;} }

/* ---------- 2026-10-20: telefoni kancelarija (Free Estimate, Thank You) izgledaju klikabilno ---------- */
.md-ty-offices li { align-items: center; }
.md-ty-offices li a,
.content .md-ty-offices li a,
.md-est .md-ty-offices li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 7px 14px;
	border-radius: 999px;
	background: #fdc702;
	color: #1c1c1c !important;
	font-weight: 800;
	text-decoration: none !important;
	transition: background .15s, transform .15s;
}
.md-ty-offices li a::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.md-ty-offices li a:hover { background: #ffd83a; transform: translateY(-1px); }

/* ---------- 2026-10-20: Free Estimate, forma u heroju ---------- */
.md-est-page .est-hero .bp-row { align-items: center; }
.est-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; max-width: 560px; }
.bp-page .est-steps li { display: flex; gap: 14px; align-items: flex-start; background: rgba(42,42,42,.92); border-radius: 8px; padding: 12px 14px; color: #D9D9D9; font-size: 14px; line-height: 1.4; }
.est-steps li > span { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #fdc702; color: #1d1d1d; font-weight: 900; display: flex; align-items: center; justify-content: center; }
.est-steps strong { display: block; color: #fff; font-size: 15px; }
.md-est-page .bp-trust a { color: #D9D9D9; text-decoration: underline; text-decoration-color: rgba(253,199,2,.6); text-underline-offset: 3px; }
.md-est-page .md-est h2 { font-family: Nunito, "Helvetica Neue", Arial, sans-serif; font-weight: 900; }
.md-est-page .md-est ul, .md-est-page .md-est ol { padding: 0; }
.md-rv-gbp { align-self: flex-start; font-size: 14px; font-weight: 800; color: #1c1c1c !important; text-decoration: underline !important; text-decoration-color: #fdc702 !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }
@media (max-width: 767px) {
	/* telefon: naslov, pa odmah forma; koraci i traka poverenja ispod forme */
	.md-est-page section.est-hero { padding: 24px 0 32px; }
	.md-est-page section.est-hero.bp-hero--photo { padding-top: 24px; }
	.md-est-page .est-hero .bp-hero-bg { height: 100% !important; }
	.md-est-page .est-hero .bp-row { display: flex; flex-direction: column; gap: 18px; }
	.md-est-page .est-hero .bp-hero-main { display: contents; }
	.md-est-page .est-hero .bp-pill { order: 1; }
	.md-est-page .est-hero h1 { order: 2; font-size: 32px; }
	.md-est-page .est-hero .bp-quote { order: 3; padding: 20px; }
	.md-est-page .est-hero .bp-sub { order: 4; font-size: 15px; }
	.md-est-page .est-hero .est-steps { order: 5; }
	.md-est-page .est-hero .bp-trust { order: 6; }
	/* razmak izmedju telefona kancelarija i recenzija */
	.md-est .md-ty-offices { margin-bottom: 0; }
	.md-est-reviews { margin-top: 32px; padding-top: 28px; }
	.md-est-reviews-head { margin-bottom: 14px; }
}

/* ---------- 2026-10-20: plutajuci CTA na desktopu (uz servisne i ostale stare sablone) ---------- */
@media (min-width: 768px) {
	.md-sticky-bottom a.banner-get-quote {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		line-height: 1.2 !important;
		font-size: 16px !important;
		padding: 14px 22px !important;
		border-radius: 999px;
		background: #fdc702 !important;
		color: #1d1d1d !important;
		box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
		transition: transform .15s, box-shadow .15s;
	}
	.md-sticky-bottom a.banner-get-quote:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,.28) !important; }
}

/* ---------- 2026-10-20: dugmad samo u brend bojama (#FDC702 zuta, #303030 / #000 tamna, bela) ----------
   Zuta je samo za glavni CTA (quote/estimate). Telefoni su tamna dugmad sa zutom ikonicom. */
@media (max-width: 767px) {
	.md-sticky-bottom .banner-get-quote { background: #fdc702 !important; }
	.md-sticky-bottom .md-sticky-call { background: #303030 !important; }
}
.md-ty-offices li a,
.content .md-ty-offices li a,
.md-est .md-ty-offices li a {
	background: #303030 !important;
	color: #fff !important;
}
.md-ty-offices li a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdc702' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
}
.md-ty-offices li a:hover { background: #000 !important; }
/* servisne strane: telefon kancelarije */
.svc-v2 .svc-section .svc-state-offices a.svc-ofc-tel,
.svc-v2 .svc-section a.svc-ofc-tel { background: #303030; color: #fff; }
.svc-v2 .svc-section .svc-state-offices a.svc-ofc-tel:hover,
.svc-v2 .svc-section a.svc-ofc-tel:hover { background: #000; color: #fff; }
.svc-v2 .svc-section a.svc-ofc-tel svg { color: #fdc702; }
.svc-v2 .svc-ofc { background: #f3efe1; }
.svc-v2 section.svc-states-section, .svc-v2 section.svc-reviews, section.md-areas-served { background: #f3efe1; }
.svc-v2 .svc-included { background: #f3efe1; }
.svc-v2 .svc-section a.svc-ofc-name::after, .svc-v2 .svc-section a.svc-ofc-addr svg { color: #b58e00; }
/* state strane: telefon u heroju (tamna podloga) = konturno dugme, zuto ostaje za "Get my free estimate" */
.sp-page .sp-hero-office a.sp-ho-tel { background: transparent; color: #fff; border: 1px solid #5a5a5a; }
.sp-page .sp-hero-office a.sp-ho-tel svg { stroke: #fdc702; }
.sp-page .sp-hero-office a.sp-ho-tel:hover { border-color: #fdc702; }
/* hover bez novih nijansi zute */
.bp-page .bp-btn-yellow:hover, .svc-page .svc-btn-yellow:hover { filter: none; background: #000; color: #fdc702 !important; }
.md-sticky-bottom a.banner-get-quote:hover { background: #000 !important; color: #fdc702 !important; }

/* ---------- 2026-10-20: tekst svuda iste sirine kao kartice i tabele (bez uskog stupca levo pa teksta preko cele sirine) ----------
   Vazi za strane drzava, poslovnica, gradova, servise, hub i Free Estimate. Hero (tekst + forma) i bocne kartice ostaju kako jesu. */
.bp-page .bp-max-680,
.bp-page .bp-max-720,
.bp-page .cp-max-760,
.bp-page .cp-guide-wrap,
.bp-page .sp-intro-stack,
.bp-page .sp-area-text,
.bp-page .sp-final-main,
.bp-page .svc-body,
.bp-page .svc-states-head,
.bp-page .svc-outro-inner,
.svc-page .svc-hub-intro,
.svc-page .svc-body,
.svc-page .svc-outro-inner,
.svc-head > .bp-stack,
.md-areas-served .mas-text { max-width: none; }
.svc-head > .bp-stack { flex: 1 1 520px; }
/* uvod drzave sa slikom: tekst zauzima svoju kolonu do kraja */
.sp-intro-grid.has-photo .sp-intro-stack { max-width: none; }
/* stari sabloni (pocetna, hub) imaju sekcije sa float:left; komponenta gradova mora da ih "ocisti" */
section.md-areas-served { clear: both; float: left; width: 100%; box-sizing: border-box; }
@media (max-width: 767px) {
	.mas-tabs { gap: 8px; flex-wrap: nowrap; }
	.md-areas-served .mas-tabs button { padding: 8px 12px; font-size: 14px; flex: 1 1 auto; justify-content: center; }
	.md-areas-served .mas-tabs button small { display: none; }
}
@media (max-width: 767px) {
	.md-areas-served ul.mas-cloud { gap: 8px; }
	.md-areas-served .mas-cloud a, .md-areas-served .mas-cloud span { font-size: 14px; padding: 7px 12px; min-height: 40px; }
}

/* ---------- 2026-10-20: meni Services = jedna ravna lista (12 servisa) u dve kolone, "Services" vodi na /services/ ---------- */
@media screen and (min-width: 1100px) {
	#primary-menu #menu-item-25725 > .sub-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2px 8px;
		width: 480px;
		left: -24px;
		padding: 14px;
		border-radius: 12px;
		border-color: #e3dbc3;
		box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
	}
	#primary-menu #menu-item-25725 > .sub-menu li {
		margin: 0 !important;
		padding: 0;
	}
	#primary-menu #menu-item-25725 > .sub-menu a {
		display: block;
		margin: 0 !important;
		padding: 11px 14px !important;
		border-radius: 8px;
		font-size: 15px;
		line-height: 1.3;
		white-space: nowrap;
		color: #303030;
	}
	#primary-menu #menu-item-25725 > .sub-menu a:hover,
	#primary-menu #menu-item-25725 > .sub-menu .current-menu-item > a {
		background: #f3efe1;
		color: #000;
	}
	#primary-menu #menu-item-25725 > .sub-menu .current-menu-item > a {
		box-shadow: inset 3px 0 0 #fdc702;
	}
}

/* ---------- 2026-10-20: ista traka bedzeva na svim stranama (template-parts/trust-strip.php) ---------- */
.md-trust-strip { clear: both; float: left; width: 100%; background: #fff; border-bottom: 1px solid #e6e6e6; font-family: Nunito, "Helvetica Neue", Arial, sans-serif; }
.mts-wrap { max-width: 1240px; margin: 0 auto; padding: 20px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; box-sizing: border-box; }
.md-trust-strip a, .md-trust-strip span { display: flex; align-items: center; justify-content: center; min-height: 56px; text-decoration: none; }
.md-trust-strip img { max-height: 56px; width: auto; height: auto; display: block; }
.md-trust-strip a.mts-cred { gap: 12px; color: #5a5a5a; font-size: 13px; line-height: 1.4; text-align: left; }
.md-trust-strip a.mts-cred span { display: flex; flex-direction: column; align-items: flex-start; min-height: 0; }
.md-trust-strip a.mts-cred strong { color: #1d1d1d; font-size: 14px; font-weight: 800; }
.md-trust-strip a.mts-cred:hover strong { text-decoration: underline; text-decoration-color: #fdc702; text-decoration-thickness: 2px; text-underline-offset: 3px; }
@media (max-width: 767px) {
	.mts-wrap { justify-content: center; gap: 12px 16px; padding: 18px 16px; }
	.md-trust-strip img { max-height: 44px; }
	.md-trust-strip a.mts-cred { flex-basis: 100%; justify-content: center; }
}

/* ---------- brojevi i akreditacije u heroju starih sablona (template-parts/hero-trust.php, wrap) ---------- */
p.md-hero-trust { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 18px 0 0 !important; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.22); font-family: Nunito, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; line-height: 1.5 !important; color: #e6e6e6 !important; letter-spacing: 0 !important; }
p.md-hero-trust span { position: relative; }
p.md-hero-trust a { color: #fff !important; text-decoration: underline; text-decoration-color: rgba(253,199,2,.7); text-underline-offset: 3px; }
p.md-hero-trust a:hover { color: #fdc702 !important; }
.home .hero-content p.md-hero-trust { justify-content: center; border-top: 0; }
@media (max-width: 767px) { p.md-hero-trust { font-size: 13px !important; gap: 4px 14px; } }
/* .bp-trust: linkovi iz zajednickog dela */
.bp-trust a { color: #d9d9d9; text-decoration: underline; text-decoration-color: rgba(253,199,2,.6); text-underline-offset: 3px; }
.bp-trust a:hover { color: #fdc702; }
/* centrirani heroji starih sablona: i red sa brojevima je centriran */
.hero-content:not([class*="col-"]) p.md-hero-trust { justify-content: center; text-align: center; }

/* ---------- 2026-10-24: svetliji heroji (slabiji tamni slojevi), senka da tekst ostane citljiv ---------- */
.bp-hero--photo h1,
.bp-hero--photo .bp-sub,
.bp-hero--photo .bp-trust,
.bp-hero--photo .sp-checks,
.locations-hero-wrapper h1,
.locations-hero-wrapper p,
.hero-wrapper p.md-hero-trust,
.md-cs .hero-content h1,
.md-cs .hero-content p {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 2px 14px rgba(0, 0, 0, .45);
}

/* ---------- 2026-10-25: dizajn lokacijskih strana (hub, kancelarija, grad), P1 + P2 iz ANALIZA-DIZAJN-LOKACIJE-2026-10-25.md ----------
   Hub, kancelarija, grad i od 25.10 uvece i servisne strane (main.bp-page bez .md-est-page). Desktop hero ostaje sa formom desno. Backup: backups/dizajn-lokacije-2026-10-25/. */
/* vodic kroz grad: vrati sirinu kontejnera (gore "max-width:none" skida i granicu .bp-wrap) */
.bp-page .cp-guide-wrap { max-width: 1240px; }
/* zuta traka iznad futera: lokacijske strane vec imaju zavrsni CTA */
body:has(main.bp-page:where(:not(.md-est-page))) .sf-cta { display: none; }

@media (min-width: 768px) {
	main.bp-page:where(:not(.md-est-page)) section { padding: 64px 0; }
	main.bp-page:where(:not(.md-est-page)) section.lx-facts { padding: 44px 0; }
	/* Quick facts u jednom redu */
	main.bp-page:where(:not(.md-est-page)) .lx-facts-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
	/* 6 servisa = 3 + 3 */
	main.bp-page:where(:not(.md-est-page)) .bp-svc-grid:has(> .bp-svc:nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	/* cene na gradu: tabela levo, "What changes" desno */
	main.cp-page .bp-pricing .bp-wrap.bp-stack { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-flow: row dense; column-gap: 32px; row-gap: 16px; }
	main.cp-page .bp-pricing .bp-wrap.bp-stack > * { grid-column: 1 / -1; }
	main.cp-page .bp-pricing .bp-wrap.bp-stack > .lx-prices { grid-column: 1; }
	main.cp-page .bp-pricing .bp-wrap.bp-stack > .cp-card-pad { grid-column: 2; align-self: start; }
	/* kancelarija na gradu: mapa u kartici, kartica se ne razvlaci */
	main.bp-page:where(:not(.md-est-page)) .cp-office .bp-office-row { align-items: flex-start; }
	main.bp-page:where(:not(.md-est-page)) .cp-office-card .cp-map { margin: 0 -28px; }
	main.bp-page:where(:not(.md-est-page)) .cp-office-card .cp-map img { border-radius: 0; border-left: 0; border-right: 0; }
	main.bp-page:where(:not(.md-est-page)) .cp-col-fig img { height: 220px; }
}

/* naslovi na telefonu: inner.css forsira section h2/h3 30px/24px; gradovi i hubovi su to vec ponistili, kancelarije nisu */
@media (max-width: 768px) {
	main.bp-page:where(:not(.md-est-page)) section h2 { font-size: 28px !important; line-height: 1.15 !important; }
	main.bp-page:where(:not(.md-est-page)) section h2.cp-h2-sm { font-size: 24px !important; line-height: 1.2 !important; }
	main.bp-page:where(:not(.md-est-page)) section h3 { font-size: 18px !important; line-height: 1.25 !important; }
	main.bp-page:where(:not(.md-est-page)) section summary h3 { font-size: 17px !important; line-height: 1.3 !important; }
	main.bp-page:where(:not(.md-est-page)) section .bp-post h3 { font-size: 17px !important; line-height: 1.3 !important; }
}

@media (max-width: 767px) {
	main.bp-page:where(:not(.md-est-page)) section { padding: 40px 0; }
	main.bp-page:where(:not(.md-est-page)) section.lx-facts { padding: 32px 0; }
	/* hero: forma je odmah ispod, pa bez zutog dugmeta; adresa/telefon/vreme u jednoj kartici */
	main.bp-page:where(:not(.md-est-page)) .bp-hero:has(.bp-quote) .bp-btns a[href="/free-estimate/"] { display: none; } /* forma je odmah ispod u heroju */
	main.bp-page:where(:not(.md-est-page)) .bp-hero .bp-btns .bp-btn-ghost { flex: 1 1 100%; }
	main.bp-page:where(:not(.md-est-page)) .bp-hero-main { gap: 16px; }
	main.bp-page:where(:not(.md-est-page)) .bp-nap { gap: 0; border-radius: 8px; overflow: hidden; background: rgba(42, 42, 42, .92); }
	main.bp-page:where(:not(.md-est-page)) .bp-nap > * { background: none !important; border-radius: 0; padding: 10px 14px; border-top: 1px solid #3a3a3a; }
	main.bp-page:where(:not(.md-est-page)) .bp-nap > *:first-child { border-top: 0; }
	/* Quick facts kao lista u jednoj kartici */
	main.bp-page:where(:not(.md-est-page)) .lx-facts-grid { gap: 0; background: #fff; border: 1px solid var(--bp-line); border-left: 4px solid var(--bp-yellow); border-radius: 8px; }
	main.bp-page:where(:not(.md-est-page)) .lx-facts-grid > div { border: 0; border-top: 1px solid var(--bp-line); border-radius: 0; padding: 10px 14px; }
	main.bp-page:where(:not(.md-est-page)) .lx-facts-grid > div:first-child { border-top: 0; }
	main.bp-page:where(:not(.md-est-page)) .lx-facts-grid dd { font-size: 14px; }
	/* recenzije: vodoravni niz (prevuci), kutija sa ocenom kraca */
	main.bp-page:where(:not(.md-est-page)) .bp-review-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 -16px; padding: 0 16px 6px; }
	main.bp-page:where(:not(.md-est-page)) .bp-review-grid > .bp-review { flex: 0 0 86%; scroll-snap-align: center; }
	main.bp-page:where(:not(.md-est-page)) .bp-score { padding: 20px; gap: 8px; }
	main.bp-page:where(:not(.md-est-page)) .bp-big { font-size: 44px; }
	main.bp-page:where(:not(.md-est-page)) .bp-score-cred { display: none; }
	/* servisi: kompaktni redovi, cela kartica je link */
	main.bp-page:where(:not(.md-est-page)) .bp-svc-grid { gap: 8px; }
	main.bp-page:where(:not(.md-est-page)) .bp-svc { display: grid; grid-template-columns: 40px 1fr; gap: 2px 14px; padding: 14px 16px; align-items: center; }
	main.bp-page:where(:not(.md-est-page)) .bp-svc .bp-ico { width: 40px; height: 40px; grid-row: 1 / 3; align-self: start; }
	main.bp-page:where(:not(.md-est-page)) .bp-svc .bp-ico img { width: 24px; height: 24px; }
	main.bp-page:where(:not(.md-est-page)) .bp-svc p { font-size: 14px; line-height: 1.45; }
	main.bp-page:where(:not(.md-est-page)) .bp-svc .bp-more { display: none; }
	main.bp-page:where(:not(.md-est-page)) .cp-col-fig img, main.bp-page:where(:not(.md-est-page)) .bp-two figure img { height: 190px; }
	/* tabela ruta: red = mala kartica */
	main.bp-page:where(:not(.md-est-page)) .lx-routes thead { display: none; }
	main.bp-page:where(:not(.md-est-page)) .lx-routes tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 10px 12px; border-bottom: 1px solid var(--bp-line); }
	main.bp-page:where(:not(.md-est-page)) .lx-routes tr:last-child { border-bottom: 0; }
	main.bp-page:where(:not(.md-est-page)) .lx-routes td { border: 0 !important; padding: 0 !important; }
	main.bp-page:where(:not(.md-est-page)) .lx-routes td:nth-child(2) { text-align: right; white-space: nowrap; font-size: 13px; }
	main.bp-page:where(:not(.md-est-page)) .lx-routes td:nth-child(3) { grid-column: 1 / -1; font-size: 13px; color: var(--bp-muted); }
	/* licence zbijenije */
	main.bp-page:where(:not(.md-est-page)) .bp-lic-list { gap: 8px; }
	main.bp-page:where(:not(.md-est-page)) .bp-lic-list li { padding: 12px 14px; font-size: 14px; }
	/* FAQ: poziv je vec u donjoj traci */
	main.bp-page:where(:not(.md-est-page)) .bp-faq-intro .bp-btn { display: none; }
	/* zavrsni CTA: kancelarije kao pill linkovi */
	main.bp-page:where(:not(.md-est-page)) .bp-offices { flex-direction: row; flex-wrap: wrap; gap: 8px; padding: 18px; }
	main.bp-page:where(:not(.md-est-page)) .bp-offices .bp-label { flex: 1 1 100%; }
	main.bp-page:where(:not(.md-est-page)) .bp-offices a { min-height: 40px; padding: 8px 12px; border: 1px solid #3a3a3a; border-radius: 999px; font-size: 14px; }
	main.bp-page:where(:not(.md-est-page)) .bp-offices a.bp-parent-link { border-color: var(--bp-yellow); margin-top: 0; padding-top: 8px; }
	/* blog: lista sa malom slikom */
	main.bp-page:where(:not(.md-est-page)) .bp-post-grid { gap: 14px; }
	main.bp-page:where(:not(.md-est-page)) .bp-post { display: grid; grid-template-columns: 104px 1fr; gap: 4px 14px; align-items: start; }
	main.bp-page:where(:not(.md-est-page)) .bp-post img { width: 104px; height: 78px; grid-row: 1 / 3; }
	main.bp-page:where(:not(.md-est-page)) .bp-post .bp-small { grid-column: 2; }
	/* traka bedzeva u jednom redu */
	body:has(main.bp-page:where(:not(.md-est-page))) .md-trust-strip .mts-wrap { flex-wrap: nowrap; overflow-x: auto; justify-content: space-between; gap: 12px; padding: 12px 16px; }
	body:has(main.bp-page:where(:not(.md-est-page))) .md-trust-strip img { max-height: 34px; }
	body:has(main.bp-page:where(:not(.md-est-page))) .md-trust-strip a, body:has(main.bp-page:where(:not(.md-est-page))) .md-trust-strip span { min-height: 40px; flex: none; }
}

/* ---------- 2026-10-25: tok sekcija po dizajnu korisnice (Lakewood screenshot), nase boje ----------
   Hero, traka bedzeva i futer ostaju. Ritam pozadina: Quick facts zuto, kancelarija belo, tim tamno, recenzije sivo,
   usluge belo (kartice sa fotografijom), cene krem, CTA traka zuto, vodic belo (slike naizmenicno), kvartovi/rute/sezona sivo,
   gradovi u blizini krem, licence belo (lista), FAQ sivo, zavrsni CTA tamno sa fotografijom, blog belo.
   Samo hub, kancelarija i grad. Backup: backups/dizajn-tok-2026-10-25/. */
/* Quick facts: bele kartice sa zutom levom ivicom na krem pozadini (osnovni stil iz branch-page.css; korisnici se vise svidja od zute trake) */

/* kancelarija: kartica sa zutom donjom ivicom */
main.bp-page:not(.md-est-page) .cp-office-card, main.bp-page:not(.md-est-page) .bp-office-card { border-bottom: 4px solid var(--bp-yellow); }

/* tim (nova sekcija) */
main.bp-page section.lx-people { background: var(--bp-ink); color: #fff; }
.lx-people h2 { color: #fff !important; }
.lx-people .bp-label { color: var(--bp-yellow); }
.lx-people-head { display: flex; flex-wrap: wrap; gap: 16px 48px; align-items: flex-end; justify-content: space-between; }
.lx-people-head p { max-width: 460px; color: #d9d9d9; }
.lx-people-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lx-people-fig { margin: 0; }
.lx-people-fig img { width: 100%; height: 220px; object-fit: cover; border-radius: 8px; display: block; }
.lx-people-fig-1 { grid-column: 1 / span 2; }
.lx-people-fig-1 img, .lx-people-fig-2 img { height: 340px; }
.lx-people-fig figcaption { font-size: 13px; color: #cfcfcf; padding: 8px 0; border-bottom: 1px solid #3a3a3a; }
.lx-people-foot { color: #d9d9d9; }
.bp-page .lx-people-foot a { color: #fff; text-decoration: underline; text-decoration-color: var(--bp-yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 700; }

/* recenzije sivo (iza tamne sekcije tima) */
main.bp-page:not(.md-est-page) section.bp-reviews { background: var(--bp-grey); }

/* usluge: kartice sa fotografijom i zutom donjom ivicom */
main.bp-page:not(.md-est-page) section.bp-services { background: #fff; }
main.bp-page:not(.md-est-page) .bp-svc { border-bottom: 3px solid var(--bp-yellow); overflow: hidden; }
.lx-svc-photo { display: block; margin: -24px -24px 4px; }
.lx-svc-photo img { width: 100%; height: 170px; object-fit: cover; display: block; }

/* cene krem */
main.cp-page section.bp-pricing { background: var(--bp-cream); }

/* vodic: slike naizmenicno levo/desno */
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .cp-guide-row ~ .cp-guide-row { flex-direction: row-reverse; }
}

/* traka bedzeva pluta (float), pa sekcija ispod nje mora da pocne ispod nje (inace se natpis lepi za traku) */
main.bp-page:not(.md-est-page) > .md-trust-strip + section { clear: both; }

/* kvartovi: bele kartice sa zutom gornjom ivicom, svi u jednom redu na desktopu */
main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > .lx-card { background: #fff; border: 1px solid var(--bp-line); border-top: 4px solid var(--bp-yellow); border-radius: 10px; padding: 18px 20px; gap: 8px; }
main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) { gap: 16px; }
/* raspored bez praznih mesta: 3 = 3, 4 = 2+2, 5 = 3+2, 6 = 3+3 (mreza od 6 kolona) */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > * { grid-column: span 2; }
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :first-child:nth-last-child(2), main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :first-child:nth-last-child(2) ~ *,
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :first-child:nth-last-child(4), main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :first-child:nth-last-child(4) ~ *,
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :nth-child(4):nth-last-child(2), main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > :nth-child(5):last-child { grid-column: span 3; }
}
@media (min-width: 600px) and (max-width: 899px) {
	main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
main.bp-page:not(.md-est-page) .lx-card .lx-zip { background: transparent; color: var(--bp-gold); border: 1px solid #E3D3A0; }
/* sezona: tamne kartice sa zutim naslovom */
main.bp-page:not(.md-est-page) .lx-season { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
main.bp-page:not(.md-est-page) .lx-season > .lx-card { background: var(--bp-ink); border: 0; border-radius: 10px; padding: 22px 22px 24px; gap: 10px; }
main.bp-page:not(.md-est-page) .lx-season > .lx-card h3 { color: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .lx-season > .lx-card h3::before { content: ""; display: block; width: 28px; height: 3px; background: var(--bp-yellow); margin-bottom: 12px; }
main.bp-page:not(.md-est-page) .lx-season > .lx-card p { color: #d9d9d9; }
main.bp-page:not(.md-est-page) .lx-season > .lx-card a { color: #fff; text-decoration-color: var(--bp-yellow); }
/* pod-blokovi u sekciji kvartovi/rute/sezona: vise vazduha izmedju njih */
main.bp-page:not(.md-est-page) .lx-more .cp-guide-wrap { gap: 56px; }
main.bp-page:not(.md-est-page) .lx-more .cp-guide-row + .lx-routes { margin-top: -32px; }

/* gradovi u blizini: krem, lista u dve kolone sa strelicom */
main.bp-page:not(.md-est-page) section.bp-area { background: var(--bp-cream); }
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .bp-area .bp-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
}
main.bp-page:not(.md-est-page) .bp-area .bp-chips a, main.bp-page:not(.md-est-page) .bp-area .bp-chips span { display: flex; justify-content: space-between; width: 100%; min-height: 44px; background: transparent; border: 0; border-bottom: 1px solid #D9D2BF; border-radius: 0; padding: 10px 0; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a::after { content: "↗"; color: var(--bp-gold); margin-left: 12px; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a.bp-chip-parent::after { content: none; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a.bp-chip-parent { background: transparent; border-bottom-color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-area .bp-chips li { list-style: none; }

/* licence: lista sa linijama */
main.bp-page:not(.md-est-page) .bp-lic-list { display: flex; flex-direction: column; gap: 0; }
main.bp-page:not(.md-est-page) .bp-lic-list li { border: 0; border-bottom: 1px solid var(--bp-line); border-radius: 0; padding: 14px 0; }

/* FAQ sivo, otvoreno pitanje sa zutom linijom */
main.bp-page:not(.md-est-page) section.bp-faq { background: var(--bp-grey); }
main.bp-page:not(.md-est-page) .bp-faq details { background: #fff; }
main.bp-page:not(.md-est-page) .bp-faq details[open] { border-left: 4px solid var(--bp-yellow); }

/* zavrsni CTA: fotografija ispod liste kancelarija */
.lx-final-fig { margin: 12px 0 0; }
.lx-final-fig img { width: 100%; height: 170px; object-fit: cover; border-radius: 8px; display: block; }

@media (max-width: 767px) {
	/* tim: velika slika + 2 manje, peta skrivena */
	.lx-people-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
	.lx-people-fig-1 { grid-column: 1 / -1; }
	.lx-people-fig-1 img { height: 210px; }
	.lx-people-fig-2 img, .lx-people-fig img { height: 130px; }
	.lx-people-fig-4, .lx-people-fig-5 { display: none; }
	.lx-people-fig figcaption { font-size: 12px; padding: 6px 0; border: 0; }
	/* usluge: mala fotografija levo u kompaktnom redu */
	main.bp-page:not(.md-est-page) .bp-svc:has(.lx-svc-photo) { grid-template-columns: 72px 1fr; }
	main.bp-page:not(.md-est-page) .lx-svc-photo { margin: 0; grid-row: 1 / 3; align-self: start; }
	main.bp-page:not(.md-est-page) .lx-svc-photo img { width: 72px; height: 72px; border-radius: 6px; }
	main.bp-page:not(.md-est-page) .lx-final-fig { display: none; }
}
/* telefon: kvartovi i sezona kao vodoravni niz (prevuci), kao recenzije */
@media (max-width: 599px) {
	main.bp-page:not(.md-est-page) .lx-cards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 -16px; padding: 0 16px 8px; }
	main.bp-page:not(.md-est-page) .lx-cards > .lx-card { flex: 0 0 82%; scroll-snap-align: center; }
}

/* ---------- 2026-10-25: vedrija verzija (korisnica: "sve izgleda tmurno, a Spyder je zut i fun") ----------
   Tamne sekcije (tim, ocena, sezona, zavrsni CTA) postaju zute; sive pozadine postaju svetlozute. Hero i futer ostaju. */
main.bp-page:not(.md-est-page) { --lx-sun: #FFF8DB; --lx-sun-line: #F3E3A1; }

/* tim: zuta sekcija */
main.bp-page section.lx-people { background: var(--bp-yellow); color: var(--bp-ink); }
.lx-people h2 { color: var(--bp-ink) !important; }
.lx-people .bp-label { color: var(--bp-ink); }
.lx-people-head p, .lx-people-foot { color: var(--bp-ink); }
.lx-people-fig img { border-radius: 14px; box-shadow: 0 8px 24px rgba(29, 29, 29, .18); }
.lx-people-fig figcaption { color: var(--bp-ink); border-bottom: 0; font-weight: 700; }
.bp-page .lx-people-foot a { color: var(--bp-ink); text-decoration-color: var(--bp-ink); }

/* recenzije: svetlozuto, ocena u zutoj kartici */
main.bp-page:not(.md-est-page) section.bp-reviews { background: var(--lx-sun); }
main.bp-page:not(.md-est-page) .bp-score { background: var(--bp-yellow); color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-score .bp-big, main.bp-page:not(.md-est-page) .bp-score .bp-stars, main.bp-page:not(.md-est-page) .bp-score-cred, main.bp-page:not(.md-est-page) .bp-score-cred a { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-score .bp-btn { background: var(--bp-ink); border-color: var(--bp-ink); color: #fff; }

/* kvartovi/rute/sezona (grad) i rute/sezona (kancelarija): svetlozuto */
main.bp-page:not(.md-est-page) section.lx-more, main.bp-page:not(.md-est-page) section.bp-routes { background: var(--lx-sun); }
/* sezona: zute kartice sa tamnim tekstom */
main.bp-page:not(.md-est-page) .lx-season > .lx-card { background: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .lx-season > .lx-card h3, main.bp-page:not(.md-est-page) .lx-season > .lx-card p, main.bp-page:not(.md-est-page) .lx-season > .lx-card a { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .lx-season > .lx-card h3::before { background: var(--bp-ink); }
main.bp-page:not(.md-est-page) .lx-season > .lx-card a { text-decoration-color: var(--bp-ink); }
/* kartice kvartova: mekse, sa senkom */
main.bp-page:not(.md-est-page) .lx-cards:not(.lx-season) > .lx-card { border-color: var(--lx-sun-line); border-radius: 14px; box-shadow: 0 4px 16px rgba(29, 29, 29, .05); }

/* FAQ: belo, otvoreno pitanje svetlozuto */
main.bp-page:not(.md-est-page) section.bp-faq { background: #fff; }
main.bp-page:not(.md-est-page) .bp-faq details[open] { background: var(--lx-sun); }

/* zavrsni CTA: zuto, tamna dugmad, bela kartica kancelarija */
main.bp-page:not(.md-est-page) section.bp-final { background: var(--bp-yellow); color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-final h2, main.bp-page:not(.md-est-page) .bp-final-text, main.bp-page:not(.md-est-page) .bp-final-text a { color: var(--bp-ink) !important; }
main.bp-page:not(.md-est-page) .bp-final-text a { text-decoration-color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-final .bp-btn-yellow { background: var(--bp-ink); color: #fff; }
main.bp-page:not(.md-est-page) .bp-final .bp-btn-ghost { border-color: var(--bp-ink); color: var(--bp-ink); background: transparent; }
main.bp-page:not(.md-est-page) .bp-offices { background: #fff; color: var(--bp-ink); box-shadow: 0 8px 24px rgba(29, 29, 29, .12); }
main.bp-page:not(.md-est-page) .bp-offices a { color: var(--bp-ink) !important; }
main.bp-page:not(.md-est-page) .bp-offices .bp-label { color: var(--bp-gold); }
main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link { border-top-color: var(--bp-line); }

/* kancelarija: lokalno + long distance kartice iste visine, zuta traka, zute brojke */
main.bp-page:not(.md-est-page) .bp-two { align-items: stretch; }
main.bp-page:not(.md-est-page) .bp-two .bp-card { border: 0; border-top: 5px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 6px 24px rgba(29, 29, 29, .08); }
main.bp-page:not(.md-est-page) .bp-mini > div { background: var(--bp-yellow); border: 0; border-radius: 12px; color: var(--bp-ink); }

/* kancelarija: saveti ("Local know-how") kao numerisane kartice, bez praznih mesta (5 = 3+2) */
main.bp-page:not(.md-est-page) .bp-tip-grid { counter-reset: lxtip; gap: 16px; }
main.bp-page:not(.md-est-page) .bp-tip { position: relative; border-radius: 14px; border-top: 4px solid var(--bp-yellow); box-shadow: 0 4px 16px rgba(29, 29, 29, .05); padding-top: 24px; }
main.bp-page:not(.md-est-page) .bp-tip h3::before { counter-increment: lxtip; content: counter(lxtip); display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--bp-yellow); color: var(--bp-ink); font-size: 15px; margin-right: 10px; vertical-align: 2px; }
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-tip-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-tip-grid > * { grid-column: span 2; }
	main.bp-page:not(.md-est-page) .bp-tip-grid > :first-child:nth-last-child(2), main.bp-page:not(.md-est-page) .bp-tip-grid > :first-child:nth-last-child(2) ~ *,
	main.bp-page:not(.md-est-page) .bp-tip-grid > :first-child:nth-last-child(4), main.bp-page:not(.md-est-page) .bp-tip-grid > :first-child:nth-last-child(4) ~ *,
	main.bp-page:not(.md-est-page) .bp-tip-grid > :nth-child(4):nth-last-child(2), main.bp-page:not(.md-est-page) .bp-tip-grid > :nth-child(5):last-child { grid-column: span 3; }
}

/* kancelarija: sezona + fotografija u jednom redu (3 kartice + slika kao cetvrta plocica) */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-routes .lx-two { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-two-text { display: contents; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-two-text > :not(.lx-season) { grid-column: 1 / -1; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-two-text > .lx-season { grid-column: 1 / span 3; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-routes .lx-fig { grid-column: 4; margin: 0; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-fig img { height: 100%; min-height: 220px; object-fit: cover; border-radius: 14px; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-fig figcaption { display: none; }
}

/* gradovi u blizini: vesele "pill" oznake umesto duge liste; kad ih je mnogo, naslov iznad */
main.bp-page:not(.md-est-page) .bp-area .bp-chips { display: flex !important; flex-wrap: wrap; gap: 10px; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a, main.bp-page:not(.md-est-page) .bp-area .bp-chips span { width: auto; min-height: 44px; padding: 10px 18px; background: #fff; border: 2px solid var(--bp-yellow); border-radius: 999px; font-weight: 800; gap: 8px; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a:hover { background: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a::after { content: "→"; color: var(--bp-ink); margin-left: 0; }
main.bp-page:not(.md-est-page) .bp-area .bp-chips a.bp-chip-parent { background: var(--bp-ink); border-color: var(--bp-ink); color: #fff; }
main.bp-page:not(.md-est-page) .bp-area .bp-row:has(.bp-chips > li:nth-child(13)) { flex-direction: column; gap: 24px; }
main.bp-page:not(.md-est-page) .bp-area .bp-row:has(.bp-chips > li:nth-child(13)) .bp-area-intro { max-width: 760px; }
/* ocena bez proseka: naslov u kartici */
.bp-page .lx-score-title { font-size: 26px; line-height: 1.15; font-weight: 900; color: var(--bp-ink); }
/* gradovi u blizini, naslov iznad liste: flex-basis (560px / 320px) u koloni postaje visina i pravi prazan prostor */
main.bp-page:not(.md-est-page) .bp-area .bp-row:has(.bp-chips > li:nth-child(13)) > * { flex: 0 0 auto; }
/* galerija bez natpisa: malo manji razmak izmedju slika */
.lx-people-grid { row-gap: 20px; }

/* ---------- 2026-10-25: prostor i linije (korisnica: prazan prostor, tekst razlicite duzine, "ravne linije koje prekidaju dizajn") ---------- */
/* kancelarija: lokalno + long distance kao vodoravne kartice (slika levo/desno), pa tekst razlicite duzine ne ostavlja prazninu */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-two { grid-template-columns: 1fr; gap: 24px; }
	main.bp-page:not(.md-est-page) .bp-two .bp-card { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
	main.bp-page:not(.md-est-page) .bp-two .bp-card:nth-child(even) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	main.bp-page:not(.md-est-page) .bp-two .bp-card:nth-child(even) figure { order: 2; }
	main.bp-page:not(.md-est-page) .bp-two figure { height: 100%; }
	main.bp-page:not(.md-est-page) .bp-two figure img { height: 100%; min-height: 300px; }
	main.bp-page:not(.md-est-page) .bp-two figcaption { display: none; }
	main.bp-page:not(.md-est-page) .bp-two .bp-body { padding: 32px 36px; justify-content: center; }
}

/* zavrsni CTA: tekst i kartica kancelarija poravnati, bez prazne zute povrsine */
main.bp-page:not(.md-est-page) .bp-final-row { align-items: center; }
main.bp-page:not(.md-est-page) section.bp-final { padding: 56px 0; }

/* licence: meke svetlozute kartice u mrezi umesto liste sa linijama */
main.bp-page:not(.md-est-page) .bp-lic-row { align-items: center; }
main.bp-page:not(.md-est-page) .bp-lic-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
main.bp-page:not(.md-est-page) .bp-lic-list li { background: var(--lx-sun); border: 0; border-radius: 14px; padding: 18px 20px; }
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .bp-lic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-lic-list li:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* bez linija koje seku: tabele sa naizmenicnim redovima, recenzije, lista kancelarija, FAQ */
main.bp-page:not(.md-est-page) .lx-table th, main.bp-page:not(.md-est-page) .lx-table td, main.bp-page:not(.md-est-page) .bp-tbl td { border: 0 !important; }
main.bp-page:not(.md-est-page) .lx-table, main.bp-page:not(.md-est-page) .bp-tbl table { border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(29, 29, 29, .06); }
main.bp-page:not(.md-est-page) .lx-table tbody tr:nth-child(even) td, main.bp-page:not(.md-est-page) .bp-tbl tbody tr:nth-child(even) td { background: #FBF7EA; }
main.bp-page:not(.md-est-page) .bp-by { border-top: 0; }
main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link { border-top: 0; }
main.bp-page:not(.md-est-page) .bp-faq details { border: 0; border-radius: 12px; box-shadow: 0 2px 10px rgba(29, 29, 29, .06); }
main.bp-page:not(.md-est-page) .bp-faq details[open] { border-left: 0; }
main.bp-page:not(.md-est-page) .bp-faq-list { gap: 12px; }
main.bp-page:not(.md-est-page) .bp-score-cred { border: 0; }

/* dugmad: "Learn more" na svakoj usluzi kao vidljivo dugme (cela kartica je link), dugmad ispod cena i sezone */
main.bp-page:not(.md-est-page) .bp-more { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; margin-top: auto; padding: 9px 14px; border-radius: 999px; background: var(--bp-yellow); color: var(--bp-ink); font-size: 14px; white-space: nowrap; } /* 29.10: "See long distance moving" u jednom redu, dno kartice */
main.bp-page:not(.md-est-page) .bp-more::after { content: "→"; }
main.bp-page:not(.md-est-page) .bp-svc:hover .bp-more { background: var(--bp-ink); color: #fff; }
.lx-cta-row { margin: 8px 0 0; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-svc .bp-more { display: inline-flex; grid-column: 2; padding: 6px 12px; font-size: 13px; }
	.lx-cta-row .bp-btn { width: 100%; }
}

/* 25.10: bez praznog mesta u dve kolone (tablet) - poslednja neparna kartica ide preko celog reda */
@media (min-width: 600px) and (max-width: 899px) {
	main.bp-page:not(.md-est-page) .lx-season { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .lx-cards > .lx-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
	main.bp-page:not(.md-est-page) .lx-season { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 2026-10-25: dizajn revizija (DIZAJN-REVIZIJA-LOKACIJE-2026-10-25.md), sve osim blog slika ----------
   Opseg isti kao prethodne runde; brojevi (#) su stavke iz izvestaja. Backup: backups/dizajn-revizija-2026-10-25/. */

/* #1 sezona na kancelariji: slika u istom redu sa karticama (dugme ne gura sliku u novi red) */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-routes .lx-two { grid-auto-flow: row dense; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-two-text > .lx-cta-row { grid-column: 1 / span 3; }
	main.bp-page:not(.md-est-page) .bp-routes .lx-fig { grid-column: 4; grid-row: span 2; align-self: stretch; }
}

/* #3 hub: kartice kancelarija sa vodoravnom fotografijom na vrhu (bez uspravnog isecanja) */
main.bp-page:not(.md-est-page) .sp-loccard { flex-direction: column; }
main.bp-page:not(.md-est-page) .sp-loccard-photo { flex: none; }
main.bp-page:not(.md-est-page) .sp-loccard-photo img { width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; object-fit: cover; display: block; }

/* #4 Quick facts i #5 saveti na tabletu: 2 + 2, bez praznog mesta */
@media (min-width: 600px) and (max-width: 999px) {
	main.bp-page:not(.md-est-page) .lx-facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-tip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-tip-grid > .bp-tip:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* #6 kancelarija na gradu: dugmad u levoj koloni, kolone centrirane, mapa niza */
main.bp-page:not(.md-est-page) .cp-office-cta { margin-top: 6px; }
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .cp-office .bp-office-row { align-items: center; }
	main.bp-page:not(.md-est-page) .cp-office-card .cp-map img { aspect-ratio: 16 / 8; height: auto; object-fit: cover; }
}

/* #7 cene na gradu: desna kolona = "What changes" + zuta CTA kartica (umesto zasebne trake) */
main.bp-page:not(.md-est-page) .cp-price-side { display: flex; flex-direction: column; gap: 16px; }
main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad { max-width: none; margin: 0; }
main.bp-page:not(.md-est-page) .cp-price-cta { background: var(--bp-yellow); border: 0; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 8px 24px rgba(29, 29, 29, .08); }
main.bp-page:not(.md-est-page) .cp-price-cta .cp-band-title { font-size: 21px; line-height: 1.2; font-weight: 900; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .cp-price-cta p { margin: 0; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .cp-price-cta .bp-btns { margin-top: 8px; }
@media (min-width: 900px) {
	main.cp-page .bp-pricing .bp-wrap.bp-stack > .cp-price-side { grid-column: 2; align-self: start; position: sticky; top: 110px; }
}
@media (max-width: 899px) {
	main.cp-page .bp-pricing .bp-wrap.bp-stack { display: flex; flex-direction: column; gap: 16px; } /* #28 tablet: jedna kolona */
}

/* #8 FAQ: levi stub prati citanje */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-faq-row > .bp-faq-intro { position: sticky; top: 110px; align-self: flex-start; }
}

/* #9 dugmad u tri nivoa: isti radijus i visina; "Learn more" je bela pill sa zutim obrubom (vidljiva, ali ne glavni poziv). Hero se ne dira. */
main.bp-page:not(.md-est-page) section:not(.bp-hero) .bp-btn { border-radius: 8px; min-height: 48px; }
main.bp-page:not(.md-est-page) section:not(.bp-hero) .bp-btn-sm { min-height: 44px; }
main.bp-page:not(.md-est-page) .bp-svc .bp-more { background: #fff; color: var(--bp-ink); box-shadow: inset 0 0 0 2px var(--bp-yellow); }
main.bp-page:not(.md-est-page) .bp-svc:hover .bp-more { background: var(--bp-yellow); color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .sp-acts a { border-radius: 8px; }

/* #11 pozadine: bela, krem (--lx-sun) i zuta; bez sive i bez drugog tona krema pored krema (Quick facts ostaje kakav jeste) */
main.bp-page:not(.md-est-page) section.bp-pricing { background: var(--lx-sun); }
main.bp-page:not(.md-est-page) section.bp-know { background: var(--lx-sun); }
main.bp-page:not(.md-est-page) section.bp-routes { background: #fff; }
main.bp-page:not(.md-est-page) section.bp-area { background: var(--lx-sun); }
main.cp-page section.bp-area { background: #fff; }
main.bp-page:not(.md-est-page) section.sp-loc { background: #fff; }
main.bp-page:not(.md-est-page) section.sp-area,
main.bp-page:not(.md-est-page) section.lx-season-sec { background: var(--lx-sun); }
main.bp-page:not(.md-est-page) .bp-pricing .bp-tbl,
main.bp-page:not(.md-est-page) .bp-know .bp-tip { border-color: transparent; }
main.bp-page:not(.md-est-page) section.bp-lic + section.bp-faq { padding-top: 0; }

/* #12 bocna kartica cena: bela sa zutom gornjom ivicom umesto crne */
main.bp-page:not(.md-est-page) .bp-side { background: #fff; color: var(--bp-ink); border-top: 6px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 10px 30px rgba(29, 29, 29, .08); }
main.bp-page:not(.md-est-page) .bp-side-title { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-side li::before { color: #AD8200; }
main.bp-page:not(.md-est-page) .bp-side a.bp-tel { color: var(--bp-ink); }
@media (max-width: 899px) { main.bp-page:not(.md-est-page) .bp-side { max-width: none; width: 100%; } }

/* #13 hub: naslovi levo, recenzije bez vertikalnog natpisa */
main.bp-page:not(.md-est-page) .sp-reviews .bp-row { display: block; }
main.bp-page:not(.md-est-page) .sp-reviews h2 { font-size: 38px; }
@media (max-width: 768px) { main.bp-page:not(.md-est-page) .sp-reviews h2 { font-size: 28px; } }

/* #14 hub "What to Know": bele kartice sa zutom gornjom ivicom, napomena kao zuta traka */
main.bp-page:not(.md-est-page) section.sp-know { padding: 64px 0; }
main.bp-page:not(.md-est-page) .sp-kbox { background: #fff; border-top: 4px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 6px 20px rgba(29, 29, 29, .07); }
main.bp-page:not(.md-est-page) .sp-know-note { margin-top: 16px; padding: 16px 20px; background: var(--bp-yellow); border-radius: 14px; font-size: 16px; font-weight: 800; color: var(--bp-ink); }

/* #15 hub servisi sa fotografijama; razmak sekcije kao ostale */
main.bp-page:not(.md-est-page).sp-page section.bp-services { padding: 64px 0; }

/* #17 rute na gradu: tekst i slika poravnati po sredini */
main.bp-page:not(.md-est-page) .cp-guide.lx-more .cp-guide-row { align-items: center; }

/* #18 duzi redovi teksta: malo veca slova i prored na sirokom ekranu (sirina ostaje ista, odluka 20.10) */
@media (min-width: 1100px) {
	main.bp-page:not(.md-est-page) .cp-guide p,
	main.bp-page:not(.md-est-page) .bp-final-text p,
	main.bp-page:not(.md-est-page) .bp-pricing p:not(.bp-small):not(.cp-band-title) { font-size: 17px; line-height: 1.7; }
}

/* #19 zvezdice: kontrast 3,5 : 1 */
main.bp-page:not(.md-est-page) .bp-review .bp-stars { color: #AD8200; }

/* #20 hub sadrzaj: dva bloka kao kartice jedan pored drugog, cene preko cele sirine, kartica cene kao siroka traka */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .sp-content > .bp-wrap { display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .sp-cmain { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; flex: none; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:nth-child(-n+2) { background: #fff; border-top: 4px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 6px 20px rgba(29, 29, 29, .07); padding: 24px 26px; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:nth-child(-n+2) h2 { font-size: 26px; line-height: 1.2; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:nth-child(n+3) { grid-column: 1 / -1; }
	main.bp-page:not(.md-est-page) .sp-content .bp-side { position: static; max-width: none; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: 10px 28px; padding: 22px 28px; }
	main.bp-page:not(.md-est-page) .sp-content .bp-side ul { flex-direction: row; flex-wrap: wrap; gap: 8px 20px; flex: 1 1 360px; }
	main.bp-page:not(.md-est-page) .sp-content .bp-side-title { flex: 1 1 100%; }
}
main.bp-page:not(.md-est-page) section.sp-content { background: #fff; padding: 64px 0; }

/* #21 hub mapa nize */
main.bp-page:not(.md-est-page) .sp-map .gmaps { height: 260px; border-radius: 14px; }
@media (max-width: 767px) { main.bp-page:not(.md-est-page) .sp-map .gmaps { height: 200px; } }

/* #22 telefon: servisi kao kompaktni redovi, umesto trake "Learn more" mala zuta strelica */
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-svc { position: relative; padding-right: 54px; }
	main.bp-page:not(.md-est-page) .bp-svc .bp-more { display: inline-flex !important; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; padding: 0; justify-content: center; border-radius: 50%; font-size: 0 !important; color: transparent; background: var(--bp-yellow); box-shadow: none; }
	main.bp-page:not(.md-est-page) .bp-svc .bp-more::after { font-size: 16px !important; color: var(--bp-ink); }
}

/* #23 hub na telefonu: recenzije i "What to Know" kao vodoravni niz (kao na kancelariji) */
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .sp-review-grid,
	main.bp-page:not(.md-est-page) .sp-kgrid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-left: -16px; margin-right: -16px; padding: 0 16px 6px; }
	main.bp-page:not(.md-est-page) .sp-review-grid > *,
	main.bp-page:not(.md-est-page) .sp-kgrid > * { flex: 0 0 86%; scroll-snap-align: center; }
}

/* #24 telefon: duga tabela cena prikazuje 6 redova, ostalo na dugme */
main.bp-page:not(.md-est-page) .bp-tbl-more { display: none; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-tbl-long:not(.is-open) tbody tr:nth-child(n+7) { display: none !important; }
	main.bp-page:not(.md-est-page) .bp-tbl-more { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 10px; border: 2px solid var(--bp-ink); border-radius: 8px; background: #fff; color: var(--bp-ink); font: inherit; font-weight: 800; cursor: pointer; }
}

/* #25 telefon: prvih 12 gradova, ostali na dugme (desktop prikazuje sve) */
main.bp-page:not(.md-est-page) .bp-chip-more { display: none; }
main.bp-page:not(.md-est-page) .bp-chip-more button { min-height: 44px; padding: 10px 18px; border: 2px solid var(--bp-ink); border-radius: 999px; background: #fff; color: var(--bp-ink); font: inherit; font-weight: 800; cursor: pointer; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-chips-many:not(.is-open) .bp-chip-x { display: none; }
	main.bp-page:not(.md-est-page) .bp-chips-many:not(.is-open) .bp-chip-more { display: list-item; list-style: none; }
	main.bp-page:not(.md-est-page) .bp-area .bp-chips { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .bp-area .bp-chips a, main.bp-page:not(.md-est-page) .bp-area .bp-chips span { width: 100%; justify-content: center; padding: 10px 12px; font-size: 15px; }
	main.bp-page:not(.md-est-page) .bp-area .bp-chips li:has(.bp-chip-parent), main.bp-page:not(.md-est-page) .bp-chip-more { grid-column: 1 / -1; }
	main.bp-page:not(.md-est-page) .bp-chip-more button { width: auto; }
}

/* #26 vodoravni nizovi bez sivog scrollbara */
main.bp-page:not(.md-est-page) .lx-cards, main.bp-page:not(.md-est-page) .bp-review-grid,
main.bp-page:not(.md-est-page) .sp-review-grid, main.bp-page:not(.md-est-page) .sp-kgrid { scrollbar-width: none; }
main.bp-page:not(.md-est-page) .lx-cards::-webkit-scrollbar, main.bp-page:not(.md-est-page) .bp-review-grid::-webkit-scrollbar,
main.bp-page:not(.md-est-page) .sp-review-grid::-webkit-scrollbar, main.bp-page:not(.md-est-page) .sp-kgrid::-webkit-scrollbar { display: none; }

/* #27 tablet recenzije: ocena levo, recenzije kao niz desno */
@media (min-width: 600px) and (max-width: 899px) {
	main.bp-page:not(.md-est-page) .bp-reviews-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .bp-reviews-row .bp-review-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; }
	main.bp-page:not(.md-est-page) .bp-reviews-row .bp-review-grid > .bp-review { flex: 0 0 78%; scroll-snap-align: start; }
	/* #28 servisi na gradu u dve kolone */
	main.cp-page .bp-svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* #29 ZIP oznaka uvek u svom redu iznad naslova kvarta */
main.bp-page:not(.md-est-page) .lx-card h3 .lx-zip { display: block; width: max-content; margin: 0 0 6px; }
main.bp-page:not(.md-est-page) .lx-card h3:has(.lx-zip) { display: flex; flex-direction: column-reverse; align-items: flex-start; }

/* #30 sezona bez crne crtice */
main.bp-page:not(.md-est-page) .lx-season > .lx-card h3::before { display: none; }

/* #31 hub kartice kancelarija bez linije ispod imena */
main.bp-page:not(.md-est-page) .sp-loccard-name { border-bottom: 0; padding-bottom: 0; }

/* #32 gradovi u blizini na gradu: naslov iznad, pill oznake preko cele sirine */
main.cp-page .bp-area .bp-row { flex-direction: column; gap: 24px; }
main.cp-page .bp-area .bp-row > * { flex: 0 0 auto; }
main.cp-page .bp-area .bp-area-intro { max-width: 760px; }

/* #33 telefon: brojke u lokalnim karticama kao redovi */
@media (max-width: 599px) {
	main.bp-page:not(.md-est-page) .bp-mini { grid-template-columns: 1fr !important; gap: 8px; }
	main.bp-page:not(.md-est-page) .bp-mini > div { display: flex; align-items: baseline; gap: 10px; }
}

/* #35 telefon: Quick facts kao 2 x 2 bele kartice sa zutom levom ivicom (isti stil kao na desktopu, bez linija) */
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .lx-facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; background: transparent; border: 0; border-radius: 0; }
	main.bp-page:not(.md-est-page) .lx-facts-grid > div,
	main.bp-page:not(.md-est-page) .lx-facts-grid > div:first-child { background: #fff; border: 1px solid var(--bp-line); border-left: 4px solid var(--bp-yellow); border-radius: 8px; padding: 10px 12px; }
	main.bp-page:not(.md-est-page) .lx-facts-grid dt { font-size: 12px; }
	main.bp-page:not(.md-est-page) .lx-facts-grid dd { font-size: 13px; line-height: 1.45; }
}

/* sredjene fotografije u lokalno/long distance karticama: na tabletu i telefonu (niska traka) drzati gornji deo kadra, da se ne seku glave */
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .bp-two figure img { object-position: 50% 22%; }
}

/* ---------- 2026-10-25: ideja A – "Plan & price" kartice (kancelarije i gradovi) ----------
   Sekciju gradi spyder_lx_plan_tabs() u inc/location-extras.php; bez JS-a paneli stoje jedan ispod drugog. */
main.bp-page:not(.md-est-page) section.lx-plan { background: var(--lx-sun); padding: 64px 0; }
main.bp-page:not(.md-est-page) section.bp-know { background: #fff; } /* posle krem kartica ide belo */
main.bp-page:not(.md-est-page) .lx-tabs { display: none; }
main.bp-page:not(.md-est-page) .lx-plan.is-tabs .lx-tabs { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
main.bp-page:not(.md-est-page) .lx-tabs::-webkit-scrollbar { display: none; }
main.bp-page:not(.md-est-page) .lx-tabs [role="tab"] { flex: none; min-height: 48px; padding: 0 22px; border: 2px solid var(--bp-yellow); border-radius: 999px; background: #fff; color: var(--bp-ink); font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background .15s; }
@media (hover: hover) { main.bp-page:not(.md-est-page) .lx-tabs [role="tab"]:not([aria-selected="true"]):hover { background: var(--bp-tint, #FFF4C2); } }
main.bp-page:not(.md-est-page) .lx-tabs [role="tab"][aria-selected="true"] { background: var(--bp-yellow); box-shadow: 0 6px 16px rgba(29, 29, 29, .10); }
main.bp-page:not(.md-est-page) .lx-tabs [role="tab"]:focus-visible { outline: 3px solid var(--bp-ink); outline-offset: 2px; }
main.bp-page:not(.md-est-page) .lx-panel { padding-top: 32px; }
main.bp-page:not(.md-est-page) .lx-plan:not(.is-tabs) .lx-panel + .lx-panel { padding-top: 56px; }
main.bp-page:not(.md-est-page) .lx-panel[hidden]:not([hidden="until-found"]) { display: none; }
main.bp-page:not(.md-est-page) .lx-panel[hidden="until-found"] { padding: 0; } /* until-found: sadrzaj skriven, ali ga Ctrl+F nalazi */
main.bp-page:not(.md-est-page) .lx-plan .lx-cta-row { display: none; } /* CTA je u traci ispod kartica */
main.bp-page:not(.md-est-page) .lx-plan .bp-pricing-main { flex: 1 1 100%; max-width: none; }
main.bp-page:not(.md-est-page) .lx-plan-cta { margin-top: 36px; background: var(--bp-yellow); border-radius: 14px; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 32px; box-shadow: 0 8px 24px rgba(29, 29, 29, .08); }
main.bp-page:not(.md-est-page) .lx-plan-cta-text { flex: 1 1 420px; display: flex; flex-direction: column; gap: 4px; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .lx-plan-cta-text p { margin: 0; }
main.bp-page:not(.md-est-page) .lx-plan-cta-title { font-size: 22px; line-height: 1.2; font-weight: 900; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) section.lx-plan { padding: 40px 0; }
	main.bp-page:not(.md-est-page) .lx-plan.is-tabs .lx-tabs { margin: 0 -16px; padding: 2px 16px; gap: 8px; }
	main.bp-page:not(.md-est-page) .lx-tabs [role="tab"] { min-height: 44px; padding: 10px 18px; font-size: 15px; }
	main.bp-page:not(.md-est-page) .lx-panel { padding-top: 24px; }
	main.bp-page:not(.md-est-page) .lx-plan-cta { padding: 20px; flex-direction: column; align-items: stretch; }
	main.bp-page:not(.md-est-page) .lx-plan-cta .bp-btns { flex-direction: column; }
	main.bp-page:not(.md-est-page) .lx-plan-cta .bp-btn { width: 100%; }
}

/* ---------- 2026-10-25: ideja B – "skok" cipovi ispod trake bedzeva (telefon i tablet) ---------- */
main.bp-page:not(.md-est-page) .lx-jump { display: none; }
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .lx-jump { display: block; position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 4px 14px rgba(29, 29, 29, .07); }
	main.bp-page:not(.md-est-page) .lx-jump-row { display: flex; gap: 8px; overflow-x: auto; padding: 8px 16px; scrollbar-width: none; }
	main.bp-page:not(.md-est-page) .lx-jump-row::-webkit-scrollbar { display: none; }
	main.bp-page:not(.md-est-page) .lx-jump a { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 2px solid var(--bp-yellow); border-radius: 999px; background: #fff; color: var(--bp-ink); font-size: 15px; font-weight: 800; text-decoration: none; }
	main.bp-page:not(.md-est-page) .lx-jump a.is-on { background: var(--bp-yellow); }
	main.bp-page:not(.md-est-page) [id^="sec-"] { scroll-margin-top: 72px; }
}
/* ideja A: na gradu je zuta kartica u desnoj koloni cena, pa traka ispod kartica samo za "Routes" i "Best time" */
main.bp-page:not(.md-est-page) .lx-plan--city.is-tabs[data-tab="0"] .lx-plan-cta { display: none; }
main.bp-page:not(.md-est-page) .lx-plan-cta .cp-btn-outline { border: 2px solid var(--bp-ink); background: #fff; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .lx-plan-cta .cp-btn-outline:hover { background: var(--bp-ink); color: #fff; }
/* ideja B: traka bedzeva pluta (float), pa traka cipova mora da pocne ispod nje */
main.bp-page:not(.md-est-page) .lx-jump { clear: both; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .lx-plan-cta-text { flex: none; } /* u koloni flex-basis postaje visina */
}

/* ---------- 2026-10-25: ispravke posle pregleda Lakewooda (korisnica) ---------- */
/* 1) kancelarija na gradu: kolone iste visine, natpis i dugmad u istoj ravni kao u kartici desno */
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .cp-office .bp-office-row { align-items: stretch; }
	main.bp-page:not(.md-est-page) .cp-office .bp-office-row > .bp-col.bp-stack { display: flex; flex-direction: column; padding: 28px 0 32px; }
	main.bp-page:not(.md-est-page) .cp-office-cta { margin-top: auto; padding-top: 16px; }
	main.bp-page:not(.md-est-page) .cp-office-cta .bp-btn,
	main.bp-page:not(.md-est-page) .cp-office-btns .bp-btn { min-height: 48px; font-size: 16px; }
}
/* 2) cene na gradu: desna kolona se ne pomera pri skrolovanju, nego je iste visine kao tabela */
@media (min-width: 900px) {
	main.cp-page .bp-pricing .bp-wrap.bp-stack > .cp-price-side { position: static; align-self: stretch; }
	main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad { flex: 1 1 auto; }
}
/* licence: brojevi istaknuti u zutim karticama (boje brenda), ostale bele sa zutom ivicom; linkovi sa strelicom umesto debele zute podvlake */
main.bp-page:not(.md-est-page) .bp-lic-list li { background: #fff; border: 0; border-top: 4px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 6px 20px rgba(29, 29, 29, .08); padding: 20px 22px; gap: 6px; color: var(--bp-text); }
main.bp-page:not(.md-est-page) .bp-lic-list li.bp-lic-id { background: var(--bp-yellow); border-top: 0; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-lic-k { font-size: 12px; line-height: 1.3; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--bp-gold); }
main.bp-page:not(.md-est-page) .bp-lic-id .bp-lic-k { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-lic-list strong { font-size: 18px; line-height: 1.3; font-weight: 900; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-lic-id strong { font-size: 22px; letter-spacing: .01em; }
main.bp-page:not(.md-est-page) .bp-lic-list a { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 3px; font-weight: 600; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-lic-list a.bp-lic-go { align-self: flex-start; text-decoration: none; font-weight: 800; }
main.bp-page:not(.md-est-page) .bp-lic-list a.bp-lic-go::after { content: " →"; }
main.bp-page:not(.md-est-page) .bp-lic-list a.bp-lic-go:hover { text-decoration: underline; text-decoration-thickness: 2px; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-lic-id strong { font-size: 19px; }
}
/* 3) vodic kroz grad: uvod levo + fotografija desno (iste visine, bez natpisa), podnaslovi kao bele kartice sa zutom ivicom */
main.bp-page:not(.md-est-page) .cpg-wrap { display: flex; flex-direction: column; gap: 28px; }
main.bp-page:not(.md-est-page) .cpg-main, main.bp-page:not(.md-est-page) .cpg-intro { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
main.bp-page:not(.md-est-page) .cpg-main { gap: 28px; }
main.bp-page:not(.md-est-page) .cpg-intro p { margin: 0; }
main.bp-page:not(.md-est-page) .cpg-photo { margin: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(29, 29, 29, .10); min-height: 260px; }
main.bp-page:not(.md-est-page) .cpg-photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
main.bp-page:not(.md-est-page) .cpg-cards { display: grid; gap: 20px; }
main.bp-page:not(.md-est-page) .cpg-card { background: #fff; border-top: 4px solid var(--bp-yellow); border-radius: 14px; box-shadow: 0 6px 22px rgba(29, 29, 29, .08); padding: 24px 26px; display: flex; flex-direction: column; gap: 10px; }
main.bp-page:not(.md-est-page) .cpg-card h2.cp-h2-sm { font-size: 22px; line-height: 1.25; }
main.bp-page:not(.md-est-page) .cpg-card p { margin: 0; }
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .cpg-top.has-photo { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .cpg-n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .cpg-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .cpg-top { display: flex; flex-direction: column; gap: 20px; }
	main.bp-page:not(.md-est-page) .cpg-photo { min-height: 0; }
	main.bp-page:not(.md-est-page) .cpg-photo img { height: 220px; }
	main.bp-page:not(.md-est-page) .cpg-card { padding: 20px; }
	main.bp-page:not(.md-est-page) .cpg-card h2.cp-h2-sm { font-size: 20px !important; }
}
/* 4) rute u karticama: bez fotografije kamiona sa strane, tekst preko cele sirine */
main.bp-page:not(.md-est-page) .lx-routes-panel .cp-guide-row { display: block; }
main.bp-page:not(.md-est-page) .lx-routes-panel .cp-col-text { max-width: none; width: 100%; }
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .cp-office .cp-office-cta .bp-btn,
	main.bp-page:not(.md-est-page) .cp-office .cp-office-btns .bp-btn.bp-btn-sm { min-height: 0; height: 48px; padding-top: 0; padding-bottom: 0; }
}
main.bp-page:not(.md-est-page) .bp-lic-list .bp-nw { white-space: nowrap; font-size: inherit !important; font-weight: inherit; } /* broj se ne lomi na crtici */
main.bp-page:not(.md-est-page) .bp-lic-list .bp-lic-k { font-size: 12px !important; } /* inner.css: span{font-size:15px!important} */

/* ---------- 2026-10-25: gradovi u blizini, varijanta 2 (korisnica izabrala iz lokacije-dizajn-mockup/gradovi-opcije.html) ---------- */
main.bp-page:not(.md-est-page) section.lx-area { background: #fff; }
main.bp-page:not(.md-est-page) .lx-area-row.has-photo { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: stretch; }
main.bp-page:not(.md-est-page) .lx-area-photo { margin: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(29, 29, 29, .10); min-height: 320px; }
main.bp-page:not(.md-est-page) .lx-area-photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
main.bp-page:not(.md-est-page) .lx-area-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; align-self: center; }
main.bp-page:not(.md-est-page) .lx-area-main p { margin: 0; }
main.bp-page:not(.md-est-page) .lx-area-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
main.bp-page:not(.md-est-page) .lx-area-list li { list-style: none; margin: 0; min-width: 0; }
main.bp-page:not(.md-est-page) .lx-area-list a,
main.bp-page:not(.md-est-page) .lx-area-list > li > span { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 52px; padding: 0 10px 0 18px; border-radius: 10px; background: var(--lx-sun); font-weight: 800; color: var(--bp-ink); text-decoration: none; }
main.bp-page:not(.md-est-page) .lx-area-list a::after { content: "→"; flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .lx-area-list a:hover { background: var(--bp-tint, #FFF4C2); }
main.bp-page:not(.md-est-page) .lx-area-list .bp-chip-more { grid-column: 1 / -1; justify-self: start; }
main.bp-page:not(.md-est-page) .lx-area-all { margin: 10px 0 0; }
@media (min-width: 1100px) {
	main.bp-page:not(.md-est-page) .lx-area-list.lx-area-many { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo { display: flex; flex-direction: column; gap: 20px; }
	main.bp-page:not(.md-est-page) .lx-area-photo { min-height: 0; }
	main.bp-page:not(.md-est-page) .lx-area-photo img { height: 200px; }
}
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .lx-area-list a,
	main.bp-page:not(.md-est-page) .lx-area-list > li > span { min-height: 48px; padding: 0 8px 0 12px; font-size: 15px; }
	main.bp-page:not(.md-est-page) .lx-area-list a::after { width: 26px; height: 26px; }
	main.bp-page:not(.md-est-page) .lx-area-all .bp-btn { width: 100%; }
}

/* ---------- 2026-10-25: sitnice posle pregleda (korisnica, slike 5–8) ---------- */
/* Quick facts: traka bedzeva pluta (float), a izmedju njih je sada traka cipova -> sekcija mora da pocne ispod trake */
main.bp-page:not(.md-est-page) .md-trust-strip ~ section.lx-facts { clear: both; }

/* kancelarija na gradu: leva kolona je kartica istog oblika kao desna, pa su obe "u ravni" */
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .cp-office .bp-office-row > .bp-col.bp-stack { background: #fff; border: 1px solid var(--bp-line); border-bottom: 4px solid var(--bp-yellow); border-radius: 14px; padding: 28px; box-shadow: 0 6px 20px rgba(29, 29, 29, .06); }
	main.bp-page:not(.md-est-page) .cp-office-card { border-radius: 14px; box-shadow: 0 6px 20px rgba(29, 29, 29, .06); overflow: hidden; }
}
/* mapa: cela slika (bez isecanja natpisa kancelarije), boje brenda su u samoj slici */
main.bp-page:not(.md-est-page) .cp-office-card .cp-map img { aspect-ratio: 1200 / 640; height: auto; object-fit: cover; } /* sve mape su 1200x640 */

/* zavrsni CTA: kancelarije kao jasni linkovi (krem red + zuta strelica), "All … movers" kao dugme */
main.bp-page:not(.md-est-page) .bp-offices { display: flex; flex-direction: column; gap: 8px; }
main.bp-page:not(.md-est-page) .bp-offices a:not(.bp-parent-link) { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 48px; padding: 0 8px 0 14px; border: 0; border-radius: 10px; background: var(--lx-sun); color: var(--bp-ink); font-weight: 800; text-decoration: none; }
main.bp-page:not(.md-est-page) .bp-offices a:not(.bp-parent-link)::after { content: "→"; flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .bp-offices a:not(.bp-parent-link):hover { background: var(--bp-tint, #FFF4C2); }
main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link { align-self: flex-start; display: inline-flex; align-items: center; min-height: 48px; margin-top: 6px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--bp-ink); color: #fff; font-weight: 800; text-decoration: none; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-offices { flex-direction: column; flex-wrap: nowrap; }
	main.bp-page:not(.md-est-page) .bp-offices a:not(.bp-parent-link) { border: 0; border-radius: 10px; min-height: 46px; font-size: 15px; }
	main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link { align-self: stretch; justify-content: center; }
}

/* linkovi u tekstu: zuti kao na live sajtu, bez podvlake; na zutim povrsinama tamni */
main.bp-page:not(.md-est-page) section:not(.bp-hero) :is(p, td, dd, .bp-intro, .bp-lic-list span) a:not([class]) { color: var(--bp-yellow); text-decoration: none; font-weight: 800; }
main.bp-page:not(.md-est-page) section:not(.bp-hero) :is(p, td, dd, .bp-intro, .bp-lic-list span) a:not([class]):hover { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) :is(.bp-final, .lx-people, .lx-season .lx-card, .bp-lic-id, .cp-price-cta, .lx-plan-cta, .bp-score, .sp-know-note) :is(p, td, dd, .bp-intro, span) a:not([class]) { color: var(--bp-ink); text-decoration: none; }
.sf .sf-fmcsa a { color: #FDC702; text-decoration: none; font-weight: 700; }
.sf .sf-fmcsa a:hover { color: #fff; }
.sf .sf-addr { margin: 4px 0 0; }
.sf .sf-addr a { color: inherit; text-decoration: none; }
main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link { color: #fff !important; border-top: 0; } /* ranije pravilo boji sve linkove kartice tamno sa !important */
main.bp-page:not(.md-est-page) .bp-offices a.bp-parent-link:hover { background: var(--bp-yellow); color: var(--bp-ink) !important; }
@media (min-width: 900px) { main.bp-page:not(.md-est-page) .bp-final .bp-offices { min-width: 340px; } }

/* ---------- 2026-10-25: zavrsni CTA stilizovan, napomena ispod cena, vece dugme za usluge ---------- */
/* zavrsni CTA: tekst levo, kartica kancelarija desno, vertikalno centrirano; kancelarija grada istaknuta, ostale u mrezi 2 x 2 */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .bp-final-row { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; }
	main.bp-page:not(.md-est-page) .bp-final .bp-offices { min-width: 0; }
}
main.bp-page:not(.md-est-page) .bp-final-main .bp-label { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-final-text { max-width: 640px; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices { padding: 26px; gap: 10px; border-radius: 16px; box-shadow: 0 14px 34px rgba(29, 29, 29, .12); }
main.bp-page:not(.md-est-page) .bp-final .bp-offices a.bp-off-main { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; min-height: 0; padding: 16px 16px 16px 18px; background: var(--bp-ink); color: #fff !important; border-radius: 12px; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices a.bp-off-main::after { grid-column: 2; grid-row: 1 / 3; width: 34px; height: 34px; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-off-main .bp-off-name { font-size: 20px !important; font-weight: 900; line-height: 1.2; }
main.bp-page:not(.md-est-page) .bp-off-main .bp-off-sub { font-size: 14px !important; font-weight: 600; color: #D9D9D9; line-height: 1.4; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices a.bp-off-main:hover { background: #000; }
main.bp-page:not(.md-est-page) .bp-final .bp-off-label { margin-top: 8px; }
main.bp-page:not(.md-est-page) .bp-off-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
main.bp-page:not(.md-est-page) .bp-final .bp-off-grid a { min-height: 48px; padding: 0 8px 0 12px; font-size: 15px; }
main.bp-page:not(.md-est-page) .bp-off-grid > a { white-space: nowrap; gap: 6px; padding-right: 6px !important; } /* 29.10: "Colorado Springs, CO" u jednom redu */
main.bp-page:not(.md-est-page) .bp-off-grid > a::after { width: 24px; height: 24px; }
@media (min-width: 900px) and (max-width: 1439px) { main.bp-page:not(.md-est-page) .bp-off-grid { grid-template-columns: minmax(0, 1fr); } } /* uska kartica pored teksta: jedna kancelarija po redu, da "Grad, ST" stane u jedan red */
main.bp-page:not(.md-est-page) .bp-lic-list .bp-lic-go { margin-top: auto; } /* 29.10: link na dnu kartice licence, u istoj liniji u redu */
main.bp-page .bp-hero .bp-nap > a[href^="tel:"] { white-space: normal; } /* 29.10: tekst ostaje u plocici (tel: linkovi su nowrap globalno) */
main.bp-page .bp-hero .bp-nap > * > span { min-width: 0; }
main.bp-page .bp-hero .bp-nap > a[href^="tel:"] > span strong { white-space: nowrap; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices a.bp-parent-link { align-self: stretch; justify-content: center; margin-top: 8px; }
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .bp-final-row { display: flex; flex-direction: column; gap: 28px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .bp-final-row > * { flex: 0 0 auto; } /* 29.10: u koloni flex-basis (300 px) postaje visina – prazno dno kartice "Other Spyder offices" */
}
@media (max-width: 599px) {
	main.bp-page:not(.md-est-page) .bp-off-grid { grid-template-columns: 1fr; }
	main.bp-page:not(.md-est-page) .bp-final .bp-offices { padding: 18px; }
}

/* napomena ispod cena na gradu (premestena iz reda preko cele sirine) */
main.bp-page:not(.md-est-page) .lx-price-note { margin: 10px 0 0; }

/* "See all moving services": vece dugme sa strelicom */
main.bp-page:not(.md-est-page) .bp-svc-all .bp-btn { min-height: 48px; padding: 0 24px; font-size: 16px; border-radius: 8px; gap: 10px; } /* 29.10: glavna velicina dugmeta (bilo 56 px / 17 px / r10) */
main.bp-page:not(.md-est-page) .bp-svc-all .bp-btn::after { content: "→"; }
main.bp-page:not(.md-est-page) .bp-svc-all .bp-btn:hover { background: var(--bp-yellow); color: var(--bp-ink); border-color: var(--bp-yellow); }
@media (max-width: 767px) { main.bp-page:not(.md-est-page) .bp-svc-all .bp-btn { width: 100%; justify-content: center; } }

/* ---------- 2026-10-25: hero lokacijskih strana – ocena i licence kao oznake bez podvlake, bedzevi u heroju ---------- */
main.bp-page:not(.md-est-page) .bp-hero .bp-trust { border-top: 0; padding-top: 4px; gap: 8px; font-size: 14px; }
main.bp-page:not(.md-est-page) .bp-hero .bp-trust > span { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 14px; border-radius: 999px; background: rgba(29, 29, 29, .55); border: 1px solid rgba(255, 255, 255, .18); color: #F2F2F2; line-height: 1.3; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
main.bp-page:not(.md-est-page) .bp-hero .bp-trust a { color: #fff; text-decoration: none !important; font-weight: 700; }
main.bp-page:not(.md-est-page) .bp-hero .bp-trust a::after { content: " ↗"; color: var(--bp-yellow); font-weight: 800; }
main.bp-page:not(.md-est-page) .bp-hero .bp-trust a:hover { color: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .bp-hero .bp-trust > span:has(a):hover { border-color: var(--bp-yellow); }
/* bedzevi u heroju: bela zaobljena traka, logotipi manji */
main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip { float: none; clear: none; width: auto; align-self: flex-start; max-width: 100%; margin-top: 6px; background: #fff; border: 0; border-radius: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip .mts-wrap { max-width: none; margin: 0; padding: 10px 20px; flex-wrap: nowrap; justify-content: flex-start; gap: 22px; overflow: visible; }
main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip a, main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip span { min-height: 0; flex: none; }
main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip img { max-height: 40px; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-hero .bp-trust > span { min-height: 30px; padding: 4px 11px; font-size: 13px; }
	main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip { align-self: stretch; }
	main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip .mts-wrap { justify-content: space-between; gap: 10px; padding: 10px 14px; }
	main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip img { max-height: 30px; }
}
/* Quick facts sada odmah posle heroja (i cipova): uobicajeni razmak */
main.bp-page:not(.md-est-page) section.lx-facts { clear: both; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-hero .bp-trust { gap: 6px; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-trust > span { min-height: 28px; padding: 3px 9px; font-size: 12px !important; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-trust > span * { font-size: 12px !important; }
}
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-hero .md-trust-strip .mts-wrap { flex-wrap: wrap; justify-content: center; gap: 8px 14px; } /* Mississippi ima 5 bedzeva */
}
/* bedzevi na dnu heroja, preko cele sirine, bez bele trake (korisnica, 2026-10-25) */
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges { position: relative; z-index: 2; margin-top: 40px; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .md-trust-strip { margin: 0; width: 100%; background: transparent; border-radius: 0; box-shadow: none; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { padding: 0; justify-content: flex-start; align-items: center; gap: 44px; flex-wrap: wrap; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 46px; opacity: .95; transition: opacity .15s; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges a:hover img { opacity: 1; }
/* tamni logotipi (Google, MSC) u beloj boji da se vide na tamnoj pozadini; BBB i Nextdoor ostaju u svojim bojama */
/* Google: verzija u boji sa belom ocenom (google-badge-on-dark.svg), bez filtera */
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges { margin-top: 28px; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { justify-content: center; gap: 14px 22px; padding: 0; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 34px; }
}
/* bedzevi na dnu heroja: velicina kao na beloj traci (56 px) i rasporedjeni preko cele sirine (korisnica) */
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { justify-content: space-between; gap: 24px; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 56px; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { justify-content: space-between; gap: 12px 10px; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 40px; }
}

/* ---------- 2026-10-25: hero sredjen (korisnica: Google u boji, bedzevi lepse, ceo hero kako treba) ---------- */
/* citljivost: tamniji prelaz levo (tekst) i na dnu (bedzevi) */
main.bp-page:not(.md-est-page) .bp-hero--photo::before {
	background: linear-gradient(90deg, rgba(20,20,20,.86) 0%, rgba(20,20,20,.72) 40%, rgba(20,20,20,.30) 66%, rgba(20,20,20,.12) 100%),
		linear-gradient(0deg, rgba(20,20,20,.80) 0%, rgba(20,20,20,0) 34%) !important;
}
/* bedzevi: iste staklaste plocice u jednom redu preko cele sirine (bez bele trake) */
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges { margin-top: 44px; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { display: flex; flex-wrap: nowrap; gap: 16px; justify-content: stretch; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > a,
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > span { flex: 1 1 0; min-width: 0; height: 92px; display: flex; align-items: center; justify-content: center; padding: 14px 18px; border-radius: 16px; background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .15s, border-color .15s, transform .15s; }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > a:hover { background: rgba(255, 255, 255, .16); border-color: var(--bp-yellow); transform: translateY(-2px); }
main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 56px; max-width: 100%; opacity: 1; }
/* forma: dugme preko cele sirine kao polja */
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gform_page_footer .gform_next_button,
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gform_footer input[type="submit"],
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gform_footer button[type="submit"] { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gform_page_footer { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 899px) {
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap { flex-wrap: wrap; gap: 10px; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > a,
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > span { flex: 1 1 calc(50% - 5px); height: 72px; padding: 10px 14px; border-radius: 14px; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges .mts-wrap > :last-child:nth-child(odd) { flex-basis: 100%; }
	main.bp-page:not(.md-est-page) .bp-hero .bp-hero-badges img { max-height: 44px; }
}
/* forma u heroju: polja nisu sira od forme, pa su polja i dugme iste sirine */
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gform_fields { width: 100% !important; margin: 0 !important; }
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gfield { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
main.bp-page:not(.md-est-page) .bp-hero .bp-quote .gfield input[type="text"] { width: 100% !important; box-sizing: border-box; }

/* ---------- 2026-10-25: strane kancelarija i hubovi ujednaceni sa stranama gradova (korisnica) ---------- */
/* kancelarija: dve kartice iste visine, natpis/dugmad u ravni, staticna mapa u bojama brenda (kao na gradu) */
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .bp-office-row { align-items: stretch; }
	main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .bp-office-row > .bp-col.bp-stack { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--bp-line); border-bottom: 4px solid var(--bp-yellow); border-radius: 14px; padding: 28px; box-shadow: 0 6px 20px rgba(29, 29, 29, .06); }
	main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .cp-office-cta .bp-btn,
	main.bp-page:not(.md-est-page) .bp-mapcard .bp-mapfoot-cta .bp-btn { min-height: 0; height: 48px; padding-top: 0; padding-bottom: 0; font-size: 16px; }
}
main.bp-page:not(.md-est-page) .bp-mapcard { display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: 14px; border-bottom: 4px solid var(--bp-yellow); box-shadow: 0 6px 20px rgba(29, 29, 29, .06); overflow: hidden; }
main.bp-page:not(.md-est-page) .bp-mapcard .bp-office-map { display: block; margin: 0 -28px; border-top: 1px solid var(--bp-line); border-bottom: 1px solid var(--bp-line); }
main.bp-page:not(.md-est-page) .bp-mapcard .bp-office-map img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 640; object-fit: cover; border: 0; border-radius: 0; }
main.bp-page:not(.md-est-page) .bp-mapcard .bp-mapfoot { flex: 1 1 auto; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 16px; }
main.bp-page:not(.md-est-page) .bp-mapcard .bp-mapfoot-cta { flex-direction: row; flex-wrap: wrap; gap: 10px; }
main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .cp-office-cta { margin-top: auto; padding-top: 16px; }
main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .cp-btn-outline,
main.bp-page:not(.md-est-page) .bp-mapcard .cp-btn-outline { border: 2px solid var(--bp-ink); background: #fff; color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .cp-btn-outline:hover,
main.bp-page:not(.md-est-page) .bp-mapcard .cp-btn-outline:hover { background: var(--bp-ink); color: #fff; }
@media (max-width: 767px) {
	main.bp-page:not(.md-est-page) .bp-mapcard { padding: 20px; }
	main.bp-page:not(.md-est-page) .bp-mapcard .bp-office-map { margin: 0 -20px; }
	main.bp-page:not(.md-est-page) .bp-office:not(.cp-office) .cp-office-cta .bp-btn { flex: 1 1 100%; justify-content: center; }
}

/* cene na kancelariji: tabela proseka preko cele sirine, kao tabela politike */
main.bp-page:not(.md-est-page) .lx-plan .bp-pricing-main .lx-prices { max-width: none; width: 100%; }
main.bp-page:not(.md-est-page) .lx-plan .bp-pricing-main .lx-prices .lx-table { width: 100%; }

/* gradovi u blizini sa mnogo gradova (Denver 28): uza fotografija, 4 kolone gradova, bez usamljenog mesta */
@media (min-width: 1100px) {
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); }
	main.bp-page:not(.md-est-page) .lx-area-list.lx-area-many { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	main.bp-page:not(.md-est-page) .lx-area-list.lx-area-many a { font-size: 15px; padding-left: 14px; }
}
/* hub: traka cene kao zuta CTA traka (bez prazne povrsine; u koloni flex-basis postaje visina) */
main.bp-page:not(.md-est-page) .sp-content .bp-side { flex: none !important; height: auto; background: var(--bp-yellow); border: 0; border-top: 0; color: var(--bp-ink); box-shadow: 0 8px 24px rgba(29, 29, 29, .08); }
main.bp-page:not(.md-est-page) .sp-content .bp-side .bp-side-title { font-size: 22px; font-weight: 900; }
main.bp-page:not(.md-est-page) .sp-content .bp-side li::before { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .sp-content .bp-side .bp-btn-yellow { background: var(--bp-ink); border-color: var(--bp-ink); color: #fff; }
main.bp-page:not(.md-est-page) .sp-content .bp-side a.bp-tel { color: var(--bp-ink); }
main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:nth-child(3) { margin-top: 24px; }

/* hub: gradovi kao na gradu i kancelariji (krem dugmad sa zutom strelicom), tacka kancelarije ostaje */
main.bp-page:not(.md-est-page) section.sp-area { background: #fff; }
main.bp-page:not(.md-est-page) .sp-cloud { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; }
main.bp-page:not(.md-est-page) .sp-cloud li { list-style: none; margin: 0; min-width: 0; }
main.bp-page:not(.md-est-page) .sp-cloud a, main.bp-page:not(.md-est-page) .sp-cloud .sp-chip { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 10px 0 16px; border: 0; border-radius: 10px; background: var(--lx-sun); box-shadow: none; font-weight: 800; color: var(--bp-ink); text-decoration: none; }
main.bp-page:not(.md-est-page) .sp-cloud a::after { content: "→"; margin-left: auto; flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--bp-yellow); }
main.bp-page:not(.md-est-page) .sp-cloud a:hover { background: var(--bp-tint, #FFF4C2); }
main.bp-page:not(.md-est-page) .sp-legend a { background: var(--lx-sun); border: 0; box-shadow: none; }
@media (max-width: 899px) { main.bp-page:not(.md-est-page) .sp-cloud { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { main.bp-page:not(.md-est-page) .sp-cloud a, main.bp-page:not(.md-est-page) .sp-cloud .sp-chip { min-height: 48px; padding: 0 8px 0 12px; font-size: 15px; gap: 8px; } main.bp-page:not(.md-est-page) .sp-cloud a::after { width: 26px; height: 26px; } }
/* gradovi u blizini sa mnogo gradova: fotografija pored naslova, gradovi preko cele sirine ispod (4 kolone) */
@media (min-width: 1100px) {
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 40px; row-gap: 14px; align-items: start; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-main { display: contents; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-photo { grid-column: 1; grid-row: 1 / span 3; min-height: 0; height: 100%; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-main > :is(.bp-label, h2, p:not(.lx-area-all)) { grid-column: 2; margin: 0; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-main > .bp-label { align-self: end; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-list,
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-all { grid-column: 1 / -1; }
	main.bp-page:not(.md-est-page) .lx-area-row.has-photo:has(.lx-area-many) .lx-area-list { margin-top: 14px; }
}
/* cene na gradu: kartica "What changes" iste visine kao tabela, sadrzaj centriran (bez praznog dna), lista sa vise vazduha */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad { display: flex; flex-direction: column; justify-content: center; }
	main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad .cp-list { gap: 10px; }
	main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad .cp-list li { font-size: 15px; line-height: 1.5; margin: 0 0 8px; }
	main.bp-page:not(.md-est-page) .cp-price-side > .cp-card-pad .cp-card-title { font-size: 18px; margin-bottom: 8px; }
}

/* prava Google mapa na stranama kancelarija (umesto staticne slike) */
main.bp-page:not(.md-est-page) .bp-mapcard .bp-office-gmap { position: relative; aspect-ratio: 1200 / 640; background: #EDEAE3; }
main.bp-page:not(.md-est-page) .bp-mapcard .bp-office-gmap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

/* hub sa jednom kancelarijom (Tennessee): kartica kancelarije vodoravno preko cele sirine (fotografija levo) */
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .sp-locgrid:has(> .sp-loccard:only-child) { max-width: none; display: block; }
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child { flex-direction: row; }
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child .sp-loccard-photo { flex: 0 0 50%; }
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child .sp-loccard-photo img { height: 100%; min-height: 300px; aspect-ratio: auto; }
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child .sp-loccard-info { justify-content: center; padding: 36px 40px; }
}
/* hub sa jednom tabelom cena: tabela levo, tekst o cenama desno (bez prazne desne polovine) */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:has(.lx-price-cards > :only-child) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; row-gap: 12px; align-items: start; grid-auto-flow: row dense; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:has(.lx-price-cards > :only-child) > :is(.bp-label, h2) { grid-column: 1 / -1; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:has(.lx-price-cards > :only-child) > p { grid-column: 2; margin: 0; }
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack:has(.lx-price-cards > :only-child) > .lx-price-cards { grid-column: 1; grid-row: 3 / span 6; grid-template-columns: 1fr; }
}
@media (min-width: 768px) {
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child .sp-loccard-photo { position: relative; min-height: 320px; aspect-ratio: auto; }
	main.bp-page:not(.md-est-page) .sp-locgrid > .sp-loccard:only-child .sp-loccard-photo img { position: absolute; inset: 0; width: 100%; height: 100% !important; min-height: 0; object-fit: cover; }
}
/* gradovi u blizini (2 kolone): neparan broj -> poslednji preko cele sirine, bez praznog mesta */
/* prava ruta voznje (Google Maps) u kartici kancelarije na gradu */
main.bp-page:not(.md-est-page) .cp-office-card .cp-route-map { position: relative; aspect-ratio: 1200 / 640; background: #EDEAE3; }
main.bp-page:not(.md-est-page) .cp-office-card .cp-route-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 767px) { main.bp-page:not(.md-est-page) .cp-office-card .cp-route-map { aspect-ratio: 4 / 3; } }

/* ========== SLIKE ABOUT US + NEWS (2026-10-25) – samo .page-id-99, News hub i news clanci ========== */
/* news tekst: uspravne/kvadratne pozajmljene slike (640x800) se vise ne razvlace na 730px i ne seku na 520px visine – slika levo, potpis desno */
.single-news .content figure.wp-caption.md-fig-tall { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; overflow: hidden; }
.single-news .content figure.wp-caption.md-fig-tall img { width: 100%; height: auto; max-height: none; object-fit: fill; border-radius: 36px 0 0 36px; display: block; }
.single-news .content figure.wp-caption.md-fig-tall .wp-caption-text { padding: 24px 28px; text-align: left; }
@media (max-width: 575px) {
	.single-news .content figure.wp-caption.md-fig-tall { grid-template-columns: 1fr; }
	.single-news .content figure.wp-caption.md-fig-tall img { border-radius: 36px 36px 0 0; }
	.single-news .content figure.wp-caption.md-fig-tall .wp-caption-text { text-align: center; padding: 14px 22px; }
}
/* "Source: @handle" link u potpisu: isti stil kao linkovi u tekstu (bio je plavi) */
.single-news .content .wp-caption-text a,
.page-id-99 .content .wp-caption-text a { color: #8a6d0a !important; text-decoration: underline; text-decoration-color: #f6c946; text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* kartice vesti (hub + More news): uspravne slike secene od gore, da glave i natpisi ne budu odseceni */
.page-template-page-community .md-cs-card .md-related__img img,
.single-news .md-related__img img { object-position: 50% 22%; }
.single-news .content figure.wp-caption.md-fig-tall > a { margin: 0; align-self: stretch; }
/* About hero: nova fotografija ekipe je svetla (zuti kamion) – ravnomeran tamni sloj da beli tekst ostane citljiv */
body.page-id-99:not(.archive):not(.single) .hero-wrapper::before { background: rgba(0, 0, 0, .46); }
/* Naked Denver grafika: kartica bez prepolovljenog naslova grafike – kamion i Spyder radnik u kadru */
.page-template-page-community .md-cs-card .md-related__img img[src*="naked-denver-spyder-premier-partner"],
.single-news .md-related__img img[src*="naked-denver-spyder-premier-partner"] { object-position: 50% 36%; }

/* ========== PORAVNANJE I PRAZAN PROSTOR – lokacije (2026-10-25) ========== */
/* hub sa jednom tabelom cena (Tennessee): tabela levo; tekst + zuta CTA kartica desno, kolone iste visine */
@media (min-width: 900px) {
	main.bp-page:not(.md-est-page) .sp-cmain > .bp-stack.sp-prices-one { grid-template-rows: auto auto auto 1fr; row-gap: 12px; align-items: stretch; }
	main.bp-page:not(.md-est-page) .sp-prices-one > .sp-price-text { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; gap: 14px; }
	main.bp-page:not(.md-est-page) .sp-prices-one > .sp-price-text p { margin: 0; }
	main.bp-page:not(.md-est-page) .sp-prices-one > .lx-price-cards { grid-column: 1; grid-row: 3 / 5; align-self: start; }
	main.bp-page:not(.md-est-page) .sp-prices-one > .sp-price-cta { grid-column: 2; grid-row: 4; margin-top: 0; }
}
main.bp-page:not(.md-est-page) .sp-content .sp-price-cta { position: static; max-width: none; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: center; gap: 12px; padding: 26px 28px; border-radius: 14px; }
main.bp-page:not(.md-est-page) .sp-content .sp-price-cta ul { flex-direction: column; flex: none; gap: 8px; margin: 0; padding: 0; }
main.bp-page:not(.md-est-page) .sp-content .sp-price-cta .bp-side-title { flex: none; margin: 0; }
main.bp-page:not(.md-est-page) .sp-content .sp-price-cta .bp-btn { align-self: flex-start; margin-top: 4px; }
main.bp-page:not(.md-est-page) .sp-content .sp-price-cta a.bp-tel { justify-content: flex-start; min-height: 0; }
@media (max-width: 899px) { main.bp-page:not(.md-est-page) .sp-prices-one > .sp-price-text { display: flex; flex-direction: column; gap: 14px; } main.bp-page:not(.md-est-page) .sp-content .sp-price-cta .bp-btn { align-self: stretch; } }
/* vodic na gradu: dve/tri kartice sirine srazmerne tekstu (--cpg-cols iz spyder_lx_balance_cols), iste visine bez praznog dna;
   fotografija uz uvod prati visinu teksta (ne diktira visinu reda) */
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .cpg-cards[style*="--cpg-cols"] { grid-template-columns: var(--cpg-cols); }
	main.bp-page:not(.svc-page):not(.md-est-page) .cpg-top.has-photo .cpg-photo { position: relative; min-height: 200px; }
	main.bp-page:not(.svc-page):not(.md-est-page) .cpg-top.has-photo .cpg-photo img { position: absolute; inset: 0; width: 100%; height: 100%; }
}
/* nizovi kartica u jednom redu (2–4 kartice): sirina srazmerna duzini teksta (flex-basis = sirina teksta u jednom redu),
   pa su kartice iste visine bez praznog dna, a natpisi ostaju u ravni */
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-facts-grid:not(:has(> :nth-child(5))),
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards:not(.lx-cards-w):has(> :nth-child(2)):not(:has(> :nth-child(4))),
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-tip-grid:has(> :nth-child(2)):not(:has(> :nth-child(4))) { display: flex !important; flex-wrap: nowrap; align-items: stretch; }
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-facts-grid:not(:has(> :nth-child(5))) > *,
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards:not(.lx-cards-w):has(> :nth-child(2)):not(:has(> :nth-child(4))) > *,
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-tip-grid:has(> :nth-child(2)):not(:has(> :nth-child(4))) > * { flex: 1 1 auto; width: auto; min-width: 18%; }
}
/* telefon/tablet: kartice u traci za listanje imaju svoju visinu (bez razvlacenja do najduze);
   kratke cinjenice 2 x 2 imaju sadrzaj centriran (bez praznog dna) */
@media (max-width: 899px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards { align-items: flex-start; }
}
@media (max-width: 767px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-facts-grid > div { display: flex; flex-direction: column; justify-content: center; }
}
/* licence: link na dno kartice (kartice u redu iste visine, link u ravni) */
main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list > li { display: flex; flex-direction: column; }
main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list > li > a.bp-lic-go:first-of-type { margin-top: auto; }
/* mreze bez praznog mesta u poslednjem redu */
/* hub gradovi (4 kolone); dugmad u poslednjem redu ostaju iste sirine kao ostala (26.10) */
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-cloud { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-cloud > li { grid-column: span 3; }
}
/* zavrsni CTA (kancelarije 2 kolone), recenzije huba i blog na tabletu: neparna poslednja stavka preko cele sirine */
@media (min-width: 768px) and (max-width: 1099px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-review-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-kgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-kgrid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-post-grid:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-post-grid:has(> :nth-child(3):last-child) .bp-post img { height: 150px; }
}
/* hub: dve kartice u sadrzaju sirine srazmerne tekstu (--sp-cols iz spyder_lx_filter_content) */
@media (min-width: 900px) { main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain[style*="--sp-cols"] { grid-template-columns: var(--sp-cols); } }
/* usluge: napomena izmedju kartica i dugmeta "See all" je krem traka (ne visi sama preko cele sirine) */
main.bp-page:not(.svc-page):not(.md-est-page) .bp-services .bp-wrap > p:not(.bp-svc-all):not(.bp-small) { margin: 0; background: var(--lx-sun, #FFF8DB); border-radius: 12px; padding: 16px 20px; font-weight: 600; color: var(--bp-ink); }
/* kvartovi sa 4+ kartica: raspon srazmeran tekstu u mrezi od 12 kolona (--span iz spyder_lx_row_spans) */
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards.lx-cards-w { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards.lx-cards-w > .lx-card { grid-column: span var(--span, 4) !important; }
}
/* licence (4 kartice, Kolorado): drugi red 5 : 7 – kratka "Valuation" uza, "FMCSA guides" sa dva linka sira, iste visine */
@media (min-width: 768px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list:has(> li:nth-child(4):last-child) > li { grid-column: span 6; }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list:has(> li:nth-child(4):last-child) > li:nth-child(3) { grid-column: span 5; }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-lic-list:has(> li:nth-child(4):last-child) > li:nth-child(4) { grid-column: span 7; }
}
/* hub cene na tabletu/telefonu: tabela preko cele sirine kolone (bila je uska, sa praznim prostorom desno) */
main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain .lx-price-cards { align-self: stretch; width: 100%; }
main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards:has(> :only-child) { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain > .bp-stack.sp-prices-one > .lx-price-cards { grid-row: 3 / 5 !important; align-self: start; }
	main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain > .bp-stack.sp-prices-one > .sp-price-cta { align-self: stretch; }
}
/* kancelarija, "Routes & timing": fotografija pored sezone prati visinu kartica (nije visa od njih) */
@media (min-width: 900px) {
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-routes .lx-fig { position: relative; min-height: 150px; }
	main.bp-page:not(.svc-page):not(.md-est-page) .bp-routes .lx-fig img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; }
}
main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain .lx-price-cards .lx-prices, main.bp-page:not(.svc-page):not(.md-est-page) .sp-cmain .lx-price-cards .lx-table { width: 100%; }
@media (max-width: 599px) { main.bp-page:not(.svc-page):not(.md-est-page) .lx-cards.lx-price-cards { display: grid !important; margin: 0; padding: 0; overflow: visible; } }

/* ---------- 2026-10-26: kartica kancelarije na gradu i drzavi – ime grada je link ka kancelariji (bez podvlake), ispod ulica i tel: dugme (kao na servisima) ---------- */
/* .bp-off-card je div (ranije a.bp-off-main), pa se opsta pravila za .bp-offices a (krem red, zuta strelica) ponistavaju za linkove u njemu */
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px 18px 18px; border-radius: 12px; background: var(--bp-ink); color: #fff; }
main.bp-page:not(.md-est-page) .bp-off-card a span { font-size: inherit !important; } /* inner.css: "span { font-size: 15px !important }" */
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-page { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: -6px; padding: 0; border-radius: 0; background: none; color: #fff !important; font-size: 20px; font-weight: 900; line-height: 1.2; text-decoration: none; }
main.bp-page:not(.md-est-page) .bp-off-card .bp-off-arr { display: inline-block; color: var(--bp-yellow); transition: transform .15s; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-page:hover { background: none; color: var(--bp-yellow) !important; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-page:hover .bp-off-arr { transform: translateX(3px); }
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-call { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; padding: 0 18px; border-radius: 999px; background: var(--bp-yellow); color: var(--bp-ink) !important; font-size: 15px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; text-decoration: none; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-call:is(:hover, :focus-visible) { background: #fff; }
main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a:is(.bp-off-call, .bp-off-page)::after { content: none; }
@media (max-width: 599px) {
	main.bp-page:not(.md-est-page) .bp-final .bp-offices .bp-off-card a.bp-off-call { align-self: stretch; }
}

/* 26.10: FAQ i Free Estimate na telefonu bez vodoravnog preliva (1fr -> minmax) */
@media (max-width: 991px) {
	.md-faq-layout, .md-est-grid { grid-template-columns: minmax(0, 1fr); }
	.md-faq-layout > *, .md-est-grid > * { min-width: 0; }
	.md-est-col a { white-space: normal; }
}
/* 26.10: traka ispod heroja je float; sve posle nje mora da je "pocisti", inace se mreze (FAQ, Free Estimate) skupe na 0 px pored nje */
.md-trust-strip ~ * { clear: both; }

/* 26.10: galerija "Who Will Handle Your … Move?" kao vodoravna traka sa 10 slika (skrol s desna na levo, strelice) */
.lx-people-scroller { position: relative; min-width: 0; }
.lx-people-track { display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 6px 2px 18px; scrollbar-width: thin; scrollbar-color: var(--bp-ink) rgba(29, 29, 29, .12); }
.lx-people-track:focus-visible { outline: 3px solid var(--bp-ink); outline-offset: 4px; border-radius: 16px; }
.lx-people-track .lx-people-fig { flex: 0 0 clamp(260px, 29%, 380px); margin: 0; scroll-snap-align: start; }
.lx-people-track .lx-people-fig img { width: 100%; height: 300px; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 24px rgba(29, 29, 29, .18); display: block; }
.lx-people-nav { position: absolute; top: calc(50% - 34px); z-index: 2; width: 52px; height: 52px; border: 0; border-radius: 50%; background: var(--bp-ink); color: #fff; font-size: 22px; font-weight: 900; line-height: 1; display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 18px rgba(29, 29, 29, .3); transition: opacity .2s; }
.lx-people-nav:hover { background: #000; }
.lx-people-prev { left: -14px; }
.lx-people-next { right: -14px; }
.lx-people-scroller.at-start .lx-people-prev, .lx-people-scroller.at-end .lx-people-next { opacity: 0; pointer-events: none; }
@media (max-width: 767px) {
	.lx-people-track { gap: 12px; }
	.lx-people-track .lx-people-fig { flex-basis: 78%; }
	.lx-people-track .lx-people-fig img { height: 220px; }
	.lx-people-nav { width: 44px; height: 44px; font-size: 18px; top: calc(50% - 30px); }
	.lx-people-prev { left: 4px; }
	.lx-people-next { right: 4px; }
}

/* ==========================================================================
   26.10: zajednicki hero (template-parts/page-hero.php) isti kao na lokacijama: bedzevi u heroju na dnu,
   ocena i licence kao oznake bez podvlake (kopija pravila iz bloka "hero lokacijskih strana", 2026-10-25)
   ========================================================================== */
/* (kopija) hero lokacijskih strana – ocena i licence kao oznake bez podvlake, bedzevi u heroju ---------- */
.md-page-hero .bp-hero .bp-trust { border-top: 0; padding-top: 4px; gap: 8px; font-size: 14px; }
.md-page-hero .bp-hero .bp-trust > span { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 14px; border-radius: 999px; background: rgba(29, 29, 29, .55); border: 1px solid rgba(255, 255, 255, .18); color: #F2F2F2; line-height: 1.3; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.md-page-hero .bp-hero .bp-trust a { color: #fff; text-decoration: none !important; font-weight: 700; }
.md-page-hero .bp-hero .bp-trust a::after { content: " ↗"; color: var(--bp-yellow); font-weight: 800; }
.md-page-hero .bp-hero .bp-trust a:hover { color: var(--bp-yellow); }
.md-page-hero .bp-hero .bp-trust > span:has(a):hover { border-color: var(--bp-yellow); }
/* bedzevi u heroju: bela zaobljena traka, logotipi manji */
.md-page-hero .bp-hero .md-trust-strip { float: none; clear: none; width: auto; align-self: flex-start; max-width: 100%; margin-top: 6px; background: #fff; border: 0; border-radius: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.md-page-hero .bp-hero .md-trust-strip .mts-wrap { max-width: none; margin: 0; padding: 10px 20px; flex-wrap: nowrap; justify-content: flex-start; gap: 22px; overflow: visible; }
.md-page-hero .bp-hero .md-trust-strip a, .md-page-hero .bp-hero .md-trust-strip span { min-height: 0; flex: none; }
.md-page-hero .bp-hero .md-trust-strip img { max-height: 40px; }
@media (max-width: 767px) {
	.md-page-hero .bp-hero .bp-trust > span { min-height: 30px; padding: 4px 11px; font-size: 13px; }
	.md-page-hero .bp-hero .md-trust-strip { align-self: stretch; }
	.md-page-hero .bp-hero .md-trust-strip .mts-wrap { justify-content: space-between; gap: 10px; padding: 10px 14px; }
	.md-page-hero .bp-hero .md-trust-strip img { max-height: 30px; }
}
@media (max-width: 767px) {
	.md-page-hero .bp-hero .bp-trust { gap: 6px; }
	.md-page-hero .bp-hero .bp-trust > span { min-height: 28px; padding: 3px 9px; font-size: 12px !important; }
	.md-page-hero .bp-hero .bp-trust > span * { font-size: 12px !important; }
}
@media (max-width: 767px) {
	.md-page-hero .bp-hero .md-trust-strip .mts-wrap { flex-wrap: wrap; justify-content: center; gap: 8px 14px; } /* Mississippi ima 5 bedzeva */
}
/* bedzevi na dnu heroja, preko cele sirine, bez bele trake (korisnica, 2026-10-25) */
.md-page-hero .bp-hero .bp-hero-badges { position: relative; z-index: 2; margin-top: 40px; }
.md-page-hero .bp-hero .bp-hero-badges .md-trust-strip { margin: 0; width: 100%; background: transparent; border-radius: 0; box-shadow: none; }
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { padding: 0; justify-content: flex-start; align-items: center; gap: 44px; flex-wrap: wrap; }
.md-page-hero .bp-hero .bp-hero-badges img { max-height: 46px; opacity: .95; transition: opacity .15s; }
.md-page-hero .bp-hero .bp-hero-badges a:hover img { opacity: 1; }
/* tamni logotipi (Google, MSC) u beloj boji da se vide na tamnoj pozadini; BBB i Nextdoor ostaju u svojim bojama */
/* Google: verzija u boji sa belom ocenom (google-badge-on-dark.svg), bez filtera */
@media (max-width: 767px) {
	.md-page-hero .bp-hero .bp-hero-badges { margin-top: 28px; }
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { justify-content: center; gap: 14px 22px; padding: 0; }
	.md-page-hero .bp-hero .bp-hero-badges img { max-height: 34px; }
}
/* bedzevi na dnu heroja: velicina kao na beloj traci (56 px) i rasporedjeni preko cele sirine (korisnica) */
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { justify-content: space-between; gap: 24px; }
.md-page-hero .bp-hero .bp-hero-badges img { max-height: 56px; }
@media (max-width: 767px) {
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { justify-content: space-between; gap: 12px 10px; }
	.md-page-hero .bp-hero .bp-hero-badges img { max-height: 40px; }
}

/* ---------- 2026-10-25: hero sredjen (korisnica: Google u boji, bedzevi lepse, ceo hero kako treba) ---------- */
/* citljivost: tamniji prelaz levo (tekst) i na dnu (bedzevi) */
.md-page-hero .bp-hero--photo::before {
	background: linear-gradient(90deg, rgba(20,20,20,.86) 0%, rgba(20,20,20,.72) 40%, rgba(20,20,20,.30) 66%, rgba(20,20,20,.12) 100%),
		linear-gradient(0deg, rgba(20,20,20,.80) 0%, rgba(20,20,20,0) 34%) !important;
}
/* bedzevi: iste staklaste plocice u jednom redu preko cele sirine (bez bele trake) */
.md-page-hero .bp-hero .bp-hero-badges { margin-top: 44px; }
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { display: flex; flex-wrap: nowrap; gap: 16px; justify-content: stretch; }
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > a,
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > span { flex: 1 1 0; min-width: 0; height: 92px; display: flex; align-items: center; justify-content: center; padding: 14px 18px; border-radius: 16px; background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .15s, border-color .15s, transform .15s; }
.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > a:hover { background: rgba(255, 255, 255, .16); border-color: var(--bp-yellow); transform: translateY(-2px); }
.md-page-hero .bp-hero .bp-hero-badges img { max-height: 56px; max-width: 100%; opacity: 1; }
/* forma: dugme preko cele sirine kao polja */
.md-page-hero .bp-hero .bp-quote .gform_page_footer .gform_next_button,
.md-page-hero .bp-hero .bp-quote .gform_footer input[type="submit"],
.md-page-hero .bp-hero .bp-quote .gform_footer button[type="submit"] { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
.md-page-hero .bp-hero .bp-quote .gform_page_footer { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 899px) {
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap { flex-wrap: wrap; gap: 10px; }
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > a,
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > span { flex: 1 1 calc(50% - 5px); height: 72px; padding: 10px 14px; border-radius: 14px; }
	.md-page-hero .bp-hero .bp-hero-badges .mts-wrap > :last-child:nth-child(odd) { flex-basis: 100%; }
	.md-page-hero .bp-hero .bp-hero-badges img { max-height: 44px; }
}
/* forma u heroju: polja nisu sira od forme, pa su polja i dugme iste sirine */
.md-page-hero .bp-hero .bp-quote .gform_fields { width: 100% !important; margin: 0 !important; }
.md-page-hero .bp-hero .bp-quote .gfield { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.md-page-hero .bp-hero .bp-quote .gfield input[type="text"] { width: 100% !important; box-sizing: border-box; }


@media (max-width: 767px) {
	.md-page-hero .bp-hero:has(.bp-quote) .bp-btns a[href*="/free-estimate/"] { display: none; } /* samo kad je forma u heroju */
	.md-page-hero .bp-hero .bp-btns .bp-btn-ghost { flex: 1 1 100%; }
	.md-page-hero .bp-hero-main { gap: 16px; }
}

/* 26.10: svetliji heroji (korisnica: "sve hero slike su previse tamne"), tekst ostaje citljiv uz senku; isecak vise ka vrhu (glave) */
main.bp-page:not(.md-x) .bp-hero--photo::before, .md-page-hero .bp-hero--photo::before {
	background: linear-gradient(90deg, rgba(20,20,20,.68) 0%, rgba(20,20,20,.50) 36%, rgba(20,20,20,.14) 62%, rgba(20,20,20,0) 100%),
		linear-gradient(0deg, rgba(20,20,20,.62) 0%, rgba(20,20,20,0) 30%) !important;
}
.bp-page .bp-hero--photo .bp-hero-bg { object-position: 60% 28%; }
@media (max-width: 767px) {
	main.bp-page:not(.md-x) .bp-hero--photo::before, .md-page-hero .bp-hero--photo::before {
		background: linear-gradient(180deg, rgba(20,20,20,0) 0px, rgba(20,20,20,.12) 110px, rgba(29,29,29,.9) 230px, #1D1D1D 300px) !important;
	}
	.bp-page .bp-hero--photo .bp-hero-bg { object-position: 50% 25%; }
}
.bp-hero--photo h1, .bp-hero--photo .bp-sub { text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 2px 18px rgba(0, 0, 0, .55); }

/* 26.10: "Areas we serve" na svim stranama kao na lokacijama/servisima: mreza svetlozutih dugmadi sa zutom strelicom (korisnica) */
main section.md-areas-served { background: #fff; }
main section.md-areas-served .mas-tabs button { min-height: 48px; padding: 10px 22px; border: 2px solid var(--bp-yellow, #FDC702); border-radius: 999px; background: #fff; color: #1D1D1D; font-weight: 800; }
main section.md-areas-served .mas-tabs button[aria-selected=true] { background: var(--bp-yellow, #FDC702); border-color: var(--bp-yellow, #FDC702); color: #1D1D1D; box-shadow: 0 6px 16px rgba(29, 29, 29, .10); }
main section.md-areas-served .mas-tabs button[aria-selected=true] small { color: #1D1D1D; }
main section.md-areas-served ul.mas-cloud { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
main section.md-areas-served .mas-cloud a,
main section.md-areas-served .mas-cloud span { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 0 10px 0 16px; border: 0; border-radius: 10px; background: var(--lx-sun, #FFF8DB); color: #1D1D1D; font-weight: 800; font-size: 15px; text-decoration: none; box-sizing: border-box; }
main section.md-areas-served .mas-cloud a::after { content: "→"; flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--bp-yellow, #FDC702); }
main section.md-areas-served .mas-cloud a:hover { background: var(--bp-tint, #FFF4C2); }
main section.md-areas-served .mas-cloud a.mas-all { background: #1D1D1D; color: #fff; }
main section.md-areas-served .mas-cloud a.mas-all::after { content: none; }
main section.md-areas-served .mas-cloud a.mas-all:hover { background: #000; color: var(--bp-yellow, #FDC702); }
@media (max-width: 899px) {
	main section.md-areas-served ul.mas-cloud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	main section.md-areas-served .mas-tabs button { min-height: 44px; padding: 8px 12px; }
	main section.md-areas-served .mas-cloud a,
	main section.md-areas-served .mas-cloud span { min-height: 48px; padding: 0 8px 0 12px; font-size: 14px; }
	main section.md-areas-served .mas-cloud a::after { width: 26px; height: 26px; }
}

main section.md-areas-served .mas-cloud a:not(.mas-all) { color: #1D1D1D; font-weight: 800; }

/* 26.10 (2): heroji jos svetliji (korisnica: "previse su tamne sve hero slike"); tamno samo iza teksta levo i ispod bedzeva */
main.bp-page:not(.md-x):not(.md-y) .bp-hero--photo::before, .md-page-hero.md-page-hero .bp-hero--photo::before {
	background: linear-gradient(90deg, rgba(20,20,20,.52) 0%, rgba(20,20,20,.34) 34%, rgba(20,20,20,.06) 58%, rgba(20,20,20,0) 100%),
		linear-gradient(0deg, rgba(20,20,20,.48) 0%, rgba(20,20,20,0) 24%) !important;
}
.bp-page.bp-page .bp-hero--photo .bp-hero-bg { object-position: 60% 15%; }
@media (max-width: 767px) {
	main.bp-page:not(.md-x):not(.md-y) .bp-hero--photo::before, .md-page-hero.md-page-hero .bp-hero--photo::before {
		background: linear-gradient(180deg, rgba(20,20,20,0) 0px, rgba(20,20,20,0) 140px, rgba(29,29,29,.9) 240px, #1D1D1D 300px) !important;
	}
	.bp-page.bp-page .bp-hero--photo .bp-hero-bg { object-position: 50% 10%; }
}
.bp-hero--photo h1, .bp-hero--photo .bp-sub, .bp-hero--photo .bp-pill { text-shadow: 0 1px 2px rgba(0, 0, 0, .7), 0 2px 20px rgba(0, 0, 0, .6); }

/* 26.10 (3): jos svetliji heroji (korisnica: "jos posvetli slike"); tekst cita senka. Zajednicki hero: tekst vertikalno centriran pored forme (bez "rupe") */
main.bp-page:not(.md-x):not(.md-y):not(.md-z) .bp-hero--photo::before, .md-page-hero.md-page-hero.md-page-hero .bp-hero--photo::before {
	background: linear-gradient(90deg, rgba(20,20,20,.40) 0%, rgba(20,20,20,.24) 32%, rgba(20,20,20,0) 56%),
		linear-gradient(0deg, rgba(20,20,20,.38) 0%, rgba(20,20,20,0) 22%) !important;
}
.bp-hero--photo h1, .bp-hero--photo .bp-sub, .bp-hero--photo .bp-pill { text-shadow: 0 1px 2px rgba(0, 0, 0, .8), 0 2px 18px rgba(0, 0, 0, .7), 0 0 40px rgba(0, 0, 0, .35); }
.bp-hero--photo .bp-trust > span { background: rgba(29, 29, 29, .66) !important; }
@media (min-width: 900px) {
	.md-page-hero .bp-hero .bp-row { align-items: center; }
}
@media (max-width: 767px) {
	main.bp-page:not(.md-x):not(.md-y):not(.md-z) .bp-hero--photo::before, .md-page-hero.md-page-hero.md-page-hero .bp-hero--photo::before {
		background: linear-gradient(180deg, rgba(20,20,20,0) 0px, rgba(20,20,20,0) 150px, rgba(29,29,29,.9) 245px, #1D1D1D 300px) !important;
	}
}
.bp-hero--photo .bp-sub { font-weight: 600; }

/* 26.10: pocetna u zajednickom heroju – drzave kao staklaste plocice (ime zuto, kancelarije ispod) */
.md-page-hero .mph-states { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.md-page-hero .mph-states li { margin: 0; padding: 0; }
.md-page-hero .mph-states a { display: flex; flex-direction: column; gap: 2px; min-width: 150px; padding: 10px 16px; border-radius: 12px; background: rgba(29, 29, 29, .6); border: 1px solid rgba(253, 199, 2, .55); color: #fff; text-decoration: none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: border-color .15s, transform .15s; }
.md-page-hero .mph-states a:hover { border-color: var(--bp-yellow); transform: translateY(-2px); }
.md-page-hero .mph-state-name { font-size: 17px !important; font-weight: 900; color: var(--bp-yellow); line-height: 1.2; }
.md-page-hero .mph-state-offices { font-size: 13px !important; font-weight: 700; color: #fff; line-height: 1.3; }
@media (max-width: 767px) {
	.md-page-hero .mph-states { gap: 8px; }
	.md-page-hero .mph-states li { flex: 1 1 calc(50% - 4px); }
	.md-page-hero .mph-states a { min-width: 0; }
}
/* pocetna: stari CSS forme (mreza 205 px) ne vazi u novom heroju – polja preko cele sirine kartice */
body .md-page-hero .bp-hero .bp-quote .gform_wrapper .gform_fields { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; justify-content: flex-start !important; width: 100% !important; }
body .md-page-hero .bp-hero .bp-quote .gform_wrapper .gfield { width: 100% !important; max-width: none !important; }
body .md-page-hero .bp-hero .bp-quote .gform_wrapper .gform_page { justify-content: flex-start !important; }

/* ---------- 2026-10-27: IAM bedz + MSC u svojim bojama na tamnom heroju (bela plocica, kao BBB u svom okviru) ---------- */
/* border-box: plocica (sa paddingom) nikad nije sira od kartice; specificnost iznad mobile.css (.bp-page .bp-hero .bp-hero-badges img) */
.bp-hero .bp-hero-badges .mts-wrap img.mts-plate { box-sizing: border-box; background: #fff; border-radius: 8px; padding: 6px 10px; max-height: 54px !important; max-width: 100% !important; }
@media (max-width: 899px) {
	.bp-hero .bp-hero-badges .mts-wrap img.mts-plate { max-height: 42px !important; padding: 5px 8px; }
}
@media (max-width: 767px) {
	.bp-hero .bp-hero-badges .mts-wrap img.mts-plate { max-height: 30px !important; padding: 3px 4px; border-radius: 5px; }
}