.price-api {
    --price-api-accent: #0f766e;
    --price-api-accent-dark: #0b6f63;
    --price-api-accent-light: #ecfdf5;
    --price-api-assurance-border: #99f6e4;
    --price-api-assurance-icon-bg: #d1fae5;
    --price-api-bg: #ffffff;
    --price-api-border: #e2e8f0;
    --price-api-detail-head-bg: #f8fafc;
    --price-api-detail-head-text: #64748b;
    --price-api-badge-bg: #ecfdf5;
    --price-api-badge-text: #0b6f63;
    --price-api-muted: #475569;
    --price-api-muted-soft: #64748b;
    --price-api-pill-border: #d1fae5;
    --price-api-row-border: #f1f5f9;
    --price-api-row-hover: rgba(248, 250, 252, .85);
    --price-api-shadow: 0 12px 34px rgba(15, 23, 42, .04);
    --price-api-soft: #f8fafc;
    --price-api-surface: #ffffff;
    --price-api-text: #0f172a;
    color: var(--price-api-text);
    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    .price-api {
        --price-api-accent: #2dd4bf;
        --price-api-accent-dark: #99f6e4;
        --price-api-accent-light: #134e4a;
        --price-api-assurance-border: #115e59;
        --price-api-assurance-icon-bg: #134e4a;
        --price-api-bg: #020617;
        --price-api-border: #334155;
        --price-api-detail-head-bg: #111827;
        --price-api-detail-head-text: #cbd5e1;
        --price-api-badge-bg: #134e4a;
        --price-api-badge-text: #ccfbf1;
        --price-api-muted: #cbd5e1;
        --price-api-muted-soft: #94a3b8;
        --price-api-pill-border: #115e59;
        --price-api-row-border: #1e293b;
        --price-api-row-hover: rgba(30, 41, 59, .72);
        --price-api-shadow: 0 16px 38px rgba(2, 6, 23, .28);
        --price-api-soft: #111827;
        --price-api-surface: #0f172a;
        --price-api-text: #f8fafc;
        color-scheme: dark;
    }
}

:where(.light, .is-light, [data-theme="light"], [data-color-scheme="light"]) .price-api {
    --price-api-accent: #0f766e;
    --price-api-accent-dark: #0b6f63;
    --price-api-accent-light: #ecfdf5;
    --price-api-assurance-border: #99f6e4;
    --price-api-assurance-icon-bg: #d1fae5;
    --price-api-bg: #ffffff;
    --price-api-border: #e2e8f0;
    --price-api-detail-head-bg: #f8fafc;
    --price-api-detail-head-text: #64748b;
    --price-api-badge-bg: #ecfdf5;
    --price-api-badge-text: #0b6f63;
    --price-api-muted: #475569;
    --price-api-muted-soft: #64748b;
    --price-api-pill-border: #d1fae5;
    --price-api-row-border: #f1f5f9;
    --price-api-row-hover: rgba(248, 250, 252, .85);
    --price-api-shadow: 0 12px 34px rgba(15, 23, 42, .04);
    --price-api-soft: #f8fafc;
    --price-api-surface: #ffffff;
    --price-api-text: #0f172a;
    color-scheme: light;
}

:where(.dark, .is-dark, [data-theme="dark"], [data-color-scheme="dark"]) .price-api {
    --price-api-accent: #2dd4bf;
    --price-api-accent-dark: #99f6e4;
    --price-api-accent-light: #134e4a;
    --price-api-assurance-border: #115e59;
    --price-api-assurance-icon-bg: #134e4a;
    --price-api-bg: #020617;
    --price-api-border: #334155;
    --price-api-detail-head-bg: #111827;
    --price-api-detail-head-text: #cbd5e1;
    --price-api-badge-bg: #134e4a;
    --price-api-badge-text: #ccfbf1;
    --price-api-muted: #cbd5e1;
    --price-api-muted-soft: #94a3b8;
    --price-api-pill-border: #115e59;
    --price-api-row-border: #1e293b;
    --price-api-row-hover: rgba(30, 41, 59, .72);
    --price-api-shadow: 0 16px 38px rgba(2, 6, 23, .28);
    --price-api-soft: #111827;
    --price-api-surface: #0f172a;
    --price-api-text: #f8fafc;
    color-scheme: dark;
}

.price-api *,
.price-api *::before,
.price-api *::after {
    box-sizing: border-box;
}

.price-api p {
    margin: 0;
    color: var(--price-api-muted);
    line-height: 1.65;
}

.price-api__assurance {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1.35rem 1.5rem;
    border: 1px solid var(--price-api-assurance-border);
    border-radius: .5rem;
    background: var(--price-api-accent-light);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}

.price-api__assurance-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .5rem;
    background: var(--price-api-assurance-icon-bg);
    color: var(--price-api-accent-dark);
}

