/* HNCC responsive rules — large desktop, desktop, laptop, tablet, mobile. */

@media (min-width: 1600px) {
	:root { --hncc-container: 1360px; }
}

@media (max-width: 1200px) {
	.hncc-nav__menu { gap: 1.1rem; }
	.hncc-welcome__grid { grid-template-columns: 340px minmax(0, 1fr); gap: 2rem; }
}

@media (max-width: 1024px) {
	.hncc-nav { display: none; }
	.hncc-menu-toggle { display: inline-flex; }
	.hncc-mobile-menu { display: none; }
	.hncc-mobile-menu.is-open { display: block; }
	.hncc-btn--give { display: none; }
	.hncc-layout { grid-template-columns: minmax(0, 1fr); }
	.hncc-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hncc-livestream__grid,
	.hncc-livestream[data-live="true"] .hncc-livestream__grid { grid-template-columns: minmax(0, 1fr); }
	.hncc-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
	.hncc-welcome__grid,
	.hncc-contact__grid { grid-template-columns: minmax(0, 1fr); }
	.hncc-post-grid { grid-template-columns: minmax(0, 1fr); }
	.hncc-topbar__inner { flex-direction: column; align-items: flex-start; gap: .25rem; }
}

@media (max-width: 640px) {
	:root { --hncc-font-size: 16px; }
	.hncc-container { width: min(100% - 1.75rem, var(--hncc-container)); }
	.hncc-grid--3 { grid-template-columns: minmax(0, 1fr); }
	.hncc-hero { min-height: 82vh; }
	.hncc-hero__inner { padding: 4.5rem 0 3.5rem; }
	.hncc-btn { width: 100%; }
	.hncc-btn-row { flex-direction: column; }
	.hncc-search-form { flex-direction: column; }
	.hncc-footer__cols,
	.hncc-footer__addresses { grid-template-columns: minmax(0, 1fr); }
	.hncc-footer__bottom { flex-direction: column; align-items: flex-start; }
	.hncc-assistant { right: .85rem; bottom: .85rem; }
	.hncc-form { padding: 1.25rem; }
	.hncc-btn--live span:not(.hncc-live-dot) { font-size: .85rem; }
}

@media (max-width: 400px) {
	.hncc-branding img, .custom-logo { max-height: 46px; }
	.hncc-icon-btn { display: none; }
}

@media print {
	.hncc-header, .hncc-footer, .hncc-assistant, .hncc-livestream, .hncc-breadcrumbs { display: none !important; }
	body { background: #fff; color: #000; }
}