/* Add custom CSS styles below */ 
/* =========================
   GLOBAL
========================= */

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    overflow-x:hidden;

    text-rendering:optimizeSpeed;

    -webkit-font-smoothing:antialiased;

}

/* =========================
   IMAGES
========================= */

img{

    display:block;

    max-width:100%;

    height:auto;

}

/* =========================
   PERFORMANCE SECTIONS
========================= */

section{

    content-visibility:auto;

    contain-intrinsic-size:1px 500px;

}

.product,
.product-card,
.card{

    content-visibility:auto;

    contain-intrinsic-size:300px;

}

/* =========================
   TRANSITIONS
========================= */

a,
button,
.product,
.card{

    transition:
    transform .2s ease,
    opacity .2s ease,
    background-color .2s ease;

}

/* =========================
   PRELOAD
========================= */

.preload *{

    animation:none !important;

    transition:none !important;

}

/* =========================
   ANIMATIONS
========================= */

@media (prefers-reduced-motion:no-preference){

    .wow,
    .animate,
    [data-aos]{

        animation-delay:0s !important;

    }

}

/* =========================
   MOBILE OPTIMIZATION
========================= */

@media(max-width:768px){

    *:hover{

        transform:none !important;

        box-shadow:none !important;

    }

}