#k-carte-wrapper {
    display: grid; grid-template-columns: 1fr 340px;
    height: 620px; background: #06000e;
    border: 1px solid rgba(110,193,228,.15);
    border-radius: 4px; overflow: hidden;
    position: relative;
}
#k-carte-map { height: 100%; width: 100%; }
.leaflet-container { background: #06000e !important; }
.k-marker {
    width: var(--ms); height: var(--ms);
    background: var(--mc); border-radius: 50%;
    border: 2px solid rgba(255,255,255,.4); cursor: pointer;
    transition: transform .15s; display: flex;
    align-items: center; justify-content: center;
    font-size: 8px; font-weight: 700; color: #06000e;
    box-shadow: 0 0 12px var(--mc);
}
.k-marker:hover { transform: scale(1.6); z-index: 999; }
#k-carte-panel {
    background: #0a0416;
    border-left: 1px solid rgba(110,193,228,.12);
    overflow-y: auto; padding: 24px; transition: transform .3s;
}
#k-carte-panel.k-carte-panel--hidden { transform: translateX(100%); }
#k-carte-close {
    background: none; border: none;
    color: rgba(255,255,255,.3); font-size: 22px;
    cursor: pointer; float: right;
}
.k-c-header { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.k-c-thumb { width: 72px; height: 72px; border-radius: 3px; object-fit: cover; }
.k-c-initiale {
    width: 72px; height: 72px; background: #1a0838; border-radius: 3px;
    display: flex; align-items: center; justify-content: center;
    font: 400 36px Georgia, serif; color: rgba(110,193,228,.2);
}
.k-c-nom { font: 400 17px Georgia, serif; color: #fff; margin-bottom: 4px; }
.k-c-femme { color: #e87a9a; margin-left: 6px; }
.k-c-meta {
    font-size: 11px; color: rgba(255,255,255,.35);
    text-transform: uppercase; letter-spacing: 1px;
}
.k-c-bio { font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.55); margin-bottom: 14px; }
.k-c-video iframe { width: 100%; aspect-ratio: 16/9; border-radius: 3px; margin-bottom: 12px; border: 0; }
.k-c-link {
    font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
    text-transform: uppercase; color: #6EC1E4;
    display: block; text-align: right; text-decoration: none;
}
@media (max-width: 768px) {
    #k-carte-wrapper { grid-template-columns: 1fr; grid-template-rows: 380px 1fr; height: auto; }
}