.card-detail-page {
    --detail-ink: #30274a;
    --detail-muted: #706985;
    --detail-purple: #7057b8;
    --detail-purple-deep: #4c3b86;
    --detail-gold: #b98a31;
    --detail-gold-soft: #f6e7ba;
    --detail-ivory: #faf7ee;
    --detail-paper: #fffdf8;
    --detail-line: #e9dfc9;
    background: var(--detail-ivory);
    color: var(--detail-ink);
}

.card-detail-page .card-detail-section {
    min-height: auto;
    padding: 0 0 2.5rem;
    background:
        radial-gradient(circle at 80% 0%, rgba(185, 138, 49, .12), transparent 28rem),
        linear-gradient(180deg, #fffdf7 0%, var(--detail-ivory) 100%);
}

.card-detail-page .card-detail-breadcrumb {
    padding-top: 1.15rem;
    padding-bottom: .4rem;
}

.card-detail-page .breadcrumb {
    align-items: center;
    font-size: .78rem;
    letter-spacing: .02em;
}

.card-detail-page .breadcrumb-item + .breadcrumb-item::before { color: #a99b7d; }
.card-detail-page .breadcrumb a { color: var(--detail-purple); text-decoration: none; }
.card-detail-page .breadcrumb a:hover { color: var(--detail-purple-deep); text-decoration: underline; }
.card-detail-page .breadcrumb-item.active { color: var(--detail-muted); max-width: min(70vw, 32rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.card-detail-page .card-detail-section > .container.py-5 { padding-top: 1.25rem !important; }
.card-detail-page .card-info-container,
.card-detail-page .card-detail-meta,
.card-detail-page .card-detail-description,
.card-detail-page .card-detail-filters,
.card-detail-page .card-detail-marketplace,
.card-detail-page .card-detail-buyers,
.card-detail-page .cd-comments-section {
    background: var(--detail-paper);
    border: 1px solid var(--detail-line);
    box-shadow: 0 10px 28px rgba(55, 42, 91, .07) !important;
}

.card-detail-page .card-info-container {
    border-radius: 18px;
    padding: clamp(1.1rem, 2.5vw, 2rem);
}

.card-detail-page .card-detail-name,
.card-detail-page h1,
.card-detail-page h3,
.card-detail-page h5,
.card-detail-page .card-title {
    font-family: Georgia, 'Times New Roman', serif;
    color: var(--detail-ink);
}

.card-detail-page .card-detail-name {
    font-weight: 700;
    letter-spacing: -.02em;
    margin-bottom: 0;
}

.card-detail-page .price-summary {
    min-width: 17rem;
    padding: .8rem 1rem;
    border: 1px solid var(--detail-gold-soft);
    border-radius: 12px;
    background: linear-gradient(135deg, #fffdf8, #fbf1d4);
}

.card-detail-page .price-summary h3 { color: var(--detail-purple-deep); }
.card-detail-page .price-summary .text-muted,
.card-detail-page .text-muted { color: var(--detail-muted) !important; }
.card-detail-page .text-primary,
.card-detail-page .seller-name-link { color: var(--detail-purple) !important; }
.card-detail-page .seller-name-link:hover { color: var(--detail-purple-deep) !important; }
.card-detail-page .text-warning { color: var(--detail-gold) !important; }

.card-detail-page .card-detail-image {
    display: block;
    max-width: 100%;
    border: 1px solid var(--detail-line);
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(52, 37, 92, .16);
}

.card-detail-page .card-badges { display: flex; flex-wrap: wrap; gap: .45rem; }
.card-detail-page .card-badges .badge { margin-left: 0 !important; }
.card-detail-page .badge.bg-secondary { background: #6f6881 !important; }
.card-detail-page .card-detail-meta,
.card-detail-page .card-detail-description { border-radius: 14px; overflow: hidden; }
.card-detail-page .card-detail-meta .border-bottom { border-color: var(--detail-line) !important; }
.card-detail-page .card-detail-meta .badge.bg-dark { background: var(--detail-purple-deep) !important; }
.card-detail-page .card-detail-stat { border: 1px solid rgba(91, 67, 144, .16); }
.card-detail-page .card-detail-stat--cost { background: linear-gradient(135deg, #d0a347, #b77d25) !important; box-shadow: 0 5px 14px rgba(185, 138, 49, .25) !important; }
.card-detail-page .card-detail-stat--power { background: linear-gradient(135deg, #8a68b8, #634594) !important; box-shadow: 0 5px 14px rgba(103, 73, 151, .22) !important; }
.card-detail-page .card-detail-stat--toughness { background: linear-gradient(135deg, #6f58ae, #4e3a83) !important; box-shadow: 0 5px 14px rgba(78, 58, 131, .22) !important; }
.card-detail-page .card-text-box { background: #f9f2df !important; color: #4f465d; border: 1px solid var(--detail-line); }

.card-detail-page .cd-rating-inline { justify-content: flex-start; padding-left: .2rem; }
.card-detail-page .cd-rating-inline .cd-stars i,
.card-detail-page .cd-rating-inline .cd-stars i.filled { color: var(--detail-gold); }
.card-detail-page .cd-rating-avg { color: var(--detail-purple-deep); }

.card-detail-page .card-detail-filters { border-radius: 14px; }
.card-detail-page .card-detail-filters h5 { font-weight: 700; }
.card-detail-page .form-label { color: var(--detail-ink); font-size: .82rem; font-weight: 700; }
.card-detail-page .form-select,
.card-detail-page .cd-comment-form input { border-color: var(--detail-line); background-color: #fffefb; color: var(--detail-ink); }
.card-detail-page .form-select:focus,
.card-detail-page .cd-comment-form input:focus { border-color: var(--detail-purple); box-shadow: 0 0 0 .2rem rgba(112, 87, 184, .15); }
.card-detail-page #resetFilters { border-color: #b9acca; color: var(--detail-purple-deep); }
.card-detail-page #resetFilters:hover { background: #f0eafa; border-color: var(--detail-purple); }

.card-detail-page .card-detail-marketplace,
.card-detail-page .card-detail-buyers { border-radius: 14px; overflow: hidden; }
.card-detail-page .card-detail-marketplace .card-header { background: var(--detail-purple-deep) !important; }
.card-detail-page .card-detail-buyers .card-header { background: #f4df9d !important; color: #4f3a11 !important; }
.card-detail-page .sellers-table thead th { background: #f9f3e5; color: var(--detail-ink); border-bottom-color: var(--detail-line); }
.card-detail-page .sellers-table tbody td { border-color: #f0e8d8; }
.card-detail-page .sellers-table tbody tr:hover { background: #fbf6ea; }
.card-detail-page .listing-pickup td,
.card-detail-page .listing-notes td { background: #fbf7ed !important; }
.card-detail-page .accordion-item { border-color: var(--detail-line); }
.card-detail-page .accordion-button { color: var(--detail-ink); box-shadow: none; }
.card-detail-page .accordion-button:not(.collapsed) { background: #f4ecfb; color: var(--detail-purple-deep); }
.card-detail-page .accordion-button:focus { border-color: var(--detail-purple); box-shadow: 0 0 0 .2rem rgba(112, 87, 184, .15); }
.card-detail-page .btn-contact-seller,
.card-detail-page .btn-success { background-color: #4f9b6c; border-color: #4f9b6c; }
.card-detail-page .btn-contact-seller:hover,
.card-detail-page .btn-success:hover { background-color: #397a52; border-color: #397a52; }

.card-detail-page .card-detail-comments { width: 100%; margin-top: 16px; background: var(--detail-paper); }
.card-detail-page .cd-comments-section { border-radius: 14px; }
.card-detail-page .cd-comments-section h5 { font-weight: 700; }
.card-detail-page .cd-comment-item { border-color: #eee6d7; }
.card-detail-page .cd-comment-avatar-placeholder,
.card-detail-page .cd-comment-form button { background: var(--detail-purple); }
.card-detail-page .cd-comment-form button:hover { background: var(--detail-purple-deep); }
.card-detail-page .cd-comment-login a { color: var(--detail-purple); }
.card-detail-page .btn-outline-secondary { border-color: #b9acca; color: var(--detail-purple-deep); }
.card-detail-page .btn-outline-secondary:hover { background: var(--detail-purple-deep); border-color: var(--detail-purple-deep); color: #fff; }

@media (max-width: 991.98px) {
    .card-detail-page .card-detail-section > .container.py-5 { padding-top: .8rem !important; }
    .card-detail-page .sticky-top { position: static; max-height: none !important; overflow: visible !important; }
    .card-detail-page .card-image-container { max-width: 23rem; margin: 0 auto 1rem; }
    .card-detail-page .card-detail-meta,
    .card-detail-page .card-detail-description { max-width: 36rem; margin-left: auto; margin-right: auto; }
    .card-detail-page .card-info-container { margin-top: 1.25rem; }
}

@media (max-width: 575.98px) {
    .card-detail-page .card-detail-breadcrumb { padding-top: .8rem; }
    .card-detail-page .card-info-container { border-radius: 14px; padding: 1rem; }
    .card-detail-page .card-detail-price { width: 100%; }
    .card-detail-page .price-summary { min-width: 0; width: 100%; text-align: left; }
    .card-detail-page .card-detail-name { font-size: 1.7rem !important; }
    .card-detail-page .card-badges .badge { font-size: .75rem !important; }
    .card-detail-page .cd-comments-section { padding: 1rem; }
    .card-detail-page .cd-comment-form { gap: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .card-detail-page *, .card-detail-page *::before, .card-detail-page *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* Keep the detail aligned with shared navigation and avoid nested page scrolling. */
.card-detail-page .card-detail-section > .container {
    max-width: none;
    padding-inline: var(--landing-content-gutter);
}
.card-detail-page .card-detail-section .sticky-top {
    position: static;
    max-height: none !important;
    overflow: visible !important;
}
.card-detail-page .card-detail-marketplace .card-header h5 { color: #fff5df; }
.card-detail-page .card-detail-buyers .card-header h5 { color: #4f3a11; }
.card-detail-page .card-detail-filters .row { align-items: end; }
@media (max-width: 991.98px) {
    .card-detail-page .card-detail-filters .col-md-3 { width: 50%; }
}
@media (max-width: 575.98px) {
    .card-detail-page .card-detail-filters .col-md-3 { width: 100%; }
    .card-detail-page .price-summary h3 { white-space: normal !important; overflow-wrap: anywhere; }
}
.card-detail-page .ad-container--horizontal .paid-ad-fallback { max-height: none; overflow-wrap: anywhere; }
.card-detail-page .accordion-button > .d-flex { min-width: 0; flex-wrap: wrap; gap: 10px; }
.card-detail-page .accordion-button > .d-flex > .d-flex { min-width: 0; }
.card-detail-page .accordion-button > .d-flex > strong { flex-basis: 100%; margin-left: 0 !important; white-space: normal !important; font-size: .88rem; }
.card-detail-page .accordion-button .rounded-circle { flex-shrink: 0; }
.card-detail-page .accordion-body .badge { max-width: 100%; white-space: normal; text-align: left; line-height: 1.5; }

/* Comments share the seller panel edges without a second container/grid. */
.card-detail-page .card-detail-main-column { min-width: 0; }
.card-detail-page .cd-comment-form input { min-width: 0; min-height: 44px; }
.card-detail-page .cd-comment-form button { flex: 0 0 44px; min-height: 44px; }
.card-detail-page .cd-comment-header { flex-wrap: wrap; }
.card-detail-page .cd-comment-text { overflow-wrap: anywhere; }