:root {
    --nav-bg: #0f4b63; /* deep teal/blue */
    --nav-accent: #b91c1c; /* red underline */
}


.topbar {
    padding: 18px 0;
}


.site-logo img {
    max-height: 80px;
    width: auto;
    display: block;
}


.top-actions .btn {
    margin-left: .5rem;
    margin-right: .5rem;
}


/* Full-width nav with colored underline like the image */
.main-nav {
    background: var(--nav-bg);
    border-bottom: 4px solid var(--nav-accent);
}


    .main-nav .nav-link {
        color: #fff !important;
        font-weight: 700;
        text-transform: none; /* keep normal casing if you want */
        padding: 10px 18px;
        white-space: nowrap;
    }


    .main-nav .navbar-nav {
        gap: 18px;
    }


/* make menu items slightly larger on desktop */
@media(min-width:992px) {
    .main-nav .nav-link {
        font-size: 1rem;
        padding: 10px 18px;
    }
}

}


/* small touch: button outline style to match image */
.btn-outline-custom {
    border-radius: .35rem;
    border: 1px solid #cfcfd3;
}


/* Cart badge small square like image */
.cart-btn {
    min-width: 44px;