html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.text-truncate-category {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

h5 {
    line-height: normal !important;
}


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.navbar-expand-lg .navbar-toggler {
    display: inline-block !important;
    border: none !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler .navbar-toggler-icon {
    color: rgb(255, 0, 0);
}

.offcanvas.offcanvas-start, .offcanvas-backdrop {
    top: 70px !important;
    --bs-offcanvas-width: 310px !important;
}

.offcanvas-start {
    width: 310px !important;
}

.navbar-expand-lg {
    height: 70px !important;
}

.navbar-logo-or-name {
    text-align: center !important;
    min-width: 250px !important;
    max-width: 250px !important;
}

    .navbar-logo-or-name img {
        height: auto !important;
    }

.offcanvas-backdrop {
    z-index: 1029 !important;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

.pt-6 {
    padding-top: 4.5rem !important;
}

.pt5 {
    padding-top: 5rem !important;
}

.offcanvas i.bi, .navbar i.bi {
    /*color: #d8006b;*/
}

.keep-open.btn-group i.bi {
    color: #f7f7f7 !important;
}

.offcanvas-body .active, .offcanvas-body .active {
    background: #f7f7f7 !important;
}

.offcanvas-body .nav-item:hover, .offcanvas-body .nav-item:hover {
    background: #f7f7f7 !important;
}

.badge-cart {
    font-size: 12px;
    color: #d8006b;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
}

.nav-link-cart {
    padding-right: 0rem !important;
}