.order-confirmation {
    background-color: var(--violet-lightest);
    padding: 15px 0px;
}

.order-confirm h2 {
    font-size: var(--fs-lg);
    font-family: var(--font-semibold);
    font-weight: 600;
}

.order-confirm p {
    font-size: var(--fs-nl);
}

.order-confirm span {
    color: #32a071;
    font-family: var(--font-semibold);
    font-weight: 600;
}

.nav-tabs {
    border-bottom: 1.5px solid #808080;
}

.cutom-btn {
    all: unset;

    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 600;
    text-align: center;
    padding: 2px 0px;
    font-size: 20.4;
    font-weight: 600;
    color: #808080 !important;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 0px !important;
    border-bottom: 5px solid transparent !important;
}
.cutom-btn.active {
    color: var(--violet-darkest) !important;
    border-bottom: 5px solid var(--violet-darkest) !important;
}

.love-this-tabs {
    white-space: nowrap;
    overflow-y: auto;
    flex-wrap: nowrap;
}

.love-this-tabs .nav-tabs {
    white-space: nowrap !important;
    overflow-y: auto !important;
    flex-wrap: nowrap !important;
}

.nav-tabs {
    scrollbar-width: none !important;
}

.nav-tabs::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.loved-product-carousel .slick-slide {
    margin: 0 10px; /* 👈 10px gap on left and right */
}

/* Optional: make sure Slick doesn’t clip overflow */
.loved-product-carousel .slick-list {
    margin: 0 -10px; /* 👈 negative margin cancels outer spacing */
}

@media (max-width: 768px) {
    .order-confirm h2 {
        font-size: var(--fs-nl) !important;
    }
    .order-confirm p {
        font-size: var(--fs-md);
    }
}