.ai-product-content .pdx-content {
    --pdx-accent: var(--primary_color, #0f766e);
    --pdx-accent-text: var(--primary_text_color, #fff);
    --pdx-ink: var(--black, #172033);
    --pdx-muted: color-mix(in srgb, var(--black, #172033) 72%, var(--white, #fff));
    --pdx-line: color-mix(in srgb, var(--primary_color, #0f766e) 18%, var(--border, #dfe5ec));
    --pdx-soft: color-mix(in srgb, var(--primary_color, #0f766e) 7%, var(--white, #fff));
    color: var(--pdx-ink);
    display: grid;
    gap: 18px;
    margin: 0 auto;
    max-width: 1040px;
    width: 100%;
}
.ai-product-content .pdx-content * { box-sizing: border-box; }
.ai-product-content .pdx-hero-copy,
.ai-product-content .pdx-surface,
.ai-product-content .pdx-highlight,
.ai-product-content .pdx-checklist,
.ai-product-content .pdx-steps,
.ai-product-content .pdx-spec-table,
.ai-product-content .pdx-note {
    border: 1px solid var(--pdx-line);
    border-radius: 8px;
    min-width: 0;
}
.ai-product-content .pdx-hero-copy {
    background: var(--pdx-soft);
    border-left: 5px solid var(--pdx-accent);
    padding: 24px 26px;
}
.ai-product-content .pdx-kicker {
    background: var(--pdx-accent);
    border-radius: 999px;
    color: var(--pdx-accent-text);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    margin: 0 0 13px;
    padding: 5px 10px;
}
.ai-product-content .pdx-content h3,
.ai-product-content .pdx-content h4 {
    border: 0;
    color: var(--pdx-ink);
    letter-spacing: 0;
    padding: 0;
}
.ai-product-content .pdx-content h3 { font-size: 28px; line-height: 1.3; margin: 0 0 10px; }
.ai-product-content .pdx-content h4 { font-size: 17px; line-height: 1.4; margin: 0 0 7px; }
.ai-product-content .pdx-content p { color: var(--pdx-muted); line-height: 1.8; margin: 0; }
.ai-product-content .pdx-lead { font-size: 16px; max-width: 780px; }
.ai-product-content .pdx-feature-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}
.ai-product-content .pdx-feature-card {
    align-content: start;
    background: var(--white, #fff);
    border: 1px solid var(--pdx-line);
    border-radius: 8px;
    display: grid;
    gap: 3px 13px;
    grid-template-columns: 42px minmax(0, 1fr);
    min-width: 0;
    padding: 18px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ai-product-content .pdx-feature-card:hover {
    border-color: var(--pdx-accent);
    box-shadow: 0 12px 25px color-mix(in srgb, var(--pdx-accent) 12%, transparent);
    transform: translateY(-2px);
}
.ai-product-content .pdx-icon {
    align-items: center;
    background: var(--pdx-soft);
    border: 1px solid var(--pdx-line);
    border-radius: 7px;
    color: var(--pdx-accent);
    display: inline-flex;
    font-size: 17px;
    font-weight: 900;
    grid-row: 1 / span 2;
    height: 40px;
    justify-content: center;
    margin: 0;
    width: 40px;
}
.ai-product-content .pdx-feature-card h4 { align-self: center; margin: 0; }
.ai-product-content .pdx-feature-card p { font-size: 14px; grid-column: 2; line-height: 1.65; }
.ai-product-content .pdx-highlight {
    align-items: center;
    background: var(--pdx-accent);
    color: var(--pdx-accent-text);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 22px 24px;
}
.ai-product-content .pdx-highlight h3,
.ai-product-content .pdx-highlight h4,
.ai-product-content .pdx-highlight p,
.ai-product-content .pdx-highlight strong { color: var(--pdx-accent-text); }
.ai-product-content .pdx-highlight strong {
    border: 1px solid color-mix(in srgb, var(--pdx-accent-text) 38%, transparent);
    border-radius: 7px;
    padding: 9px 12px;
    white-space: nowrap;
}
.ai-product-content .pdx-checklist,
.ai-product-content .pdx-steps,
.ai-product-content .pdx-surface,
.ai-product-content .pdx-note { background: var(--pdx-soft); padding: 24px 26px; }
.ai-product-content .pdx-content ul,
.ai-product-content .pdx-content ol {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}
.ai-product-content .pdx-content li {
    background: var(--pdx-soft);
    border: 1px solid var(--pdx-line);
    border-radius: 7px;
    color: var(--pdx-ink);
    min-width: 0;
    padding: 13px 14px 13px 42px;
    position: relative;
}
.ai-product-content .pdx-content li::before {
    align-items: center;
    background: var(--pdx-accent);
    border-radius: 50%;
    color: var(--pdx-accent-text);
    content: '\2713';
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 21px;
    justify-content: center;
    left: 12px;
    position: absolute;
    top: 14px;
    width: 21px;
}
.ai-product-content .pdx-steps ol { counter-reset: pdx-step; }
.ai-product-content .pdx-steps ol li { counter-increment: pdx-step; padding-left: 50px; }
.ai-product-content .pdx-steps ol li::before { content: counter(pdx-step); height: 27px; top: 11px; width: 27px; }
.ai-product-content .pdx-spec-head { border-bottom: 1px solid var(--pdx-line); padding-bottom: 15px; }
.ai-product-content .pdx-spec-table { background: var(--white, #fff); overflow: hidden; padding: 0; }
.ai-product-content .pdx-spec-table table { border: 0; border-collapse: collapse; margin: 0; table-layout: fixed; width: 100%; }
.ai-product-content .pdx-spec-table th,
.ai-product-content .pdx-spec-table td {
    border: 0;
    border-bottom: 1px solid var(--pdx-line);
    color: var(--pdx-ink);
    padding: 14px 18px;
    text-align: left;
    vertical-align: top;
}
.ai-product-content .pdx-spec-table th { background: var(--pdx-soft); font-weight: 800; width: 38%; }
.ai-product-content .pdx-spec-table tr:last-child th,
.ai-product-content .pdx-spec-table tr:last-child td { border-bottom: 0; }
.ai-product-content .pdx-note { border-left: 4px solid var(--pdx-accent); }
.ai-product-content .pdx-note p { font-size: 15px; line-height: 1.9; max-width: 920px; }
.ai-product-content .pdx-note strong { color: var(--pdx-accent); }
.ai-product-content .pdx-media-gallery {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.ai-product-content .pdx-media-gallery.pdx-media-single {
    grid-template-columns: minmax(0, 820px);
    justify-content: center;
}
.ai-product-content .pdx-media-card {
    background: var(--white, #fff);
    border: 1px solid var(--pdx-line);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    margin: 0;
    overflow: hidden;
    padding: 10px;
}
.ai-product-content .pdx-media-card img {
    background: var(--pdx-soft);
    border-radius: 8px;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 720px;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}
.ai-product-content .pdx-media-card figcaption {
    color: var(--pdx-muted);
    font-size: 13px;
    line-height: 1.6;
    padding: 10px 6px 3px;
    text-align: center;
}
.ai-product-content details.pdx-disclosure {
    background: var(--white, #fff);
    border: 1px solid var(--pdx-line);
    border-radius: 8px;
    padding: 0 18px;
}
.ai-product-content details.pdx-disclosure summary { color: var(--pdx-ink); cursor: pointer; font-weight: 800; padding: 15px 0; }
.ai-product-content details.pdx-disclosure > div { border-top: 1px solid var(--pdx-line); padding: 14px 0 18px; }
@media (max-width: 767px) {
    .ai-product-content .pdx-content { gap: 12px; }
    .ai-product-content .pdx-hero-copy,
    .ai-product-content .pdx-checklist,
    .ai-product-content .pdx-steps,
    .ai-product-content .pdx-surface,
    .ai-product-content .pdx-note { padding: 18px 16px; }
    .ai-product-content .pdx-hero-copy { border-left-width: 4px; }
    .ai-product-content .pdx-content h3 { font-size: 21px; }
    .ai-product-content .pdx-lead { font-size: 15px; }
    .ai-product-content .pdx-feature-grid,
    .ai-product-content .pdx-media-gallery,
    .ai-product-content .pdx-content ul,
    .ai-product-content .pdx-content ol,
    .ai-product-content .pdx-highlight { grid-template-columns: 1fr; }
    .ai-product-content .pdx-feature-card { padding: 15px; }
    .ai-product-content .pdx-highlight { align-items: start; padding: 19px 17px; }
    .ai-product-content .pdx-highlight strong { white-space: normal; }
    .ai-product-content .pdx-spec-table { overflow-x: auto; }
    .ai-product-content .pdx-spec-table table { min-width: 520px; }
}
@media (prefers-reduced-motion: reduce) { .ai-product-content .pdx-feature-card { transition: none; } }

/* 2026-09-16: richer AI description presentation.
   Keep these rules scoped to rendered product content so legacy descriptions stay untouched. */
.ai-product-content .pdx-content {
    --pdx-accent: var(--primary_color, #ff6a00);
    --pdx-ink: #172033;
    --pdx-muted: #5f6f85;
    display: block;
    font-size: 16px;
    line-height: 1.78;
    margin: 28px auto;
    max-width: 920px;
    width: min(100%, 920px);
}
.ai-product-content .pdx-hero-copy {
    background: linear-gradient(135deg, color-mix(in srgb, var(--pdx-accent) 10%, #fff), #fff 56%, color-mix(in srgb, var(--pdx-accent) 6%, #f8fafc));
    border: 1px solid color-mix(in srgb, var(--pdx-accent) 18%, #e4e9f0);
    border-left-width: 1px;
    border-radius: 26px;
    box-shadow: 0 16px 44px rgba(15, 23, 42, .07);
    margin-bottom: 20px;
    overflow: hidden;
    padding: clamp(24px, 5vw, 48px);
    position: relative;
}
.ai-product-content .pdx-hero-copy::after {
    animation: pdx-sheen 7s ease-in-out infinite;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    content: "";
    inset: -80% auto -80% -35%;
    position: absolute;
    transform: rotate(18deg);
    width: 28%;
}
.ai-product-content .pdx-content h3 { font-size: clamp(25px, 4vw, 39px); margin: 0 0 14px; }
.ai-product-content .pdx-content h4 { font-size: 18px; }
.ai-product-content .pdx-lead { font-size: clamp(16px, 2.4vw, 19px); max-width: 720px; }
.ai-product-content .pdx-kicker {
    background: color-mix(in srgb, var(--pdx-accent) 10%, #fff);
    color: var(--pdx-accent);
    letter-spacing: .04em;
    padding: 6px 11px;
}
.ai-product-content .pdx-feature-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 18px 0;
}
.ai-product-content .pdx-feature-card {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    display: block;
    padding: 22px;
    transition: opacity .55s ease, transform .55s ease, box-shadow .28s ease, border-color .28s ease;
}
.ai-product-content .pdx-feature-card:hover {
    border-color: color-mix(in srgb, var(--pdx-accent) 30%, #e6ebf1);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .09);
    transform: translateY(-4px);
}
.ai-product-content .pdx-icon {
    background: linear-gradient(135deg, var(--pdx-accent), color-mix(in srgb, var(--pdx-accent) 65%, #fbbf24));
    border: 0;
    border-radius: 13px;
    color: #fff;
    display: grid;
    margin: 0 0 14px;
    place-items: center;
}
.ai-product-content .pdx-feature-card p { grid-column: auto; }
.ai-product-content .pdx-highlight {
    background: linear-gradient(90deg, color-mix(in srgb, var(--pdx-accent) 10%, #fff), #fff);
    border: 0;
    border-left: 5px solid var(--pdx-accent);
    border-radius: 18px;
    color: var(--pdx-ink);
    display: block;
    margin: 18px 0;
    padding: 22px;
}
.ai-product-content .pdx-highlight h3,
.ai-product-content .pdx-highlight h4,
.ai-product-content .pdx-highlight p,
.ai-product-content .pdx-highlight strong { color: inherit; }
.ai-product-content .pdx-gradient-band {
    background: linear-gradient(120deg, var(--pdx-accent), color-mix(in srgb, var(--pdx-accent) 58%, #7c3aed));
    border-radius: 18px;
    box-shadow: 0 14px 32px color-mix(in srgb, var(--pdx-accent) 22%, transparent);
    color: #fff;
    margin: 18px 0;
    padding: 18px 22px;
}
.ai-product-content .pdx-gradient-band * { color: #fff; }
.ai-product-content .pdx-highlight-words {
    background: linear-gradient(transparent 58%, color-mix(in srgb, var(--pdx-accent) 30%, #fff) 0);
    background-repeat: no-repeat;
    background-size: 0 100%;
    padding: 0 .15em;
    transition: background-size 1s ease;
}
.ai-product-content .pdx-visible .pdx-highlight-words { background-size: 100% 100%; }
.ai-product-content .pdx-checklist,
.ai-product-content .pdx-steps,
.ai-product-content .pdx-specs,
.ai-product-content .pdx-note {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 18px;
    margin: 18px 0;
    padding: 22px;
}
.ai-product-content .pdx-content:not(.pdx-visible) .pdx-feature-card,
.ai-product-content .pdx-content:not(.pdx-visible) .pdx-highlight,
.ai-product-content .pdx-content:not(.pdx-visible) .pdx-gradient-band { opacity: .01; transform: translateY(14px); }
.ai-product-content .pdx-content.pdx-visible .pdx-feature-card,
.ai-product-content .pdx-content.pdx-visible .pdx-highlight,
.ai-product-content .pdx-content.pdx-visible .pdx-gradient-band { opacity: 1; transform: none; }
.ai-product-content .pdx-content.pdx-visible .pdx-feature-card:nth-child(2) { transition-delay: .08s; }
.ai-product-content .pdx-content.pdx-visible .pdx-feature-card:nth-child(3) { transition-delay: .16s; }
.ai-product-content .pdx-content.pdx-visible .pdx-feature-card:nth-child(4) { transition-delay: .24s; }
@keyframes pdx-sheen {
    0%, 65% { transform: translateX(-160%) rotate(18deg); }
    85%, 100% { transform: translateX(620%) rotate(18deg); }
}
@media (max-width: 640px) {
    .ai-product-content .pdx-content { font-size: 15px; line-height: 1.72; margin: 20px auto; }
    .ai-product-content .pdx-hero-copy { border-left-width: 1px; border-radius: 20px; padding: 22px 18px; }
    .ai-product-content .pdx-feature-grid,
    .ai-product-content .pdx-media-gallery { grid-template-columns: 1fr; }
    .ai-product-content .pdx-feature-card,
    .ai-product-content .pdx-highlight,
    .ai-product-content .pdx-note,
    .ai-product-content .pdx-checklist,
    .ai-product-content .pdx-steps,
    .ai-product-content .pdx-specs { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .ai-product-content .pdx-content * { animation: none !important; transition: none !important; }
    .ai-product-content .pdx-content:not(.pdx-visible) .pdx-feature-card,
    .ai-product-content .pdx-content:not(.pdx-visible) .pdx-highlight,
    .ai-product-content .pdx-content:not(.pdx-visible) .pdx-gradient-band { opacity: 1; transform: none; }
}