/* Cards inherit the original /diktory rules in header-fix.css. Only the
 * preview grid differs: one row, without a filter or horizontal carousel. */
#start.service-page .service-voice-catalog .kg-voices {
    display:grid;
    grid-template-columns:repeat(5, minmax(0, var(--kg-service-card-width,var(--kg-voice-card-width))))!important;
    grid-auto-flow:row;
    gap:var(--kg-voice-card-gap);
    justify-content:start;
    align-items:start;
    width:100%;
    max-width:none;
    margin:24px 0 0;
    padding:0;
    overflow:visible;
}
#start.service-page .service-voice-catalog .kg-voices::before,
#start.service-page .service-voice-catalog .kg-voices::after { content:none; display:none }
#start.service-page .service-voice-catalog .kg-voices>.kg-voice:nth-child(n+6) { display:none }
#start.service-page .service-voice-preview {
    --service-preview-columns:5;
    display:grid;
    grid-template-columns:minmax(0,calc(var(--service-preview-columns) * var(--kg-service-card-width,var(--kg-voice-card-width)) + (var(--service-preview-columns) - 1) * var(--kg-voice-card-gap))) minmax(170px,1fr);
    gap:var(--kg-voice-card-gap);
    align-items:stretch;
    margin-top:24px;
}
#start.service-page .service-voice-preview .kg-voices { margin:0 }
#start.service-page .service-talent {
    position:relative;
    z-index:1;
    padding-bottom:calc(var(--service-space) + 28px);
    transition:padding-bottom .22s ease;
}
#start.service-page .service-voice-catalog .kg-desc {
    color:#69708d !important;
    font-size:14px;
    line-height:1.5;
}
/* The expanded catalogue card is intentionally taller than its compact
 * preview. Reserve room while it is open so the following section never
 * sits underneath its description or order controls. */
@media(min-width:681px) {
    #start.service-page .service-talent:is(:has(.kg-voice:hover),:has(.kg-voice:focus-within),:has(.kg-voice .kg-source-player.is-playing)) {
        padding-bottom:calc(var(--service-space) + 282px);
    }
}
#start.service-page .service-voice-catalog-cta {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:12px;
    min-width:0;
    padding:16px;
    border-radius:28px;
    background:#fff2ed;
    color:var(--seo-accent);
}
#start.service-page .service-voice-catalog-cta__wave { width:100%; max-width:144px; height:32px; margin-bottom:0; opacity:.55 }
#start.service-page .service-voice-catalog-cta h3 { margin:0; color:var(--seo-ink); font-size:22px!important; line-height:1.15!important; text-wrap:initial }
#start.service-page .service-voice-catalog-cta p { margin:0; font-size:14px; line-height:1.45 }
#start.service-page .service-voice-catalog-cta__button { width:100%; gap:8px; padding:12px 8px; font-size:14px; white-space:nowrap }
/* Match the catalogue's five card tracks at narrow desktop widths as well:
 * its filter occupies 250px, with 48px outer gutters and five 16px gaps. */
@media(min-width:981px) {
    #start.service-page .service-voice-catalog {
        --kg-service-card-width:min(var(--kg-voice-card-width),calc((100vw - 48px - 250px - 5 * var(--kg-voice-card-gap)) / 5));
    }
}
@media(max-width:1100px) {
    #start.service-page .service-voice-preview { --service-preview-columns:4 }
    #start.service-page .service-voice-catalog .kg-voices { grid-template-columns:repeat(4,minmax(0,var(--kg-service-card-width,var(--kg-voice-card-width))))!important }
    #start.service-page .service-voice-catalog .kg-voices>.kg-voice:nth-child(n+5) { display:none }
}
@media(max-width:980px) {
    #start.service-page .service-voice-preview { --service-preview-columns:3 }
    #start.service-page .service-voice-catalog .kg-voices { grid-template-columns:repeat(3,minmax(0,var(--kg-service-card-width,var(--kg-voice-card-width))))!important }
    #start.service-page .service-voice-catalog .kg-voices>.kg-voice:nth-child(n+4) { display:none }
}
@media(max-width:900px) {
    #start.service-page .service-voice-preview { grid-template-columns:minmax(0,1fr) }
    #start.service-page .service-voice-catalog-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 24px; padding:24px }
    #start.service-page .service-voice-catalog-cta__wave { display:none }
    #start.service-page .service-voice-catalog-cta p { grid-column:1 }
    #start.service-page .service-voice-catalog-cta__button { grid-column:2; grid-row:1 / span 2; width:auto; padding-inline:20px; align-self:center }
}
@media(max-width:680px) {
    #start.service-page .service-voice-catalog .kg-voices { grid-template-columns:minmax(0,1fr)!important; justify-items:center }
    #start.service-page .service-voice-catalog .kg-voices>.kg-voice:nth-child(n+2) { display:none }
    #start.service-page .service-voice-catalog-cta { display:flex; align-items:flex-start }
    #start.service-page .service-voice-catalog-cta__button { width:100% }
}