/* Le-Biko — Phone-size adjustments for the header and tiles. */

/* ==========================================================================
   Responsive header
   ========================================================================== */
@media (max-width: 599px) {
	:root { --lb-gutter: 14px; }
	.lb-header__bar { gap: 6px; min-height: 58px; }
	.lb-header__logo img { height: 44px; }
	.lb-iconbtn { min-width: 34px; padding: 0 3px; }
	.lb-hero { padding-block: 24px 18px; }
	.lb-service__item { flex-direction: column; font-size: 13px; line-height: 1.35; gap: 6px; padding-inline: 6px; }
	.lb-service__item .lb-icon { width: 22px; height: 22px; flex: none; }
}
@media (max-width: 420px) {
	:root { --lb-gutter: 12px; }
	.lb-header__bar { gap: 4px; }
	.lb-header__logo img { height: 46px; }
	.lb-iconbtn { min-width: 30px; padding: 0 2px; }
	.lb-icon { width: 21px; height: 21px; }
	.lb-cat__name { font-size: 11px; padding: 5px 3px 7px; }
}
@media (min-width: 960px) {
	.lb-header__bar { min-height: 76px; }
	.lb-header__logo img { height: 60px; }
	.lb-menu-toggle__label { display: inline; }
}