.price-api__assurance strong {
    display: block;
    margin-bottom: .2rem;
    font-size: 1.05rem;
    line-height: 1.4;
}

.price-api__badge {
    flex: none;
    padding: .28rem .62rem;
    border: 1px solid var(--price-api-badge-bg);
    border-radius: 999px;
    background: var(--price-api-badge-bg);
    color: var(--price-api-badge-text);
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.2;
}

.price-api__price {
    color: var(--price-api-text);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.35;
}

.price-api__unit {
    color: var(--price-api-muted-soft);
    font-size: .82rem;
    font-weight: 500;
}

.price-api__warranty {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: var(--price-api-accent-dark);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.35;
}

.price-api__warranty::before {
    width: .42rem;
    height: .42rem;
    margin-right: .4rem;
    border-radius: 999px;
    background: var(--price-api-accent);
    content: "";
}

.price-api__table-shell {
    margin-top: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--price-api-border);
    border-radius: .5rem;
    background: var(--price-api-surface);
    box-shadow: var(--price-api-shadow);
}

.price-api__detail-list {
    width: 100%;
}

.price-api__detail-head,
.price-api__detail-row {
    display: grid;
    grid-template-columns: minmax(20rem, 1.15fr) minmax(9rem, .45fr) minmax(16rem, .8fr);
    gap: 1.5rem;
}

.price-api__detail-head {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--price-api-border);
    background: var(--price-api-detail-head-bg);
    color: var(--price-api-detail-head-text);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.price-api__detail-row {
    padding: 1.4rem 1.5rem;
    border-top: 1px solid var(--price-api-row-border);
    transition: background-color .18s ease;
}

.price-api__detail-head + .price-api__detail-row {
    border-top: 0;
}

.price-api__detail-row:hover {
    background: var(--price-api-row-hover);
}

.price-api__detail-service,
.price-api__detail-note {
    min-width: 0;
}

.price-api__detail-service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .55rem;
}

.price-api__title-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.price-api__title-line strong {
    color: var(--price-api-text);
    font-size: .96rem;
    line-height: 1.45;
}

.price-api__detail-service > p,
.price-api__detail-note > p {
    font-size: .88rem;
}

.price-api__detail-note .price-api__note {
    margin-top: .5rem;
    color: var(--price-api-muted-soft);
    font-size: .8rem;
}

.price-api__detail-note .price-api__note strong {
    color: var(--price-api-text);
}

.price-api__detail-note .price-api__warranty {
    margin-top: .65rem;
}

.price-api__detail-row > .price-api__price {
    align-self: start;
    white-space: normal;
}

.price-api__mobile-label {
    display: none;
}

.price-api__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1rem 0 0;
}

.price-api__footer > p {
    max-width: 42rem;
    font-size: .9rem;
}

.price-api__button {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3rem;
    padding: .75rem 1.15rem;
    border-radius: .5rem;
    background: var(--price-api-accent);
    color: #fff !important;
    font-size: .875rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.price-api__button:hover {
    background: var(--price-api-accent-dark);
    box-shadow: 0 12px 24px rgba(15, 118, 110, .2);
    transform: translateY(-2px);
}

.price-api__empty {
    padding: 1.25rem;
    border: 1px solid var(--price-api-border);
    border-radius: .5rem;
    background: var(--price-api-surface);
}

@media (max-width: 767px) {
    .price-api__assurance {
        align-items: start;
        padding: 1.1rem;
    }

    .price-api__assurance-icon {
        width: 2.4rem;
        height: 2.4rem;
    }

    .price-api__assurance strong {
        font-size: .95rem;
    }

    .price-api__assurance p {
        font-size: .84rem;
        line-height: 1.55;
    }

    .price-api__table-shell {
        margin-top: 1rem;
    }

    .price-api__detail-head {
        display: none;
    }

    .price-api__detail-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .85rem 1rem;
        padding: 1.15rem 1rem;
    }

    .price-api__detail-service {
        grid-column: 1;
        grid-row: 1;
    }

    .price-api__detail-note {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .price-api__detail-row > .price-api__price {
        grid-column: 2;
        grid-row: 1;
        max-width: 8.8rem;
        padding: .42rem .62rem;
        border: 1px solid var(--price-api-pill-border);
        border-radius: 999px;
        background: var(--price-api-accent-light);
        color: var(--price-api-accent-dark);
        font-size: .88rem;
        text-align: right;
    }

    .price-api__mobile-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .price-api__footer {
        display: grid;
        gap: 1rem;
    }

    .price-api__button {
        width: 100%;
        min-height: 3.5rem;
        border-radius: .75rem;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .price-api__detail-head,
    .price-api__detail-row {
        grid-template-columns: minmax(16rem, 1fr) minmax(8rem, .45fr) minmax(12rem, .75fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .price-api__button {
        transition: none;
    }
}