@import url("./root.css");
@import url("./fonts.css");
@import url("./base.css");
@import url("./glassmorphism.css");
@import url("./navbar.css");
@import url("./footer.css");
@import url("./product-page/product-hero.css");
@import url("./product-page/product-knowledge.css");
@import url("./product-page/product-lineup.css");

* {
    box-sizing: border-box;
}

body.product-page {
    margin: 0;
    color: #171717;
    background: #ffffff;
}

.product-page__main {
    transition: filter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

body.is-nav-open .product-page__main {
    filter: blur(14px) brightness(0.5) saturate(0.85);
}

.product-page .product-hero {
    padding-top: 100px;
}

@media (max-width: 768px) {
    .product-page .product-hero {
        padding-top: 92px;
    }
}