/* /Components/Garantie/Layout/GarantieFooter.razor.rz.scp.css */
.garantie-footer-inner[b-ig7t9v08to] {
    max-width: 1124px;
    margin-inline: auto;
    padding: 2rem 1rem;
}

.garantie-footer-contacts[b-ig7t9v08to] {
    display: grid;
    gap: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #f3f4f6;
    align-items: start;
}

.garantie-footer-contacts section[b-ig7t9v08to] {
    min-width: 0;
}

.garantie-footer-contacts section > * + *[b-ig7t9v08to] {
    margin-top: 0.5rem;
}

.garantie-footer-contacts a[b-ig7t9v08to],
.garantie-footer-contacts p[b-ig7t9v08to] {
    overflow-wrap: anywhere;
    line-height: 1.75;
}

.garantie-footer-contacts a[b-ig7t9v08to] {
    text-align: right;
}

.garantie-footer-meta[b-ig7t9v08to] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    line-height: 1.75;
    text-align: center;
}

.garantie-footer-brand[b-ig7t9v08to] {
    justify-content: center;
}

@media (min-width: 640px) {
    .garantie-footer-inner[b-ig7t9v08to] {
        padding-inline: 1.5rem;
    }

    .garantie-footer-contacts[b-ig7t9v08to] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .garantie-footer-contacts[b-ig7t9v08to] {
        grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.15fr) minmax(0, 1.5fr) minmax(0, 1fr);
        column-gap: 2rem;
    }

    .garantie-footer-meta[b-ig7t9v08to] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 1.5rem;
        text-align: start;
    }

    .garantie-footer-brand[b-ig7t9v08to] {
        justify-content: flex-start;
    }

    .garantie-footer-copyright[b-ig7t9v08to] {
        grid-column: 3;
        text-align: left;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.footer-contacts[b-gue6vb8tb5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 3rem;
}

.footer-contact-card[b-gue6vb8tb5] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-content: start;
    align-items: center;
    gap: 1rem 0.75rem;
    min-width: 0;
}

.footer-contact-content[b-gue6vb8tb5] {
    display: contents;
}

.footer-contact-card h4[b-gue6vb8tb5] {
    margin: 0;
}

.footer-contact-values[b-gue6vb8tb5] {
    grid-column: 1 / -1;
    align-self: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    min-width: 0;
}

.footer-contact-values a[b-gue6vb8tb5],
.footer-contact-values p[b-gue6vb8tb5] {
    max-width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

@media (min-width: 768px) {
    .footer-contacts[b-gue6vb8tb5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .footer-contacts[b-gue6vb8tb5] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 1fr);
        gap: 1.25rem;
        margin-bottom: 4rem;
    }
}
/* /Components/Layout/LoginModal.razor.rz.scp.css */
.login-modal-surface[b-a8qo9f0uii] { border-radius: 2.5rem; }
.login-modal-body[b-a8qo9f0uii] { padding: 2rem 2.25rem; }
.login-header[b-a8qo9f0uii] { text-align: center; margin-bottom: 1.5rem; }
.login-avatar[b-a8qo9f0uii] { width: 4.5rem; height: 4.5rem; margin-bottom: 1.25rem; }
.login-header--password[b-a8qo9f0uii] { margin-bottom: 1.25rem; }
.login-header--password .login-avatar[b-a8qo9f0uii] { width: 3.25rem; height: 3.25rem; margin-bottom: .75rem; }
.login-header--password > .flex[b-a8qo9f0uii] { margin-top: .25rem; }
.login-subtitle[b-a8qo9f0uii] { font-size: .75rem; font-weight: 500; line-height: 1.8; }

.login-modal-body[b-a8qo9f0uii]  .login-entry-form { display: grid; gap: .875rem; }
.login-modal-body[b-a8qo9f0uii]  .login-submit { padding: 1rem; border-radius: 1.25rem; }

