/* SoftRadar24 shared product-page presentation. Loaded conditionally by SoftRadar24 Product Assets. */

.spx-product-content,
.spx-product-content * {
    box-sizing: border-box;
}

.spx-product-content {
    --spx-text: #182230;
    --spx-copy: #344054;
    --spx-muted: #667085;
    --spx-line: #e2e7ee;
    --spx-line-strong: #cdd6e2;
    --spx-soft: #f8fafc;
    --spx-primary: #1769e0;
    --spx-primary-hover: #1058bd;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;

    background: transparent;
    box-shadow: none;

    color: var(--spx-text);
    line-height: 1.65;

    container-type: inline-size;
}


.spx-product-content button,
.spx-product-content input,
.spx-product-content select,
.spx-product-content textarea {
    font-family: inherit;
}

.spx-product-content h2,
.spx-product-content h3,
.spx-product-content h4,
.spx-product-content p,
.spx-product-content ul,
.spx-product-content ol,
.spx-product-content dl,
.spx-product-content figure,
.spx-product-content table {
    margin-top: 0;
}



.spx-section {
    width: 100%;
    margin: 0;
    padding:
        clamp(30px, 4.5vw, 46px)
        0
        0;
    border: 0;
    background: transparent;
}

.spx-section:first-child {
    padding-top: 0;
}

.spx-section-header {
    max-width: 900px;
    margin: 0 0 18px;
}

.spx-section-title {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: clamp(23px, 3vw, 30px);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.012em;
}

.spx-section-intro {
    margin: 0 !important;
    max-width: 860px;

    color: var(--spx-copy);

    font-size: clamp(14.5px, 1.3vw, 16px);
    line-height: 1.72;
}




.spx-subsection {
    margin-top: 22px;
}

.spx-subsection:first-child {
    margin-top: 0;
}

.spx-subtitle {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: clamp(17px, 2vw, 20px);
    font-weight: 720;
    line-height: 1.3;
}

.spx-subsubtitle {
    margin: 16px 0 6px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.spx-copy {
    margin: 0 !important;
    color: var(--spx-copy);
    font-size: 13.5px;
    line-height: 1.68;
}

.spx-copy + .spx-copy {
    margin-top: 9px !important;
}



.spx-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin: 18px 0 0;
    padding: 0;

    border-top: 1px solid var(--spx-line);
    border-bottom: 1px solid var(--spx-line);
}

.spx-fact {
    min-width: 0;
    padding: 12px 0;
}

.spx-fact:nth-child(odd) {
    padding-right: 18px;
}

.spx-fact:nth-child(even) {
    padding-left: 18px;
    border-left: 1px solid var(--spx-line);
}

.spx-fact:nth-child(n+3) {
    border-top: 1px solid var(--spx-line);
}

.spx-fact dt {
    margin: 0 0 3px;
    color: var(--spx-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.4;
}

.spx-fact dd {
    margin: 0;
    color: var(--spx-text);
    font-size: 13px;
    font-weight: 620;
    line-height: 1.5;
}



.spx-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-top: 15px;
    -webkit-overflow-scrolling: touch;
}

.spx-table {
    width: 100%;
    min-width: 620px;

    margin: 0 !important;

    border-collapse: separate;
    border-spacing: 0;

    border: 1px solid var(--spx-line);
    border-radius: 10px;

    background: #fff;
}

.spx-table th,
.spx-table td {
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--spx-line);
    border-left: 1px solid var(--spx-line);

    color: var(--spx-copy);

    font-size: 12px;
    line-height: 1.5;

    text-align: left;
    vertical-align: top;
}

.spx-table th:first-child,
.spx-table td:first-child {
    border-left: 0;
}

.spx-table tr:last-child td {
    border-bottom: 0;
}

.spx-table thead th {
    background: var(--spx-soft);
    color: var(--spx-muted);
    font-size: 10.5px;
    font-weight: 700;
}

.spx-table tbody th {
    color: var(--spx-text);
    font-weight: 680;
}



.spx-link {
    color: var(--spx-primary) !important;
    font-weight: 650;
    text-decoration: none !important;
}

