/* ============================================================
   Products – "Our markets" section
   Editable via ACF (page 1326 -> ourMarkets). Light theme,
   desktop two-column, mobile map scrolls horizontally.
   ============================================================ */

.markets-block{
	background:#ffffff;
	padding:60px 0 120px;
	overflow:hidden;
}
.markets-block .markets-block__wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
}

/* ---- text column ---- */
.markets-block__text{
	flex:0 0 450px;
	max-width:450px;
}
.markets-block__title{
	font-family:'GT Walsheim Pro', sans-serif;
	font-weight:500;
	font-size:48px;
	line-height:1.1;
	color:#154b77;
	margin:0 0 135px;
}
.markets-block__desc{
	font-family:'GT Walsheim Pro', sans-serif;
	font-weight:400;
	font-size:24px;
	line-height:1.35;
	color:#87a1b6;
}
.markets-block__desc p{ margin:0 0 1em; }
.markets-block__desc p:last-child{ margin-bottom:0; }
.markets-block__desc strong,
.markets-block__desc b{
	font-weight:500;
	color:#154b77;
}

/* ---- map column ---- */
.markets-block__map-col{
	flex:1 1 auto;
	min-width:0;
}
.markets-map-scroll{ position:relative; }
.markets-map{ position:relative; width:100%; }
.markets-map__img{ display:block; width:100%; height:auto; }

/* ---- markers ---- */
.markets-marker{
	position:absolute;
	transform:translate(-50%, -100%);
	background:#61e085;
	border-radius:8px;
	padding:8px 14px 9px;
	text-align:center;
	white-space:nowrap;
	box-shadow:0 6px 18px rgba(20,75,119,0.12);
	z-index:2;
}
.markets-marker::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-7px;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid #61e085;
}
.markets-marker__region{
	display:block;
	font-family:'GT Walsheim Pro', sans-serif;
	font-weight:700;
	font-size:12px;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:#14181f;
	line-height:1.1;
}
.markets-marker__label{
	display:block;
	font-family:'GT Walsheim Pro', sans-serif;
	font-style:italic;
	font-weight:400;
	font-size:7px;
	letter-spacing:0.03em;
	text-transform:uppercase;
	color:#14181f;
	margin-top:3px;
	line-height:1.2;
}
.markets-marker__value{
	display:block;
	font-family:'GT Walsheim Pro', sans-serif;
	font-weight:700;
	font-size:13px;
	color:#14181f;
	margin-top:2px;
	line-height:1.1;
}

/* ---- tablet ---- */
@media only screen and (max-width:1024px){
	.markets-block .markets-block__wrap{
		flex-direction:column;
		align-items:flex-start;
		gap:30px;
	}
	.markets-block__text{ flex:none; max-width:600px; }
	.markets-block__map-col{ width:100%; }
	.markets-block__title{ font-size:40px; margin-bottom:48px; }
	.markets-block__desc{ font-size:20px; }
}

/* ---- mobile: map scrolls horizontally ---- */
@media only screen and (max-width:600px){
	.markets-block{ padding:32px 0 70px; }
	.markets-block__title{ font-size:36px; margin-bottom:20px; }
	.markets-block__desc{ font-size:18px; line-height:1.55; letter-spacing:-0.36px; }
	.markets-map-scroll{
		/* extend the map to the right screen edge (no right gap) but keep the
		   left aligned with the text — cancel only the .wrap right padding */
		margin-right:-20px;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		padding-bottom:14px;
		/* thin grey scrollbar so it's clear the map scrolls (Firefox) */
		scrollbar-width:thin;
		scrollbar-color:#b9c5d0 #e7ecf0;
	}
	/* thin grey scrollbar (WebKit/Blink) */
	.markets-map-scroll::-webkit-scrollbar{ height:6px; }
	.markets-map-scroll::-webkit-scrollbar-track{ background:#e7ecf0; border-radius:6px; }
	.markets-map-scroll::-webkit-scrollbar-thumb{ background:#b9c5d0; border-radius:6px; }
	.markets-map-scroll::-webkit-scrollbar-thumb:hover{ background:#9fb0bd; }
	.markets-map{ width:720px; }
}