.logo-img {
    max-width: 200px;
}

.account-icon {
    padding: 0.35rem 0.663rem !important;
    background-color: #fafafa;
}

.bg-custom-light {
    background-color: #f2f2f2 !important;
}

.text-sc-green {
    color: #88c657;
}

    .text-sc-green:hover {
        color: #67a437;
    }

.basket-piece {
    position: absolute;
    left: 20px;
    top: 16px;
    background-color: #ffffff;
    font-size: 12px;
    color: #111111;
    font-weight: 900;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
}

.order-add {
    background-color: #88c657;
    color: #fafafa;
    box-shadow: 0 0 3px #5c9733;
}

    .order-add:hover {
        background-color: #67a437;
        color: #fafafa;
        text-decoration: none;
        cursor: pointer;
    }


.f-s-13 {
    font-size: 13px;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-15 {
    font-size: 15px;
}

.f-s-24 {
    font-size: 24px;
}

.f-s-26 {
    font-size: 26px;
}

.f-s-44 {
    font-size: 44px;
}



/** İndex **/
.box-menu {
    box-shadow: 0 0 7px #7b7878;
}

    .box-menu a {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        color: #fafafa;
        font-weight: 700;
        text-shadow: 0 0 6px #a3a3a3;
    }

.clr-1 {
    background-color: #fe0002;
}

.clr-2 {
    background-color: #ff9937;
}

.clr-3 {
    background-color: #ffc000;
}

.clr-4 {
    background-color: #dd62f0;
}

.clr-5 {
    background-color: #3465ff;
}

.clr-6 {
    background-color: #6fcb38;
}