/**
 * OmniSales AI
 *
 * NOTICE OF LICENSE
 * This source file is subject to a commercial license from CodeTheWeb.
 * Use, copy, modification or distribution of this file without written
 * permission from CodeTheWeb is strictly forbidden.
 *
 * @author    CodeTheWeb
 * @copyright 2026 CodeTheWeb
 * @license   Commercial license
 */
/* OmniSales AI - Gift Finder styles (Path 1) */

#omnisalesai-quiz-root {
    position: fixed;
    z-index: 10000;
}

/* --- Overlay: dimmed background behind the panel, a click closes it --- */
.omnisalesai-quiz__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    cursor: pointer;
}
.omnisalesai-quiz__backdrop[hidden] {
    display: none;
}

/* --- Launcher button: colors/font from Widget appearance --- */
.omnisalesai-launcher {
    display: flex;
    align-items: center;
    gap: var(--omnisalesai-btn-gap, 0.4rem);
    background: var(--omnisalesai-btn-bg, #e63950) !important;
    color: var(--omnisalesai-btn-text, #fff) !important;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    position: fixed;
    opacity: 1 !important;
    transition: box-shadow 0.18s ease, filter 0.18s ease;
}
.omnisalesai-launcher:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    filter: brightness(1.06);
}
.omnisalesai-launcher:active {
    filter: brightness(0.96);
}
.omnisalesai-launcher__icon svg {
    width: 1.3em;
    height: 1.3em;
    display: block;
    color: inherit;
    flex-shrink: 0;
}

/* --- Placement: left / right edge --- */
.omnisalesai-position--right .omnisalesai-launcher { right: 0; left: auto; }
.omnisalesai-position--left .omnisalesai-launcher { left: 0; right: auto; }

/* --- Shape: stuck to the edge (vertical tab, at the middle of the screen) --- */
.omnisalesai-mode--edge .omnisalesai-launcher {
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    padding: 0.9rem 0.6rem;
    border-radius: 8px 0 0 8px;
}
.omnisalesai-position--left.omnisalesai-mode--edge .omnisalesai-launcher {
    border-radius: 0 8px 8px 0;
}
.omnisalesai-mode--edge .omnisalesai-launcher__label {
    writing-mode: vertical-rl;
    font-size: 0.85rem;
}

/* --- Shape: square at the bottom of the screen ("chat bubble" style) --- */
/* Default: icon only, a square of fixed size */
.omnisalesai-mode--bottom_square .omnisalesai-launcher {
    bottom: var(--omnisalesai-btn-bottom, var(--omnisalesai-btn-bottom-d, 20px));
    top: auto;
    transform: none;
    flex-direction: column;
    width: 72px;
    height: 72px;
    border-radius: 16px;
    justify-content: center;
}
.omnisalesai-position--right.omnisalesai-mode--bottom_square .omnisalesai-launcher { right: var(--omnisalesai-btn-side, var(--omnisalesai-btn-side-d, 20px)); }
.omnisalesai-position--left.omnisalesai-mode--bottom_square .omnisalesai-launcher { left: var(--omnisalesai-btn-side, var(--omnisalesai-btn-side-d, 20px)); }
/* Phones only: centered at the bottom (both corners taken by e.g. a newsletter widget and a "back to top" arrow) */
/*
 * width:max-content - with left:50% the browser would otherwise give the button only half of the screen width
 * and wrap the text into two lines; a text longer than the screen still wraps (max-width).
 */
#omnisalesai-quiz-root.omnisalesai-position--center.omnisalesai-mode--bottom_square .omnisalesai-launcher {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: max-content;
    max-width: calc(100vw - 32px);
}
.omnisalesai-mode--bottom_square .omnisalesai-launcher__icon { font-size: 1.6rem; }
.omnisalesai-mode--bottom_square .omnisalesai-launcher__label { display: none; }

/*
 * "Show text next to the icon" variant: the square stretches to the natural width of the text, icon + text in
 * a row
 */
.omnisalesai-show-text.omnisalesai-mode--bottom_square .omnisalesai-launcher {
    flex-direction: row;
    width: auto;
    height: auto;
    padding: 12px 18px;
    gap: var(--omnisalesai-btn-gap, 0.4rem);
}
.omnisalesai-show-text.omnisalesai-mode--bottom_square .omnisalesai-launcher__label {
    display: inline;
    font-size: 0.85rem;
}

/* Launcher text size / weight - only when set in the BO (Button appearance); otherwise the original look */
.omnisalesai-btn-fs--custom .omnisalesai-launcher__label {
    font-size: var(--omnisalesai-btn-fs) !important;
}
.omnisalesai-btn-fw--custom .omnisalesai-launcher__label {
    font-weight: var(--omnisalesai-btn-fw) !important;
}