.login-method-card[b-a8qo9f0uii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .875rem;
    padding: .75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 1.125rem;
    background: #f8fafc;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.login-method-card--active[b-a8qo9f0uii] { background: #eff6ff; border-color: #bfdbfe; }
.login-method-copy[b-a8qo9f0uii] { display: grid; gap: .125rem; min-width: 0; }
.login-method-title[b-a8qo9f0uii] { font-size: .75rem; font-weight: 800; color: #334155; }
.login-method-hint[b-a8qo9f0uii] { font-size: .625rem; font-weight: 500; line-height: 1.8; color: #64748b; }
.login-method-card--active .login-method-title[b-a8qo9f0uii] { color: #1d4ed8; }

.login-field-group[b-a8qo9f0uii] { display: grid; gap: .4375rem; }
.login-field-label[b-a8qo9f0uii] { margin-inline: .25rem; color: #64748b; font-size: .75rem; font-weight: 700; }
.login-field-wrap[b-a8qo9f0uii] { position: relative; }
.login-field[b-a8qo9f0uii] {
    width: 100%;
    height: 3.375rem;
    padding: 0 3rem;
    border: 1px solid #e2e8f0;
    border-radius: 1.125rem;
    background: #f8fafc;
    color: #0f172a;
    outline: none;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.login-mobile-field[b-a8qo9f0uii] { padding-left: 1rem; font-size: 1.125rem; font-weight: 700; letter-spacing: .035em; }
.login-field[b-a8qo9f0uii]::placeholder { color: #94a3b8; opacity: .8; }
.login-field:focus[b-a8qo9f0uii] { background: #fff; border-color: #93c5fd; box-shadow: 0 0 0 4px rgb(59 130 246 / 8%); }
.login-field:disabled[b-a8qo9f0uii] { opacity: .65; }
.login-field-icon[b-a8qo9f0uii] { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; color: #94a3b8; pointer-events: none; }
.login-field-wrap:focus-within .login-field-icon[b-a8qo9f0uii] { color: #2563eb; }

.login-password-visibility[b-a8qo9f0uii] {
    position: absolute;
    left: .4375rem;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: .75rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.login-password-visibility svg[b-a8qo9f0uii] { width: 1.25rem; height: 1.25rem; }
.login-password-visibility:hover[b-a8qo9f0uii] { color: #2563eb; background: #eff6ff; }
.login-password-visibility:focus-visible[b-a8qo9f0uii], .login-otp-alternative:focus-visible[b-a8qo9f0uii] { outline: 2px solid #2563eb; outline-offset: 2px; }
.login-password-help[b-a8qo9f0uii] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .375rem .75rem; padding-inline: .25rem; font-size: .6875rem; line-height: 1.9; color: #64748b; }
.login-otp-alternative[b-a8qo9f0uii] { padding: 0; border: 0; background: transparent; color: #2563eb; font-weight: 800; cursor: pointer; }
.login-otp-alternative:hover[b-a8qo9f0uii] { color: #1d4ed8; text-decoration: underline; text-underline-offset: .25rem; }
.login-validation-error[b-a8qo9f0uii] { color: #dc2626; font-size: .6875rem; font-weight: 600; line-height: 1.8; padding-inline: .25rem; }
.login-terms[b-a8qo9f0uii] { margin-top: 1.25rem; line-height: 1.9; }

.dark .login-method-card[b-a8qo9f0uii], .dark .login-field[b-a8qo9f0uii] { background: rgb(255 255 255 / 4%); border-color: rgb(255 255 255 / 10%); }
.dark .login-method-card--active[b-a8qo9f0uii] { background: rgb(37 99 235 / 12%); border-color: rgb(96 165 250 / 30%); }
.dark .login-method-title[b-a8qo9f0uii], .dark .login-field[b-a8qo9f0uii] { color: #e2e8f0; }
.dark .login-method-card--active .login-method-title[b-a8qo9f0uii] { color: #93c5fd; }
.dark .login-field:focus[b-a8qo9f0uii] { background: #0f172a; border-color: #3b82f6; }
.dark .login-field-label[b-a8qo9f0uii], .dark .login-method-hint[b-a8qo9f0uii], .dark .login-password-help[b-a8qo9f0uii] { color: #94a3b8; }
.dark .login-otp-alternative[b-a8qo9f0uii] { color: #93c5fd; }

.login-method-switch[b-a8qo9f0uii] {
    appearance: none;
    position: relative;
    width: 2.75rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin: 0;
    border: 0;
    border-radius: 9999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.login-method-switch[b-a8qo9f0uii]::before {
    content: "";
    position: absolute;
    top: .125rem;
    right: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: white;
    transition: transform 150ms ease;
}

.login-method-switch:checked[b-a8qo9f0uii] { background: #2563eb; }
.login-method-switch:checked[b-a8qo9f0uii]::before { transform: translateX(-1.25rem); }
.login-method-switch:focus-visible[b-a8qo9f0uii] { outline: 2px solid #2563eb; outline-offset: 3px; }
.login-method-switch:disabled[b-a8qo9f0uii] { opacity: .5; cursor: default; }

@media (prefers-reduced-motion: reduce) {
    .login-method-switch[b-a8qo9f0uii], .login-method-switch[b-a8qo9f0uii]::before, .login-field[b-a8qo9f0uii], .login-method-card[b-a8qo9f0uii] { transition: none; }
}

@media (max-width: 480px) {
    .login-modal-body[b-a8qo9f0uii] { padding: 1.75rem 1.5rem; }
    .login-modal-surface[b-a8qo9f0uii] { border-radius: 2rem; }
    .login-method-card[b-a8qo9f0uii] { padding-inline: .75rem; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-vovesbkv14] {
    display: none;
    position: fixed;
    z-index: 10050;
    right: 1.25rem;
    bottom: 1.25rem;
    left: auto;
    top: auto;
    width: max-content;
    max-width: calc(100vw - 2rem);
    margin: 0;
    padding: 0.45rem 0.75rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    border: 1px solid rgba(59, 130, 246, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    pointer-events: none;
}

html.dark #components-reconnect-modal[b-vovesbkv14] {
    background: #111;
    color: #fff;
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

@media (max-width: 767px) {
    #components-reconnect-modal[b-vovesbkv14] {
        bottom: 5.5rem;
    }
}

#components-reconnect-modal.components-reconnect-show[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-retrying[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-failed[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-paused[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-resume-failed[b-vovesbkv14] {
    display: inline-flex;
    pointer-events: auto;
}

#components-reconnect-modal p[b-vovesbkv14],
#components-reconnect-modal button[b-vovesbkv14],
#components-reconnect-modal .components-rejoining-animation[b-vovesbkv14] {
    display: none;
    margin: 0;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vovesbkv14] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed #components-reconnect-button[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-paused #components-resume-button[b-vovesbkv14],
#components-reconnect-modal.components-reconnect-resume-failed #components-resume-button[b-vovesbkv14] {
    display: inline-flex;
}

#components-reconnect-modal button[b-vovesbkv14] {
    border: 0;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    background: rgba(59, 130, 246, 0.14);
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}

html.dark #components-reconnect-modal button[b-vovesbkv14] {
    color: #93c5fd;
}

.client-reconnect-spinner[b-vovesbkv14] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    border: 2px solid rgba(59, 130, 246, 0.25);
    border-top-color: #2563eb;
    animation: client-reconnect-spin-b-vovesbkv14 0.7s linear infinite;
}

html.dark .client-reconnect-spinner[b-vovesbkv14] {
    border-color: rgba(147, 197, 253, 0.25);
    border-top-color: #93c5fd;
}

@keyframes client-reconnect-spin-b-vovesbkv14 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Product/ProductDetails.razor.rz.scp.css */
@media (min-width: 64rem) {
    .overview-image[b-9ljbhp8qyq] {
        top: 11rem;
    }
}
/* /Components/Pages/Product/Products.razor.rz.scp.css */
#product-list[b-f9ycnm7mes] {
    scroll-margin-top: 9rem;
}
/* /Components/Pages/UserPanel/ChangePassword.razor.rz.scp.css */
.password-field-label[b-gn9cgjszew] {
    display: block;
    margin-inline: .25rem;
    font-size: .6875rem;
    font-weight: 800;
    color: #64748b;
}

.password-otp-field[b-gn9cgjszew] {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-height: 3rem;
    padding: .3125rem;
    border: 1px solid #f1f5f9;
    border-radius: 1rem;
    background: rgb(255 255 255 / 50%);
    transition: border-color 150ms ease;
}

.password-otp-field:focus-within[b-gn9cgjszew] { border-color: var(--color-primary-500, #3b82f6); }
.password-otp-field[b-gn9cgjszew]  .password-otp-input {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    padding: .5rem .75rem;
    border: 0;
    background: transparent;
    outline: none;
    font-size: .875rem;
    font-weight: 700;
    color: #1f2937;
    text-align: left;
    letter-spacing: .125em;
}

.password-settings[b-gn9cgjszew]  .password-input { min-height: 3rem; font-size: .75rem; }
.password-settings[b-gn9cgjszew]  .password-send-action,
.password-settings[b-gn9cgjszew]  .password-save-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    border: 0;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 800;
    white-space: nowrap;
    transition: background-color 150ms ease, opacity 150ms ease;
}

.password-settings[b-gn9cgjszew]  .password-send-action { flex: 0 0 auto; min-width: 7.5rem; min-height: 2.25rem; padding: .625rem .75rem; border-radius: .75rem; }
.password-settings[b-gn9cgjszew]  .password-save-action { min-height: 2.5rem; padding: .75rem 1.5rem; border-radius: 1rem; box-shadow: 0 4px 12px rgb(59 130 246 / 15%); }
.password-settings[b-gn9cgjszew]  .password-send-action:not(:disabled):hover,
.password-settings[b-gn9cgjszew]  .password-save-action:not(:disabled):hover { filter: brightness(.96); }
.password-settings[b-gn9cgjszew]  .password-send-action:disabled { background: #f1f5f9; color: #94a3b8; }
.password-settings[b-gn9cgjszew]  .password-save-action:disabled { opacity: .6; }
.password-resend-countdown[b-gn9cgjszew] { font-variant-numeric: tabular-nums; }
.password-form-actions[b-gn9cgjszew] { display: flex; justify-content: flex-end; padding-top: .25rem; }
.dark .password-field-label[b-gn9cgjszew] { color: #94a3b8; }
.dark .password-otp-field[b-gn9cgjszew] { background: rgb(255 255 255 / 4%); border-color: rgb(255 255 255 / 10%); }
.dark .password-otp-field[b-gn9cgjszew]  .password-otp-input { color: #e2e8f0; }
.dark .password-settings[b-gn9cgjszew]  .password-send-action:disabled { background: rgb(255 255 255 / 5%); color: #64748b; }

@media (max-width: 480px) {
    .password-settings[b-gn9cgjszew] { padding: 1.5rem; }
    .password-otp-field[b-gn9cgjszew]  .password-otp-input { padding-inline: .5rem; }
    .password-settings[b-gn9cgjszew]  .password-send-action { padding-inline: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .password-otp-field[b-gn9cgjszew],
    .password-settings[b-gn9cgjszew]  .password-send-action,
    .password-settings[b-gn9cgjszew]  .password-save-action { transition: none; }
}
/* /Components/Pages/UserPanel/Guarantees.razor.rz.scp.css */
.guarantees-page[b-kx8yby4nds] { min-width: 0; }
.guarantees-button[b-kx8yby4nds] { padding: .625rem 1.25rem; border: 1px solid #e5e7eb; border-radius: .75rem; background: #fff; color: #374151; font-size: .75rem; font-weight: 700; transition: background .15s, border-color .15s; }
.guarantees-button:hover:not(:disabled)[b-kx8yby4nds] { background: #eff4ff; border-color: #275fe0; color: #275fe0; }
.guarantees-button:disabled[b-kx8yby4nds] { opacity: .4; cursor: default; }
.guarantees-button:focus-visible[b-kx8yby4nds] { outline: 2px solid #275fe0; outline-offset: 3px; }
.guarantees-message[b-kx8yby4nds] { padding: 2rem; border: 1px solid #e5e7eb; border-radius: 1rem; background: #fff; color: #6b7280; text-align: center; font-size: .875rem; }
.guarantees-button:where(.dark, .dark *)[b-kx8yby4nds], .guarantees-message:where(.dark, .dark *)[b-kx8yby4nds] { background: #111827; border-color: #374151; color: #d1d5db; }

.guarantees-list[b-kx8yby4nds] { display: flex; flex-direction: column; gap: 2rem; }
/* /Components/Pages/UserPanel/GuaranteeTrackingCard.razor.rz.scp.css */
.guarantee-case[b-3842lb983w] {
    --case-surface: #fff; --case-border: #f3f4f6; --case-line: #e5e7eb;
    --case-fg: #101828; --case-muted: #6a7282; --case-subtle: #99a1af;
    --case-soft: #f3f4f6; --case-brand-soft: #eff3ff; --case-brand-line: #b5c6ff;
    color: var(--case-fg); min-width: 0;
    border: 1px solid var(--case-line); border-inline-start: 4px solid #315efb;
    border-radius: 1.5rem; overflow: hidden; background: var(--case-surface);
    container-type: inline-size;
    box-shadow: 0 8px 32px rgb(16 24 40 / 6%);
}
.case-summary[b-3842lb983w], .case-history[b-3842lb983w] { border: 0; border-radius: 0; padding: 1.5rem; }
.case-summary[b-3842lb983w] { padding-bottom: 0; }
.case-summary dl[b-3842lb983w] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1rem; margin: 0; }
.case-summary dl > div[b-3842lb983w] { display: flex; flex-direction: column; gap: .375rem; min-width: 0; }
.case-summary dt[b-3842lb983w] { color: var(--case-subtle); font-size: .6875rem; font-weight: 700; }
.case-summary dd[b-3842lb983w] { margin: 0; font-size: 1rem; font-weight: 700; overflow-wrap: anywhere; }
.case-summary dd.summary-date[b-3842lb983w] { font-size: .875rem; }
.status-badge[b-3842lb983w], .current-badge[b-3842lb983w] { display: inline-flex; align-items: center; border-radius: .375rem; padding: .25rem .625rem; font-size: .75rem; font-weight: 700; }
.status-badge.active[b-3842lb983w] { background: #fffbeb; color: #945800; }
.status-badge.closed[b-3842lb983w] { background: var(--case-soft); color: var(--case-muted); }
.case-summary[b-3842lb983w] { background: transparent; }
.case-history[b-3842lb983w] { margin-top: 0; padding-top: 2.75rem; }
.case-history header[b-3842lb983w] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--case-border); }
.case-history h2[b-3842lb983w] { margin: 0; font-size: 1.125rem; font-weight: 700; }
.case-history header > span[b-3842lb983w] { color: var(--case-subtle); font-size: .75rem; }
.case-timeline[b-3842lb983w] { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 1.5rem 0 0; }
.case-step[b-3842lb983w] { display: grid; position: relative; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: 1rem; padding-bottom: 1.75rem; }
.case-step:last-child[b-3842lb983w] { padding-bottom: 0; }
.case-step:not(:last-child)[b-3842lb983w]::before { content: ''; position: absolute; inset-inline-start: calc(1.125rem - .5px); top: 2.5rem; bottom: .25rem; width: 1px; background: var(--case-line); }
.step-marker[b-3842lb983w] { z-index: 1; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #00bc7d; color: #fff; }
.step-marker svg[b-3842lb983w] { width: 1rem; height: 1rem; }
[data-state=current] > .step-marker[b-3842lb983w] { background: #315efb; box-shadow: 0 0 0 4px #a8bfff; }
.step-body[b-3842lb983w] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; min-width: 0; padding-top: .375rem; }
[data-state=current] > .step-body[b-3842lb983w] { padding: 1rem; border: 1px solid var(--case-brand-line); border-radius: 1rem; background: var(--case-brand-soft); min-height: 5.125rem; }
.step-body h3[b-3842lb983w] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; font-size: .875rem; line-height: 1.5rem; font-weight: 700; }
[data-state=current] h3[b-3842lb983w], [data-state=current] .step-time[b-3842lb983w] { color: #315efb; }
.current-badge[b-3842lb983w] { background: #315efb; color: #fff; padding: 0 .5rem; font-size: .6875rem; line-height: 1.25rem; }
.step-description[b-3842lb983w] { color: var(--case-muted); font-size: .75rem; line-height: 1.25rem; margin: .25rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.step-time[b-3842lb983w] { flex-shrink: 0; color: var(--case-subtle); font-size: .6875rem; line-height: 1.5rem; }
.expert-reply[b-3842lb983w] { grid-column: 2; display: flex; gap: .5rem; align-items: flex-start; margin-top: 1rem; padding: 1rem; background: var(--case-soft); border-radius: .75rem; color: var(--case-muted); font-size: .875rem; line-height: 1.5rem; }
.expert-reply svg[b-3842lb983w] { width: 1.25rem; height: 1.25rem; flex-shrink: 0; margin-top: .125rem; }
.expert-reply p[b-3842lb983w] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.expert-reply strong[b-3842lb983w] { color: var(--case-fg); }
@container (min-width: 700px) {
    .case-summary dl[b-3842lb983w] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .case-summary dl > div + div[b-3842lb983w] { border-inline-start: 1px solid var(--case-border); padding-inline-start: 1.5rem; }
}
@media (max-width: 639px) {
    .case-summary[b-3842lb983w], .case-history[b-3842lb983w] { padding: 1rem; }
    .case-summary[b-3842lb983w] { padding-bottom: 0; }
    .case-history[b-3842lb983w] { padding-top: 1.75rem; }
    .step-body[b-3842lb983w] { flex-direction: column; gap: .5rem; }
    .case-history h2[b-3842lb983w] { font-size: 1rem; }
    .case-history header > span[b-3842lb983w] { font-size: .6875rem; }
}
.guarantee-case:where(.dark, .dark *)[b-3842lb983w] {
    --case-surface: #111827; --case-border: #1f2937; --case-line: #374151;
    --case-fg: #f3f4f6; --case-muted: #9ca3af; --case-subtle: #9ca3af;
    --case-soft: #1f2937; --case-brand-soft: #101e3a; --case-brand-line: #133584;
}