@media (max-width: 960px) {
    .ai-assistant-modal {
        padding: 0;
        align-items: flex-end;
    }

    .ai-modal-shell {
        width: 100%;
        max-height: 100vh;
        height: 100vh;
        display: flex;
        flex-direction: column;
        border-radius: 26px 26px 0 0;
    }

    .ai-modal-rail {
        padding: 24px 20px 18px;
        gap: 16px;
        max-height: 34vh;
        flex: 0 0 auto;
    }

    .ai-modal-main {
        padding: 20px 16px 24px;
        flex: 1 1 auto;
        min-height: 0;
    }

    .ai-modal-shell.ai-mode-review .ai-modal-main {
        padding: 18px 14px 20px;
    }

    .ai-step-grid,
    .ai-processing-grid,
    .ai-stepper {
        grid-template-columns: 1fr;
    }

    .ai-resume-panel {
        grid-template-columns: 1fr;
    }

    .ai-resume-actions,
    .ai-step-actions,
    .ai-summary-actions {
        flex-direction: column;
    }

    .ai-btn {
        width: 100%;
    }
}

@media (max-width: 720px) {
    #ai-fab {
        right: 18px;
        bottom: 18px;
        width: 64px;
        height: 64px;
        padding: 0;
        justify-content: center;
        border-radius: 22px;
    }

    .ai-fab-copy,
    .ai-fab-pulse {
        display: none;
    }

    .ai-result-card {
        grid-template-columns: 1fr;
    }

    .ai-result-media {
        min-height: 144px;
    }

    .ai-result-top,
    .ai-result-footer,
    .ai-processing-hero {
        grid-template-columns: 1fr;
        display: grid;
    }

    .ai-price-chip {
        min-width: 0;
        text-align: left;
    }

    .ai-modal-header {
        align-items: center;
    }
}

/* Concise customer-facing assistant redesign */
#ai-fab {
    right: auto;
    left: 24px;
    bottom: 24px;
    border-radius: 8px;
}

body.ai-has-cart-fixed #ai-fab {
    bottom: 24px !important;
}

.ai-assistant-modal {
    padding: 18px;
    background: rgba(6, 14, 20, 0.54);
}

.ai-modal-shell,
.ai-modal-shell.ai-mode-review {
    width: min(720px, 100%);
    height: auto;
    max-height: min(92vh, 820px);
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    background: #fffdfa;
    border-radius: 8px;
    border: 1px solid #dfe7e2;
    box-shadow: 0 26px 70px rgba(6, 14, 20, 0.28);
    overflow: hidden;
}

.ai-modal-rail,
.ai-stepper-container,
.ai-processing-grid,
.ai-processing-orbit,
.ai-input-meta,
.ai-modal-shell.ai-mode-review .ai-modal-rail,
.ai-review-head .ai-kicker,
.ai-filter-bar {
    display: none !important;
}

.ai-modal-main,
.ai-modal-shell.ai-mode-review .ai-modal-main {
    padding: 24px;
    background: #fffdfa;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.ai-modal-header {
    align-items: flex-start;
    margin-bottom: 16px;
}

.ai-header-kicker {
    padding: 0;
    background: transparent;
    color: #0f766e;
    font-size: 0.74rem;
}

.ai-modal-header h3 {
    max-width: 520px;
    margin-top: 6px;
    color: #17362f;
    font-size: 1.45rem;
    line-height: 1.24;
}