
:root{
	--urb-pn-green:#276c68;
	--urb-pn-green-dark:#173f3d;
	--urb-pn-yellow:#e1b217;
	--urb-pn-text:#222221;
	--urb-pn-muted:#596462;
	--urb-pn-border:#d7e2e1;
	--urb-pn-soft:#f4f7f6;
}

.urb-privacy-notice,
.urb-privacy-notice *{
	box-sizing:border-box;
}

.urb-privacy-notice{
	margin:20px 0;
	padding:22px;
	border:1px solid var(--urb-pn-border);
	border-left:5px solid var(--urb-pn-green);
	border-radius:15px;
	background:#fff;
	color:var(--urb-pn-text);
	font-family:"DM Sans",Arial,sans-serif;
	box-shadow:0 15px 38px rgba(23,63,61,.08);
}

.urb-privacy-notice__head{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px 14px;
	margin-bottom:18px;
}

.urb-privacy-notice__head h3{
	margin:0;
	font:800 20px/1.2 "Outfit",Arial,sans-serif;
	color:var(--urb-pn-text);
}

.urb-privacy-notice__badge{
	display:inline-flex;
	padding:6px 9px;
	border-radius:8px;
	background:var(--urb-pn-yellow);
	color:var(--urb-pn-text);
	font-size:10px;
	font-weight:900;
	letter-spacing:.8px;
}

.urb-privacy-notice__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}

.urb-privacy-notice__grid>div{
	padding:14px;
	border:1px solid var(--urb-pn-border);
	border-radius:11px;
	background:var(--urb-pn-soft);
}

.urb-privacy-notice__grid strong{
	display:block;
	margin-bottom:5px;
	color:var(--urb-pn-green-dark);
	font:800 13px "Outfit",Arial,sans-serif;
}

.urb-privacy-notice__grid span,
.urb-privacy-notice__extra,
.urb-privacy-notice__links{
	font-size:13px;
	line-height:1.55;
	color:var(--urb-pn-muted);
}

.urb-privacy-notice a{
	color:var(--urb-pn-green)!important;
	font-weight:800;
	text-decoration:none!important;
}

.urb-privacy-notice a:hover{
	color:var(--urb-pn-yellow)!important;
}

.urb-privacy-notice__extra{
	margin:14px 0 0;
	padding:12px 14px;
	border-left:4px solid var(--urb-pn-yellow);
	border-radius:8px;
	background:#fff7d6;
}

.urb-privacy-notice__links{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:14px 0 0;
}

.urb-privacy-notice--compact{
	padding:17px;
}

.urb-privacy-notice--compact .urb-privacy-notice__grid{
	grid-template-columns:1fr;
}

@media(max-width:720px){
	.urb-privacy-notice__grid{
		grid-template-columns:1fr;
	}
}
