/* =========================================================
   CLEANVAC AJÁNLAT LETÖLTÉSE
   A KOSÁRBA TESZEM gombbal minden képernyőméreten azonos méret
========================================================= */
.single-product form.cart .cleanvac-offer-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    /* A tényleges szélességet és magasságot a JS mindig
       a KOSÁRBA TESZEM gombból másolja – mobilon is. */
    width: auto !important;
    max-width: 100%;
    min-height: 0 !important;
    box-sizing: border-box;
    margin: 12px 0 0 0 !important;

    background: var(--ast-global-color-0, #0071bc) !important;
    border-color: var(--ast-global-color-0, #0071bc) !important;
    color: #fff !important;

    font: inherit;
    font-weight: 700;
    line-height: inherit;
    text-align: center;
    border-radius: 0;
}

.single-product form.cart .cleanvac-offer-button:hover,
.single-product form.cart .cleanvac-offer-button:focus {
    background: var(--ast-global-color-1, #005f9e) !important;
    border-color: var(--ast-global-color-1, #005f9e) !important;
    color: #fff !important;
}

.cleanvac-offer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 18px;
    padding: 0 3px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: 1;
}

.cleanvac-offer-button.is-loading {
    opacity: .72;
    pointer-events: none;
}