html {
    scroll-behavior: smooth;
}

body {
    background: #ffffff;
}

/* CUSTOM SHOP AREA ONLY */

.woocommerce,
.woocommerce-page {
    background: var(--page-bg);
    color: var(--text-main);
}

/* Fix invisible text on white background */

.woocommerce *,
.woocommerce-page * {
    box-sizing: border-box;
}

.woocommerce p,
.woocommerce-page p,
.woocommerce span,
.woocommerce-page span,
.woocommerce div,
.woocommerce-page div,
.woocommerce label,
.woocommerce-page label,
.woocommerce td,
.woocommerce-page td,
.woocommerce th,
.woocommerce-page th {
    color: inherit;
}

/* SCROLLBAR */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 100px;
}

::-webkit-scrollbar-track {
    background: #eeeeee;
}

/* MOBILE ZOOM FIX */

@media (max-width: 768px) {

    input,
    textarea,
    select,
    button {
        font-size: 16px !important;
    }

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        touch-action: manipulation;
    }

    .site,
    #main,
    .site-main,
    .content-area,
    .entry-content {
        max-width: 100%;
        overflow-x: hidden;
    }
}