/**
 * Author: Bazaar.com, F230207060, Ahmar Ali (bc200403330) and Tabassam Ali (bc200401271)
 * Site: Bazaar.com
 * URL: http://localhost/
 */
* {
    scrollbar-width: thin;
}

.custom-sticky {
    background-color: #fff;
    position: fixed;
    top: -50px;
    width: 100%;
    display: block;
    transition: top 0.5s;
    z-index: 99;
}

.cart__mini {
    max-height: 500px !important;
    overflow-y: auto !important;
}

.fs-10px {
    font-size: 10px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.w-50px {
    width: 50px !important;
}

.w-75px {
    width: 75px !important;
}

.w-100px {
    width: 100px !important;
}

.w-150px {
    width: 150px !important;
}

.w-200px {
    width: 200px !important;
}

.w-250px {
    width: 250px !important;
}

.w-300px {
    width: 300px !important;
}

.w-350px {
    width: 350px !important;
}

.w-400px {
    width: 400px !important;
}

.w-450px {
    width: 450px !important;
}

.w-500px {
    width: 500px !important;
}

.mw-50px {
    min-width: 50px !important;
}

.mw-75px {
    min-width: 75px !important;
}

.mw-100px {
    min-width: 100px !important;
}

.mw-150px {
    min-width: 150px !important;
}

.mw-200px {
    min-width: 200px !important;
}

.mw-250px {
    min-width: 250px !important;
}

.mw-300px {
    min-width: 300px !important;
}

.mw-350px {
    min-width: 350px !important;
}

.mw-400px {
    min-width: 400px !important;
}

.mw-450px {
    min-width: 450px !important;
}

.mw-500px {
    min-width: 500px !important;
}

.img-container {
    width: 90px;
    height: 90px;
}

.product-ratings-reviews {
    max-height: 600px;
    overflow: auto;
}

.rating-stars {
    float: left;
    height: 46px;
    padding: 0 10px;
    position: relative;
    background: #fff;
}

.rating-stars input[type="radio"] {
    position: absolute;
    width: auto !important;
    height: auto !important;
    left: 16px;
    top: 8px;
    z-index: -1;
}

.rating-stars:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rating-stars:not(:checked) > label:before {
    content: '★ ';
}

.rating-stars > input:checked ~ label {
    color: #ffc700;
}

.rating-stars:not(:checked) > label:hover,
.rating-stars:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.rating-stars > input:checked + label:hover,
.rating-stars > input:checked + label:hover ~ label,
.rating-stars > input:checked ~ label:hover,
.rating-stars > input:checked ~ label:hover ~ label,
.rating-stars > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* for screen 374.99px or smaller */
@media (max-width: 374.99px) {
    .auth-card {
        width: 16rem;
    }
}

/* for screen 375px or greater */
@media (min-width: 375px) {
    .auth-card {
        width: 18rem;
    }
}

/* for screen 425px or greater */
@media (min-width: 425px) {
    .auth-card {
        width: 30rem;
    }

    .auth-card.auth-card-login {
        width: 20rem;
    }
}

/* for screen 576px or greater */
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }
}