/* Custom styles overrides */
html {
    scroll-behavior: smooth;
}

.hero-parallax {
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-image: image-set(
        url('images/hero-desktop.webp') type('image/webp'),
        url('images/delivery sua lavadeira.png') type('image/png')
    );
}

.hero-highlight {
    display: inline-block;
    margin-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: all 0.3s ease;
    color: #612F74;
}

.hero-highlight-stroke {
    text-shadow:
        -1px 0 rgba(255, 255, 255, 0.9),
        1px 0 rgba(255, 255, 255, 0.9),
        0 1px rgba(255, 255, 255, 0.9),
        0 -1px rgba(255, 255, 255, 0.9),
        0 3px 12px rgba(0, 0, 0, 0.45);
}

@media screen and (max-width: 640px) {
    .hero-parallax {
        background-image: image-set(
            url('images/hero-mobile.webp') type('image/webp'),
            url('images/delivery sua lavadeira celular.png') type('image/png')
        ) !important;
        background-attachment: scroll;
        background-position: center 30%;
    }
}

/* iPhone 17 Pro Max approximate viewport (tall mobile screens) */
@media screen and (max-width: 460px) and (min-height: 900px) {
    .hero-parallax {
        background-attachment: scroll;
        background-position: center 20%;
        min-height: 115vh;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}