.indra-cross-sell-products {
    margin-top: 42px;
}

.indra-product-cross-sells-mobile {
    grid-column: span 2;
    margin-top: 42px;
}

.indra-cross-sell-products__list {}

.indra-cross-sell-product {
    color: #083454;
    margin: 16px 0 24px;
    background-color: #F2F5F6;
    padding: 48px 32px 48px;
    border-top: 2px solid #DCE3E7;
    border-bottom: 2px solid #DCE3E7;
    position: relative;
}

.indra-cross-sell-product__details {}

.indra-cross-sell-product__subtitle {
    position: absolute;
    top: -14px;
    left: 16px;
    background-color: #7ED321;
    color: white;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 6px;
}

.indra-cross-sell-product__header {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

/* mobile has a border below */
@media (max-width: 700px) {
    .indra-cross-sell-product__header {
        border-bottom: 1px solid #D3DADE;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}

.indra-cross-sell-product__image {
    max-width: 100px;
    width: 45px;
}

/* fit mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__image {
        max-width: 15%;
    }
}


@media (min-width: 701px) {
    /* keep this inline with title on desktop */
    .indra-cross-sell-product__intro-sentence {
        margin-left: calc(45px + 1rem);
    }
}


.indra-cross-sell-product__title {
    color: #083454;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 0 0;
}

/* fit mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__title {
        font-size: 19px;
    }
}

.indra-cross-sell-product__price {
    color: inherit;
    font-size: 20px;
}

/* fit mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__price {
        font-size: 14px;
    }
}

.indra-cross-sell-product__add-to-cart {
    margin-left: auto;
}

.indra-cross-sell-product__add-to-cart-button {
    border-radius: 50px;
    gap: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    cursor: pointer;
    background-color: white;
    color: #083454;
    border: 1px solid #083454;
    font-size: 1rem;
    font-weight: 500;
    width: 100%;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* fit mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__add-to-cart-button {
        /* font-size: 0.8rem; */
        min-width: 90px;

        /* these buttons dont have backgrounds on mobile.. */
        background-color: transparent;
    }
}

.indra-cross-sell-product__bullets {
    padding-left: 0;
    margin: 0 auto;
    max-width: 500px;
}

.indra-cross-sell-product__bullet {
    list-style: none;
    display: flex !important;
    gap: 1rem;
    padding-left: 0;
}

.indra-cross-sell-product__bullet::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 1em 8px 0 0;
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* alternative bullet image on mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__bullet::before {
        background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30.1744" height="30.1744" rx="15.0872" fill="%23D3DADE"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.7175 11.3657C21.0095 11.6578 21.0095 12.1312 20.7175 12.4232L14.0707 19.0701C13.7787 19.3621 13.3052 19.3621 13.0132 19.0701L9.68977 15.7467C9.39774 15.4546 9.39774 14.9812 9.68977 14.6892C9.98179 14.3971 10.4552 14.3971 10.7473 14.6892L13.5419 17.4838L19.66 11.3657C19.952 11.0737 20.4255 11.0737 20.7175 11.3657Z" fill="%23083454"/></svg>');
    }
}

.indra-cross-sell-product__learn-more {
    display: flex;
    gap: 1em;
    margin: 0 auto;
    max-width: 500px;
}

.indra-cross-sell-product__learn-more::before {
    content: '';
    width: 32px;
    margin-right: 8px;
}

/* learn more underlined on mobile */
@media (max-width: 700px) {
    .indra-cross-sell-product__learn-more a {
        text-decoration: underline;
    }
}

.indra-product-summary--desktop:has(.indra-cross-sell-products) .b-btm--hide-if-cross-sell {
    border: 0 !important;
}