/* Final compact phone header and homepage spacing refinement. */
@media (min-width: 768px) {
	.category-shortcuts { padding-top: 14px !important; padding-bottom: 14px !important; }
	.category-shortcuts a { display: flex !important; align-items: flex-end !important; justify-content: center !important; width: 100% !important; max-width: none !important; height: 126px !important; padding: 0 !important; border: 0 !important; border-radius: 18px !important; background: var(--oeeroo-light-bg) !important; overflow: hidden !important; }
	.category-shortcuts img, .category-shortcuts .category-placeholder { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; flex: none !important; border-radius: 18px !important; object-fit: cover !important; }
	.category-shortcuts a:after { content: '' !important; display: block !important; position: absolute !important; inset: 35% 0 0 !important; background: linear-gradient(transparent, rgba(0,0,0,.62)) !important; }
	.category-shortcuts b { position: relative !important; z-index: 1 !important; padding: 0 8px 11px !important; color: #fff !important; font-size: 13px !important; line-height: 1.1 !important; }
	.home-products { padding-bottom: 42px !important; }
}

@media (max-width: 767px) {
	.site-header .header-main {
		display: grid !important;
		grid-template-columns: 38px minmax(0, 1fr) auto !important;
		grid-template-rows: 64px auto !important;
		align-items: center !important;
		column-gap: 9px !important;
		row-gap: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		flex-wrap: nowrap !important;
	}
	.site-header .mobile-toggle { display: block !important; grid-column: 1; grid-row: 1; margin: 0 !important; padding: 8px 0 !important; align-self: center !important; }
	.site-header .brand { grid-column: 2; grid-row: 1; min-width: 0; }
	.site-header .brand .custom-logo-link { display: block; }
	.site-header .brand img { width: auto !important; max-width: 145px !important; max-height: 46px !important; object-fit: contain; }
	.site-header .header-tools { display: flex !important; grid-column: 3; grid-row: 1; margin: 0 !important; padding: 8px 4px !important; gap: 10px !important; justify-self: end; align-items: center !important; }
	.site-header .header-tools a { display: block !important; line-height: 0 !important; }
	.site-header .header-tools svg { width: 21px !important; height: 21px !important; }
	.site-header .header-tools .cart-count { top: -6px !important; right: -7px !important; line-height: 16px !important; }
	.site-header .header-search { display: block !important; grid-column: 1 / -1; grid-row: 2; position: static !important; order: initial !important; width: 100% !important; padding: 8px 0 !important; }

	.hero-slider { margin-top: 0 !important; }
	.hero-slider .hero { background-size: cover !important; background-position: center !important; background-color: transparent !important; }
	.hero-slider .hero-copy { max-width: 55% !important; padding: 11px 13px !important; }
	.hero-slider .hero-copy > span { font-size: 8px !important; padding: 3px 6px !important; }
	.hero-slider .hero-copy h1 { font-size: 18px !important; line-height: 1.12 !important; margin: 6px 0 8px !important; letter-spacing: 0 !important; }
	.hero-slider .hero-copy .button { min-height: 30px !important; padding: 6px 10px !important; font-size: 10px !important; }

	.category-shortcuts { padding-top: 5px !important; padding-bottom: 6px !important; }
	.hero-slider, .hero-slider .hero { margin-bottom: 0 !important; }
	.home-products { padding-top: 7px !important; padding-bottom: 30px !important; }
	.home-products .section-title { margin-bottom: 11px !important; }
}

@media (min-width: 768px) {
	.home-products .section-title a { font-size: 16px !important; }
	.home-products .section-title a span { font-size: 21px !important; }
}

@media (max-width: 380px) {
	.site-header .brand img { max-width: 118px !important; max-height: 36px !important; }
	.site-header .header-tools { gap: 7px !important; }
	.site-header .header-tools svg { width: 19px !important; height: 19px !important; }
}