/* Customer product descriptions should read like catalogue copy, not a supplier feed. */
.app-route-detail .product-main-copy > .app-detail-card:first-child {
    padding: clamp(22px, 3vw, 32px) !important;
    border-radius: 20px !important;
}

.app-route-detail .product-main-copy > .app-detail-card:first-child > h2 {
    margin: 0 0 18px !important;
}

.app-route-detail .product-main-copy > .app-detail-card:first-child .prose {
    max-width: 78ch !important;
    color: var(--fx-text, #202733) !important;
    font-size: clamp(.96rem, 1.1vw, 1.04rem) !important;
    line-height: 1.72 !important;
    letter-spacing: .002em !important;
    overflow-wrap: anywhere !important;
}

.app-route-detail .product-main-copy > .app-detail-card:first-child .prose p {
    margin: 0 !important;
}

.app-route-detail .product-main-copy > .app-detail-card:first-child .prose p + p {
    margin-top: 18px !important;
}

/* Cleaned supplier descriptions use plain-text section names followed by
   line-separated specification rows. Give line breaks enough visual breathing
   room while retaining copy/paste-friendly text. */
.app-route-detail .product-main-copy > .app-detail-card:first-child .prose br {
    display: block !important;
    content: "" !important;
    margin-top: 6px !important;
}

html[data-theme="dark"] body.app-route-detail .product-main-copy > .app-detail-card:first-child .prose {
    color: var(--fx-text, #eef4fb) !important;
}

@media (max-width: 760px) {
    .app-route-detail .product-main-copy > .app-detail-card:first-child {
        padding: 18px !important;
        border-radius: 17px !important;
    }

    .app-route-detail .product-main-copy > .app-detail-card:first-child .prose {
        max-width: none !important;
        font-size: .96rem !important;
        line-height: 1.68 !important;
    }
}

/* The live detail page moves sections into an accordion. The old selectors
   above targeted the pre-JavaScript grid, leaving a nested dark rectangle
   around supplier descriptions and collapsing compatibility spacing. */
body.app-route-detail .product-main-copy > .app-detail-card:first-child,
body.app-route-detail .fx-ebay-detail-section[data-fx-section="description"] .fx-ebay-detail-panel > .app-detail-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body.app-route-detail .fx-ebay-detail-section[data-fx-section="description"] .prose,
body.app-route-detail .fx-ebay-detail-section[data-fx-section="description"] .prose p,
body.app-route-detail .product-main-copy > .app-detail-card:first-child .prose,
body.app-route-detail .product-main-copy > .app-detail-card:first-child .prose p {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: 85ch !important;
}

body.app-route-detail .fx-ebay-detail-section[data-fx-section="about"] .fx-ebay-detail-panel > .app-detail-card {
    margin-top: 24px !important;
    padding: clamp(18px, 2.5vw, 28px) !important;
    border: 1px solid var(--fx-line, rgba(150,170,195,.25)) !important;
    border-radius: 20px !important;
    background: var(--fx-panel, #121722) !important;
    box-shadow: none !important;
}

body.app-route-detail .product-main-copy > .app-detail-card:not(:first-child) {
    margin-top: 24px !important;
    border-radius: 20px !important;
}

@media (max-width: 760px) {
    body.app-route-detail .fx-ebay-detail-section[data-fx-section="about"] .fx-ebay-detail-panel > .app-detail-card {
        margin-top: 18px !important;
        border-radius: 16px !important;
        padding: 18px !important;
    }
    body.app-route-detail .product-main-copy > .app-detail-card:not(:first-child) {
        margin-top: 18px !important;
        border-radius: 16px !important;
    }
}