body {
    /* font-family: 'Poppins', sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    box-sizing: border-box;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.25rem center;
    background-size: 1em;
    padding-right: 1.5rem;
}

.product-image {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.cat-product-image {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

@media (min-width: 1024px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}