/* --- Shape on phones: full-width bar stuck to the bottom of the screen (Position and shape -> On phones) --- */
#omnisalesai-quiz-root.omnisalesai-mode--bottom_bar .omnisalesai-launcher {
    left: 0;
    right: 0;
    top: auto;
    bottom: var(--omnisalesai-btn-bottom, 0px);
    transform: none;
    width: 100%;
    height: auto;
    min-height: 52px;
    flex-direction: row;
    justify-content: center;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    border-radius: 0;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.18);
    gap: var(--omnisalesai-btn-gap, 0.5rem);
}
#omnisalesai-quiz-root.omnisalesai-mode--bottom_bar .omnisalesai-launcher__label {
    display: inline;
    writing-mode: horizontal-tb;
    font-size: 1rem;
    font-weight: 600;
}
#omnisalesai-quiz-root.omnisalesai-mode--bottom_bar .omnisalesai-launcher__icon {
    font-size: 1.15rem;
}
html.omnisalesai-has-bottom-bar body {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
}

/* --- Quiz panel: two variants set in Widget appearance --- */

/* "popup" variant (default): centered modal window */
.omnisalesai-panel--popup .omnisalesai-quiz {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: min(640px, 92vw);
    max-height: 88vh;
    border-radius: 12px;
}

/* "slide" variant: full height, attached to the edge (the same side as the launcher) */
.omnisalesai-panel--slide .omnisalesai-quiz {
    top: 0;
    bottom: 0;
    transform: none;
    width: min(420px, 92vw);
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
}
.omnisalesai-panel--slide.omnisalesai-position--right .omnisalesai-quiz { right: 0; left: auto; }
.omnisalesai-panel--slide.omnisalesai-position--left .omnisalesai-quiz { left: 0; right: auto; }
.omnisalesai-panel--slide.omnisalesai-position--center .omnisalesai-quiz { right: 0; left: auto; }

/* Widget appearance option "Rounded corners of the quiz window" unchecked */
.omnisalesai-panel--square-corners .omnisalesai-quiz {
    border-radius: 0 !important;
}

