/* =========================================================
  🧩 WRAPPER
========================================================= */ 
.main-footer { background:var(--section-bg); color:var(--section-text-primary); }

/* =========================================================
  🧩 WRAPPER - HEADER
========================================================= */
.main-footer .footer-header h2 { background: url("../../../assets/logo-bw.png") left top no-repeat; background-size:contain; }
.main-footer .footer-header::after,
.main-footer .footer-content .fc-contact::after { background:color-mix(in srgb, var(--border-primary) 32%, transparent); background:none; }

/* =========================================================
  🧩 WRAPPER - CONTENT
========================================================= */
.main-footer .footer-content .fc-col { color:var(--section-text-primary); }
.main-footer .footer-content .fc-col h3 { color:var(--section-text-heading); }
.main-footer .footer-content .fc-col ul li { font:var(--p-m-regular-slh-font); }

.main-footer .footer-copy { border-top: 1px solid color-mix(in srgb, var(--border-primary) 32%, transparent); }

/* =========================================================
  🧩 WRAPPER - RWD
========================================================= */
@media (min-width: 1px) and (max-width: 640px) {
	.main-footer .footer-header h2 { height:55px; width:293px; }
	.main-footer .footer-copy { font:var(--p-m-regular-slh-font); border-top: 1px solid color-mix(in srgb, var(--border-primary) 32%, transparent); }
}

@media (min-width: 641px) and (max-width: 850px) {
	.main-footer .footer-header h2 { height:46px; width:244px; }
	.main-footer .footer-content { }
}

@media (min-width: 851px) and (max-width: 1023px) {
	.main-footer .footer-header h2 { height:46px; width:244px; }
	.main-footer .footer-content { }
}

@media (min-width: 641px) and (max-width: 1023px) {

	.main-footer .footer-content .fc-contact p { font:var(--p-l-regular-font); }

	.main-footer .footer-content .fc-col ul { font:var(--p-xl-regular-slh-font); }
	.main-footer .footer-content .fc-col ul li { font:var(--p-l-regular-font); }

	.main-footer .footer-copy { font:var(--p-m-regular-slh-font); }

	}

@media (min-width: 1024px) and (max-width: 1199px) {
	.main-footer .footer-header h2 { height:46px; width:244px; }
	.main-footer .footer-copy { font:var(--p-s-regular-slh-font); }
}

@media (min-width: 1200px) {
	.main-footer .footer-copy { font:var(--p-s-regular-slh-font); }
}