:root{--logo-width:196px;--header-height:92px;--nav-gap:30px;--hero-height:700px;--section-space:105px;--category-columns:4}
body>div header:not(.adminHeader){height:var(--header-height)}
body>div header:not(.adminHeader) img{width:var(--logo-width);max-height:calc(var(--header-height) - 20px)}
body>div header:not(.adminHeader) nav{gap:var(--nav-gap)}
.hero{min-height:var(--hero-height)}.heroVisual>img{height:var(--hero-height)}
.featured,.catalog,.detail{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.categoryHub,.contactForm{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.categoryTiles{grid-template-columns:repeat(var(--category-columns),minmax(0,1fr))}
@media(max-width:900px){.categoryTiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){body>div header:not(.adminHeader){height:min(var(--header-height),76px)}body>div header:not(.adminHeader) img{width:min(var(--logo-width),145px)}.hero{min-height:auto}.heroVisual>img{height:400px}.categoryTiles{grid-template-columns:repeat(2,minmax(0,1fr))}}