.omnisalesai-quiz {
    position: fixed;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    padding: 1.5rem;
    z-index: 10001;
    color: #222 !important;
    text-align: left;
    overflow-y: auto;
}
.omnisalesai-quiz[hidden] { display: none; }
.omnisalesai-quiz * {
    color: inherit;
}
.omnisalesai-quiz__close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2 !important;
    border: none;
    border-radius: 50%;
    font-size: 1.3rem;
    cursor: pointer;
    color: #222 !important;
    opacity: 1 !important;
    line-height: 1;
    z-index: 1;
}
.omnisalesai-quiz__header {
    margin-bottom: 1.25rem;
    padding-right: 2rem;
}
.omnisalesai-quiz__title::before,
.omnisalesai-quiz__title::after {
    content: none !important;
}
.omnisalesai-quiz__title {
    background: none !important;
    box-shadow: none !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    color: #222 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: none !important;
}
.omnisalesai-quiz__subtitle {
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    border: none !important;
}
.omnisalesai-quiz__social-proof {    display: inline-block !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #b8351f !important;
    background: #fff4f0 !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
    margin: 8px 0 0 !important;
}
.omnisalesai-quiz__result {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid #eee;
}
.omnisalesai-quiz__result-heading {
    color: #222 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.75rem !important;
    line-height: 1.3 !important;
    border: none !important;
    text-transform: none !important;
}
.omnisalesai-quiz__countdown {
    display: block !important;
    background: #fff4f0 !important;
    color: #b8351f !important;
    border: 1px solid #f3c9bb !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin: 0 0 1rem !important;
    text-align: center !important;
}
.omnisalesai-quiz__countdown[hidden] { display: none !important; }
.omnisalesai-quiz__gift {    margin: 0.25rem 0 1rem !important;
    padding: 10px 12px !important;
    background: #faf7f2 !important;
    border: 1px dashed #d8c9b0 !important;
    border-radius: 8px !important;
}
.omnisalesai-quiz__gift-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 600 !important;
    color: #333 !important;
    cursor: pointer !important;
    margin: 0 !important;
}
.omnisalesai-quiz__gift-checkbox input {
    width: auto !important;
    margin: 0 !important;
}
.omnisalesai-quiz__gift-message {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font: inherit !important;
    resize: vertical !important;
}
.omnisalesai-lastmin-banner {
    background: #fff8e6;
    border: 1px solid #f0d999 !important;
    border-radius: 8px !important;
    color: #7a5a00;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 10px 14px !important;
    margin: 10px 0 !important;
    text-align: center !important;
}
.omnisalesai-quiz__breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 1rem !important;
}
.omnisalesai-quiz__breadcrumb-item {
    display: inline-block !important;
    background: #f0f0f0 !important;
    color: #555 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    white-space: nowrap;
}
.omnisalesai-quiz__progress {
    margin-top: 1rem !important;
    padding-top: 0.25rem !important;
}
.omnisalesai-quiz__progress-track {
    position: relative !important;
    width: 100% !important;
    height: 6px !important;
    background: #eee !important;
    border-radius: 4px !important;
    overflow: visible !important;
}
.omnisalesai-quiz__progress-fill {
    height: 100% !important;
    width: 0%;
    background: var(--omnisalesai-btn-bg, #e63950) !important;
    border-radius: 4px !important;
    transition: width 0.35s ease !important;
}
.omnisalesai-quiz__progress-mascot {
    position: absolute !important;
    top: 50% !important;
    left: 0%;
    transform: translate(-50%, -50%) !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    transition: left 0.35s ease !important;
    display: none !important;
}
.omnisalesai-quiz__progress--mascot .omnisalesai-quiz__progress-mascot {
    display: block !important;
}
.omnisalesai-quiz__progress-mascot svg {
    width: 34px;
    height: 34px;
    display: block;
    color: var(--omnisalesai-btn-bg, #e63950);
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.omnisalesai-quiz__progress--mascot .omnisalesai-quiz__progress-track {
    margin-top: 18px !important;
}

.omnisalesai-quiz__steps {
    display: block;
    width: 100%;
}
.omnisalesai-quiz__question {
    grid-column: 1 / -1;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    margin-bottom: 1rem !important;
    color: #222 !important;
}
.omnisalesai-quiz__tiles {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
}
/*
 * Answer tile layout (Widget appearance -> Answer tile layout) - independent of the color/style preset, so
 * they can be mixed freely (e.g. Premium Dark in 4 columns). "Auto" = CSS picks the number by the panel width
 * AND the number of answers (auto-fit), without JS calculations.
 */
.omnisalesai-tiles-cols--auto .omnisalesai-quiz__tiles {
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}
.omnisalesai-tiles-cols--2 .omnisalesai-quiz__tiles {
    grid-template-columns: repeat(2, 1fr);
}
.omnisalesai-tiles-cols--3 .omnisalesai-quiz__tiles {
    grid-template-columns: repeat(3, 1fr);
}
.omnisalesai-tiles-cols--4 .omnisalesai-quiz__tiles {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 420px) {
    /* On a narrow panel (mobile) 4 columns would be unreadable - hard limit of 2 */
    .omnisalesai-tiles-cols--3 .omnisalesai-quiz__tiles,
    .omnisalesai-tiles-cols--4 .omnisalesai-quiz__tiles {
        grid-template-columns: repeat(2, 1fr);
    }
}
.omnisalesai-quiz__tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem 0.75rem;
    border: 2px solid #eee;
    border-radius: 14px;
    background: var(--omnisalesai-tile-bg, #fafafa) !important;
    cursor: pointer;
    font-size: 0.92rem;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    color: var(--omnisalesai-tile-text, #222) !important;
    opacity: 1 !important;
    font-weight: 600;
    font-family: inherit;
    text-align: center;
    line-height: 1.3;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    min-height: 88px;
}
.omnisalesai-quiz__tile:hover {
    border-color: var(--omnisalesai-btn-bg, #e63950);
    background: var(--omnisalesai-tile-bg, #fff) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.omnisalesai-quiz__tile:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.omnisalesai-quiz__tile-icon {
    font-size: 2rem;
    line-height: 1;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.04);
    transition: background 0.18s ease, transform 0.18s ease;
}
.omnisalesai-quiz__tile:hover .omnisalesai-quiz__tile-icon {
    background: rgba(0, 0, 0, 0.06);
    transform: scale(1.06);
}
.omnisalesai-quiz__loading {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
    padding: 2.5rem 0;
}
.omnisalesai-quiz__spinner {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 4px solid #eee;
    border-top-color: var(--omnisalesai-btn-bg, #e63950);
    border-radius: 50%;
    animation: omnisalesai-spin 0.8s linear infinite;
}
@keyframes omnisalesai-spin {
    to { transform: rotate(360deg); }
}
.omnisalesai-quiz__loading-text {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 !important;
}
.omnisalesai-quiz__justification {
    font-style: italic;
    margin-bottom: 0.75rem;
    color: #222 !important;
}

.omnisalesai-quiz__result-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem;
}
.omnisalesai-quiz__product-card {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.6rem 0.8rem;
    border: 1px solid #eee;
    border-radius: 8px;
    color: #222 !important;
}
.omnisalesai-quiz__product-image {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    min-width: 56px !important;
    object-fit: contain !important;
    border-radius: 6px;
    flex-shrink: 0 !important;
    background: #fafafa;
}
.omnisalesai-quiz__product-info {
    flex: 1 !important;
    min-width: 0;
}
.omnisalesai-quiz__product-name-row {
    display: flex !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
}
.omnisalesai-quiz__product-name {
    color: #222 !important;
    text-decoration: none !important;
    font-weight: 600;
}
.omnisalesai-quiz__product-name:hover {
    text-decoration: underline !important;
}
.omnisalesai-quiz__product-note {
    font-size: 0.8rem;
    color: #777 !important;
    margin: 0.2rem 0 0;
    font-style: italic;
}
.omnisalesai-quiz__product-badges {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}
.omnisalesai-quiz__product-badge {
    display: inline-block !important;
    background: #eef6fb !important;
    color: #2c7fa8 !important;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 8px;
}
.omnisalesai-quiz__match-badge {
    display: inline-block !important;
    background: #e8f9ee !important;
    color: #2e7d32 !important;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 8px;
    margin-top: 4px;
}
.omnisalesai-quiz__pick-btn {
    display: inline-block !important;
    margin-top: 6px;
    padding: 5px 12px !important;
    background: var(--omnisalesai-btn-bg, #e63950) !important;
    color: var(--omnisalesai-btn-text, #fff) !important;
    border: none;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.1s ease;
}
.omnisalesai-quiz__pick-btn:hover:not(:disabled) {
    filter: brightness(1.08);
}
.omnisalesai-quiz__pick-btn:active:not(:disabled) {
    transform: scale(0.97);
}
.omnisalesai-quiz__intro {
    margin-bottom: 0.75rem;
    color: #222 !important;
}
.omnisalesai-quiz__budget-note {
    background: #fff8e6 !important;
    border: 1px solid #f0d999 !important;
    border-radius: 6px !important;
    color: #7a5a00 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 8px 10px !important;
    margin: 0 0 0.75rem !important;
}
.omnisalesai-quiz__discount-note {
    text-align: center;
    font-weight: 700;
    color: #e63950 !important;
    margin-top: 0.5rem;
}
.omnisalesai-quiz__add-all-btn {
    width: 100%;
    padding: 0.9rem;
    background: var(--omnisalesai-btn-bg, #e63950) !important;
    color: var(--omnisalesai-btn-text, #fff) !important;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    opacity: 1 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.18s ease, filter 0.18s ease, transform 0.1s ease;
}
.omnisalesai-quiz__add-all-btn:hover:not(:disabled) {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    filter: brightness(1.06);
}
.omnisalesai-quiz__add-all-btn:active:not(:disabled) {
    transform: scale(0.98);
    filter: brightness(0.95);
}
.omnisalesai-quiz__add-all-btn:disabled {
    opacity: 0.6 !important;
    cursor: default;
}

/* Path 2 - "Not quite it?" suggestion box (product page) */
.omnisalesai-alt-line {
    --osa-accent: #e63950;
    box-sizing: border-box;
    margin: 1.75rem 0;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
    clear: both;
    width: 100%;
    max-width: 100%;
}
.omnisalesai-alt-line *,
.omnisalesai-alt-line *::before,
.omnisalesai-alt-line *::after {
    box-sizing: border-box;
}
.omnisalesai-alt-line__eyebrow {
    display: inline-block;
    margin: 0 0 0.6rem;
    padding: 0.22rem 0.7rem;
    border-radius: 999px;
    background: var(--osa-accent);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.omnisalesai-alt-line__eyebrow--test {
    background: #d9534f;
    margin-left: 0.5rem;
}
.omnisalesai-alt-line__heading {
    margin: 0 0 0.3rem !important;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.25;
}
.omnisalesai-alt-line__subheading {
    margin: 0 0 1.1rem !important;
    font-size: 0.92rem;
    opacity: 0.7;
    line-height: 1.4;
}
.omnisalesai-alt-line__products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 190px));
    justify-content: start;
    gap: 1rem;
}
@media (max-width: 640px) {
    .omnisalesai-alt-line {
        padding: 1rem;
    }
    .omnisalesai-alt-line__products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        gap: 0.75rem;
    }
    .omnisalesai-alt-line__product:nth-child(n+5) {
        display: none;
    }
}
.omnisalesai-alt-line__product {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    color: inherit !important;
    text-decoration: none !important;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
a.omnisalesai-alt-line__product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
    border-color: var(--osa-accent);
}
.omnisalesai-alt-line__img-wrap {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    max-height: 240px;
    overflow: hidden;
    background: #f3f1ee;
}
.omnisalesai-alt-line__img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
a.omnisalesai-alt-line__product:hover .omnisalesai-alt-line__img-wrap img {
    transform: scale(1.05);
}
.omnisalesai-alt-line__product-name {
    display: block;
    padding: 0.7rem 0.8rem 0;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.25;
}
.omnisalesai-alt-line__product-price {
    display: block;
    padding: 0 0.8rem;
    font-size: 0.95rem;
    opacity: 0.85;
}
.omnisalesai-alt-line__cta {
    display: block;
    padding: 0.35rem 0.8rem 0.8rem;
    color: var(--osa-accent);
    font-size: 0.82rem;
    font-weight: 700;
}
a.omnisalesai-alt-line__product:hover .omnisalesai-alt-line__cta {
    text-decoration: underline;
}

/*
 * Theme font detected in the browser ("System" mode): the widget is injected into <body>, and themes often
 * set the font on a container - so the headings fell back to the default serif.
 */
.omnisalesai-font-theme {
    font-family: var(--osa-theme-text);
}
.omnisalesai-font-theme .omnisalesai-quiz__title,
.omnisalesai-font-theme .omnisalesai-quiz__result-heading,
.omnisalesai-font-theme .omnisalesai-quiz__question,
.omnisalesai-alt-line .omnisalesai-alt-line__heading {
    font-family: var(--osa-theme-heading);
}

/* Dynamic Upsell - "You are X away from free shipping" box (cart page) */
.omnisalesai-upsell--compact {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1rem;
}
.omnisalesai-upsell {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #f0ad4e;
    background: #fff8ec;
    border-radius: 8px;
}
.omnisalesai-upsell__heading {
    font-weight: 700;
    margin: 0 0 0.75rem;
    color: #8a5a00;
}
.omnisalesai-upsell__product {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.omnisalesai-upsell__image {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: 6px;
    flex-shrink: 0;
    background: #fff;
}
.omnisalesai-upsell__info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.omnisalesai-upsell__name {
    font-weight: 600;
    color: #222;
    text-decoration: none;
}
.omnisalesai-upsell__name:hover {
    text-decoration: underline;
}
.omnisalesai-upsell__price {
    color: #666;
    font-size: 0.9rem;
}
.omnisalesai-upsell__add-btn {
    align-self: flex-start;
    margin-top: 0.3rem;
    padding: 6px 14px;
    background: #e63950;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.1s ease;
}
.omnisalesai-upsell__add-btn:hover:not(:disabled) {
    filter: brightness(1.08);
}
.omnisalesai-upsell__add-btn:active:not(:disabled) {
    transform: scale(0.97);
}

/*
 * Custom font ONLY when chosen in the BO (class added by JS). With "System" no font-family is set at all -
 * the theme font applies (e.g. the h1 rule).
 */
.omnisalesai-font-text--custom .omnisalesai-quiz__title,
.omnisalesai-font-text--custom .omnisalesai-quiz__subtitle,
.omnisalesai-font-text--custom .omnisalesai-quiz__result-heading,
.omnisalesai-font-text--custom .omnisalesai-quiz__question,
.omnisalesai-font-text--custom .omnisalesai-quiz__tile {
    font-family: var(--omnisalesai-text-font) !important;
}

/*
 * Custom tile colors (Widget appearance -> Custom answer tile colors) - must win over every preset
 * (Minimal/Soft/Bootstrap have a hard-coded #fff background), hence the complete set of combinations below
 * instead of relying on the order in the file. Specificity 3 classes > 2 classes of the preset.
 */
.omnisalesai-tile-bg--custom .omnisalesai-quiz__tile,
.omnisalesai-tile-bg--custom.omnisalesai-preset--minimal .omnisalesai-quiz__tile,
.omnisalesai-tile-bg--custom.omnisalesai-preset--soft .omnisalesai-quiz__tile,
.omnisalesai-tile-bg--custom.omnisalesai-preset--bootstrap .omnisalesai-quiz__tile,
.omnisalesai-tile-bg--custom.omnisalesai-preset--premium_dark .omnisalesai-quiz__tile,
.omnisalesai-tile-bg--custom .omnisalesai-quiz__tile:hover,
.omnisalesai-tile-bg--custom.omnisalesai-preset--minimal .omnisalesai-quiz__tile:hover,
.omnisalesai-tile-bg--custom.omnisalesai-preset--soft .omnisalesai-quiz__tile:hover,
.omnisalesai-tile-bg--custom.omnisalesai-preset--bootstrap .omnisalesai-quiz__tile:hover,
.omnisalesai-tile-bg--custom.omnisalesai-preset--premium_dark .omnisalesai-quiz__tile:hover {
    background: var(--omnisalesai-tile-bg) !important;
}
.omnisalesai-tile-text--custom .omnisalesai-quiz__tile {
    color: var(--omnisalesai-tile-text) !important;
}

/*
 * Custom font ONLY when chosen in the BO (class added by JS). With "System" no font-family is set at all -
 * the theme font applies (e.g. the h1 rule).
 */
.omnisalesai-font-btn--custom .omnisalesai-launcher,
.omnisalesai-font-btn--custom .omnisalesai-quiz__add-all-btn {
    font-family: var(--omnisalesai-btn-font) !important;
}

/* Buttons do not inherit the font by default (browser style) - with "System" they take the page font. */
.omnisalesai-launcher,
.omnisalesai-quiz__add-all-btn {
    font-family: inherit;
}


/* ==== Icon modes on the quiz tiles ==== */
.omnisalesai-icons--mono .omnisalesai-quiz__tile-icon {
    filter: grayscale(1) contrast(1.1);
    opacity: 0.8;
}
.omnisalesai-icons--hidden .omnisalesai-quiz__tile-icon {
    display: none !important;
}

/* ==== Panel appearance presets (Widget appearance -> Panel style) ==== */

/* Minimal Premium: thin borders, capitals, air */
.omnisalesai-preset--minimal .omnisalesai-quiz {
    border-radius: 4px !important;
    padding: 2.25rem 2rem 2rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}
.omnisalesai-preset--minimal .omnisalesai-quiz__title {
    font-size: 1.7rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__subtitle {
    font-size: 0.9rem !important;
    color: #888 !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__breadcrumb-item {
    background: transparent !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.68rem !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__question {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #777 !important;
    margin-top: 1.25rem !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__tile {
    background: #fff !important;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: none;
    min-height: 104px;
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__tile:hover {
    border-color: #111;
    background: #fff !important;
    transform: none;
    box-shadow: inset 0 0 0 1px #111;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__tile-icon {
    font-size: 1.5rem;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__close {
    background: transparent !important;
    border: 1px solid #ddd;
    border-radius: 2px;
}

/* Soft: warm, rounded */
.omnisalesai-preset--soft .omnisalesai-quiz {
    background: #fffaf7 !important;
    border-radius: 22px !important;
    padding: 1.9rem;
}
.omnisalesai-preset--soft .omnisalesai-quiz__tile {
    background: #fff !important;
    border: 2px solid #f4e4dc;
    border-radius: 22px;
    box-shadow: 0 6px 16px rgba(180, 120, 90, 0.08);
    min-height: 110px;
}
.omnisalesai-preset--soft .omnisalesai-quiz__tile:hover {
    box-shadow: 0 12px 26px rgba(180, 120, 90, 0.18);
}
.omnisalesai-preset--soft .omnisalesai-quiz__breadcrumb-item {
    background: #f8e9e2 !important;
    color: #7a5646 !important;
    border-radius: 999px !important;
}

/* Bootstrap 5: cards, icons in a circle */
.omnisalesai-preset--bootstrap .omnisalesai-quiz {
    border-radius: 0.5rem !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__question {
    font-weight: 500 !important;
    font-size: 1.1rem !important;
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__tile {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 0.9rem;
    background: #fff !important;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: none;
    padding: 0.85rem 1rem;
    min-height: 72px;
    font-weight: 500;
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__tile:hover {
    background: #f8f9fa !important;
    transform: none;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__tile-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__breadcrumb-item {
    background: #e9ecef !important;
    border-radius: 0.375rem !important;
}

/* Premium Dark: graphite background, gold accent, high contrast - "premium" at first glance */
.omnisalesai-preset--premium_dark .omnisalesai-quiz {
    background: #1c1b22 !important;
    color: #e9e4da !important;
    border-radius: 10px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
    padding: 2.1rem 2rem;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__title {
    color: #e2c78a !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__subtitle {
    color: #a89f97 !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__question {
    color: #e9e4da !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__breadcrumb-item {
    background: rgba(226, 199, 138, 0.12) !important;
    color: #e2c78a !important;
    border: 1px solid rgba(226, 199, 138, 0.35) !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__tile {
    background: #26242c !important;
    border: 1px solid rgba(226, 199, 138, 0.22);
    color: #e9e4da !important;
    box-shadow: none;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__tile:hover {
    border-color: #e2c78a;
    background: #2c2a33 !important;
    box-shadow: 0 8px 22px rgba(226, 199, 138, 0.15) !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__tile-icon {
    background: rgba(226, 199, 138, 0.14) !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e9e4da !important;
    border: none;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__result-heading {
    color: #e2c78a !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__intro {
    color: #cfc9c0 !important;
}

/* ==== Quiz results: product cards (grid, large photo, price, match) ==== */
.omnisalesai-quiz__result-products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)) !important;
    gap: 0.9rem !important;
    margin-bottom: 1.25rem;
}
.omnisalesai-quiz__product-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.omnisalesai-quiz__product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
.omnisalesai-quiz__product-card > a,
.omnisalesai-quiz__product-card > span {
    display: block;
    width: 100%;
    background: #f5f3f0;
}
.omnisalesai-quiz__product-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 5;
    object-fit: cover !important;
    border-radius: 0 !important;
    background: #f5f3f0 !important;
}
.omnisalesai-quiz__product-info {
    display: flex !important;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1 !important;
    padding: 0.75rem 0.85rem 0.9rem;
}
.omnisalesai-quiz__product-name-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}
.omnisalesai-quiz__product-name {
    font-size: 0.95rem;
    font-weight: 600 !important;
    line-height: 1.25;
}
.omnisalesai-quiz__product-price {
    font-size: 0.95rem;
    font-weight: 700;
    color: #222 !important;
}
.omnisalesai-quiz__match-badge {
    align-self: flex-start;
    margin-top: 0.15rem !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(46, 125, 50, 0.1) !important;
    color: #2e7d32 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.01em;
}
.omnisalesai-quiz__product-note {
    margin: 0.1rem 0 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.35;
}
.omnisalesai-quiz__pick-btn {
    width: 100%;
    margin-top: auto !important;
    padding: 0.6rem 0.75rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.02em;
    text-align: center;
}
.omnisalesai-quiz__product-info > .omnisalesai-quiz__pick-btn {
    margin-top: 0.6rem !important;
}
.omnisalesai-quiz__discount-note {
    grid-column: 1 / -1;
    margin: 0.25rem 0 0 !important;
}
.omnisalesai-quiz__intro {
    font-size: 0.92rem;
    line-height: 1.5;
    opacity: 0.85;
    margin-bottom: 1rem !important;
}
.omnisalesai-quiz__result-heading {
    font-size: 1.35rem !important;
    margin-bottom: 0.5rem !important;
}
/* Narrow panel (mobile / slide): two columns, smaller photos */
@media (max-width: 480px) {
    .omnisalesai-quiz__result-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }
    .omnisalesai-quiz__product-info {
        padding: 0.6rem 0.65rem 0.75rem;
    }
}

/* Presets - result cards */
.omnisalesai-preset--minimal .omnisalesai-quiz__product-card {
    border-radius: 2px !important;
    border-color: #ddd !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__product-name {
    font-size: 0.8rem;
    font-weight: 500 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__product-price {
    font-weight: 400;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__match-badge {
    background: transparent !important;
    border: 1px solid #ccc;
    color: #555 !important;
    border-radius: 2px !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.66rem !important;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__pick-btn {
    border-radius: 2px !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem !important;
}
.omnisalesai-preset--soft .omnisalesai-quiz__product-card {
    border-radius: 20px !important;
    border-color: #f4e4dc !important;
    box-shadow: 0 6px 16px rgba(180, 120, 90, 0.08);
}
.omnisalesai-preset--soft .omnisalesai-quiz__pick-btn {
    border-radius: 999px !important;
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__product-card {
    border-radius: 0.5rem !important;
    border-color: #dee2e6 !important;
}
.omnisalesai-preset--bootstrap .omnisalesai-quiz__pick-btn {
    border-radius: 0.375rem !important;
}

/*
 * Premium Dark - the result cards must match the dark question panel, otherwise the question->result
 * transition would look like two different widgets
 */
.omnisalesai-preset--premium_dark .omnisalesai-quiz__product-card {
    background: #26242c !important;
    border-color: rgba(226, 199, 138, 0.22) !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__product-name {
    color: #e9e4da !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__product-price {
    color: #e2c78a !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__match-badge {
    background: rgba(226, 199, 138, 0.16) !important;
    color: #e2c78a !important;
    border: 1px solid rgba(226, 199, 138, 0.3);
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__pick-btn {
    background: #e2c78a !important;
    color: #1c1b22 !important;
    font-weight: 700 !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__variant-select {
    background-color: #1c1b22 !important;
    color: #e9e4da !important;
    border-color: rgba(226, 199, 138, 0.3) !important;
}
.omnisalesai-preset--premium_dark .omnisalesai-quiz__gift,
.omnisalesai-preset--premium_dark .omnisalesai-quiz__budget-note {
    background: rgba(226, 199, 138, 0.08) !important;
    border-color: rgba(226, 199, 138, 0.3) !important;
    color: #e9e4da !important;
}

/* Variant choice (color / size) on the result card */
.omnisalesai-quiz__variant-select {
    width: 100%;
    margin-top: 0.35rem;
    padding: 0.4rem 1.6rem 0.4rem 0.6rem;
    font: inherit;
    font-size: 0.8rem;
    color: #222 !important;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
}
.omnisalesai-quiz__variant-select:focus {
    outline: 2px solid var(--omnisalesai-btn-bg, #e63950);
    outline-offset: 1px;
}
.omnisalesai-preset--minimal .omnisalesai-quiz__variant-select {
    border-radius: 2px;
}
.omnisalesai-preset--soft .omnisalesai-quiz__variant-select {
    border-radius: 999px;
}

/* Notes in the result (budget / no products for an answer / AI intro) across the whole product grid */
.omnisalesai-quiz__result-products > .omnisalesai-quiz__budget-note,
.omnisalesai-quiz__result-products > .omnisalesai-quiz__intro,
.omnisalesai-quiz__result-products > .omnisalesai-quiz__justification {
    grid-column: 1 / -1;
}

/* AI label (AI Act) - discreet, under the set button */
.omnisalesai-quiz__ai-label {
    margin: 10px 0 0;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    text-align: center;
    opacity: 0.55;
}

/*
 * Cart: products with the set discount (Gift Finder) - colors/font from the BO (Result settings -> Set
 * discount in the cart)
 */
.omnisalesai-bundle-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0 0;
    padding: 3px 10px;
    border: 1px solid var(--osa-bs-border, #bfe3cf);
    border-radius: 999px;
    background: var(--osa-bs-bg, #f1faf5);
    color: var(--osa-bs-text, #1d6b45);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}
.omnisalesai-bundle-savings {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    padding: 12px 16px;
    border: 1px solid var(--osa-bs-border, #bfe3cf);
    border-radius: 10px;
    background: var(--osa-bs-bg, #f1faf5);
    color: var(--osa-bs-text, #1d6b45);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}
.omnisalesai-bundle-savings__icon { font-size: 20px; line-height: 1; flex: 0 0 auto; }

/* Multiple-choice question - tiles as toggles + a "Next" button */
.omnisalesai-quiz__multi-hint {
    margin: -0.25rem 0 0.75rem;
    font-size: 0.82rem;
    color: #6b7280 !important;
    text-align: center;
}
.omnisalesai-quiz__tiles--multi .omnisalesai-quiz__tile {
    position: relative;
}
.omnisalesai-quiz__tiles--multi .omnisalesai-quiz__tile.is-selected,
.omnisalesai-quiz__tile.is-selected {
    border-color: var(--omnisalesai-btn-bg, #e63950) !important;
    box-shadow: 0 0 0 1px var(--omnisalesai-btn-bg, #e63950), 0 6px 16px rgba(0, 0, 0, 0.08);
}
.omnisalesai-quiz__tiles--multi .omnisalesai-quiz__tile::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid #cfd4dc;
    background: #fff;
    box-sizing: border-box;
}
.omnisalesai-quiz__tiles--multi .omnisalesai-quiz__tile.is-selected::after {
    border-color: var(--omnisalesai-btn-bg, #e63950);
    background: var(--omnisalesai-btn-bg, #e63950) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.omnisalesai-quiz__next-btn {
    display: block;
    width: 100%;
    margin-top: 1rem;
    padding: 0.85rem;
    background: var(--omnisalesai-btn-bg, #e63950) !important;
    color: var(--omnisalesai-btn-text, #fff) !important;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: inherit;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    opacity: 1 !important;
}
.omnisalesai-quiz__next-btn:disabled {
    opacity: 0.45 !important;
    cursor: default;
}

/* Order confirmation: Last-minute PDF download */
.omnisalesai-lastmin-confirmation {
    margin: 16px 0;
    padding: 16px;
    background: #fff8e6;
    border: 1px solid #f0d999;
    border-radius: 8px;
    text-align: center;
}
.omnisalesai-lastmin-confirmation__text {
    margin: 0 0 10px;
    font-weight: 600;
}
.omnisalesai-lastmin-confirmation__btn,
.omnisalesai-lastmin-confirmation__btn:hover,
.omnisalesai-lastmin-confirmation__btn:focus {
    display: inline-block;
    padding: 10px 20px;
    background: #b4282f;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}