.spx-link:hover,
.spx-link:focus {
    color: var(--spx-primary-hover) !important;
    text-decoration: underline !important;
}

.spx-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 9px 13px;

    border-radius: 8px;

    background: var(--spx-primary);
    color: #fff !important;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;

    text-align: center;
    text-decoration: none !important;
}

.spx-cta:hover,
.spx-cta:focus {
    background: var(--spx-primary-hover);
    color: #fff !important;
    text-decoration: none !important;
}



.spx-decision-matrix {
    overflow: hidden;
    margin-top: 16px;

    border: 1px solid var(--spx-line);
    border-radius: 10px;

    background: #fff;
}

.spx-decision-columns,
.spx-decision-row {
    display: grid;
    grid-template-columns:
        minmax(190px, .72fr)
        minmax(115px, .28fr)
        minmax(280px, 1fr);
    gap: 16px;
}

.spx-decision-columns {
    padding: 9px 14px;
    border-bottom: 1px solid var(--spx-line);

    background: var(--spx-soft);
    color: var(--spx-muted);

    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.4;
}

.spx-decision-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.spx-decision-item {
    margin: 0 !important;
    padding: 0 !important;
}

.spx-decision-item + .spx-decision-item {
    border-top: 1px solid var(--spx-line);
}

.spx-decision-row {
    align-items: start;
    padding: 14px;
}

.spx-decision-question {
    margin: 0 0 3px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.4;
}

.spx-decision-context {
    margin: 0 !important;
    color: var(--spx-muted);
    font-size: 10.5px;
    line-height: 1.45;
}

.spx-assessment {
    display: inline-flex;
    align-items: center;

    min-height: 27px;
    padding: 5px 9px;

    border: 1px solid var(--spx-line-strong);
    border-radius: 999px;

    background: var(--spx-soft);
    color: var(--spx-text);

    font-size: 10.5px;
    font-weight: 680;
    line-height: 1.25;
}

.spx-decision-answer {
    margin: 0 !important;
    color: var(--spx-copy);
    font-size: 12.5px;
    line-height: 1.58;
}



.spx-steps {
    margin: 15px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: spx-step;
}

.spx-step {
    counter-increment: spx-step;
    position: relative;

    margin: 0 !important;
    padding: 11px 0 11px 38px;

    border-top: 1px solid var(--spx-line);

    color: var(--spx-copy);
    font-size: 13px;
    line-height: 1.6;
}

.spx-step:last-child {
    border-bottom: 1px solid var(--spx-line);
}

.spx-step::before {
    content: counter(spx-step);

    position: absolute;
    top: 11px;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    border: 1px solid var(--spx-line-strong);
    border-radius: 50%;

    background: var(--spx-soft);
    color: var(--spx-text);

    font-size: 10.5px;
    font-weight: 750;
    line-height: 1;
}



.spx-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;

    margin-top: 16px;
}

.spx-figure {
    min-width: 0;
    margin: 0 !important;
}

.spx-image-frame {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 16 / 10;

    overflow: hidden;

    border: 1px solid var(--spx-line);
    border-radius: 10px;

    background: var(--spx-soft);
}

.spx-image {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: contain;

    background: var(--spx-soft);
}

.spx-caption {
    margin-top: 7px;
    color: var(--spx-muted);
    font-size: 11.5px;
    line-height: 1.55;
}

.spx-caption strong {
    display: block;
    margin-bottom: 2px;
    color: var(--spx-text);
    font-weight: 700;
}



.spx-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    margin-top: 16px;
}

.spx-group {
    min-width: 0;
}

.spx-list {
    margin: 8px 0 0 !important;
    padding-left: 20px !important;

    color: var(--spx-copy);

    font-size: 13px;
    line-height: 1.62;
}

.spx-list li + li {
    margin-top: 5px;
}



.spx-note {
    margin-top: 15px;
    padding: 12px 14px;

    border-left: 3px solid var(--spx-line-strong);

    background: var(--spx-soft);
}

.spx-note strong {
    color: var(--spx-text);
}

.spx-note p {
    margin: 0 !important;
    color: var(--spx-copy);
    font-size: 12px;
    line-height: 1.58;
}



.spx-key-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 15px;
}

.spx-key-block {
    min-width: 0;
}

