.kb2b-cart {
    padding: 12px;
    border-radius: 12px;
    background: #FFF;

    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;

    --com-c-cart-item-image-width-desktop: 160px;
    --dxp-s-component-wrapper-spacer-size-mobile: 0;
}

.kb2b-cart commerce_cart-header {
    --dxp-g-spacing-large: 0;
}

.kb2b-cart .sticky-container {
    height: auto !important;
}

.kb2b-cart-empty-message {
    border-radius: 8px;
    background: #FFF3D8;
    padding: 8px;
}

.kb2b-cart-empty-message div {
    color: #654500;

    font-family: "PTSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.kb2b-cart-empty-message a,
.kb2b-cart-empty-message a:hover {
    color: #654500 !important;
    font-family: "PTSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.kb2b-cart-right-section dxp_layout-column {
    border-radius: 12px;
    background: #E6EDF4;
}

.kb2b-cart-title p {
    color: #002B4E;
    font-family: "LeagueSpartan-Regular";
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.kb2b-cart-subtitle p {
    color: #002B4E;
    font-family: "PTSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.kb2b-cart-clear-cart button {
    color: #11528F !important;

    font-family: "PTSans-Regular";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-decoration: none !important;
}

.kb2b-cart-clear-cart button::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42Njc5NyA1LjE2NjY3SDEzLjMzNDZNNi42Njc5NyA3LjgzMzMzVjExLjgzMzNNOS4zMzQ2NCA3LjgzMzMzVjExLjgzMzNNMy4zMzQ2NCA1LjE2NjY3TDQuMDAxMyAxMy4xNjY3QzQuMDAxMyAxMy41MjAzIDQuMTQxNzggMTMuODU5NCA0LjM5MTgzIDE0LjEwOTVDNC42NDE4NyAxNC4zNTk1IDQuOTgxMDEgMTQuNSA1LjMzNDY0IDE0LjVIMTAuNjY4QzExLjAyMTYgMTQuNSAxMS4zNjA3IDE0LjM1OTUgMTEuNjEwOCAxNC4xMDk1QzExLjg2MDggMTMuODU5NCAxMi4wMDEzIDEzLjUyMDMgMTIuMDAxMyAxMy4xNjY3TDEyLjY2OCA1LjE2NjY3TTYuMDAxMyA1LjE2NjY3VjMuMTY2NjdDNi4wMDEzIDIuOTg5ODYgNi4wNzE1NCAyLjgyMDI5IDYuMTk2NTYgMi42OTUyNkM2LjMyMTU5IDIuNTcwMjQgNi40OTExNiAyLjUgNi42Njc5NyAyLjVIOS4zMzQ2NEM5LjUxMTQ1IDIuNSA5LjY4MTAyIDIuNTcwMjQgOS44MDYwNCAyLjY5NTI2QzkuOTMxMDYgMi44MjAyOSAxMC4wMDEzIDIuOTg5ODYgMTAuMDAxMyAzLjE2NjY3VjUuMTY2NjciIHN0cm9rZT0iIzExNTI4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    width: 16px !important;
    height: 16px !important;
    margin-right: 4px;
}

.kb2b-cart-items ul > section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kb2b-cart-items article li {
    padding: 0 !important;
    border: 0;
}

.kb2b-cart-items commerce_cart-item > div {
    padding: 12px;
    border-radius: 12px;
    background: #F4F4F4;

}

.kb2b-cart-items commerce_cart-item > div .item-image{
    text-align:center;
}

.kb2b-cart-items commerce_cart-item > div .item-image  img{
    max-height: 160px;
}

@media screen and (min-width: 1024px) {
    .kb2b-cart-items commerce_cart-item > div {
        grid-template-columns: 176px 3fr min-content 1fr !important;
    }
}

@media screen and (max-width: 767.98px) {
    .kb2b-cart-items commerce_cart-item > div {
        display: flex !important;
        flex-direction: column;
        align-items: baseline;
        gap: 8px;
    }

    .kb2b-cart-items commerce_cart-item > div .item-image {
        width: 160px;
        margin: 0 auto;
        text-align: center;
    }

    .kb2b-cart-items commerce_cart-item > div .item-image  img{
        max-height: 160px;
    }

    .kb2b-cart-items commerce_cart-item > div .item-name{
        width: 100%;
        text-align: center;
    }
    
    .kb2b-cart-items commerce_cart-item > div .item-details-pills-qty {
        width: 100%;
        text-align: center;
    }

    .kb2b-cart-items commerce-quantity-selector {
        width: 100%;
        justify-content:center;
        background: #F4F4F4 !important;
    }

    .kb2b-cart-items commerce-quantity-selector commerce-number-input {
        background: white !important;
    }

    .kb2b-cart-items commerce_cart-item > div .item-unit-price {
        width: 100%;
        text-align: center;
    }

    .kb2b-cart-items commerce_cart-item > div .item-unit-price {
        width: 100%;
        justify-content: center;
    }

    .kb2b-cart-items commerce_cart-item > div .item-prices {
        width: 100%;
        justify-content: center;
    }

    .kb2b-cart-items commerce_cart-item > div .item_details_currency {
       flex-direction: row;
        width: 100%;
        justify-content: center;
        gap: 0.5rem;
    }
    
    .kb2b-cart-items commerce_cart-item > div .item-delete {
        width: 100%;
        justify-content: center;
    }
}

.kb2b-cart-items commerce_cart-item h2 {
    color: #002B4E;

    font-family: "PTSans-Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.kb2b-cart-items commerce_cart-item h2:hover {
    text-decoration: none;
}

.kb2b-cart-items commerce_cart-item .product-sku span {
    color: #5C5C5C;

    font-family: "PTSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.kb2b-cart-items commerce_product_information-variant-attributes-display li {
    color: #787878;

    font-family: "PTSans-Regular";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.kb2b-cart-items commerce-pill > div {
    padding: 2px 8px;
    border: 0;
    border-radius: 999px;
    background: #D8ECE0;
}

.kb2b-cart-items commerce-pill > div > div {
    color: #085232 !important;

    font-family: "PTSans-Regular";
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.kb2b-cart-items commerce-quantity-selector {
    margin: 0;
    background-color: #FFF;
}

.kb2b-cart-items commerce-quantity-selector *,
.kb2b-cart-items commerce-quantity-selector *:disabled {
    border-color: #C7C7C7;
}

.kb2b-cart-items commerce-quantity-selector svg {
    width: 24px;
    height: 24px;
}

.kb2b-cart-items commerce-quantity-selector .number-input__decrement-button {
    border-radius: 4px 0 0 4px;
    max-height: 40px;
}

.kb2b-cart-items commerce-quantity-selector .number-input__increment-button {
    border-radius: 0 4px 4px 0;
    max-height: 40px;
}

.kb2b-cart-items commerce-quantity-selector .number-input__input {
    max-height: 40px;
    max-width: 44px;
    border-right: 0;
    border-left: 0;
    padding: 0;
    background: unset;
}

.kb2b-cart-items .item-delete {
    display: flex;
    align-items: flex-end;
}

.kb2b-cart-items .item-delete,
.kb2b-cart-items .item-delete button {
    padding: 0;
    text-decoration: none !important;
}

.kb2b-cart-items .item-delete button {
    color: #11528F;

    font-family: "PTSans-Bold";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.kb2b-cart-items .item-delete button::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42Njc5NyA1LjE2NjY3SDEzLjMzNDZNNi42Njc5NyA3LjgzMzMzVjExLjgzMzNNOS4zMzQ2NCA3LjgzMzMzVjExLjgzMzNNMy4zMzQ2NCA1LjE2NjY3TDQuMDAxMyAxMy4xNjY3QzQuMDAxMyAxMy41MjAzIDQuMTQxNzggMTMuODU5NCA0LjM5MTgzIDE0LjEwOTVDNC42NDE4NyAxNC4zNTk1IDQuOTgxMDEgMTQuNSA1LjMzNDY0IDE0LjVIMTAuNjY4QzExLjAyMTYgMTQuNSAxMS4zNjA3IDE0LjM1OTUgMTEuNjEwOCAxNC4xMDk1QzExLjg2MDggMTMuODU5NCAxMi4wMDEzIDEzLjUyMDMgMTIuMDAxMyAxMy4xNjY3TDEyLjY2OCA1LjE2NjY3TTYuMDAxMyA1LjE2NjY3VjMuMTY2NjdDNi4wMDEzIDIuOTg5ODYgNi4wNzE1NCAyLjgyMDI5IDYuMTk2NTYgMi42OTUyNkM2LjMyMTU5IDIuNTcwMjQgNi40OTExNiAyLjUgNi42Njc5NyAyLjVIOS4zMzQ2NEM5LjUxMTQ1IDIuNSA5LjY4MTAyIDIuNTcwMjQgOS44MDYwNCAyLjY5NTI2QzkuOTMxMDYgMi44MjAyOSAxMC4wMDEzIDIuOTg5ODYgMTAuMDAxMyAzLjE2NjY3VjUuMTY2NjciIHN0cm9rZT0iIzExNTI4RiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    width: 16px !important;
    height: 16px !important;
    margin-right: 4px;
}

.kb2b-cart-items .item_details_currency {
    flex-direction: column-reverse;
}

.kb2b-cart-items .actualPrice {
    color: #11528F !important;

    font-family: "PTSans-Bold";
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140%;

    --dxp-g-spacing-xxsmall: 0;
}

.kb2b-cart-items .originalPrice {
    color: #9B9B9B;
    font-family: "PTSans-Regular";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: strikethrough;
}

.kb2b-cart-items .item-unit-price {
    color: #787878;
    text-align: right;

    font-family: "PTSans-Regular";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.kb2b-applied-promotion .slds-pill {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    gap: 1px;
    border-radius: 25px;
    background: #D8ECE0;
}

.kb2b-applied-promotion .slds-pill__label {
    --com-c-pill-font-size: 16px;

    font-family: "PTSans-Regular";
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0;
}

.kb2b-applied-promotion .slds-pill lightning-button-icon {
    padding: 0;
}

.kb2b-applied-promotion .slds-pill lightning-button-icon lightning-primitive-icon {
    display: flex;
}

.kb2b-applied-promotion .slds-pill lightning-button-icon lightning-primitive-icon svg {
    fill: #085232;
    height: 16px;
    width: 16px;
}

.kb2b-applied-promotion .discount-amount p {
    color: #002B4E;

    font-family: "PTSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}

/* Coupon - Enter coupon code (reveal) */
.kb2b-cart-promotions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.kb2b-cart-apply-coupon,
.kb2b-cart commerce_cart-apply-coupon,
.kb2b-cart-promotions commerce_cart-apply-coupon {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    --dxp-g-spacing-small: 0;
    --dxp-c-s-button-group-width: 100%;
}

.kb2b-cart-apply-coupon > div,
.kb2b-cart commerce_cart-apply-coupon > div,
.kb2b-cart-promotions commerce_cart-apply-coupon > div {
    --dxp-g-spacing-small: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.kb2b-cart commerce_cart-apply-coupon > div:has(dxp_base-button),
.kb2b-cart-promotions commerce_cart-apply-coupon > div:has(dxp_base-button) {
    display: block;
}

.kb2b-cart commerce_cart-apply-coupon > div:has(dxp_base-button) > *,
.kb2b-cart-promotions commerce_cart-apply-coupon > div:has(dxp_base-button) > * {
    width: 100%;
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.kb2b-cart commerce_cart-apply-coupon dxp_base-button,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button,
.kb2b-cart-coupon-reveal,
dxp_base-button.kb2b-cart-coupon-reveal {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

.kb2b-cart commerce_cart-apply-coupon dxp_base-button a,
.kb2b-cart commerce_cart-apply-coupon dxp_base-button button,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button a,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button button,
.kb2b-cart-coupon-reveal a,
.kb2b-cart-coupon-reveal button,
dxp_base-button.kb2b-cart-coupon-reveal a,
dxp_base-button.kb2b-cart-coupon-reveal button,
.kb2b-cart commerce_cart-apply-coupon dxp_base-button a:hover,
.kb2b-cart commerce_cart-apply-coupon dxp_base-button button:hover,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button a:hover,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button button:hover,
.kb2b-cart-coupon-reveal a:hover,
.kb2b-cart-coupon-reveal button:hover,
.kb2b-cart-coupon-reveal a:focus,
.kb2b-cart-coupon-reveal button:focus {
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
    display: flex !important;
    gap: 4px;
    margin: 0 !important;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    font-style: normal;
    text-align: center;
    padding: 12px 16px;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #11528F !important;
    color: #11528F !important;
    font-family: "PTSans-Bold", sans-serif !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.kb2b-cart commerce_cart-apply-coupon dxp_base-button a:hover,
.kb2b-cart commerce_cart-apply-coupon dxp_base-button button:hover,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button a:hover,
.kb2b-cart-promotions commerce_cart-apply-coupon dxp_base-button button:hover,
.kb2b-cart-coupon-reveal a:hover,
.kb2b-cart-coupon-reveal button:hover {
    color: #002B4E !important;
    border-color: #002B4E !important;
    background: transparent !important;
}

/* Coupons input form */
.kb2b-cart commerce_cart-apply-coupon .coupon-input-form,
.kb2b-cart commerce_cart-apply-coupon .coupon-input-form:hover {
    display: flex;
    --dxp-g-spacing-xsmall: 0;

    /* Tablet styles (1024px and below) */
    @media only screen and (min-width: 768px) {
        flex: 1;
        display: flex;
        --dxp-g-spacing-xsmall: 0;
    }
}

.kb2b-cart commerce_cart-apply-coupon-button button,
.kb2b-cart commerce_cart-apply-coupon-button button:hover {
    gap: 4px;
    width: 100%;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    margin-top: 12px;
    line-height: 27px;
    font-style: normal;
    padding: 12px 16px;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    border-radius: 999px !important;
    background: #11528F !important;
    font-family: "PTSans-Bold" !important;

    /* Tablet styles (1024px and below) */
    @media only screen and (min-width: 768px) {
        flex: 0;
        width: 85px;
        display: flex;
        margin-top: 0px;
        font-size: 18px;
        font-weight: 700;
        line-height: 27px;
        margin-left: 12px;
        font-style: normal;
        padding: 12px 16px;
        align-items: center;
        align-self: stretch;
        justify-content: center;
        border-radius: 999px !important;
        background: #11528F !important;
        font-family: "PTSans-Bold" !important;
    }
}

.kb2b-cart-promotions .coupon-code-input input[aria-invalid="true"] {
    border: 2px solid #E24B4B;
}

.kb2b-cart-promotions .coupon-code-input input,
.kb2b-cart-promotions .coupon-code-input input:focus,
.kb2b-cart-promotions .coupon-code-input input:active,
.kb2b-cart-promotions .coupon-code-input input:focus-visible {
    gap: 8px;
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    border-radius: 8px;
    background: #F4F4F4;
    border: 2px solid #002B4E !important;
    --slds-c-input-shadow: none !important;
}

.kb2b-cart-promotions .slds-text-color_error {
    --dxp-g-destructive: #5F2020;

    border-radius: 8px;
    background: #F6C7C7;
    padding: 8px;
    font-family: "PTSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.kb2b-cart-additional-information {
    color: #5C5C5C;
    text-align: right;

    font-family: "PTSans-Regular";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.kb2b-cart-checkout-section .column-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kb2b-top-sellers-component b2c_lite_commerce-top-sellers-ui {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kb2b-top-sellers-component .header-container h3 {
    color: #5C5C5C;

    font-family: "LeagueSpartan-Bold";
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 40.3px */
}

.kb2b-top-sellers-component .carousel-container {
    flex-wrap: wrap !important;
    gap: 40px 20px;
    overflow-y: hidden;
    max-height: 333px;
    padding: 0;
}

.kb2b-top-sellers-component .menu-container {
    padding: 0;
}

.kb2b-top-sellers-component .menu {
    width: 100%;
}

.kb2b-top-sellers-component .menu svg {
    fill: rgba(17, 82, 143, 1);
}

.kb2b-top-sellers-component .cardContainerGrid {
    border: none;
    padding: 0;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.kb2b-top-sellers-component .cardContainerGrid a img {
    height: 160px;
}

.kb2b-top-sellers-component .menu .grid-item {
    display: flex;
    min-width: 235px;
    max-width: 235px;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 12px;
    background: #FFF;
    border: none;
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea {
    padding-top: 16px;
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea a {
    padding: 0;
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea a:hover {
    text-decoration: none;
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea a .slds-truncate {
    white-space: normal;
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea commerce_search-product-field {
    color: #002B4E;
    text-align: center;

    font-family: "PTSans-Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 30.8px */
}

.kb2b-top-sellers-component .cardContainerGrid .fieldsArea commerce_search-product-field span {
    overflow: hidden;
    width: 100%;
    min-height: 81px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.kb2b-top-sellers-component .cardContainerGrid .priceArea {
    align-self: center !important;
    padding-top: 8px;
}

.kb2b-top-sellers-component .cardContainerGrid .priceArea .negotiated-price {
    color: #11528F;

    font-family:  "PTSans-Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
}

.kb2b-checkout-button {
    margin: 0 !important;
}