/* Cross-sell mini cards — generated from the 1.3.354 compatibility bundle. */
.electrolotus-icon{
    display: block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    overflow: visible;
    color: inherit;
}
.elds-product-vendors__placeholder .electrolotus-icon{ width: 25px; height: 25px; }
.elds-product-vendors__arrow .electrolotus-icon{ width: 17px; height: 17px; }
.elds-product-vendors__icon .electrolotus-icon{ width: 18px; height: 18px; }
.electrolotus-vendor-rating .electrolotus-icon{ width: 14px; height: 14px; }
.electrolotus-vendor-search__icon .electrolotus-icon,
.electrolotus-store-search__icon .electrolotus-icon{ width: 18px; height: 18px; }
.electrolotus-vendor-card__location-icon .electrolotus-icon,
.electrolotus-vendor-store__location-icon .electrolotus-icon{ width: 15px; height: 15px; }
.electrolotus-vendor-card__button .electrolotus-icon{ width: 16px; height: 16px; }
.electrolotus-store-filters button .electrolotus-icon{ width: 17px; height: 17px; }
.electrolotus-empty__icon .electrolotus-icon{ width: 38px; height: 38px; }
.electrolotus-vendor-rating .electrolotus-icon{ display: none !important; }
.electrolotus-vendor-card__button > span,
.electrolotus-vendor-card__button .electrolotus-icon{ display: none !important; }
.electrolotus-vendor-rating .electrolotus-icon,
.electrolotus-vendor-rating__star{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #f4b400 !important;
}
.electrolotus-vendor-rating__star .electrolotus-icon{
    width: 16px;
    height: 16px;
    color: #f4b400 !important;
}
.elds-cross-sells{
    --elds-cross-accent: var(--elds-accent, var(--electrolotus-mv-accent, #ef4056));
    width: 100%;
    color: var(--elds-text, #20243d);
    font-family: inherit;
}
.elds-cross-sells *,
.elds-cross-sells *::before,
.elds-cross-sells *::after{
    box-sizing: border-box;
    font-family: inherit;
}
.elds-cross-sells__heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 16px;
    padding: 15px 18px;
    border: 1px solid var(--elds-section-border, #e5e8ee);
    border-radius: var(--elds-radius, 12px);
    background: var(--elds-section-bg, #fff);
}
.elds-cross-sells__heading h3{
    margin: 0;
    color: #1f3155;
    font-size: 18px;
    line-height: 1.6;
}
.elds-cross-sells__heading p{
    margin: 2px 0 0;
    color: #70788a;
    font-size: 12px;
}
.elds-cross-sells__heading > span{
    flex: 0 0 auto;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f3f6fa;
    color: #536076;
    font-size: 11px;
    font-weight: 750;
}
.elds-cross-sells__list{
    display: grid;
    gap: 10px;
}
.elds-cross-sell-card{
    position: relative;
    display: grid;
    grid-template-columns: 166px minmax(0, 1fr) minmax(300px, 350px);
    grid-template-areas: "media details purchase";
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--elds-card-border, #e4e7ec);
    border-radius: var(--elds-radius, 12px);
    background: var(--elds-card-bg, #fff);
    box-shadow: 0 4px 15px rgba(20, 36, 70, .035);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.elds-cross-sell-card:hover{
    border-color: #cfd6e1;
    box-shadow: 0 8px 24px rgba(20, 36, 70, .07);
}
.elds-cross-sell-card__media{
    grid-area: media;
    display: flex;
    width: 160px;
    height: 160px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    background: #f8fafc;
}
.elds-cross-sell-card__media img{
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain;
}
.elds-cross-sell-card__details{
    grid-area: details;
    min-width: 0;
}
.elds-cross-sell-card__title{
    display: block;
    margin: 0 0 7px;
    color: #20243d;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
    text-decoration: none;
}
.elds-cross-sell-card__title:hover{
    color: var(--elds-cross-accent);
}
.elds-cross-sell-card__sku{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    color: #7b8495;
    font-size: 10.5px;
}
.elds-cross-sell-card__sku b{
    color: #596579;
    font-weight: 650;
    direction: ltr;
    unicode-bidi: plaintext;
}
.elds-cross-sell-card__purchase{
    grid-area: purchase;
    min-width: 0;
    padding-inline-start: 16px;
    border-inline-start: 1px solid #edf0f4;
}
.elds-cross-sell-card__selectors{
    display: grid;
    grid-template-columns: minmax(145px, 1fr) minmax(115px, auto);
    align-items: end;
    gap: 10px;
}
.elds-cross-sell-card__field{
    display: grid;
    gap: 4px;
    min-width: 0;
    margin: 0;
}
.elds-cross-sell-card__field > span{
    color: #6a7487;
    font-size: 10px;
    font-weight: 750;
}
.elds-cross-sell-card__field select{
    width: 100%;
    min-width: 0;
    height: 37px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #dfe4eb;
    border-radius: 8px;
    outline: 0;
    background: #fff;
    color: #28334a;
    font-size: 11px;
    box-shadow: none;
}
.elds-cross-sell-card__field select:focus{
    border-color: color-mix(in srgb, var(--elds-cross-accent) 55%, #dfe4eb);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--elds-cross-accent) 10%, transparent);
}
.elds-cross-sell-picker{
    position: relative;
    width: 100%;
}
.elds-cross-sell-picker__native{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
}
.elds-cross-sell-picker__toggle{
    display: flex !important;
    width: 100% !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #283244 !important;
    background: #fff !important;
    border: 1px solid #dce1e7 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 12px !important;
    text-align: right !important;
    cursor: pointer !important;
}
.elds-cross-sell-picker__toggle:focus-visible,
.elds-cross-sell-picker.is-open .elds-cross-sell-picker__toggle{
    border-color: var(--elds-cross-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--elds-cross-accent) 10%, transparent) !important;
    outline: 0 !important;
}
.elds-cross-sell-picker__toggle:disabled{
    color: #8b94a3 !important;
    background: #f4f5f7 !important;
    cursor: not-allowed !important;
}
.elds-cross-sell-picker__label{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elds-cross-sell-picker__arrow{
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-left: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(-45deg) translateY(-2px);
    transition: transform .18s ease;
}
.elds-cross-sell-picker.is-open .elds-cross-sell-picker__arrow{
    transform: rotate(135deg) translate(-2px,-2px);
}
.elds-cross-sell-picker__menu{
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    display: grid;
    gap: 3px;
    max-height: 240px;
    overflow-y: auto;
    padding: 6px;
    background: #fff;
    border: 1px solid #dce1e7;
    border-radius: 11px;
    box-shadow: 0 16px 36px rgba(15,23,42,.16);
    overscroll-behavior: contain;
}
.elds-cross-sell-picker__menu[hidden]{ display: none !important; }
.elds-cross-sell-picker__option{
    display: flex !important;
    width: 100% !important;
    min-height: 38px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    color: #344054 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 12px !important;
    text-align: right !important;
    cursor: pointer !important;
}
.elds-cross-sell-picker__option:hover,
.elds-cross-sell-picker__option:focus-visible{
    color: #202737 !important;
    background: #fff1f3 !important;
    outline: 0 !important;
}
.elds-cross-sell-picker__option.is-selected{
    color: #fff !important;
    background: var(--elds-cross-accent) !important;
    font-weight: 800 !important;
}
.elds-cross-sell-card.has-open-seller-picker{
    z-index: 20;
    overflow: visible;
}
.elds-cross-sell-card__variation-field{
    max-width: 270px;
    margin-top: 9px;
}
.elds-cross-sell-card__availability{
    display: grid;
    justify-items: end;
    gap: 4px;
    min-width: 0;
    padding-bottom: 2px;
    text-align: left;
}
.elds-cross-sell-card__stock{
    color: #7b8495;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.65;
    white-space: nowrap;
}
.elds-cross-sell-card__stock.is-available{
    color: #16844a;
}
.elds-cross-sell-card__stock.is-unavailable{
    color: #d33c52;
}
.elds-cross-sell-card__price{
    color: var(--elds-cross-accent);
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}
.elds-cross-sell-card__price del{
    margin-inline-end: 4px;
    color: #9aa2b0;
    font-size: 10px;
    font-weight: 500;
}
.elds-cross-sell-card__price ins{
    color: inherit;
    text-decoration: none;
}
.elds-cross-sell-card__actions{
    display: grid;
    grid-template-columns: 126px minmax(130px, 1fr);
    align-items: center;
    gap: 9px;
    margin-top: 10px;
}
.elds-cross-sell-quantity{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 126px;
    height: 39px;
    overflow: hidden;
    direction: ltr;
    border: 1px solid #dfe4eb;
    border-radius: 8px;
    background: #fff;
}
.elds-cross-sell-quantity button,
.elds-cross-sell-quantity input{
    display: flex;
    width: 100% !important;
    min-width: 0 !important;
    height: 37px !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    color: var(--elds-cross-accent) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.elds-cross-sell-quantity button{
    cursor: pointer;
}
.elds-cross-sell-quantity button:disabled,
.elds-cross-sell-quantity input:disabled{
    cursor: not-allowed;
    color: #bcc2cc !important;
    opacity: .65;
}
.elds-cross-sell-card__add{
    min-width: 0;
    min-height: 39px;
    margin: 0;
    padding: 8px 13px;
    border: 1px solid var(--elds-cross-accent);
    border-radius: 8px;
    background: var(--elds-cross-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: none;
    transition: opacity .18s ease, transform .18s ease;
}
.elds-cross-sell-card__add:hover:not(:disabled){
    color: #fff;
    opacity: .9;
    transform: translateY(-1px);
}
.elds-cross-sell-card__add:disabled{
    cursor: not-allowed;
    opacity: .45;
}
.elds-cross-sell-card__add.is-loading{
    position: relative;
    color: transparent;
}
.elds-cross-sell-card__add.is-loading::after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    margin: -7.5px 0 0 -7.5px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    border-radius: 50%;
    content: "";
    animation: elds-cross-spin .7s linear infinite;
}
.elds-cross-sell-card__cart-status{
    min-height: 17px;
    margin-top: 6px;
    color: #16844a;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.7;
}
.elds-cross-sell-card__cart-status[hidden]{ display: none !important; }
.elds-cross-sell-card__message{
    min-height: 17px;
    margin-top: 5px;
    color: #697386;
    font-size: 9.5px;
}
.elds-cross-sell-card__message:empty{ display: none; }
.elds-cross-sell-card__message.is-success{ color: #16844a; }
.elds-cross-sell-card__message.is-error{ color: #d33c52; }
.elds-cross-sell-card.is-unavailable{ opacity: .82; }
.elds-cross-sells__empty{
    padding: 16px;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    background: #fff;
    color: #6f788a;
    text-align: center;
}
@keyframes elds-cross-spin{ to { transform: rotate(360deg); } }
@media (max-width: 900px){
.elds-cross-sell-card{
        grid-template-columns: 132px minmax(0, 1fr) minmax(270px, 315px);
        gap: 13px;
        padding: 12px;
    }
.elds-cross-sell-card__media{ width: 128px; height: 128px; }
.elds-cross-sell-card__selectors{ grid-template-columns: 1fr; }
.elds-cross-sell-card__availability{ grid-template-columns: 1fr 1fr; justify-items: start; }
.elds-cross-sell-card__price{ justify-self: end; }
}
@media (max-width: 700px){
.elds-cross-sells__heading{ align-items: flex-start; padding: 13px; }
.elds-cross-sells__heading p{ display: none; }
.elds-cross-sell-card{
        grid-template-columns: 124px minmax(0, 1fr);
        grid-template-areas:
            "media details"
            "purchase purchase";
        align-items: start;
        gap: 11px;
    }
.elds-cross-sell-card__purchase{
        padding: 11px 0 0;
        border-inline-start: 0;
        border-top: 1px solid #edf0f4;
    }
.elds-cross-sell-card__media{ width: 120px; height: 120px; }
.elds-cross-sell-card__selectors{ grid-template-columns: minmax(145px, 1fr) minmax(115px, auto); }
.elds-cross-sell-card__availability{ display: grid; grid-template-columns: 1fr; justify-items: end; }
}
@media (max-width: 460px){
.elds-cross-sell-card__selectors,
    .elds-cross-sell-card__actions{ grid-template-columns: 1fr; }
.elds-cross-sell-card__availability{ grid-template-columns: 1fr 1fr; justify-items: start; }
.elds-cross-sell-card__price{ justify-self: end; }
.elds-cross-sell-quantity{ width: 100%; }
}
.elds-cross-sell-card.has-no-image{
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    grid-template-areas: "details purchase";
}
@media (max-width: 700px){
.elds-cross-sell-card.has-no-image{
        grid-template-columns: 1fr;
        grid-template-areas: "details" "purchase";
    }
}
.electrolotus-vendor-performance .electrolotus-vendor-rating__star .electrolotus-icon,
.electrolotus-vendor-performance .electrolotus-vendor-rating__star{
    display: inline-flex !important;
    width: 15px !important;
    height: 15px !important;
    color: #f4b400 !important;
}
.electrolotus-vendor-metrics__icon .electrolotus-icon{ width: 16px; height: 16px; }
.elds-offer-card__rating .electrolotus-vendor-rating__star,
.elds-offer-card__rating .electrolotus-vendor-rating__star .electrolotus-icon{
    width: 15px !important;
    height: 15px !important;
    color: #f4b400 !important;
}
.electrolotus-vendor-store__metrics .electrolotus-vendor-metrics__icon .electrolotus-icon{
    width: 27px !important;
    height: 27px !important;
}
.electrolotus-vendor-review-score__choices .electrolotus-review-star__icon,
.electrolotus-vendor-review-score__choices .electrolotus-review-star .electrolotus-icon--star{
    position: absolute;
    inset: 1px;
    display: block !important;
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    color: inherit !important;
    pointer-events: none;
}
.elds-product-vendors__identity > .elds-product-vendors__placeholder .electrolotus-icon{
    width: 25px !important;
    height: 25px !important;
}
.elds-product-vendors__overall .electrolotus-vendor-rating-compact__star .electrolotus-icon{
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    color: #f4b400 !important;
}
.elds-product-vendors__metrics .electrolotus-vendor-metrics__icon .electrolotus-icon,
.elds-product-vendors__item .electrolotus-vendor-metrics__icon .electrolotus-icon{
    width: 22px !important;
    height: 22px !important;
}