.spx-key-label {
    display: block;
    margin-bottom: 5px;

    color: var(--spx-muted);

    font-size: 10.5px;
    font-weight: 680;
    line-height: 1.4;
}

.spx-key {
    display: block;
    width: 100%;

    padding: 10px 11px;

    overflow-wrap: anywhere;

    border: 1px solid var(--spx-line-strong);
    border-radius: 8px;

    background: var(--spx-soft);
    color: var(--spx-text);

    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
}



.spx-alternatives {
    margin-top: 16px;
}

.spx-alternative {
    padding: 14px 0;
    border-top: 1px solid var(--spx-line);
}

.spx-alternative:last-child {
    border-bottom: 1px solid var(--spx-line);
}

.spx-alternative-title {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.4;
}



.spx-faq-list {
    margin-top: 12px;
}

.spx-faq {
    padding: 15px 0;
    border-top: 1px solid var(--spx-line);
}

.spx-faq:last-child {
    border-bottom: 1px solid var(--spx-line);
}

.spx-faq-question {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: var(--spx-text);

    font-family: inherit;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.45;
}

.spx-faq-answer {
    margin: 0 !important;
    color: var(--spx-copy);
    font-size: 13px;
    line-height: 1.65;
}



.spx-meta-note {
    margin: 9px 0 0 !important;
    color: #8a94a3;
    font-size: 10.5px;
    line-height: 1.5;
}



