#client-v26-sections-aeris-body {
        --aeris-agent-primary: var(--color-primary-default, #7256F6);
        --aeris-agent-primary-dark: var(--color-primary-dark, #533EB2);
        --aeris-agent-primary-rgb: 114, 86, 246;
        --aeris-agent-accent: #B1A0FF;
        --aeris-agent-accent-rgb: 177, 160, 255;
        --aeris-agent-surface: var(--color-purple-10, #F6F4FF);
        --aeris-agent-surface-strong: var(--color-purple-20, #ECE8FF);
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow: auto;
    }

    #client-v26-sections-aeris-body__content {
        position: relative;
        flex: 1;
        overflow-y: auto;
        overscroll-behavior: contain;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 0 12px;
    }

    #client-v26-sections-aeris-body__content[data-mode="welcome"]::before {
        content: '';
        pointer-events: none;
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background:
            radial-gradient(circle at 50% 42%, rgba(var(--aeris-agent-primary-rgb), 0.34) 0%, rgba(var(--aeris-agent-primary-rgb), 0.16) 22%, transparent 55%),
            radial-gradient(circle at 30% 35%, rgba(var(--aeris-agent-accent-rgb), 0.22) 0%, transparent 60%),
            radial-gradient(circle at 70% 60%, rgba(var(--aeris-agent-accent-rgb), 0.14) 0%, transparent 45%);
        z-index: 0;
        will-change: opacity;
        animation: aeris-welcome-orb 6s ease-in-out infinite;
    }

    #client-v26-sections-aeris-body__content[data-mode="welcome"] > * {
        position: relative;
        z-index: 1;
    }

    #client-v26-sections-aeris-body__content:not([data-mode="welcome"]) #client-v26-sections-aeris-body__welcome {
        display: none;
    }

    #client-v26-sections-aeris-body__content:not([data-mode="loading"]) .client-v26-sections-aeris-body__loading,
    #client-v26-sections-aeris-body__content:not([data-mode="loading"]) > #client-v26-sections-aeris-body__loading {
        display: none;
    }

    #client-v26-sections-aeris-body__welcome {
        flex: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
    }

    #client-v26-sections-aeris-body__welcome h3 {
        color: var(--color-text-primary);
        text-align: center;
        font-family: var(--font-serif);
        font-size: 22px;
        font-weight: 400;
        line-height: 120%;
    }

    #client-v26-sections-aeris-body__welcome ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-top: 4px;
    }

    #client-v26-sections-aeris-body__welcome li {
        display: inline-flex;
        flex-direction: row;
        gap: 6px;
        padding: 7px 12px;
        border-radius: 16px;
        background-color: var(--color-tag-background-purple);
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__welcome li img {
        width: 20px;
        height: 20px;
        aspect-ratio: 1/1;
        border-radius: 99px;
    }

    #client-v26-sections-aeris-body__welcome li p {
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    #client-v26-sections-aeris-body__welcome h4 {
        color: var(--color-text-placeholder);
        text-align: center;
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #client-v26-sections-aeris-body__welcome h4:empty {
        display: none;
    }

    .client-v26-sections-aeris-body__loading,
    #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading {
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
        gap: 8px;
        width: fit-content;
        max-width: min(92%, 320px);
        padding: 9px 11px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.16);
        border-radius: 999px;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 244, 255, 0.82)),
            radial-gradient(circle at 0% 0%, rgba(var(--aeris-agent-accent-rgb), 0.16), transparent 42%);
        box-shadow: 0 8px 22px rgba(22, 22, 22, 0.08);
    }

    .client-v26-sections-aeris-body__loading::before,
    #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::before {
        content: '';
        z-index: 1;
        display: inline-flex;
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
        border-radius: 7px;
        background:
            linear-gradient(135deg, #161616, var(--aeris-agent-primary)),
            radial-gradient(circle at 32% 32%, rgba(255, 255, 255, 0.72), transparent 30%);
        box-shadow:
            0 5px 14px rgba(var(--aeris-agent-primary-rgb), 0.24),
            inset 0 0 0 1px rgba(255, 255, 255, 0.38);
        animation: aeris-agent-core 2.4s ease-in-out infinite;
    }

    .client-v26-sections-aeris-body__loading::after,
    #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
        transform: translateX(-90%);
        animation: aeris-agent-scan 2.5s ease-in-out infinite;
    }

    .client-v26-sections-aeris-body__loading div,
    #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading div {
        flex: 0 1 auto;
        position: relative;
        z-index: 1;
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }

    #client-v26-sections-aeris-body__messages {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .client-v26-sections-aeris-body__question {
        display: inline-flex;
        align-self: flex-end;
        align-items: center;
        max-width: 280px;
        padding: 11px 12px;
        border-radius: 12px;
        background-color: var(--color-background-default);
        overflow: hidden;
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .client-v26-sections-aeris-body__question[data-has-image="true"] {
        display: grid;
        width: min(280px, 78vw);
        gap: 8px;
        padding: 8px;
    }

    .client-v26-sections-aeris-body__question img {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        border-radius: 9px;
        object-fit: cover;
        background-color: var(--color-background-subtle);
    }

    .client-v26-sections-aeris-body__question img[data-saved="true"] {
        display: none;
    }

    .client-v26-sections-aeris-body__question span {
        display: block;
        padding: 0 4px 2px;
    }

    .client-v26-sections-aeris-body__answer {
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    /* Message actions use their own SVG geometry instead of text glyphs. This
       keeps the copy/retry controls visually stable across system fonts and
       gives each action a comfortable, separate hit area. */
    .aeris-agent__message-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
        padding-left: 0;
        min-height: 32px;
    }

    .aeris-agent__message-actions button {
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 32px;
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #96979d;
        font-size: 0;
        line-height: 0;
        letter-spacing: normal;
        vertical-align: middle;
        cursor: pointer;
        transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
    }

    .aeris-agent__message-actions button:hover {
        background: #f3f3f4;
        color: #5f6065;
    }

    .aeris-agent__message-actions button:active {
        background: #e9e9eb;
        transform: scale(0.96);
    }

    .aeris-agent__message-actions button:focus-visible {
        outline: 2px solid rgba(114, 86, 246, 0.3);
        outline-offset: 2px;
    }

    .aeris-agent__message-action-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        line-height: 0;
    }

    .aeris-agent__message-action-icon svg {
        display: block;
        width: 20px;
        height: 20px;
        max-width: none;
        max-height: none;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.75;
        stroke-linecap: round;
        stroke-linejoin: round;
        overflow: visible;
    }

    .aeris-agent__message-action-icon--check {
        display: none;
    }

    .aeris-agent__message-actions button.is-copied .aeris-agent__message-action-icon--copy {
        display: none;
    }

    .aeris-agent__message-actions button.is-copied .aeris-agent__message-action-icon--check {
        display: inline-flex;
        color: #7256f6;
    }

    .client-v26-sections-aeris-body__products {
        display: grid;
        grid-template-columns: repeat(auto-fill, 140px);
        gap: 16px;
        justify-items: start;
        padding: 12px 0;
    }

    .client-v26-sections-aeris-body__products .ds-v26-skeleton {
        width: 100%;
        aspect-ratio: 2 / 3;
        border-radius: 12px;
    }

    .client-v26-sections-aeris-body__agent-status {
        position: relative;
        display: grid;
        grid-template-columns: 34px 1fr;
        align-items: center;
        gap: 10px;
        width: 100%;
        overflow: hidden;
        padding: 11px 12px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.18);
        border-radius: 14px;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 244, 255, 0.82)),
            radial-gradient(circle at 12% 18%, rgba(var(--aeris-agent-accent-rgb), 0.18), transparent 30%),
            radial-gradient(circle at 95% 0%, rgba(22, 22, 22, 0.08), transparent 32%);
        box-shadow:
            0 9px 26px rgba(22, 22, 22, 0.09),
            0 12px 28px rgba(var(--aeris-agent-primary-rgb), 0.18);
        animation: aeris-agent-card-in 320ms ease-out both;
    }

    .client-v26-sections-aeris-body__agent-status::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
            linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.84), transparent),
            repeating-linear-gradient(90deg, rgba(var(--aeris-agent-primary-rgb), 0.08) 0 1px, transparent 1px 13px);
        background-size: 120px 100%, 13px 100%;
        opacity: 0.55;
        transform: translateX(-72%);
        animation: aeris-agent-scan 2.7s ease-in-out infinite;
    }

    .client-v26-sections-aeris-body__agent-status::after {
        content: '';
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 7px;
        z-index: 1;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--aeris-agent-primary), var(--aeris-agent-accent), #161616, var(--aeris-agent-primary));
        background-size: 220% 100%;
        opacity: 0.88;
        animation: aeris-agent-progress 1.9s linear infinite;
        box-shadow: 0 0 8px rgba(var(--aeris-agent-primary-rgb), 0.45);
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] {
        grid-template-columns: 22px auto;
        width: fit-content;
        max-width: 100%;
        gap: 8px;
        padding: 7px 10px 7px 8px;
        border-radius: 999px;
        border-color: rgba(var(--aeris-agent-primary-rgb), 0.18);
        background:
            linear-gradient(135deg, #ffffff, var(--aeris-agent-surface)),
            radial-gradient(circle at 100% 0%, rgba(var(--aeris-agent-primary-rgb), 0.14), transparent 34%);
        box-shadow: 0 4px 14px rgba(22, 22, 22, 0.05);
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"]::before,
    .client-v26-sections-aeris-body__agent-status[data-state="done"]::after {
        display: none;
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit {
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.18);
        box-shadow:
            0 5px 14px rgba(var(--aeris-agent-primary-rgb), 0.1),
            inset 0 0 0 4px rgba(var(--aeris-agent-primary-rgb), 0.08);
        animation: none;
    }

    .client-v26-sections-aeris-body__agent-orbit {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        width: 30px;
        height: 30px;
        border-radius: 12px;
        background:
            linear-gradient(135deg, rgba(22, 22, 22, 0.94), rgba(var(--aeris-agent-primary-rgb), 0.94)),
            radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.7), transparent 28%);
        box-shadow:
            0 6px 16px rgba(var(--aeris-agent-primary-rgb), 0.24),
            0 0 22px rgba(var(--aeris-agent-primary-rgb), 0.32),
            inset 0 0 0 1px rgba(255, 255, 255, 0.36);
        animation: aeris-agent-core 2.6s ease-in-out infinite;
    }

    .client-v26-sections-aeris-body__agent-orbit span {
        position: relative;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow:
            -8px -5px 0 -2px rgba(255, 255, 255, 0.76),
            8px 5px 0 -2px rgba(255, 255, 255, 0.76),
            0 0 0 5px rgba(255, 255, 255, 0.12);
        animation: aeris-agent-node 1.35s ease-in-out infinite;
    }

    .client-v26-sections-aeris-body__agent-orbit span::before,
    .client-v26-sections-aeris-body__agent-orbit span::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 1px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.54);
        transform-origin: left center;
    }

    .client-v26-sections-aeris-body__agent-orbit span::before {
        transform: rotate(32deg) translateX(-50%);
    }

    .client-v26-sections-aeris-body__agent-orbit span::after {
        transform: rotate(-148deg) translateX(-50%);
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span {
        width: 11px;
        height: 6px;
        border-radius: 0;
        border-left: 2px solid var(--aeris-agent-primary);
        border-bottom: 2px solid var(--aeris-agent-primary);
        background: transparent;
        box-shadow: none;
        transform: rotate(-45deg);
        animation: none;
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span::before,
    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span::after {
        display: none;
    }

    .client-v26-sections-aeris-body__agent-copy {
        display: flex;
        position: relative;
        z-index: 2;
        min-width: 0;
        flex-direction: column;
        gap: 8px;
    }

    .client-v26-sections-aeris-body__agent-copy strong {
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .client-v26-sections-aeris-body__agent-copy ol {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        counter-reset: aeris-agent-step;
    }

    .client-v26-sections-aeris-body__agent-copy li {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        padding: 4px 8px;
        border-radius: 999px;
        background-color: rgba(255, 255, 255, 0.74);
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.08);
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        box-shadow: 0 2px 8px rgba(22, 22, 22, 0.04);
        overflow-wrap: anywhere;
    }

    .client-v26-sections-aeris-body__agent-copy li::before {
        content: '';
        width: 5px;
        height: 5px;
        flex: 0 0 5px;
        border-radius: 50%;
        background-color: var(--aeris-agent-accent);
        box-shadow: 0 0 0 4px rgba(var(--aeris-agent-accent-rgb), 0.1);
        animation: aeris-agent-dot 1.2s ease-in-out infinite;
        animation-delay: calc(var(--aeris-step-index, 0) * 120ms);
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-copy {
        gap: 0;
    }

    .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-copy ol {
        display: none;
    }

    .client-v26-sections-aeris-body__agent-brief {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 9px;
        padding: 12px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.12);
        border-radius: 12px;
        background:
            linear-gradient(135deg, rgba(var(--aeris-agent-primary-rgb), 0.08), rgba(255, 255, 255, 0) 46%),
            var(--color-background-default);
        box-shadow: 0 12px 28px rgba(22, 22, 22, 0.05);
        animation: aeris-agent-section-in 280ms ease-out both;
    }

    .client-v26-sections-aeris-body__agent-brief-main {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3px 8px;
        min-width: 0;
    }

    .client-v26-sections-aeris-body__agent-brief-main span {
        display: inline-flex;
        align-items: center;
        grid-row: 1 / span 2;
        align-self: start;
        height: 20px;
        padding: 0 7px;
        border-radius: 999px;
        background-color: var(--aeris-agent-surface);
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 10px;
        font-weight: 600;
        line-height: 12px;
        text-transform: uppercase;
    }

    .client-v26-sections-aeris-body__agent-brief-main strong {
        min-width: 0;
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .client-v26-sections-aeris-body__agent-brief-main p {
        min-width: 0;
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }

    .client-v26-sections-aeris-body__agent-brief-signals {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .client-v26-sections-aeris-body__agent-brief-signals span {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        min-height: 24px;
        padding: 5px 8px;
        border-radius: 999px;
        background-color: rgba(22, 22, 22, 0.04);
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
    }

    .client-v26-sections-aeris-body__agent-brief-reasons {
        display: grid;
        gap: 6px;
    }

    .client-v26-sections-aeris-body__agent-brief-reasons li {
        display: grid;
        grid-template-columns: 6px 1fr;
        gap: 8px;
        align-items: start;
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }

    .client-v26-sections-aeris-body__agent-brief-reasons li::before {
        content: '';
        width: 6px;
        height: 6px;
        margin-top: 5px;
        border-radius: 50%;
        background-color: var(--aeris-agent-primary);
    }

    .client-v26-sections-aeris-body__compare {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 12px;
        padding: 12px;
        border: 1px solid var(--color-border-subtle-00);
        border-radius: 14px;
        background-color: var(--color-background-default);
        box-shadow: 0 12px 28px rgba(22, 22, 22, 0.05);
        animation: aeris-agent-section-in 280ms ease-out both;
    }

    .client-v26-sections-aeris-body__compare header {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3px 8px;
        min-width: 0;
    }

    .client-v26-sections-aeris-body__compare header span {
        display: inline-flex;
        align-items: center;
        grid-row: 1 / span 2;
        align-self: start;
        height: 20px;
        padding: 0 7px;
        border-radius: 999px;
        background-color: var(--aeris-agent-surface);
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 10px;
        font-weight: 600;
        line-height: 12px;
        text-transform: uppercase;
    }

    .client-v26-sections-aeris-body__compare h4 {
        min-width: 0;
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }

    .client-v26-sections-aeris-body__compare header p,
    .client-v26-sections-aeris-body__compare-best,
    .client-v26-sections-aeris-body__compare-picks li {
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }

    .client-v26-sections-aeris-body__compare-best {
        padding: 10px;
        border-radius: 12px;
        background:
            linear-gradient(135deg, rgba(var(--aeris-agent-primary-rgb), 0.08), rgba(255, 255, 255, 0)),
            var(--color-background-bg-10);
    }

    .client-v26-sections-aeris-body__compare-best strong {
        color: var(--color-text-primary);
        font-weight: 600;
    }

    .client-v26-sections-aeris-body__compare-table-wrap {
        overflow-x: auto;
        border: 1px solid var(--color-border-subtle-00);
        border-radius: 12px;
        -webkit-overflow-scrolling: touch;
    }

    .client-v26-sections-aeris-body__compare table {
        width: max-content;
        min-width: 100%;
        border-collapse: collapse;
        background-color: #ffffff;
        table-layout: fixed;
    }

    .client-v26-sections-aeris-body__compare th,
    .client-v26-sections-aeris-body__compare td {
        width: 140px;
        max-width: 180px;
        padding: 11px;
        border-bottom: 1px solid var(--color-border-subtle-00);
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        vertical-align: top;
    }

    .client-v26-sections-aeris-body__compare th {
        color: var(--color-text-primary);
        font-weight: 600;
        white-space: nowrap;
    }

    .client-v26-sections-aeris-body__compare th:first-child {
        z-index: 3;
    }

    .client-v26-sections-aeris-body__compare th:first-child,
    .client-v26-sections-aeris-body__compare td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        width: 210px;
        min-width: 210px;
        max-width: 210px;
        background-color: #ffffff;
        color: var(--color-text-primary);
        font-weight: 500;
        box-shadow: 1px 0 0 var(--color-border-subtle-00);
    }

    .client-v26-sections-aeris-body__compare-product {
        display: grid;
        grid-template-columns: 44px 1fr;
        gap: 8px;
        align-items: center;
        min-width: 0;
        color: inherit;
        text-decoration: none;
    }

    a.client-v26-sections-aeris-body__compare-product:hover span strong {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .client-v26-sections-aeris-body__compare-product img {
        width: 44px;
        height: 44px;
        border-radius: 9px;
        border: 1px solid var(--color-border-subtle-00);
        object-fit: contain;
        background-color: var(--color-background-bg-10);
    }

    .client-v26-sections-aeris-body__compare-product span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .client-v26-sections-aeris-body__compare-product span strong {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: var(--color-text-primary);
        font-weight: 600;
    }

    .client-v26-sections-aeris-body__compare-product span small {
        display: block;
        margin-top: 2px;
        color: var(--color-text-tertiary);
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }

    .client-v26-sections-aeris-body__compare-cell-text {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .client-v26-sections-aeris-body__compare-cell-text[data-compact="true"] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .client-v26-sections-aeris-body__compare-picks {
        display: grid;
        gap: 7px;
    }

    .client-v26-sections-aeris-body__compare-picks li strong {
        color: var(--color-text-primary);
        font-weight: 600;
    }

    @media (max-width: 767px) {
        .client-v26-sections-aeris-body__compare {
            gap: 10px;
            padding: 10px;
            border-radius: 12px;
        }

        .client-v26-sections-aeris-body__compare-table-wrap {
            margin-inline: -2px;
        }

        .client-v26-sections-aeris-body__compare th,
        .client-v26-sections-aeris-body__compare td {
            width: 132px;
            max-width: 160px;
            padding: 10px;
        }

        .client-v26-sections-aeris-body__compare th:first-child,
        .client-v26-sections-aeris-body__compare td:first-child {
            width: 190px;
            min-width: 190px;
            max-width: 190px;
        }

        .client-v26-sections-aeris-body__compare-product {
            grid-template-columns: 42px 1fr;
        }

        .client-v26-sections-aeris-body__compare-product img {
            width: 42px;
            height: 42px;
        }
    }

    .client-v26-sections-aeris-body__product-section {
        position: relative;
        width: 100%;
        padding: 12px 0 6px;
        border-top: 1px solid var(--color-border-subtle-00);
        animation: aeris-agent-section-in 280ms ease-out both;
    }

    .client-v26-sections-aeris-body__product-section::before {
        content: '';
        position: absolute;
        left: 0;
        top: -1px;
        width: 72px;
        height: 1px;
        background: linear-gradient(90deg, var(--aeris-agent-primary), var(--aeris-agent-accent), transparent);
        opacity: 0.7;
    }

    .client-v26-sections-aeris-body__product-section header {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 2px;
    }

    .client-v26-sections-aeris-body__product-section header div {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }

    .client-v26-sections-aeris-body__product-section header span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 20px;
        padding: 0 7px;
        border-radius: 999px;
        background-color: var(--aeris-agent-surface);
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        text-transform: uppercase;
    }

    .client-v26-sections-aeris-body__product-section h4 {
        min-width: 0;
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

    .client-v26-sections-aeris-body__product-section p {
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }

    .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        padding: 10px 2px 8px 0;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products > .product-card-link,
    .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products > .ds-v26-skeleton {
        flex: 0 0 128px;
        width: 128px;
        scroll-snap-align: start;
    }

    .client-v26-sections-aeris-body__look-card {
        position: relative;
        flex: 0 0 128px;
        width: 128px;
        scroll-snap-align: start;
        border-radius: 13px;
        animation: aeris-agent-section-in 260ms ease-out both;
    }

    .client-v26-sections-aeris-body__look-card > .product-card-link {
        width: 100%;
    }

    .client-v26-sections-aeris-body__look-card[data-selected="true"] {
        z-index: 1;
    }

    .client-v26-sections-aeris-body__look-card[data-selected="true"] > .product-card-link > div > div:first-child::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 3;
        border: 2px solid var(--aeris-agent-primary);
        border-radius: 12px;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.52),
            0 0 0 3px rgba(var(--aeris-agent-primary-rgb), 0.12),
            0 9px 22px rgba(var(--aeris-agent-primary-rgb), 0.16);
        pointer-events: none;
    }

    .client-v26-sections-aeris-body__look-select {
        position: absolute;
        top: 132px;
        right: 7px;
        z-index: 4;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background-color: rgba(255, 255, 255, 0.94);
        border: 1px solid rgba(22, 22, 22, 0.12);
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        font-weight: 500;
        line-height: 12px;
        box-shadow: 0 2px 8px rgba(22, 22, 22, 0.12);
        cursor: pointer;
    }

    .client-v26-sections-aeris-body__look-select:focus:not(:focus-visible) {
        outline: none;
    }

    .client-v26-sections-aeris-body__look-select:focus-visible {
        outline: 2px solid var(--aeris-agent-primary);
        outline-offset: 2px;
    }

    .client-v26-sections-aeris-body__look-card[data-selected="true"] .client-v26-sections-aeris-body__look-select {
        background-color: var(--aeris-agent-primary);
        border-color: var(--aeris-agent-primary);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(var(--aeris-agent-primary-rgb), 0.28);
    }

    .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products::-webkit-scrollbar {
        height: 4px;
    }

    .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background-color: rgba(22, 22, 22, 0.18);
    }

    .client-v26-sections-aeris-body__empty {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        gap: 9px;
        padding: 12px;
        border: 1px solid var(--color-border-subtle-00);
        border-radius: 12px;
        background-color: var(--color-background-default);
        color: var(--color-text-placeholder);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        line-height: 17px;
    }

    .client-v26-sections-aeris-body__empty strong {
        color: var(--color-text-primary);
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
    }

    .client-v26-sections-aeris-body__empty p {
        color: var(--color-text-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }

    .client-v26-sections-aeris-body__empty-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
    }

    .client-v26-sections-aeris-body__empty-actions button {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 6px 9px;
        border-radius: 999px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.16);
        background-color: var(--aeris-agent-surface);
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        cursor: pointer;
    }

    .client-v26-sections-aeris-body__empty-actions button:disabled {
        opacity: 0.56;
        cursor: default;
    }

    .client-v26-sections-aeris-body__followups {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
        padding: 2px 0 6px;
        animation: aeris-agent-section-in 280ms ease-out both;
    }

    .client-v26-sections-aeris-body__followups button {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        min-height: 30px;
        padding: 7px 10px;
        border-radius: 999px;
        background-color: var(--color-background-default);
        border: 1px solid var(--color-border-subtle-00);
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__look-tray {
        display: none;
        position: relative;
        flex-direction: column;
        gap: 8px;
        overflow: hidden;
        margin: 0 12px 0 12px;
        padding: 11px;
        border-radius: 14px;
        border: 1px solid rgba(22, 22, 22, 0.12);
        background:
            linear-gradient(180deg, #ffffff, #fbfaff),
            radial-gradient(circle at 92% 10%, rgba(var(--aeris-agent-accent-rgb), 0.14), transparent 30%);
        box-shadow: 0 -6px 24px rgba(22, 22, 22, 0.1);
        animation: aeris-agent-card-in 220ms ease-out both;
    }

    #client-v26-sections-aeris-body__look-tray:not([data-state="empty"]) {
        display: flex;
    }

    #client-v26-sections-aeris-body__look-tray::before {
        content: '';
        position: absolute;
        left: 11px;
        right: 11px;
        top: 0;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--aeris-agent-primary), var(--aeris-agent-accent), #161616);
        opacity: 0.82;
    }

    #client-v26-sections-aeris-body__look-tray-header {
        display: flex;
        position: relative;
        z-index: 1;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    #client-v26-sections-aeris-body__look-tray-header strong {
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }

    #client-v26-sections-aeris-body__look-tray-header button {
        color: var(--color-text-placeholder);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        line-height: 14px;
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__look-tray-items {
        display: flex;
        position: relative;
        z-index: 1;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 2px;
        -webkit-overflow-scrolling: touch;
    }

    .client-v26-sections-aeris-body__look-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
        max-width: 170px;
        padding: 5px 7px 5px 5px;
        border-radius: 999px;
        background:
            linear-gradient(135deg, rgba(246, 244, 255, 0.95), rgba(255, 255, 255, 0.88));
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.12);
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        line-height: 14px;
        box-shadow: 0 3px 10px rgba(var(--aeris-agent-primary-rgb), 0.08);
        animation: aeris-look-chip-in 220ms ease-out both;
    }

    .client-v26-sections-aeris-body__look-chip img {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        object-fit: cover;
        background-color: #ffffff;
    }

    .client-v26-sections-aeris-body__look-chip span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .client-v26-sections-aeris-body__look-chip button {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        border-radius: 999px;
        background-color: rgba(var(--aeris-agent-primary-rgb), 0.12);
        color: var(--aeris-agent-primary);
        font-size: 12px;
        line-height: 16px;
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__look-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    #client-v26-sections-aeris-body__look-actions button {
        display: inline-flex;
        position: relative;
        z-index: 1;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        min-height: 34px;
        border-radius: 11px;
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__look-preview {
        background:
            linear-gradient(135deg, #161616, var(--aeris-agent-primary) 64%, var(--aeris-agent-accent));
        color: #ffffff;
        box-shadow:
            0 10px 24px rgba(var(--aeris-agent-primary-rgb), 0.30),
            0 0 18px rgba(var(--aeris-agent-accent-rgb), 0.22);
    }

    #client-v26-sections-aeris-body__look-preview::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(110deg, transparent 0 35%, rgba(255, 255, 255, 0.45) 48%, transparent 62% 100%);
        transform: translateX(-130%);
        animation: aeris-agent-button-sheen 3.2s ease-in-out infinite;
    }

    #client-v26-sections-aeris-body__look-preview:disabled {
        opacity: 0.45;
        cursor: default;
    }

    #client-v26-sections-aeris-body__look-preview:disabled::after {
        display: none;
    }

    #client-v26-sections-aeris-body__look-preview-photo {
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.18);
        background-color: #ffffff;
        color: var(--color-text-primary);
        box-shadow: 0 5px 16px rgba(22, 22, 22, 0.04);
    }

    #client-v26-sections-aeris-body__look-preview-photo:disabled {
        opacity: 0.45;
        cursor: default;
    }

    #client-v26-sections-aeris-body__try-on-status {
        display: none;
        position: relative;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        overflow: hidden auto;
        max-height: min(560px, 70dvh);
        padding: 10px 10px 14px;
        border-radius: 12px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.16);
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 255, 253, 0.88)),
            repeating-linear-gradient(90deg, rgba(var(--aeris-agent-primary-rgb), 0.06) 0 1px, transparent 1px 14px);
    }

    #client-v26-sections-aeris-body__try-on-status:not([data-state="idle"]) {
        display: flex;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="error"] {
        border-color: rgba(185, 28, 28, 0.18);
        background-color: #fff5f5;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="success"],
    #client-v26-sections-aeris-body__try-on-status[data-state="auth"] {
        border-color: rgba(var(--aeris-agent-primary-rgb), 0.18);
        background-color: var(--aeris-agent-surface);
    }

    .client-v26-sections-aeris-body__try-on-motion {
        display: none;
        position: relative;
        height: 74px;
        overflow: hidden;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.18);
        border-radius: 10px;
        background:
            linear-gradient(135deg, #ffffff, var(--aeris-agent-surface)),
            radial-gradient(circle at center, rgba(var(--aeris-agent-accent-rgb), 0.16), transparent 38%);
    }

    .client-v26-sections-aeris-body__try-on-motion::before {
        content: '';
        position: absolute;
        inset: 0;
        background:
            linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.86), transparent),
            repeating-linear-gradient(0deg, rgba(22, 22, 22, 0.04) 0 1px, transparent 1px 12px);
        transform: translateX(-80%);
        animation: aeris-agent-scan 2.4s ease-in-out infinite;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="loading"] .client-v26-sections-aeris-body__try-on-motion {
        display: block;
    }

    .client-v26-sections-aeris-body__try-on-motion span {
        position: absolute;
        left: calc(50% - 21px);
        top: 10px;
        width: 42px;
        height: 54px;
        overflow: hidden;
        border-radius: 9px;
        background-color: #ffffff;
        box-shadow: 0 5px 14px rgba(22, 22, 22, 0.16);
        transform: translateX(var(--try-x, 0)) rotate(var(--try-rotate, 0deg));
        animation: aeris-try-on-drift 2.4s ease-in-out infinite;
        animation-delay: var(--try-delay, 0ms);
    }

    .client-v26-sections-aeris-body__try-on-motion img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .client-v26-sections-aeris-body__try-on-preview {
        display: none;
        width: 100%;
        max-height: min(340px, 38dvh);
        border-radius: 10px;
        object-fit: contain;
        background-color: #ffffff;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="success"] .client-v26-sections-aeris-body__try-on-preview {
        display: block;
    }

    .client-v26-sections-aeris-body__try-on-copy {
        display: flex;
        flex-direction: column;
        gap: 7px;
        min-width: 0;
        padding-bottom: 2px;
    }

    #client-v26-sections-aeris-body__try-on-status strong {
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }

    #client-v26-sections-aeris-body__try-on-status p {
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        line-height: 15px;
    }

    #client-v26-sections-aeris-body__try-on-status p:empty {
        display: none;
    }

    .client-v26-sections-aeris-body__try-on-actions {
        display: none;
        align-items: center;
        gap: 7px;
        flex-wrap: wrap;
        padding-top: 1px;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="success"] .client-v26-sections-aeris-body__try-on-actions,
    #client-v26-sections-aeris-body__try-on-status[data-state="error"] .client-v26-sections-aeris-body__try-on-actions,
    #client-v26-sections-aeris-body__try-on-status[data-state="auth"] .client-v26-sections-aeris-body__try-on-actions {
        display: flex;
    }

    #client-v26-sections-aeris-body__try-on-status button {
        display: inline-flex;
        flex: 1 1 0;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 0 11px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.14);
        border-radius: 999px;
        background-color: rgba(255, 255, 255, 0.72);
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
        box-shadow: 0 3px 10px rgba(22, 22, 22, 0.04);
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__try-on-status button[data-action="share-fit"] {
        border-color: transparent;
        background:
            linear-gradient(135deg, var(--aeris-agent-primary), var(--aeris-agent-accent));
        color: #ffffff;
        box-shadow: 0 6px 16px rgba(var(--aeris-agent-primary-rgb), 0.22);
    }

    #client-v26-sections-aeris-body__try-on-status button[data-action="retry-fit"] {
        color: var(--color-text-secondary);
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="error"] button[data-action="share-fit"] {
        display: none;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="auth"] button[data-action="share-fit"] {
        display: none;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="error"] button[data-action="retry-fit"],
    #client-v26-sections-aeris-body__try-on-status[data-state="auth"] button[data-action="retry-fit"] {
        border-color: rgba(185, 28, 28, 0.16);
        color: #ffffff;
        background-color: #161616;
    }

    #client-v26-sections-aeris-body__try-on-status[data-state="error"] button[data-action="retry-fit"] {
        border-color: rgba(185, 28, 28, 0.16);
        color: #b91c1c;
        background-color: #ffffff;
    }

    .client-v26-sections-aeris-body__try-on-share {
        display: none;
        flex-direction: column;
        gap: 6px;
        margin-top: 6px;
        padding: 8px;
        border: 1px solid rgba(var(--aeris-agent-primary-rgb), 0.16);
        border-radius: 9px;
        background-color: #ffffff;
    }

    .client-v26-sections-aeris-body__try-on-share:not([data-state="idle"]) {
        display: flex;
    }

    .client-v26-sections-aeris-body__try-on-share p {
        color: var(--color-text-secondary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        line-height: 15px;
    }

    .client-v26-sections-aeris-body__try-on-share textarea {
        width: 100%;
        min-height: 74px;
        padding: 7px;
        border: 1px solid var(--color-border-subtle-00);
        border-radius: 8px;
        background-color: var(--color-background-bg-10);
        color: var(--color-text-primary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        line-height: 15px;
        resize: vertical;
    }

    .client-v26-sections-aeris-body__try-on-share a {
        color: var(--aeris-agent-primary);
        font-family: var(--font-sans-serif);
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
    }

    .client-v26-sections-aeris-body__followups button:disabled {
        cursor: default;
        opacity: 0.72;
    }

    .client-v26-sections-aeris-body__followups button[data-state="active"] {
        border-color: var(--aeris-agent-primary);
        color: var(--aeris-agent-primary);
        background-color: var(--aeris-agent-surface);
    }

    .client-v26-sections-aeris-body__followups button[data-state="active"]::before {
        content: '';
        width: 5px;
        height: 5px;
        margin-right: 6px;
        border-radius: 50%;
        background-color: var(--aeris-agent-primary);
        animation: aeris-agent-dot 1.05s ease-in-out infinite;
    }

    @keyframes aeris-agent-dot {
        0%, 100% {
            transform: scale(0.8);
            opacity: 0.45;
        }
        50% {
            transform: scale(1);
            opacity: 1;
        }
    }

    @keyframes aeris-agent-scan {
        0%, 100% {
            transform: translateX(-78%);
            opacity: 0.18;
        }
        46% {
            opacity: 0.64;
        }
        60% {
            transform: translateX(78%);
            opacity: 0.34;
        }
    }

    @keyframes aeris-agent-progress {
        to {
            background-position: -220% 0;
        }
    }

    @keyframes aeris-agent-core {
        0%, 100% {
            transform: translateY(0) scale(1);
        }
        50% {
            transform: translateY(-1px) scale(1.04);
        }
    }

    @keyframes aeris-agent-node {
        0%, 100% {
            opacity: 0.74;
            transform: scale(0.9);
        }
        50% {
            opacity: 1;
            transform: scale(1.08);
        }
    }

    @keyframes aeris-agent-button-sheen {
        0%, 52%, 100% {
            transform: translateX(-130%);
        }
        76% {
            transform: translateX(130%);
        }
    }

    @keyframes aeris-look-chip-in {
        from {
            opacity: 0;
            transform: translateY(4px) scale(0.98);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @keyframes aeris-try-on-drift {
        0%, 100% {
            transform: translateX(var(--try-x, 0)) translateY(5px) scale(0.92) rotate(var(--try-rotate, 0deg));
            opacity: 0.78;
        }

        45% {
            transform: translateX(0) translateY(-4px) scale(1.04) rotate(0deg);
            opacity: 1;
        }

        70% {
            transform: translateX(var(--try-return-x, 0)) translateY(2px) scale(0.98) rotate(var(--try-return-rotate, 0deg));
            opacity: 0.9;
        }
    }

    @keyframes aeris-agent-card-in {
        from {
            opacity: 0;
            transform: translateY(8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .client-v26-sections-aeris-body__agent-status,
        .client-v26-sections-aeris-body__agent-status::before,
        .client-v26-sections-aeris-body__agent-status::after,
        .client-v26-sections-aeris-body__agent-orbit,
        .client-v26-sections-aeris-body__agent-orbit span,
        .client-v26-sections-aeris-body__agent-copy li::before,
        .client-v26-sections-aeris-body__loading::before,
        .client-v26-sections-aeris-body__loading::after,
        #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::before,
        #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::after,
        .client-v26-sections-aeris-body__look-card,
        .client-v26-sections-aeris-body__look-chip,
        #client-v26-sections-aeris-body__look-preview::after,
        .client-v26-sections-aeris-body__try-on-motion::before,
        .client-v26-sections-aeris-body__try-on-motion span,
        #client-v26-sections-aeris-body__content[data-mode="welcome"]::before {
            animation: none;
        }
    }

    @keyframes aeris-welcome-orb {
        0%, 100% { opacity: 0.7; }
        50%      { opacity: 1; }
    }

    @keyframes aeris-agent-section-in {
        from {
            opacity: 0;
            transform: translateY(6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    #client-v26-sections-aeris-body__footer {
        position: relative;
        margin: 0 24px 16px 24px;
        font-size: 0;
    }

    #client-v26-sections-aeris-body__image-attachment {
        display: none;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 48px;
        margin-bottom: 8px;
        padding: 6px 8px;
        border: 1px solid var(--color-border-subtle-00);
        border-radius: 12px;
        background-color: var(--color-background-default);
        box-shadow: 0 6px 18px rgba(22, 22, 22, 0.06);
    }

    #client-v26-sections-aeris-body__image-attachment[data-state="ready"] {
        display: flex;
    }

    #client-v26-sections-aeris-body__image-attachment img {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border-radius: 8px;
        object-fit: cover;
        background-color: var(--color-background-subtle);
    }

    #client-v26-sections-aeris-body__image-attachment span {
        min-width: 0;
        flex: 1;
        overflow: hidden;
        color: var(--color-text-primary);
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: var(--font-sans-serif);
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }

    #client-v26-sections-aeris-body__image-attachment button {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border-radius: 8px;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L10.5 10.5M10.5 1.5L1.5 10.5' stroke='%23161616' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px 12px;
        color: transparent;
        font-size: 0;
        text-indent: -5000px;
    }

    #client-v26-sections-aeris-body__footer textarea {
        overflow: hidden;
        width: 100%;
        height: 40px;
        /* 10 + 20 (line-height) + 10 == the declared height, so the JS auto-grow
           (height = scrollHeight) leaves a single line at 40px instead of nudging it to 42. */
        padding: 10px 76px 10px 44px;
        border-radius: 12px;
        border: 0;
        background-color: var(--color-background-default);
        font-family: var(--font-sans-serif);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        resize: none;
    }

    /* Same focus treatment as the site's header search field. */
    #client-v26-sections-aeris-body__footer textarea:focus {
        outline: 1px solid var(--color-primary-default);
        outline-offset: 0;
    }

    #client-v26-sections-aeris-body__footer textarea::placeholder {
        overflow: hidden;
        color: var(--color-text-placeholder);
        text-overflow: ellipsis;
        font-family: var(--font-sans-serif);
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #client-v26-sections-aeris-body__footer > button {
        display: none;
        position: absolute;
        right: 4px;
        bottom: 4px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        color: transparent;
        font-size: 0;
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
    }

    #client-v26-sections-aeris-body__footer > button:disabled {
        cursor: default;
        opacity: 0.48;
    }

    #client-v26-sections-aeris-body__footer > button[data-action="attach-image"] {
        display: block;
        left: 4px;
        right: auto;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 13.5H14.25C14.6642 13.5 15 13.1642 15 12.75V5.25C15 4.83579 14.6642 4.5 14.25 4.5H12.1875L11.25 3.375H6.75L5.8125 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V12.75C3 13.1642 3.33579 13.5 3.75 13.5Z' stroke='%23161616' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25Z' stroke='%23161616' stroke-width='1.2'/%3E%3C/svg%3E");
        background-size: 18px 18px;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* Sits left of the send button, which is always mounted. */
    #client-v26-sections-aeris-body__footer > button[data-action="record"] {
        display: block;
        position: absolute;
        right: 40px;
        bottom: 4px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_212_68542)"><rect width="32" height="32" rx="8" fill="white" fill-opacity="0.01"/><g clip-path="url(%23clip1_212_68542)"><path d="M12.5 15V16.5C12.5 17.4283 12.869 18.3182 13.5254 18.9746C14.1818 19.631 15.0717 20 16 20C16.9283 20 17.8182 19.631 18.4746 18.9746C19.131 18.3182 19.5 17.4283 19.5 16.5V15H20.5V16.5C20.4995 17.6065 20.0914 18.6744 19.3535 19.499C18.6156 20.3235 17.5996 20.8468 16.5 20.9697V22H18.5V23H13.5V22H15.5V20.9697C14.4004 20.8468 13.3844 20.3235 12.6465 19.499C11.9086 18.6744 11.5005 17.6065 11.5 16.5V15H12.5ZM16 9C16.663 9 17.2987 9.26358 17.7676 9.73242C18.2364 10.2013 18.5 10.837 18.5 11.5V16.5C18.5 17.163 18.2364 17.7987 17.7676 18.2676C17.2987 18.7364 16.663 19 16 19C15.337 19 14.7013 18.7364 14.2324 18.2676C13.7636 17.7987 13.5 17.163 13.5 16.5V11.5C13.5 10.837 13.7636 10.2013 14.2324 9.73242C14.7013 9.26358 15.337 9 16 9ZM16 10C15.6022 10 15.2208 10.1581 14.9395 10.4395C14.6581 10.7208 14.5 11.1022 14.5 11.5V16.5C14.5 16.8978 14.6581 17.2792 14.9395 17.5605C15.2208 17.8419 15.6022 18 16 18C16.3978 18 16.7792 17.8419 17.0605 17.5605C17.3419 17.2792 17.5 16.8978 17.5 16.5V11.5C17.5 11.1022 17.3419 10.7208 17.0605 10.4395C16.7792 10.1581 16.3978 10 16 10Z" fill="%23161616"/></g></g><defs><clipPath id="clip0_212_68542"><rect width="32" height="32" rx="8" fill="white"/></clipPath><clipPath id="clip1_212_68542"><rect width="16" height="16" fill="white" transform="translate(8 8)"/></clipPath></defs></svg>');
        background-size: 40px 40px;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* Always mounted, and idle until there is something to send: muted grey while the
       field is empty, brand-dark once text or an image is attached. */
    #client-v26-sections-aeris-body__footer > button[data-action="send"] {
        display: block;
        border-radius: 999px;
        background-color: var(--color-gray-20);
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L0 5L0.705 5.705L4.5 1.915V12H5.5V1.915L9.295 5.705L10 5L5 0Z' fill='%238d8d8d'/%3E%3C/svg%3E");
        background-size: 10px 12px;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }

    #client-v26-sections-aeris-body__footer[data-mode="recording"] > button[data-action="record"] {
        background-color: var(--color-purple-30);
    }

    /* ── Voice input state ────────────────────────────────────────────────
       The rule above was the microphone's entire vocabulary: one
       background-colour, from a selector carrying one id. aeris-agent.css
       resets `background-color` on that same button from a two-id selector,
       and /realry-ai — the app's Aeris tab — loads that bundle. So on the one
       page the reader actually presses the mic on, pressing it changed
       nothing on screen at all; the only sign it had worked was the tone the
       OS plays. Everything below leads with the component root, which puts it
       ahead of the bundle on every surface this composer is mounted in: the
       agent screen, the app tab, the panel and the dock. */
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__footer > button[data-action="record"] {
        transition: background-color 140ms ease;
    }

    /* Pressed. The permission prompt and the recogniser handshake both live in
       this gap, and it is the gap the reader used to spend guessing. */
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__footer > button[data-action="record"][data-voice="starting"] {
        background-color: var(--color-purple-20, #ECE8FF);
    }

    /* Running. The glyph becomes a stop square so the control reads as the
       thing it now does, and a ring breathes out of it so a still frame and a
       live one are not the same picture. Authored on the same 32-unit canvas
       as the mic glyph, so every background-size override downstream keeps
       working. */
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__footer > button[data-action="record"][data-voice="listening"] {
        background-color: var(--aeris-agent-primary, #7256F6);
        background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11.5" y="11.5" width="9" height="9" rx="2" fill="white"/></svg>');
        animation: aeris-voice-listening 1.6s ease-in-out infinite;
    }

    @keyframes aeris-voice-listening {
        0%   { box-shadow: 0 0 0 0 rgba(114, 86, 246, 0.42); }
        70%  { box-shadow: 0 0 0 10px rgba(114, 86, 246, 0); }
        100% { box-shadow: 0 0 0 0 rgba(114, 86, 246, 0); }
    }

    @media (prefers-reduced-motion: reduce) {
        #client-v26-sections-aeris-body #client-v26-sections-aeris-body__footer > button[data-action="record"][data-voice="listening"] {
            animation: none;
            box-shadow: 0 0 0 3px rgba(114, 86, 246, 0.28);
        }
    }

    /* No recogniser in this browser: no control. */
    #client-v26-sections-aeris-body[data-voice-supported="false"] #client-v26-sections-aeris-body__footer > button[data-action="record"] {
        display: none;
    }

    /* The status line. Fixed rather than absolute because the conversation
       composer is `overflow: hidden` — anything anchored inside it above the
       field is clipped away. Out of flow either way, so the composer band and
       the app tab bar positioned against it do not move. */
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status {
        position: fixed;
        z-index: 90;
        display: none;
        margin: 0;
        text-align: center;
        pointer-events: none;
    }

    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status:not([data-state="idle"]) {
        display: block;
    }

    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status > span {
        display: inline-block;
        box-sizing: border-box;
        max-width: 100%;
        padding: 7px 14px;
        border-radius: 999px;
        background-color: rgba(22, 22, 22, 0.92);
        color: #ffffff;
        font-family: var(--font-sans-serif);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }

    /* The endings that are the reader's problem to fix, rather than a state
       that simply passed. They wrap, because they are instructions. */
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status[data-state="denied"] > span,
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status[data-state="failed"] > span,
    #client-v26-sections-aeris-body #client-v26-sections-aeris-body__voice-status[data-state="unsupported"] > span {
        border-radius: 14px;
        background-color: var(--color-tag-color-red, #a2191f);
        white-space: normal;
    }

    /* The Aeris disclaimer floats in the same band on the app tab. It is a
       standing line of small print; this is a live answer to a press. */
    #client-v26-sections-aeris-body[data-voice-active="true"] .aeris-agent__conversation-disclaimer {
        visibility: hidden;
    }

    #client-v26-sections-aeris-body__footer textarea:not(:placeholder-shown) ~ button[data-action="send"],
    #client-v26-sections-aeris-body__footer[data-has-image="true"] > button[data-action="send"] {
        background-color: var(--color-button-primary);
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L0 5L0.705 5.705L4.5 1.915V12H5.5V1.915L9.295 5.705L10 5L5 0Z' fill='white'/%3E%3C/svg%3E");
        pointer-events: auto;
    }

    /* GPT reference pass: keep Aeris data and interactions, but make generated
       states text-first, quiet, and consistent with the GPT result surface. */
    #client-v26-aeris-agent {
        --aeris-gpt-ink: #202123;
        --aeris-gpt-muted: #96979d;
        --aeris-gpt-line: #e4e4e7;
        --aeris-gpt-subtle: #f7f7f8;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading,
    #client-v26-aeris-agent #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-width: 0;
        max-width: min(100%, 420px);
        min-height: 24px;
        gap: 10px;
        padding: 3px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading::before,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading::after,
    #client-v26-aeris-agent #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::before,
    #client-v26-aeris-agent #client-v26-sections-aeris-body__content > #client-v26-sections-aeris-body__loading::after {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-copy {
        display: flex !important;
        flex-direction: column;
        gap: 0;
        min-width: 0;
        color: var(--aeris-gpt-muted);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-copy strong,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="running"] .client-v26-sections-aeris-body__agent-copy strong {
        color: transparent;
        background: linear-gradient(90deg, #96979d 0%, #96979d 38%, #f7f7f8 50%, #96979d 62%, #96979d 100%);
        background-size: 240% 100%;
        background-position: 220% 0;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: aeris-gpt-text-shimmer 1.8s cubic-bezier(.4, 0, .2, 1) infinite;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-copy strong {
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.012em;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-copy span {
        color: #a4a5aa;
        font: 400 13px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.01em;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-spinner {
        display: block;
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        border: 2px solid #e1e1e4;
        border-top-color: #88898f;
        border-radius: 50%;
        animation: aeris-session-spin 850ms linear infinite;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status {
        display: grid;
        grid-template-columns: 16px minmax(0, auto);
        align-items: start;
        width: fit-content;
        max-width: min(100%, 520px);
        min-height: 24px;
        gap: 9px;
        padding: 3px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status::before,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status::after {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-orbit,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit {
        width: 14px;
        height: 14px;
        margin-top: 3px;
        border: 2px solid #e1e1e4;
        border-top-color: #88898f;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;
        animation: aeris-session-spin 850ms linear infinite;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-orbit span,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-orbit span::before,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-orbit span::after {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-copy {
        display: flex;
        gap: 0;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="running"] .client-v26-sections-aeris-body__agent-copy strong,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-copy strong {
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.012em;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-copy ol {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin: 0;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-copy li {
        min-height: 18px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: #a0a1a6;
        font: 400 13px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-copy li::before {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] {
        grid-template-columns: 16px minmax(0, auto);
        width: fit-content;
        padding: 3px 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit {
        position: relative;
        animation: none;
        border-color: #cfd0d4;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit::after {
        content: '';
        position: absolute;
        left: 3px;
        top: 2px;
        width: 5px;
        height: 3px;
        border-left: 1.5px solid #77787e;
        border-bottom: 1.5px solid #77787e;
        transform: rotate(-45deg);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-copy ol {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-brief,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare {
        gap: 12px;
        padding: 14px 0;
        border: 0;
        border-top: 1px solid var(--aeris-gpt-line);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-brief-main span,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare header > span {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-brief-main strong,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare h4 {
        color: var(--aeris-gpt-ink);
        font: 500 18px/25px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.02em;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-brief-main p,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare header p,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-best,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-picks li {
        color: #5f6065;
        font: 400 15px/23px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-best {
        padding: 12px 14px;
        border: 1px solid var(--aeris-gpt-line);
        border-radius: 12px;
        background: var(--aeris-gpt-subtle);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-table-wrap {
        border: 0;
        border-top: 1px solid var(--aeris-gpt-line);
        border-radius: 0;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare th,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare td {
        padding: 12px 10px;
        border-bottom: 1px solid #ededee;
        color: #5f6065;
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare th,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare th:first-child,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-product span strong,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-picks li strong {
        color: var(--aeris-gpt-ink);
        font-weight: 500;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare th:first-child,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare td:first-child {
        background: #fff;
        box-shadow: 1px 0 0 #ededee;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__compare-product img {
        border-color: #ededee;
        border-radius: 10px;
        background: var(--aeris-gpt-subtle);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section {
        padding: 18px 0 6px;
        border-top: 1px solid var(--aeris-gpt-line);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section::before,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section header span {
        display: none;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section header {
        gap: 2px;
        margin-bottom: 4px;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section header div {
        gap: 0;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section h4 {
        color: var(--aeris-gpt-ink);
        font: 500 18px/25px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.02em;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section p {
        color: #5f6065;
        font: 400 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products {
        gap: 14px;
        padding: 10px 0 12px;
        scrollbar-color: #c4c5c8 transparent;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products > .product-card-link,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .client-v26-sections-aeris-body__products > .ds-v26-skeleton,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__look-card {
        flex-basis: 148px;
        width: 148px;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .product-card-link > div > div:first-child,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__look-card .product-card-link > div > div:first-child {
        border: 1px solid #ededee;
        border-radius: 12px;
        background: #fafafa;
        box-shadow: none !important;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .product-card-product-name,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__look-card .product-card-product-name {
        min-height: 36px;
        color: #5f6065 !important;
        font: 400 14px/19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        letter-spacing: -0.01em !important;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__product-section .product-card-price,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__look-card .product-card-price {
        color: #343539 !important;
        font: 500 14px/19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-style: normal !important;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__empty {
        gap: 8px;
        padding: 14px;
        border-color: var(--aeris-gpt-line);
        border-radius: 12px;
        background: var(--aeris-gpt-subtle);
        color: #5f6065;
        font: 400 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__empty strong {
        color: var(--aeris-gpt-ink);
        font: 500 15px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__empty p {
        color: #5f6065;
        font: 400 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__empty-actions button,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__followups button {
        min-height: 32px;
        padding: 6px 12px;
        border: 1px solid #dcdde0;
        border-radius: 999px;
        background: #fff;
        color: #343539;
        font: 400 14px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__empty-actions button:hover,
    #client-v26-aeris-agent .client-v26-sections-aeris-body__followups button:hover {
        border-color: #bfc0c4;
        background: #f7f7f8;
        transform: translateY(-1px);
    }

    #client-v26-aeris-agent .client-v26-sections-aeris-body__followups {
        gap: 8px;
        padding: 8px 0 12px;
    }

    #client-v26-aeris-agent .aeris-agent__message-actions button {
        color: #96979d;
        font-size: 0;
        line-height: 0;
    }

    @keyframes aeris-gpt-text-shimmer {
        0% { background-position: 220% 0; }
        100% { background-position: -40% 0; }
    }

    @media (prefers-reduced-motion: reduce) {
        #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-copy strong,
        #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-status[data-state="running"] .client-v26-sections-aeris-body__agent-copy strong,
        #client-v26-aeris-agent .client-v26-sections-aeris-body__agent-orbit,
        #client-v26-aeris-agent .client-v26-sections-aeris-body__loading-spinner {
            animation: none;
        }
    }