.cert-offer,
.cert-offer--certificate {
    --cert-offer-accent: var(--cert-format-certificate-accent, #0f7680);
    --cert-offer-tint: var(--cert-format-certificate-tint, #ecf8f9);
    --cert-offer-ink: var(--cert-format-certificate-ink, #08545c);
}

.cert-offer {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
    text-align: left;
    color: var(--checkout-text, #2d2618);
}

.cert-offer--cloud {
    --cert-offer-accent: var(--cert-format-cloud-accent, #247dcc);
    --cert-offer-tint: var(--cert-format-cloud-tint, #edf5fd);
    --cert-offer-ink: var(--cert-format-cloud-ink, #165b99);
}

.cert-offer--file {
    --cert-offer-accent: var(--cert-format-file-accent, #168263);
    --cert-offer-tint: var(--cert-format-file-tint, #edf8f3);
    --cert-offer-ink: var(--cert-format-file-ink, #116147);
}

.cert-offer--token {
    --cert-offer-accent: var(--cert-format-token-accent, #7552b8);
    --cert-offer-tint: var(--cert-format-token-tint, #f4effa);
    --cert-offer-ink: var(--cert-format-token-ink, #553485);
}

.cert-offer--card {
    --cert-offer-accent: var(--cert-format-card-accent, #b5631c);
    --cert-offer-tint: var(--cert-format-card-tint, #fff5eb);
    --cert-offer-ink: var(--cert-format-card-ink, #85450f);
}

.cert-offer__illustration {
    display: block;
    width: 66px;
    color: var(--cert-offer-accent);
}

.cert-offer__illustration svg {
    display: block;
    width: 100%;
    height: auto;
}

.cert-offer__body { display: block; min-width: 0; }

.cert-offer .cert-offer__title {
    display: block;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: inherit;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
}

.cert-offer__description {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--checkout-muted, #6f6658);
}

.cert-offer__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 7px;
    margin-top: 9px;
}

.cert-offer__facts:empty { display: none; }

.cert-offer__fact {
    padding: 4px 8px;
    border: 1px solid var(--checkout-border, #ddd2bd);
    border-radius: 5px;
    background: var(--checkout-surface, #fff);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--checkout-text, #2d2618);
}

.cert-offer__fact--usage { font-weight: 700; }

.cert-offer__fact--format {
    border-color: var(--cert-offer-accent);
    background: var(--cert-offer-tint);
    color: var(--cert-offer-ink);
}

.sv2-live-catalog .sv2-catalog-select__option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 17px 36px 17px 12px;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.sv2-live-catalog .sv2-catalog-select__price { font-size: 17px; }

.sv2-live-catalog .sv2-catalog-select__option:focus-visible {
    outline: 3px solid var(--checkout-secondary-1, #594a2d);
    outline-offset: 3px;
}

.sv2-live-catalog .sv2-catalog-select__option.is-selected .cert-offer__illustration {
    animation: certOfferSelected .24s ease-out;
}

.checkout-certificate-card .cert-offer {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    margin-top: 9px;
}

.checkout-certificate-card .cert-offer__illustration { width: 52px; }
.checkout-certificate-card .cert-offer__facts { gap: 5px; }
.loja-checkout-card .cert-offer { margin-bottom: 14px; }

@keyframes certOfferSelected {
    from { transform: scale(.92); }
    to { transform: scale(1); }
}

@media (max-width: 1199px) {
    .sv2-live-catalog .sv2-catalog-select__option { grid-template-columns: minmax(0, 1fr); }
    .sv2-live-catalog .sv2-catalog-select__price { margin-left: 80px; }
}

@media (max-width: 480px) {
    .cert-offer { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; }
    .cert-offer__illustration { width: 48px; }
    .cert-offer .cert-offer__title { font-size: 15px; }
    .sv2-live-catalog .sv2-catalog-select__option { padding: 14px 32px 14px 10px; gap: 10px; }
    .sv2-live-catalog .sv2-catalog-select__price { margin-left: 58px; }
}

@media (prefers-reduced-motion: reduce) {
    .sv2-live-catalog .sv2-catalog-select__option,
    .sv2-live-catalog .sv2-catalog-select__option.is-selected .cert-offer__illustration {
        animation: none;
        transition: none;
        transform: none;
    }
}