@container (max-width: 760px) {
    .spx-decision-columns {
        display: none;
    }

    .spx-decision-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 14px;
    }

    .spx-decision-status {
        grid-column: 2;
        grid-row: 1;
    }

    .spx-decision-explanation {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@container (max-width: 620px) {
    .spx-facts,
    .spx-groups,
    .spx-gallery,
    .spx-key-grid {
        grid-template-columns: 1fr;
    }

    .spx-fact:nth-child(odd),
    .spx-fact:nth-child(even) {
        padding: 11px 0;
        border-left: 0;
    }

    .spx-fact:nth-child(n+2) {
        border-top: 1px solid var(--spx-line);
    }
}

@container (max-width: 470px) {
    .spx-decision-row {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .spx-decision-status,
    .spx-decision-explanation {
        grid-column: 1;
        grid-row: auto;
    }

    .spx-table {
        min-width: 560px;
    }
}


@media (max-width: 600px) {
    .spx-decision-columns {
        display: none;
    }

    .spx-decision-row {
        grid-template-columns: 1fr;
    }

    .spx-decision-status,
    .spx-decision-explanation {
        grid-column: 1;
        grid-row: auto;
    }

    .spx-gallery,
    .spx-key-grid,
    .spx-groups {
        grid-template-columns: 1fr;
    }
}

.spx-link:focus-visible,
.spx-cta:focus-visible {
    outline: 3px solid rgba(23, 105, 224, .18);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .spx-product-content * {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}




.spx-toc {
    width: 100%;
    margin: 24px 0 34px;
    border: 1px solid var(--spx-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .045);
    overflow: hidden;
}

.spx-toc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--spx-line);
    background: var(--spx-soft);
}

.spx-toc-title-wrap {
    min-width: 0;
}

.spx-toc-title {
    margin: 0 !important;
    color: var(--spx-text);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.spx-toc-description {
    margin: 4px 0 0 !important;
    color: var(--spx-muted);
    font-size: 13px;
    line-height: 1.5;
}

.spx-toc-count {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid var(--spx-line-strong);
    border-radius: 999px;
    background: #fff;
    color: var(--spx-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.spx-toc-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    margin: 0 !important;
    padding: 14px !important;
    list-style: none !important;
    counter-reset: spx-toc;
}

.spx-toc-item {
    counter-increment: spx-toc;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.spx-toc-link {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 9px 12px 9px 9px;
    border: 1px solid var(--spx-line);
    border-radius: 8px;
    background: #fff;
    color: var(--spx-text) !important;
    font-size: 15px;
    font-weight: 620;
    line-height: 1.45;
    text-decoration: none !important;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease, transform .15s ease;
}

.spx-toc-link::before {
    content: counter(spx-toc);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--spx-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
}

.spx-toc-link:hover {
    border-color: #b9ccec;
    background: #f8fbff;
    color: var(--spx-primary) !important;
    transform: translateY(-1px);
}

.spx-toc-link:focus-visible {
    outline: 3px solid rgba(23, 105, 224, .16);
    outline-offset: 2px;
}

.spx-section {
    scroll-margin-top: 90px;
}

@container (max-width: 680px) {
    .spx-toc-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .spx-toc {
        margin-top: 22px;
        margin-bottom: 30px;
        border-radius: 10px;
    }

    .spx-toc-head {
        padding: 13px 14px;
    }

    .spx-toc-list {
        grid-template-columns: 1fr;
        padding: 11px !important;
    }

    .spx-toc-link {
        min-height: 50px;
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 9px 10px 9px 8px;
        font-size: 15px;
    }

    .spx-toc-link::before {
        width: 29px;
        height: 29px;
        font-size: 13px;
    }

    .spx-toc-count {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .spx-toc-link {
        transition: none;
    }

    .spx-toc-link:hover {
        transform: none;
    }
}



.spx-section-intro,
.spx-copy,
.spx-decision-answer,
.spx-list,
.spx-step,
.spx-faq-answer,
.spx-fact dd {
    font-size: inherit !important;
    line-height: 1.7;
}

.spx-fact dt {
    font-size: 13px !important;
    line-height: 1.45;
}

.spx-table th,
.spx-table td {
    font-size: 15px !important;
    line-height: 1.6;
}

.spx-table thead th {
    font-size: 13px !important;
    line-height: 1.45;
}

.spx-decision-columns {
    font-size: 13px !important;
    line-height: 1.45;
}

.spx-decision-question {
    font-size: 16px !important;
    line-height: 1.45;
}

.spx-decision-context,
.spx-assessment {
    font-size: 13px !important;
    line-height: 1.4;
}

.spx-subtitle {
    font-size: clamp(19px, 2vw, 22px) !important;
}

.spx-subsubtitle {
    font-size: 16px !important;
}

.spx-caption {
    font-size: 14px !important;
    line-height: 1.6;
}

.spx-note p {
    font-size: 15px !important;
    line-height: 1.65;
}

.spx-faq-question,
.spx-alternative-title {
    font-size: 17px !important;
    line-height: 1.45;
}

.spx-meta-note {
    font-size: 12.5px !important;
    line-height: 1.55;
}

.spdp-purchase,.spdp-purchase *{box-sizing:border-box}
.spdp-purchase{--spdp-text:#182230;--spdp-copy:#344054;--spdp-muted:#667085;--spdp-line:#e2e7ee;--spdp-line-strong:#cdd6e2;--spdp-primary:#1769e0;--spdp-primary-hover:#1058bd;--spdp-green:#08795b;width:100%;max-width:100%;margin:0 0 32px;color:var(--spdp-text);line-height:1.6;container-type:inline-size}
.spdp-purchase button,.spdp-purchase select{font-family:inherit}
.spdp-purchase h3,.spdp-purchase p,.spdp-purchase ul{margin-top:0}
.spdp-purchase .spdp-panel{width:100%;padding:clamp(18px,3vw,27px);border:1px solid var(--spdp-line);border-radius:15px;background:#fff;box-shadow:0 6px 22px rgba(16,24,40,.045)}
.spdp-purchase .spdp-context{display:flex;align-items:center;gap:7px;margin:0 0 8px!important;color:var(--spdp-primary);font-size:16px;font-weight:700;line-height:1.35}
.spdp-purchase .spdp-context::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
.spdp-purchase .spdp-purchase-intro{margin:0 0 19px!important;color:var(--spdp-muted);font-size:18px;line-height:1.55}
.spdp-purchase .spdp-purchase-controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:end;margin-bottom:14px}
.spdp-purchase .spdp-field{min-width:0}
.spdp-purchase .spdp-label{display:block;margin:0 0 7px;color:var(--spdp-text);font-size:17px;font-weight:600;line-height:1.4}
.spdp-purchase .spdp-os{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.spdp-purchase .spdp-os-button{appearance:none;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--spdp-line-strong);border-radius:8px;background:#fff;color:var(--spdp-copy);font-size:18px;font-weight:600;cursor:pointer}
.spdp-purchase .spdp-os-button[aria-pressed="true"]{border-color:var(--spdp-primary);background:var(--spdp-primary);color:#fff}
.spdp-purchase .spdp-license-select{display:block;width:100%;min-height:44px;padding:9px 38px 9px 12px;border:1px solid var(--spdp-line-strong);border-radius:8px;background:#fff;color:var(--spdp-text);font-size:18px;font-weight:600}
.spdp-purchase .spdp-license-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(185px,.65fr);gap:22px;padding:19px;border:1px solid #cad8ec;border-radius:12px;background:linear-gradient(180deg,#f8faff 0%,#fff 72%)}
.spdp-purchase .spdp-selected-label,.spdp-purchase .spdp-included-title,.spdp-purchase .spdp-price-label{display:block;color:var(--spdp-muted);font-size:15.5px;font-weight:600}
.spdp-purchase .spdp-license-card h3{margin:0 0 9px!important;font-size:clamp(24px,2.5vw,28px);line-height:1.25}
.spdp-purchase .spdp-entitlement-line{margin:0 0 14px!important;color:var(--spdp-copy);font-size:18px;font-weight:600}
.spdp-purchase .spdp-included-title{margin-bottom:7px;font-size:16px}
.spdp-purchase .spdp-benefits{margin:0!important;padding:0!important;list-style:none!important}
.spdp-purchase .spdp-benefits li{position:relative;margin:0!important;padding:4px 0 4px 23px;color:var(--spdp-copy);font-size:17.5px;line-height:1.5}
.spdp-purchase .spdp-benefits li::before{content:"✓";position:absolute;left:0;color:var(--spdp-green);font-weight:700}
.spdp-purchase .spdp-buy-side{padding-left:20px;border-left:1px solid var(--spdp-line)}
.spdp-purchase .spdp-current-price{margin:0 0 8px!important}
.spdp-purchase .spdp-current-price strong{font-size:clamp(33px,5vw,41px);letter-spacing:-.03em}
.spdp-purchase .spdp-current-price span{margin-left:4px;color:var(--spdp-muted);font-size:16px}
.spdp-purchase .spdp-discount-applied{margin:0 0 14px!important;color:var(--spdp-green);font-size:18px;font-weight:800}
.spdp-purchase .spdp-buy-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border-radius:8px;background:var(--spdp-primary);color:#fff!important;font-size:18px;font-weight:700;text-decoration:none!important}
.spdp-purchase .spdp-buy-selection{margin:8px 0 0!important;color:var(--spdp-muted);font-size:15.5px;text-align:center}
.spdp-purchase .spdp-value-note{margin:13px 0 0!important;padding:10px 12px;border-left:3px solid var(--spdp-primary);background:#f7f9fc;color:var(--spdp-copy);font-size:17px;line-height:1.55}
.spdp-purchase .spdp-checkout-note{margin:10px 0 0!important;color:var(--spdp-muted);font-size:16px;line-height:1.55}
.spdp-purchase .spdp-verified{display:flex;justify-content:flex-end;margin-top:9px;color:#8d98a7;font-size:15.5px}
@container (max-width:650px){.spdp-purchase .spdp-license-card{grid-template-columns:1fr}.spdp-purchase .spdp-buy-side{padding:16px 0 0;border-left:0;border-top:1px solid var(--spdp-line)}}
@container (max-width:520px){.spdp-purchase .spdp-purchase-controls{grid-template-columns:1fr}}
@media (max-width:600px){.spdp-purchase .spdp-panel{padding:16px}.spdp-purchase .spdp-purchase-controls,.spdp-purchase .spdp-license-card{grid-template-columns:1fr}.spdp-purchase .spdp-buy-side{padding:16px 0 0;border-left:0;border-top:1px solid var(--spdp-line)}}

.spdp-purchase .spdp-os-button:focus-visible,
.spdp-purchase .spdp-license-select:focus-visible,
.spdp-purchase .spdp-buy-button:focus-visible {
    outline: 3px solid rgba(23, 105, 224, .18);
    outline-offset: 2px;
}