/* Add custom CSS styles below */ 


/* Hero/banner common ratios */
.hero img { aspect-ratio: 16/9; width:100%; height:auto; display:block; }

/* Product card images */
.product-card img { aspect-ratio: 1/1; width:100%; height:auto; object-fit:cover; }

.top-announcement,
.cookie-banner,
.lang-switcher { min-height: 44px; }

/* Reserve space for the top announcement bar */
.top-announcement { min-height: 44px; }

/* Ensure only ONE announcement bar renders (avoid duplicates) */
.top-announcement + .top-announcement { display: none; }

/* Stabilize sticky header height */
.site-header { min-height: 64px; position: sticky; top: 0; }

/* Product/collection images keep aspect ratio to avoid jumps */
.product-card img { aspect-ratio: 1/1; width:100%; height:auto; object-fit:cover; }
.hero img { aspect-ratio: 16/9; width:100%; height:auto; display:block; }