.wrapper {
    max-width: 90% !important;
    margin: 0 auto !important;
}

.font-play {
    font-family: 'Playfair Display', serif;
}

* {
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: #FEFDFB;
}

.site-nav {
    transition: background-color 220ms ease, color 220ms ease;
}

.site-nav.is-scrolled {
    color: #fff;
}

.site-nav.is-scrolled a {
    color: inherit !important;
}

.site-nav.is-scrolled .border-black {
    border-color: rgba(255, 255, 255, 0.45) !important;
}

.site-nav.is-scrolled input {
    color: #fff !important;
}

.site-nav.is-scrolled input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.font-mont {
    font-family: 'Montserrat', sans-serif;
}

h1, h2 {
    font-family: 'Playfair Display', serif;
    line-height: 125%;
}

h1 {
    font-size: 3.333vw;
    font-weight: 600;
}

h2 {
    font-size: 2.5vw;
    font-weight: 600;
}

h6 {
    font-size: 1.042vw;
    font-weight: 500;
}

p, li, button {
    font-size: 0.833vw;
}


.product-img-wrap {
    border-radius: 0;
    transition: border-radius 0.3s ease-in-out;
}

.group:hover .product-img-wrap,
.product-slide.active .product-img-wrap {
    border-radius: 9999px;
}

.product-slide.active {
    opacity: 1;
}

.product-slide.active .product-img-overlay {
    opacity: 1;
}

.texture-filter-btn--selected {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: 600;
}

@media (max-width: 1024px) {
    h1 {
        font-size: 35px;
        font-weight: 600;
    }

    h2 {
        font-size: 20px;
        font-weight: 600;
    }

    h6 {
        font-size: 12px;
        font-weight: 500;
    }
    
    p, li, button {
        font-size: 12px;
    }
}