/* Generated from MOOD page typography and image controls. */
.hero-image { object-position: 50% 50%; }
@media (max-width: 560px) { .hero-image { object-position: 62% 50%; } }
body[data-banner="new_arrivals"] .catalog-hero { min-height: clamp(310px, 32.0vw, 430px); background-image: linear-gradient(90deg, rgba(247,249,250,.96) 0%, rgba(247,249,250,.78) 43%, rgba(247,249,250,.05) 100%), url("/assets/mood-hero.webp"); background-position: center, 64% 42%; }
@media (max-width: 820px) { body[data-banner="new_arrivals"] .catalog-hero { min-height: 360px; background-image: linear-gradient(90deg, rgba(247,249,250,.93) 0%, rgba(247,249,250,.69) 58%, rgba(247,249,250,.12) 100%), url("/assets/mood-hero.webp"); background-position: center, 66% 42%; } }
body[data-banner="brand_new"] .catalog-hero { min-height: clamp(310px, 32.0vw, 430px); background-image: linear-gradient(90deg, rgba(247,249,250,.96) 0%, rgba(247,249,250,.78) 43%, rgba(247,249,250,.05) 100%), url("/assets/mood-hero.webp"); background-position: center, 64% 42%; }
@media (max-width: 820px) { body[data-banner="brand_new"] .catalog-hero { min-height: 360px; background-image: linear-gradient(90deg, rgba(247,249,250,.93) 0%, rgba(247,249,250,.69) 58%, rgba(247,249,250,.12) 100%), url("/assets/mood-hero.webp"); background-position: center, 66% 42%; } }
body[data-banner="second_hand"] .catalog-hero { min-height: clamp(310px, 32.0vw, 430px); background-image: linear-gradient(90deg, rgba(247,249,250,.96) 0%, rgba(247,249,250,.78) 43%, rgba(247,249,250,.05) 100%), url("/assets/mood-hero.webp"); background-position: center, 64% 42%; }
@media (max-width: 820px) { body[data-banner="second_hand"] .catalog-hero { min-height: 360px; background-image: linear-gradient(90deg, rgba(247,249,250,.93) 0%, rgba(247,249,250,.69) 58%, rgba(247,249,250,.12) 100%), url("/assets/mood-hero.webp"); background-position: center, 66% 42%; } }
body[data-banner="accessories"] .catalog-hero { min-height: clamp(310px, 32.0vw, 430px); background-image: linear-gradient(90deg, rgba(247,249,250,.96) 0%, rgba(247,249,250,.78) 43%, rgba(247,249,250,.05) 100%), url("/assets/mood-hero.webp"); background-position: center, 64% 42%; }
@media (max-width: 820px) { body[data-banner="accessories"] .catalog-hero { min-height: 360px; background-image: linear-gradient(90deg, rgba(247,249,250,.93) 0%, rgba(247,249,250,.69) 58%, rgba(247,249,250,.12) 100%), url("/assets/mood-hero.webp"); background-position: center, 66% 42%; } }
.about-hero > img { object-position: 50% 50%; }
@media (max-width: 560px) { .about-hero > img { object-position: 66% 50%; } }
.contact-panel { background-image: linear-gradient(90deg, rgba(247,249,250,.98) 0%, rgba(247,249,250,.91) 47%, rgba(247,249,250,.15) 100%), url("/assets/mood-hero.webp"); background-position: center, 66% 50%; }
@media (max-width: 820px) { .contact-panel { background-image: linear-gradient(90deg, rgba(247,249,250,.94), rgba(247,249,250,.62)), url("/assets/mood-hero.webp"); background-position: center, 68% 50%; } }