/* Sahadan 2027 — ortak tasarım dili (ön yüz) */
:root {
    --sd-bg: #F3F4F1;
    --sd-surface: #FFFFFF;
    --sd-surface-2: #F8F9F6;
    --sd-text: #111512;
    --sd-text-2: #3A433D;
    --sd-muted: #5E6862;
    --sd-dim: #6A746E;
    --sd-line: #E3E6E1;
    --sd-line-2: #E1E4DF;
    --sd-border: #CDD2CB;
    --sd-green: #2FD46B;
    --sd-green-hover: #27C160;
    --sd-green-ink: #04210F;
    --sd-green-text: #117A39;
    --sd-green-dark: #0F6B32;
    --sd-green-tint: #E3F6EA;
    --sd-green-line: #A8DDBA;
    --sd-red: #D91F36;
    --sd-red-text: #B3162B;
    --sd-red-tint: #FDECEE;
    --sd-red-line: #F2B8BF;
    --sd-amber-tint: #FFF1D1;
    --sd-amber-text: #8A5A00;
    --sd-team: #FFB020;
    --sd-font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --sd-display: 'Archivo', 'Geist', system-ui, sans-serif;
    --sd-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
    --sd-pad: 80px;
}

@media (max-width: 1199.98px) { :root { --sd-pad: 40px; } }
@media (max-width: 767.98px) { :root { --sd-pad: 16px; } }

body.sd {
    background: var(--sd-bg);
    color: var(--sd-text);
    font-family: var(--sd-font);
    -webkit-font-smoothing: antialiased;
}
/* Eski sayfalardaki Bootstrap butonlarını bozmamak için link rengi sadece yeni tasarımda ve ortak alanlarda */
/* :where() ile öncelik sıfır: bileşenlerin kendi link renkleri her zaman kazanır */
:where(body.sd:not(.legacy), .sd-header, .sd-footer, .sd-modal) a { color: var(--sd-green-text); text-decoration: none; }
:where(body.sd:not(.legacy), .sd-header, .sd-footer, .sd-modal) a:hover { color: var(--sd-green-dark); }
body.sd :focus-visible { outline: 2px solid var(--sd-green); outline-offset: 2px; }

.sd-wrap { width: 100%; max-width: calc(1280px + 2 * var(--sd-pad)); margin: 0 auto; padding-left: var(--sd-pad); padding-right: var(--sd-pad); box-sizing: border-box; }
.sd-mono { font-family: var(--sd-mono); }
.sd-display { font-family: var(--sd-display); font-stretch: 110%; letter-spacing: -0.03em; }
.sd-muted { color: var(--sd-muted); }
.sd-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Butonlar ---------- */
.sd-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 44px; padding: 0 18px; border-radius: 8px; border: 1px solid transparent;
    font-family: var(--sd-font); font-size: 15px; font-weight: 600; line-height: 1;
    cursor: pointer; white-space: nowrap; text-decoration: none; transition: background .15s, border-color .15s, color .15s;
}
.sd-btn:disabled { opacity: .5; cursor: not-allowed; }
body.sd a.sd-btn-primary, .sd-btn-primary { background: var(--sd-green); color: var(--sd-green-ink); }
body.sd a.sd-btn-primary:hover, .sd-btn-primary:hover { background: var(--sd-green-hover); color: var(--sd-green-ink); }
body.sd a.sd-btn-dark, .sd-btn-dark { background: var(--sd-text); color: #FFFFFF; }
body.sd a.sd-btn-dark:hover, .sd-btn-dark:hover { background: #2A302C; color: #FFFFFF; }
body.sd a.sd-btn-live, .sd-btn-live { background: var(--sd-red); color: #FFFFFF; }
body.sd a.sd-btn-live:hover, .sd-btn-live:hover { background: #C21B30; color: #FFFFFF; }
body.sd a.sd-btn-outline, .sd-btn-outline { background: var(--sd-surface); color: var(--sd-text); border-color: var(--sd-border); }
body.sd a.sd-btn-outline:hover, .sd-btn-outline:hover { border-color: var(--sd-text); color: var(--sd-text); }
.sd-btn-sm { height: 36px; padding: 0 12px; font-size: 14px; border-radius: 6px; }
.sd-btn-block { width: 100%; }

/* ---------- Canlı ikonları ---------- */
.sd-blink { animation: sd-blink 1.1s ease-in-out infinite; }
.sd-blink-2 { animation: sd-blink 1.1s ease-in-out .25s infinite; }
@keyframes sd-blink { 0%, 100% { opacity: 1; } 50% { opacity: .2; } }
.sd-pulse { width: 6px; height: 6px; border-radius: 50%; background: #FFFFFF; animation: sd-pulse 1.6s ease-out infinite; flex-shrink: 0; }
@keyframes sd-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 77, 94, .7); } 100% { box-shadow: 0 0 0 7px rgba(255, 77, 94, 0); } }
.sd-badge-live {
    display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 4px;
    background: var(--sd-red); color: #FFFFFF; font-family: var(--sd-mono); font-size: 11px; font-weight: 600; letter-spacing: .08em;
}
.sd-chip-dark {
    display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 4px;
    background: rgba(10, 13, 11, .65); color: #FFFFFF; font-size: 12px; white-space: nowrap;
}

/* ---------- Skeleton ---------- */
.sd-sk { background: linear-gradient(90deg, #E6E9E3 0%, #F4F6F2 50%, #E6E9E3 100%); background-size: 200% 100%; animation: sd-sk 1.3s ease-in-out infinite; border-radius: 6px; display: block; }
@keyframes sd-sk { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }

/* ---------- Geliştiriliyor ---------- */
.sd-wip {
    position: relative; overflow: hidden; min-height: 120px; border-radius: 12px;
    border: 1px dashed var(--sd-border); background-color: var(--sd-surface-2);
    background-image:
        linear-gradient(to top right, transparent calc(50% - 1px), var(--sd-border) calc(50% - 1px), var(--sd-border) calc(50% + 1px), transparent calc(50% + 1px)),
        linear-gradient(to bottom right, transparent calc(50% - 1px), var(--sd-border) calc(50% - 1px), var(--sd-border) calc(50% + 1px), transparent calc(50% + 1px));
    display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box;
}
.sd-wip-label {
    position: relative; z-index: 1; display: inline-flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;
    padding: 10px 16px; border-radius: 8px; background: var(--sd-surface); border: 1px solid var(--sd-line-2);
    box-shadow: 0 6px 18px rgba(20, 30, 22, .06);
}
.sd-wip-label strong { font-size: 14px; font-weight: 700; color: var(--sd-amber-text); letter-spacing: .02em; display: inline-flex; align-items: center; gap: 6px; }
.sd-wip-label span { font-size: 12px; color: var(--sd-muted); }
.sd-wip-inline { display: inline-flex; align-items: center; gap: 4px; height: 18px; padding: 0 6px; border-radius: 4px; background: var(--sd-amber-tint); color: var(--sd-amber-text); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }

/* ---------- Header ---------- */
.sd-header { background: var(--sd-surface); border-bottom: 1px solid var(--sd-line); position: sticky; top: 0; z-index: 1030; }
.sd-header-in { height: 72px; display: flex; align-items: center; gap: 40px; }
.sd-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--sd-text) !important; flex-shrink: 0; }
.sd-brand-mark { width: 34px; height: 34px; border-radius: 6px; background: var(--sd-green); display: flex; align-items: center; justify-content: center; }
.sd-brand-name { font-family: var(--sd-display); font-weight: 900; font-stretch: 125%; font-size: 21px; letter-spacing: -0.02em; }
.sd-nav { display: flex; align-items: center; gap: 30px; font-size: 15px; flex-grow: 1; }
.sd-nav a, .sd-nav .sd-nav-off { color: var(--sd-muted); display: inline-flex; align-items: center; gap: 8px; }
.sd-nav a:hover { color: var(--sd-text); }
.sd-nav a.is-active { color: var(--sd-text); font-weight: 600; }
.sd-nav .sd-nav-off { cursor: default; }
.sd-nav-count { height: 20px; padding: 0 7px; border-radius: 6px; background: var(--sd-red); color: #FFFFFF; font-family: var(--sd-mono); font-size: 12px; display: inline-flex; align-items: center; }
.sd-header-actions { display: flex; align-items: center; gap: 10px; }
.sd-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--sd-line-2); border-radius: 8px; background: var(--sd-surface); color: var(--sd-text); align-items: center; justify-content: center; }
.sd-account { position: relative; }
.sd-account > summary { list-style: none; height: 44px; padding: 0 12px 0 4px; border-radius: 22px; border: 1px solid var(--sd-line-2); background: var(--sd-surface); display: flex; align-items: center; gap: 10px; cursor: pointer; }
.sd-account > summary::-webkit-details-marker { display: none; }
.sd-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--sd-text); color: var(--sd-green); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sd-account-menu { position: absolute; right: 0; top: calc(100% + 8px); width: 240px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 10px; box-shadow: 0 18px 40px rgba(20, 30, 22, .12); padding: 6px; z-index: 40; }
.sd-account-menu a, .sd-account-menu button { width: 100%; height: 42px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: var(--sd-text) !important; font-size: 14px; display: flex; align-items: center; gap: 10px; text-align: left; cursor: pointer; }
.sd-account-menu a:hover, .sd-account-menu button:hover { background: var(--sd-bg); }
.sd-account-menu hr { margin: 6px 0; border: 0; border-top: 1px solid var(--sd-line); opacity: 1; }
.sd-account-menu .sd-danger { color: var(--sd-red-text) !important; }

@media (max-width: 991.98px) {
    .sd-header-in { gap: 12px; height: 64px; }
    .sd-menu-toggle { display: inline-flex; }
    .sd-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--sd-surface); border-bottom: 1px solid var(--sd-line); flex-direction: column; align-items: stretch; gap: 0; padding: 8px var(--sd-pad) 16px; box-shadow: 0 16px 30px rgba(20, 30, 22, .08); }
    .sd-nav.is-open { display: flex; }
    .sd-nav a, .sd-nav .sd-nav-off { height: 48px; border-bottom: 1px solid var(--sd-line); }
    .sd-header-actions { margin-left: auto; }
    .sd-account-name { display: none; }
}
@media (max-width: 479.98px) {
    .sd-brand-name { font-size: 18px; }
    .sd-btn-login span { display: none; }
    .sd-btn-login { width: 44px; padding: 0; }
}

/* ---------- Footer ---------- */
.sd-footer { background: var(--sd-surface); border-top: 1px solid var(--sd-line); margin-top: 72px; }
.sd-footer-in { padding-top: 28px; padding-bottom: 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--sd-dim); }
.sd-footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
.sd-footer-links a { color: var(--sd-muted) !important; }
.sd-footer-links a.sd-footer-cta { color: var(--sd-green-text) !important; font-weight: 600; }

/* ---------- Kartlar ---------- */
.sd-card { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; }
.sd-fac-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 1199.98px) { .sd-fac-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .sd-fac-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 575.98px) { .sd-fac-grid { gap: 10px; } }

.sd-fac { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.sd-fac-media { position: relative; display: block; aspect-ratio: 16 / 9; background: #1E5A34; overflow: hidden; }
.sd-fac-media img, .sd-fac-media svg { display: block; width: 100%; height: 100%; object-fit: cover; }
.sd-fac-tags { position: absolute; top: 12px; left: 12px; display: flex; gap: 6px; flex-wrap: wrap; }
.sd-fac-cams { position: absolute; bottom: 12px; left: 12px; }
.sd-fac-logo { position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 8px; border: 2px solid #FFFFFF; background: #FFFFFF; object-fit: cover; }
.sd-fac-body { padding: 18px; display: flex; flex-direction: column; gap: 14px; flex-grow: 1; }
.sd-fac-name { font-size: 16px; font-weight: 600; color: var(--sd-text) !important; line-height: 1.3; display: block; overflow-wrap: anywhere; }
.sd-fac-loc { font-size: 14px; color: var(--sd-muted); display: flex; gap: 6px; align-items: center; margin-top: 4px; }
.sd-fac-loc a { color: inherit !important; text-decoration: underline; text-decoration-color: rgba(0, 0, 0, .2); text-underline-offset: 3px; }
.sd-fac-loc a:hover { color: var(--sd-text) !important; text-decoration-color: currentColor; }
.sd-fac-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: auto; }
.sd-fac-actions.is-single { grid-template-columns: 1fr; }
.sd-fac-actions .sd-btn { height: 48px; font-size: 15px; padding: 0 10px; }
.sd-fac-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; border-top: 1px solid var(--sd-line); font-size: 13px; color: var(--sd-dim); }
.sd-fac-foot a { color: var(--sd-text-2) !important; display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 575.98px) {
    .sd-fac-body { padding: 12px; gap: 10px; }
    .sd-fac-name { font-size: 13.5px; }
    .sd-fac-loc { font-size: 12px; }
    .sd-fac-actions { grid-template-columns: 1fr; gap: 6px; }
    .sd-fac-actions .sd-btn { height: 42px; font-size: 14px; }
    .sd-fac-foot { font-size: 12px; }
    .sd-fac-tags { top: 8px; left: 8px; }
    .sd-fac-cams, .sd-fac-logo { display: none; }
}

/* ---------- Form & modal ---------- */
.sd-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; color: var(--sd-text-2); margin: 0; }
.sd-field-label { display: flex; align-items: baseline; gap: 4px; }
.sd-input { height: 48px; box-sizing: border-box; padding: 0 14px; border: 1px solid var(--sd-border); border-radius: 6px; font-family: var(--sd-font); font-size: 15px; color: var(--sd-text); background: var(--sd-surface); width: 100%; }
.sd-input:focus { outline: 2px solid var(--sd-green); outline-offset: 1px; border-color: var(--sd-green); }
.sd-input.is-invalid { border-color: var(--sd-red); }
.sd-error { font-size: 12px; color: var(--sd-red-text); font-weight: 500; }
.sd-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.45; color: var(--sd-text-2); font-weight: 400; cursor: pointer; }
.sd-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--sd-green-text); flex-shrink: 0; }

.sd-modal { width: min(460px, calc(100vw - 32px)); border: 0; border-radius: 14px; padding: 0; background: var(--sd-surface); color: var(--sd-text); box-shadow: 0 30px 80px rgba(0, 0, 0, .25); }
.sd-modal::backdrop { background: rgba(10, 13, 11, .55); }
.sd-modal-in { padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.sd-modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sd-modal-title { margin: 0; font-size: 22px; font-weight: 700; }
.sd-icon-btn { width: 40px; height: 40px; flex-shrink: 0; border: 1px solid var(--sd-line-2); border-radius: 8px; background: var(--sd-surface); color: var(--sd-text-2); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.sd-icon-btn:hover { border-color: var(--sd-text); color: var(--sd-text); }
.sd-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 8px; background: var(--sd-bg); }
.sd-tabs button { height: 40px; border: 0; border-radius: 6px; background: transparent; color: var(--sd-muted); font-size: 14px; font-weight: 500; cursor: pointer; }
.sd-tabs button[aria-selected="true"] { background: var(--sd-surface); color: var(--sd-text); font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.sd-form { display: flex; flex-direction: column; gap: 12px; }
.sd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 479.98px) {
    .sd-form-row { grid-template-columns: 1fr; }
    .sd-modal { width: 100vw; max-width: 100vw; margin: auto 0 0; border-radius: 16px 16px 0 0; }
    .sd-modal-in { padding: 20px 16px 24px; }
}
.sd-alert { padding: 12px 14px; border-radius: 8px; font-size: 14px; line-height: 1.45; }
.sd-alert-error { background: var(--sd-red-tint); border: 1px solid var(--sd-red-line); color: var(--sd-red-text); }
.sd-alert-ok { background: var(--sd-green-tint); border: 1px solid var(--sd-green-line); color: var(--sd-green-dark); }

/* ---------- Ana sayfa ---------- */
.sd-hero { padding-top: 48px; padding-bottom: 56px; display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 56px; align-items: center; }
.sd-hero h1 { margin: 0; font-family: var(--sd-display); font-weight: 850; font-stretch: 110%; font-size: 56px; line-height: 1; letter-spacing: -0.035em; }
.sd-hero h1 em { font-style: normal; color: var(--sd-green-text); }
.sd-hero-lead { margin: 20px 0 0; max-width: 600px; font-size: 17px; line-height: 1.55; color: var(--sd-muted); }
.sd-search { position: relative; margin-top: 20px; max-width: 720px; }
.sd-search-box { display: flex; align-items: center; gap: 8px; height: 64px; box-sizing: border-box; padding: 8px 8px 8px 18px; background: var(--sd-surface); border: 1px solid var(--sd-border); border-radius: 10px; box-shadow: 0 8px 24px rgba(20, 30, 22, .06); }
.sd-search-box:focus-within { border-color: var(--sd-green); box-shadow: 0 0 0 3px var(--sd-green-tint); }
.sd-search-box input { flex-grow: 1; border: 0; outline: 0; background: transparent; color: var(--sd-text); font-family: var(--sd-font); font-size: 17px; min-width: 0; height: 100%; padding: 0; }
.sd-search-box .sd-btn { height: 48px; padding: 0 28px; font-size: 16px; border-radius: 6px; }
.sd-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 10px; box-shadow: 0 18px 40px rgba(20, 30, 22, .12); overflow: hidden; }
.sd-suggest .list-group-item { border: 0; border-bottom: 1px solid var(--sd-line); padding: 10px 14px; color: var(--sd-text); }
.sd-suggest .list-group-item:last-child { border-bottom: 0; }
.sd-suggest .list-group-item:hover { background: var(--sd-bg); }
.sd-quick { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.sd-quick a { height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text-2) !important; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.sd-quick a.is-live { border-color: var(--sd-red-line); background: var(--sd-red-tint); color: var(--sd-red-text) !important; }
.sd-quick a.is-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--sd-red); }

.sd-stats { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; overflow: hidden; }
.sd-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-stat { padding: 20px; display: flex; flex-direction: column; gap: 6px; border-right: 1px solid var(--sd-line); border-bottom: 1px solid var(--sd-line); min-width: 0; }
.sd-stat:nth-child(3n) { border-right: 0; }
.sd-stat:nth-last-child(-n+3) { border-bottom: 0; }
.sd-stat-v { font-family: var(--sd-display); font-weight: 800; font-stretch: 108%; font-size: 30px; line-height: 1; letter-spacing: -0.03em; }
.sd-stat-v.is-live { color: #C8182F; }
.sd-stat-l { display: flex; align-items: flex-start; gap: 6px; font-size: 13px; line-height: 1.3; color: var(--sd-muted); }
.sd-stat-l svg { flex-shrink: 0; margin-top: 1px; color: var(--sd-green-text); }
.sd-stat.is-wip { background-color: var(--sd-surface-2); background-image:
    linear-gradient(to top right, transparent calc(50% - .5px), var(--sd-line-2) calc(50% - .5px), var(--sd-line-2) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(to bottom right, transparent calc(50% - .5px), var(--sd-line-2) calc(50% - .5px), var(--sd-line-2) calc(50% + .5px), transparent calc(50% + .5px)); }
.sd-stats-foot { height: 52px; padding: 0 24px; border-top: 1px solid var(--sd-line); background: var(--sd-surface-2); font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; color: var(--sd-text) !important; }

.sd-section-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 32px; border-top: 1px solid var(--sd-line); margin-bottom: 24px; }
.sd-section-head h2 { margin: 0; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 30px; letter-spacing: -0.03em; }

.sd-clips-band { margin: 24px 0; padding: 28px; border-radius: 16px; background: var(--sd-text); color: #FFFFFF; display: flex; flex-direction: column; gap: 20px; }
.sd-clips-band h2 { margin: 0; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 30px; letter-spacing: -0.03em; color: #FFFFFF; }
.sd-clips-kicker { display: flex; align-items: center; gap: 8px; font-family: var(--sd-mono); font-size: 12px; letter-spacing: .1em; color: var(--sd-team); margin-bottom: 8px; }
.sd-clips-band .sd-wip { background-color: #1A201C; border-color: #3A433D; min-height: 180px; background-image:
    linear-gradient(to top right, transparent calc(50% - 1px), #3A433D calc(50% - 1px), #3A433D calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(to bottom right, transparent calc(50% - 1px), #3A433D calc(50% - 1px), #3A433D calc(50% + 1px), transparent calc(50% + 1px)); }

.sd-more { display: flex; justify-content: center; margin-top: 32px; }
.sd-more .sd-btn { height: 52px; padding: 0 28px; }
.sd-add-cta { margin-top: 56px; padding: 32px; border-radius: 16px; background: var(--sd-green); color: var(--sd-green-ink); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.sd-add-cta h2 { margin: 0 0 6px; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 28px; letter-spacing: -0.03em; }
.sd-add-cta p { margin: 0; font-size: 16px; }

@media (max-width: 1199.98px) {
    .sd-hero { grid-template-columns: 1fr; gap: 32px; }
    .sd-hero h1 { font-size: 46px; }
}
@media (max-width: 575.98px) {
    .sd-hero { padding-top: 24px; padding-bottom: 32px; gap: 20px; }
    .sd-hero h1 { font-size: 34px; }
    .sd-hero-lead { font-size: 15px; margin-top: 12px; }
    .sd-search-box { height: 56px; padding-left: 12px; }
    .sd-search-box input { font-size: 16px; }
    .sd-search-box .sd-btn { height: 42px; padding: 0 16px; }
    .sd-quick { flex-wrap: nowrap; overflow-x: auto; margin-left: calc(-1 * var(--sd-pad)); margin-right: calc(-1 * var(--sd-pad)); padding: 0 var(--sd-pad); scrollbar-width: none; }
    .sd-quick a { flex-shrink: 0; }
    .sd-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-stat { padding: 14px; }
    .sd-stat:nth-child(3n) { border-right: 1px solid var(--sd-line); }
    .sd-stat:nth-child(2n) { border-right: 0; }
    .sd-stat:nth-last-child(-n+3) { border-bottom: 1px solid var(--sd-line); }
    .sd-stat:nth-last-child(-n+2) { border-bottom: 0; }
    .sd-stat-v { font-size: 24px; }
    .sd-section-head h2, .sd-clips-band h2 { font-size: 24px; }
    .sd-clips-band { padding: 20px 16px; border-radius: 12px; }
    .sd-add-cta { padding: 24px 20px; }
}

/* ---------- Halı saha listesi ---------- */
.sd-page-head { padding-top: 40px; padding-bottom: 32px; display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; border-bottom: 1px solid var(--sd-line); flex-wrap: wrap; }
.sd-kicker { font-family: var(--sd-mono); font-size: 13px; letter-spacing: .1em; color: var(--sd-green-text); text-transform: uppercase; }
.sd-page-title { margin: 10px 0 0; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 52px; letter-spacing: -0.035em; line-height: 1; }
.sd-inline-search { width: 380px; max-width: 100%; height: 52px; box-sizing: border-box; padding: 0 16px; border-radius: 8px; background: var(--sd-surface); border: 1px solid #D3D8D1; display: flex; align-items: center; gap: 10px; }
.sd-inline-search:focus-within { border-color: var(--sd-green); box-shadow: 0 0 0 3px var(--sd-green-tint); }
.sd-inline-search input { flex-grow: 1; border: 0; outline: 0; background: transparent; color: var(--sd-text); font-family: var(--sd-font); font-size: 15px; min-width: 0; height: 100%; padding: 0; }

.sd-list-layout { padding-top: 32px; display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; }
.sd-filters { display: flex; flex-direction: column; gap: 28px; position: sticky; top: 96px; }
.sd-filters > summary { display: none; }
.sd-filter-group { display: flex; flex-direction: column; gap: 10px; }
.sd-filter-title { font-size: 13px; color: var(--sd-dim); font-family: var(--sd-mono); letter-spacing: .08em; text-transform: uppercase; }
.sd-select { height: 46px; box-sizing: border-box; padding: 0 40px 0 14px; border-radius: 8px; background: var(--sd-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235E6862' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; border: 1px solid #D3D8D1; color: var(--sd-text); font-family: var(--sd-font); font-size: 15px; width: 100%; appearance: none; -webkit-appearance: none; cursor: pointer; }
.sd-select:disabled { color: var(--sd-dim); background-color: var(--sd-surface-2); cursor: not-allowed; }
.sd-select:focus { outline: 2px solid var(--sd-green); outline-offset: 1px; }
.sd-switch-row { height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--sd-text); cursor: pointer; margin: 0; }
.sd-switch { position: relative; width: 44px; height: 26px; flex-shrink: 0; }
.sd-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.sd-switch span { position: absolute; inset: 0; border-radius: 13px; background: #D9DDD7; transition: background .15s; pointer-events: none; }
.sd-switch span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; transition: transform .15s, background .15s; }
.sd-switch input:checked + span { background: var(--sd-green); }
.sd-switch input:checked + span::after { transform: translateX(18px); background: var(--sd-green-ink); }
.sd-switch input:focus-visible + span { outline: 2px solid var(--sd-green); outline-offset: 2px; }
.sd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sd-chip-opt { position: relative; }
.sd-chip-opt input { position: absolute; opacity: 0; pointer-events: none; }
.sd-chip-opt span { height: 36px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text-2); font-size: 14px; display: inline-flex; align-items: center; cursor: pointer; }
.sd-chip-opt input:checked + span { border-color: var(--sd-green); background: var(--sd-green-tint); color: var(--sd-green-dark); font-weight: 600; }
.sd-chip-opt input:focus-visible + span { outline: 2px solid var(--sd-green); outline-offset: 2px; }

.sd-results-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; color: var(--sd-muted); margin-bottom: 16px; flex-wrap: wrap; }
.sd-results-bar .sd-select { width: auto; height: 40px; font-size: 14px; }
.sd-rows { display: flex; flex-direction: column; gap: 16px; }

.sd-row { display: flex; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; overflow: hidden; min-height: 204px; }
.sd-row-media { position: relative; display: block; width: 300px; flex-shrink: 0; background: #1E5A34; }
.sd-row-media img, .sd-row-media svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.sd-row-media .sd-badge-live { position: absolute; top: 14px; left: 14px; height: 26px; }
.sd-row-main { flex-grow: 1; padding: 22px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; min-width: 0; }
.sd-row-name { font-size: 21px; font-weight: 600; color: var(--sd-text) !important; }
.sd-row-loc { font-size: 14px; color: var(--sd-muted); display: flex; gap: 6px; align-items: flex-start; margin-top: 8px; line-height: 1.4; }
.sd-row-loc a { color: var(--sd-muted) !important; text-decoration: underline; text-decoration-color: var(--sd-border); text-underline-offset: 3px; }
.sd-row-loc a:hover { color: var(--sd-text) !important; }
.sd-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.sd-tag { height: 28px; padding: 0 10px; border-radius: 6px; background: #EEF0EC; font-size: 13px; color: var(--sd-text-2); display: inline-flex; align-items: center; gap: 6px; }
a.sd-tag { color: var(--sd-text-2) !important; }
a.sd-tag:hover { background: #E3E6E1; }
.sd-row-side { width: 210px; flex-shrink: 0; padding: 22px 24px 22px 0; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; }
.sd-row-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.sd-row-price b { font-family: var(--sd-mono); font-size: 22px; font-weight: 600; }
.sd-row-price small { font-size: 12px; color: var(--sd-dim); }
.sd-row-actions { display: flex; flex-direction: column; gap: 8px; }
.sd-row-actions .sd-btn { height: 44px; font-size: 14px; }
.sd-empty { padding: 48px 24px; text-align: center; color: var(--sd-muted); background: var(--sd-surface); border: 1px dashed var(--sd-border); border-radius: 12px; font-size: 15px; }

@media (max-width: 1199.98px) {
    .sd-list-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; }
    .sd-row-media { width: 220px; }
}
@media (max-width: 991.98px) {
    .sd-page-title { font-size: 40px; }
    .sd-list-layout { grid-template-columns: 1fr; }
    .sd-filters { position: static; gap: 20px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; padding: 0 16px; }
    .sd-filters > summary { display: flex; align-items: center; justify-content: space-between; height: 52px; list-style: none; cursor: pointer; font-size: 15px; font-weight: 600; }
    .sd-filters > summary::-webkit-details-marker { display: none; }
    .sd-filters[open] { padding-bottom: 16px; }
}
@media (max-width: 767.98px) {
    .sd-page-head { padding-top: 24px; padding-bottom: 20px; gap: 16px; }
    .sd-page-title { font-size: 32px; }
    .sd-inline-search { width: 100%; }
    .sd-row { flex-direction: column; min-height: 0; }
    .sd-row-media { width: 100%; aspect-ratio: 16 / 9; }
    .sd-row-main { padding: 16px; }
    .sd-row-name { font-size: 18px; }
    .sd-row-side { width: auto; padding: 0 16px 16px; flex-direction: row; align-items: flex-end; }
    .sd-row-price { align-items: flex-start; }
    .sd-row-actions { flex-grow: 1; }
}
@media (max-width: 991.98px) { .sd-filters:not([open]) { gap: 0; } }

/* ---------- Tesis detayı ---------- */
.sd-crumb { display: flex; gap: 8px; flex-wrap: wrap; font-size: 14px; color: var(--sd-dim); }
.sd-crumb a { color: var(--sd-muted) !important; }
.sd-crumb a:hover { color: var(--sd-text) !important; }
.sd-fhead { padding-top: 28px; display: flex; flex-direction: column; gap: 22px; }
.sd-fhead-row { display: flex; align-items: center; gap: 24px; }
.sd-flogo { width: 80px; height: 80px; flex-shrink: 0; border-radius: 12px; background: var(--sd-green-tint); border: 1px solid var(--sd-green-line); color: var(--sd-green-text); font-family: var(--sd-display); font-weight: 900; font-stretch: 115%; font-size: 28px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sd-flogo img { width: 100%; height: 100%; object-fit: contain; background: #FFFFFF; padding: 4px; box-sizing: border-box; }
.sd-fhead-title { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sd-fhead-title h1 { margin: 0; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 44px; letter-spacing: -0.03em; line-height: 1; }
.sd-fhead-live { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 10px; border-radius: 6px; background: var(--sd-red); color: #FFFFFF; font-family: var(--sd-mono); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.sd-fhead-meta { display: flex; gap: 20px; flex-wrap: wrap; font-size: 15px; color: var(--sd-muted); margin-top: 10px; }
.sd-fhead-meta span { display: inline-flex; align-items: center; gap: 6px; }
.sd-fhead-actions { display: flex; gap: 10px; flex-shrink: 0; margin-left: auto; }
.sd-fhead-actions .sd-btn { height: 46px; font-weight: 500; }

.sd-detail { padding-top: 32px; display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 32px; align-items: start; }
.sd-detail-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.sd-detail-side { display: flex; flex-direction: column; gap: 20px; }
.sd-panel { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 18px; }
.sd-panel h2 { margin: 0; font-size: 20px; font-weight: 600; }
.sd-panel-sub { font-size: 14px; color: var(--sd-muted); margin-top: 6px; }

.sd-player-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.sd-seg { display: inline-flex; gap: 4px; padding: 4px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 8px; list-style: none; margin: 0; flex-wrap: wrap; }
.sd-seg .nav-link, .sd-seg button { height: 40px; padding: 0 16px; border: 0; border-radius: 6px; background: transparent; color: var(--sd-muted); font-size: 14px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.sd-seg .nav-link:hover { color: var(--sd-text); }
.sd-seg .nav-link.active, .sd-seg button[aria-pressed="true"] { background: var(--sd-text) !important; color: #F3F4F1 !important; font-weight: 600; }
.sd-seg .sd-dot-live { width: 6px; height: 6px; border-radius: 50%; background: #FF4D5E; }
.sd-cams { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.sd-cams-label { font-size: 13px; color: var(--sd-dim); margin-right: 6px; }
.sd-cam-btn { height: 48px; padding: 0 14px; border-radius: 6px; font-size: 13px; border: 1px solid var(--sd-border); background: transparent; color: var(--sd-text-2); display: inline-flex; align-items: center; gap: 10px; text-align: left; cursor: pointer; }
.sd-cam-btn:hover { border-color: var(--sd-text); }
.sd-cam-btn.active { border-color: var(--sd-green); background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-cam-btn b { font-weight: 600; display: block; line-height: 1.15; }
.sd-cam-btn small { font-size: 11px; opacity: .75; display: block; }

.sd-player { position: relative; border-radius: 14px; overflow: hidden; border: 1px solid #D9DDD7; background: #06100A; color: #FFFFFF; }
.sd-player.live-player-embed { min-height: 0; aspect-ratio: 16 / 9; }
.sd-player.live-player-embed > .d-flex { min-height: 0; height: 100%; }
.sd-player-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, .72); font-size: 14px; text-align: center; padding: 16px; }
.sd-live-info { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--sd-muted); }
.sd-live-info .badge { font-family: var(--sd-mono); font-size: 11px; font-weight: 600; letter-spacing: .06em; border-radius: 4px; padding: 5px 8px; }
.sd-live-info .badge.bg-success { background: var(--sd-red) !important; }
.sd-live-info .badge.bg-secondary { background: #EEF0EC !important; color: var(--sd-muted) !important; }

.sd-top-ad { display: flex; justify-content: center; }
.sd-top-ad-item { display: none; width: 100%; max-width: 728px; }
.sd-top-ad-item.is-active { display: block; }
.sd-top-ad-item img { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--sd-line-2); }
.sd-ad-label { display: block; text-align: right; font-family: var(--sd-mono); font-size: 9px; letter-spacing: .1em; color: var(--sd-dim); margin-top: 4px; }
.sd-side-ad { display: none; position: fixed; top: 96px; z-index: 20; width: 90px; }
.sd-side-ad-left { left: calc(50% - 640px - 104px); }
.sd-side-ad-right { left: calc(50% + 640px + 14px); }
.sd-side-ad .facility-side-ad-item { display: none; }
.sd-side-ad .facility-side-ad-item.is-active { display: block; }
.sd-side-ad img { display: block; width: 90px; height: auto; max-height: calc(100vh - 130px); object-fit: cover; border-radius: 10px; border: 1px solid var(--sd-line-2); box-shadow: 0 10px 30px rgba(20, 30, 22, .10); }
@media (min-width: 1500px) { .sd-side-ad.is-visible { display: block; } }

.sd-section-title { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 24px; }
.sd-section-title h2 { margin: 0; font-size: 22px; font-weight: 600; }
.sd-pill-link { height: 34px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--sd-green-line); background: var(--sd-green-tint); color: var(--sd-green-dark) !important; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.sd-rec-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sd-rec { display: flex; flex-direction: column; gap: 10px; color: var(--sd-text) !important; }
.sd-rec-thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; border: 1px solid var(--sd-line-2); }
.sd-rec-thumb svg { display: block; width: 100%; height: 100%; }
.sd-rec-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.sd-rec-play span { width: 44px; height: 44px; border-radius: 50%; background: rgba(10, 13, 11, .65); display: flex; align-items: center; justify-content: center; transition: transform .15s; }
.sd-rec:hover .sd-rec-play span { transform: scale(1.08); background: var(--sd-green); }
.sd-rec:hover .sd-rec-play path { fill: var(--sd-green-ink); }
.sd-rec-time { position: absolute; bottom: 10px; right: 10px; height: 22px; padding: 0 7px; border-radius: 4px; background: rgba(10, 13, 11, .7); font-family: var(--sd-mono); font-size: 12px; display: flex; align-items: center; color: #FFFFFF; }
.sd-rec-when { font-size: 15px; font-weight: 500; }
.sd-rec-sub { font-size: 13px; color: var(--sd-muted); }

.sd-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 24px; align-items: start; }
.sd-map { position: relative; height: 200px; border-radius: 10px; overflow: hidden; background: #EEF1EC; border: 1px solid var(--sd-line-2); }
.sd-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sd-dl { display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; margin: 0; font-size: 14px; }
.sd-dl dt { color: var(--sd-dim); font-weight: 400; }
.sd-dl dd { margin: 0; color: var(--sd-text); word-break: break-word; }

/* Eski maç seçici */
.sd-rec-form { display: flex; flex-direction: column; gap: 14px; }
.sd-rec-form .sd-input { height: 46px; font-size: 15px; }
.sd-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sd-slot { height: 44px; border-radius: 8px; font-family: var(--sd-mono); font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px dashed #D3D8D1; background: transparent; color: #A3ABA5; text-decoration: none; }
a.sd-slot { border: 1px solid var(--sd-green-line); background: var(--sd-green-tint); color: var(--sd-green-dark) !important; font-weight: 500; }
a.sd-slot:hover { background: var(--sd-green); border-color: var(--sd-green); color: var(--sd-green-ink) !important; }
.sd-slots-note { grid-column: 1 / -1; font-size: 13px; color: var(--sd-muted); text-align: center; padding: 8px 0; }
.sd-legend { display: flex; gap: 16px; font-size: 12px; color: var(--sd-muted); flex-wrap: wrap; }
.sd-legend span { display: inline-flex; align-items: center; gap: 6px; }
.sd-legend i { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }

/* Sahalar kartı */
.sd-field-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--sd-line); }
.sd-field-row:last-of-type { border-bottom: 0; }
.sd-field-row b { font-size: 15px; font-weight: 500; display: block; }
.sd-field-row small { font-size: 13px; color: var(--sd-muted); }

/* Randevu penceresi (Bootstrap modal yeni görünüm) */
.sd-booking .modal-content { border: 0; border-radius: 14px; box-shadow: 0 30px 80px rgba(0, 0, 0, .25); font-family: var(--sd-font); }
.sd-booking .modal-header, .sd-booking .modal-footer { border-color: var(--sd-line); padding: 18px 24px; }
.sd-booking .modal-body { padding: 20px 24px; }
.sd-booking .modal-title { font-weight: 700; font-size: 20px; }
.sd-booking .slot-btn, .sd-booking .btn-outline-secondary.disabled { border-radius: 8px; font-family: var(--sd-mono); }
.sd-booking .slot-btn.btn-outline-primary { border-color: #B8BFB6; color: var(--sd-text); }
.sd-booking .slot-btn.btn-outline-primary:hover { background: var(--sd-green-tint); border-color: var(--sd-green); color: var(--sd-green-dark); }
.sd-booking .slot-btn.btn-primary, .sd-booking .slot-btn.active { background: var(--sd-green) !important; border-color: var(--sd-green) !important; color: var(--sd-green-ink) !important; }
.sd-booking .slot-btn .text-muted { color: inherit !important; opacity: .7; }
.sd-booking .form-control { height: 46px; border-radius: 6px; border-color: var(--sd-border); }
.sd-booking .form-control:focus { border-color: var(--sd-green); box-shadow: 0 0 0 3px var(--sd-green-tint); }
.sd-booking .btn-primary:not(.slot-btn) { background: var(--sd-green); border-color: var(--sd-green); color: var(--sd-green-ink); font-weight: 600; border-radius: 8px; }
.sd-booking .btn-secondary { background: var(--sd-surface); border-color: var(--sd-border); color: var(--sd-text); border-radius: 8px; }

.sd-mobile-jump { display: none; }

@media (max-width: 1199.98px) {
    .sd-detail { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; }
    .sd-fhead-title h1 { font-size: 36px; }
}
@media (max-width: 991.98px) {
    .sd-detail { grid-template-columns: 1fr; }
    .sd-fhead-row { flex-wrap: wrap; }
    .sd-fhead-actions { margin-left: 0; width: 100%; }
    .sd-rec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-mobile-jump { display: flex; }
}
@media (max-width: 767.98px) {
    .sd-fhead { padding-top: 16px; gap: 14px; }
    .sd-fhead-row { gap: 14px; }
    .sd-flogo { width: 56px; height: 56px; font-size: 20px; border-radius: 10px; }
    .sd-fhead-title h1 { font-size: 26px; }
    .sd-fhead-meta { font-size: 13px; gap: 8px 14px; margin-top: 6px; }
    .sd-fhead-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-fhead-actions .sd-btn { height: 44px; font-size: 14px; }
    .sd-detail { padding-top: 16px; }
    .sd-player-bar { flex-direction: column; align-items: stretch; }
    .sd-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sd-seg .nav-link { flex-shrink: 0; }
    .sd-cams-label { width: 100%; }
    .sd-cams .sd-cam-btn { flex: 1; justify-content: center; }
    .sd-player { border-radius: 10px; }
    .sd-two { grid-template-columns: 1fr; }
    .sd-rec-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .sd-rec-when { font-size: 13px; }
    .sd-panel { padding: 18px 16px; }
}
#recordings, #booking, #halisahalar, #yorum-baslik { scroll-margin-top: 88px; }

/* ---------- Maç izleme / klip ---------- */
.sd-match-head { padding-top: 24px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.sd-match-head h1 { margin: 0; font-family: var(--sd-display); font-weight: 800; font-stretch: 110%; font-size: 32px; letter-spacing: -0.03em; line-height: 1.05; }
.sd-match-layout { padding-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 32px; align-items: start; }
.sd-match-main { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.sd-mode-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sd-mode-seg { display: inline-flex; gap: 4px; padding: 4px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 8px; }
.sd-mode-seg .btn { height: 38px; padding: 0 14px; border: 0; border-radius: 6px; font-size: 14px; background: transparent; color: var(--sd-muted); box-shadow: none; }
.sd-mode-seg .btn.btn-primary { background: var(--sd-text); color: #FFFFFF; font-weight: 600; }
.sd-mode-seg .btn.btn-outline-primary:hover { color: var(--sd-text); background: var(--sd-bg); }
.sd-match-player.live-player-embed { aspect-ratio: auto; min-height: 0; height: clamp(320px, 42vw, 560px); }
.sd-match-player iframe, .sd-match-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sd-strip { display: flex; flex-direction: column; gap: 12px; padding: 16px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; margin-top: 12px; }
.sd-strip-times { display: flex; justify-content: space-between; font-family: var(--sd-mono); font-size: 13px; color: var(--sd-muted); }
.sd-range { accent-color: var(--sd-green); }
.sd-range::-webkit-slider-thumb { background: var(--sd-text); }
.sd-range::-webkit-slider-runnable-track { background: #E3E6E1; }
.sd-strip-btns { display: flex; gap: 8px; flex-wrap: wrap; }

.sd-match .btn-outline-secondary { height: 40px; padding: 0 12px; border: 1px solid var(--sd-border); border-radius: 6px; background: var(--sd-surface); color: var(--sd-text); font-family: var(--sd-mono); font-size: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.sd-match .btn-outline-secondary:hover { border-color: var(--sd-text); background: var(--sd-surface); color: var(--sd-text); }
.sd-match .sd-strip .btn-primary { height: 40px; padding: 0 16px; border: 0; border-radius: 6px; background: var(--sd-text); color: #FFFFFF; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }

.sd-actions-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sd-actions-bar .sd-btn { height: 42px; font-size: 14px; }
.sd-angle-card { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; }
a.sd-cam-btn { color: var(--sd-text-2) !important; }
a.sd-cam-btn.active { color: var(--sd-green-dark) !important; }

.sd-day-matches { display: flex; flex-direction: column; gap: 10px; padding-top: 8px; }
.sd-day-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.sd-day-slot { box-sizing: border-box; height: 58px; padding: 0 10px; border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; border: 1px solid var(--sd-line-2); background: var(--sd-surface); color: var(--sd-text) !important; }
.sd-day-slot b { font-family: var(--sd-mono); font-size: 13px; font-weight: 500; }
.sd-day-slot small { font-size: 11px; opacity: .8; }
a.sd-day-slot:hover { border-color: var(--sd-green); background: var(--sd-green-tint); }
.sd-day-slot.is-current { border: 0; background: var(--sd-text); color: #FFFFFF !important; }
.sd-day-slot.is-empty { border-style: dashed; border-color: #D3D8D1; background: transparent; color: #A3ABA5 !important; }

.sd-clip-panel { position: sticky; top: 96px; }
.sd-match-side { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.sd-match-side .sd-ix { scroll-margin-top: 96px; }
.sd-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.sd-step { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--sd-dim); }
.sd-step i { display: block; height: 4px; border-radius: 2px; background: var(--sd-line); }
.sd-step.is-done i, .sd-step.is-active i { background: var(--sd-green); }
.sd-step.is-active { color: var(--sd-text); font-weight: 600; }
.sd-clip-q { display: block; font-size: 14px; font-weight: 600; margin-bottom: 12px; }
.sd-take-btn { height: 44px; border: 1px solid var(--sd-green-line) !important; border-radius: 6px; background: var(--sd-green-tint) !important; color: var(--sd-green-dark) !important; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; }
.sd-adjust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sd-adjust .btn { height: 38px; }
.sd-durations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.sd-durations .btn { height: 76px; border-radius: 8px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.sd-durations .btn b { font-family: var(--sd-display); font-weight: 800; font-size: 24px; letter-spacing: -0.02em; line-height: 1; }
.sd-durations .btn small { font-size: 12px; }
.sd-durations .btn:hover { border-color: var(--sd-text); background: var(--sd-surface); color: var(--sd-text); }
.sd-durations .btn.btn-primary, .sd-durations .btn.active { border: 2px solid var(--sd-green) !important; background: var(--sd-green-tint) !important; color: var(--sd-green-dark) !important; }
.sd-summary { display: flex; flex-direction: column; border: 1px solid var(--sd-line-2); border-radius: 8px; background: var(--sd-surface-2); margin-bottom: 14px; }
.sd-summary > span { display: flex; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--sd-line); font-size: 14px; }
.sd-summary > span:last-child { border-bottom: 0; }
.sd-summary > span > span { color: var(--sd-muted); }
.sd-summary strong { font-family: var(--sd-mono); font-weight: 600; }
.sd-clip-guest { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 8px; border: 1px dashed var(--sd-border); font-size: 13px; color: var(--sd-text-2); margin-bottom: 14px; }
#clip-status:empty { display: none; }
#clip-status .alert { border-radius: 8px; border: 1px solid; font-size: 13px; }
#clip-status .alert-success { background: var(--sd-green-tint); border-color: var(--sd-green-line); color: var(--sd-green-dark); }
#clip-status .alert-danger { background: var(--sd-red-tint); border-color: var(--sd-red-line); color: var(--sd-red-text); }
#clip-status .alert-warning, #clip-status .alert-info { background: var(--sd-amber-tint); border-color: #F1DCA8; color: var(--sd-amber-text); }

@media (max-width: 1199.98px) {
    .sd-match-layout { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; }
    .sd-day-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
    .sd-match-layout { grid-template-columns: 1fr; }
    .sd-clip-panel { position: static; }
    .sd-match-player.live-player-embed { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 575.98px) {
    .sd-match-head h1 { font-size: 24px; }
    .sd-match-head { padding-top: 16px; }
    .sd-match-layout { padding-top: 16px; }
    .sd-day-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-angle-card .sd-cam-btn { flex: 1; }
    .sd-strip-btns .btn { flex: 1; }
    .sd-actions-bar .sd-btn { flex: 1; padding: 0 8px; }
}

/* ---------- Kurumsal sayfalar & formlar ---------- */
.sd-green-hero { background: var(--sd-green); color: var(--sd-green-ink); }
.sd-green-hero .sd-wrap { padding-top: 56px; padding-bottom: 120px; display: flex; flex-direction: column; gap: 16px; }
.sd-green-hero .sd-crumb, .sd-green-hero .sd-crumb a { color: var(--sd-green-ink) !important; opacity: .8; }
.sd-green-hero h1 { margin: 0; max-width: 820px; font-family: var(--sd-display); font-weight: 850; font-stretch: 110%; font-size: 52px; line-height: 1; letter-spacing: -0.035em; }
.sd-green-hero p { margin: 0; max-width: 640px; font-size: 18px; line-height: 1.5; }
.sd-overlap { margin-top: -80px; display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 32px; align-items: start; }
.sd-overlap > * { box-shadow: 0 20px 50px rgba(20, 30, 22, .08); }
.sd-form-card { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 14px; padding: 32px; }
.sd-form-card h2 { margin: 0 0 18px; font-size: 22px; font-weight: 600; }
.sd-form-card .sd-form { gap: 18px; }
.sd-form-card textarea.sd-input { height: auto; min-height: 140px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.sd-req { color: #C8182F; }
.sd-note { font-size: 13px; line-height: 1.5; color: var(--sd-muted); }
.sd-feature { display: flex; gap: 14px; align-items: flex-start; }
.sd-feature-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.sd-feature b { font-size: 16px; font-weight: 600; display: block; margin-bottom: 3px; }
.sd-feature span { font-size: 14px; line-height: 1.5; color: var(--sd-muted); }
.sd-num { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: var(--sd-text); color: #FFFFFF; font-family: var(--sd-mono); font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }

.sd-contact { padding-top: 40px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.sd-info-row { display: flex; gap: 14px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid var(--sd-line); }
.sd-info-row:last-child { border-bottom: 0; }
.sd-info-row .sd-feature-ico { background: var(--sd-green-tint); color: var(--sd-green-text); }
.sd-info-row small { display: block; font-size: 12px; color: var(--sd-dim); font-family: var(--sd-mono); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }
.sd-info-row div { font-size: 15px; line-height: 1.5; }

.sd-prose { font-size: 16px; line-height: 1.7; color: var(--sd-text-2); }
.sd-prose h1, .sd-prose h2, .sd-prose h3 { color: var(--sd-text); font-weight: 700; line-height: 1.25; margin: 1.6em 0 .6em; }
.sd-prose h2 { font-size: 24px; } .sd-prose h3 { font-size: 19px; }
.sd-prose > :first-child { margin-top: 0; }
.sd-prose p { margin: 0 0 1em; }
.sd-prose ul, .sd-prose ol { padding-left: 1.3em; margin: 0 0 1em; }
.sd-prose a { color: var(--sd-green-text); text-decoration: underline; text-underline-offset: 3px; }
.sd-prose img { max-width: 100%; height: auto; border-radius: 10px; }
.sd-prose table { width: 100%; border-collapse: collapse; margin: 0 0 1em; font-size: 14px; }
.sd-prose th, .sd-prose td { border: 1px solid var(--sd-line-2); padding: 8px 10px; text-align: left; }
.sd-doc-head { padding-top: 48px; padding-bottom: 32px; }
.sd-doc { max-width: 860px; }
.sd-doc-card { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 14px; padding: 40px; }
.sd-steps3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.sd-steps3 > div { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 12px; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.sd-steps3 b { font-size: 17px; }
.sd-steps3 span { font-size: 14px; line-height: 1.5; color: var(--sd-muted); }

@media (max-width: 991.98px) {
    .sd-overlap, .sd-contact { grid-template-columns: 1fr; }
    .sd-green-hero h1 { font-size: 40px; }
    .sd-steps3 { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .sd-green-hero .sd-wrap { padding-top: 28px; padding-bottom: 100px; }
    .sd-green-hero h1 { font-size: 30px; }
    .sd-green-hero p { font-size: 15px; }
    .sd-form-card, .sd-doc-card { padding: 20px 16px; }
    .sd-doc-head { padding-top: 24px; padding-bottom: 20px; }
}

/* ---------- Rezervasyon ---------- */
.sd-narrow { max-width: 760px; margin: 0 auto; padding-top: 40px; display: flex; flex-direction: column; gap: 20px; }
.sd-pill { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 6px; font-size: 12px; font-weight: 600; }
.sd-pill-ok { background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-pill-wait { background: var(--sd-amber-tint); color: var(--sd-amber-text); }
.sd-pill-no { background: var(--sd-red-tint); color: var(--sd-red-text); }
.sd-kv { display: flex; flex-direction: column; border: 1px solid var(--sd-line-2); border-radius: 10px; background: var(--sd-surface-2); }
.sd-kv > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--sd-line); font-size: 14px; }
.sd-kv > div:last-child { border-bottom: 0; }
.sd-kv > div > span:first-child { color: var(--sd-muted); }
.sd-kv b { font-weight: 600; text-align: right; }
.sd-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sd-iban { display: flex; gap: 8px; }
.sd-iban input { font-family: var(--sd-mono); font-weight: 600; letter-spacing: .02em; }
.sd-callout { padding: 16px 18px; border-radius: 10px; font-size: 14px; line-height: 1.5; }
.sd-callout b { display: block; font-size: 15px; margin-bottom: 4px; }
.sd-callout-info { background: #EEF6F1; border: 1px solid var(--sd-green-line); color: var(--sd-text-2); }
.sd-callout-wait { background: var(--sd-amber-tint); border: 1px solid #F1DCA8; color: var(--sd-amber-text); }
.sd-callout-ok { background: var(--sd-green-tint); border: 1px solid var(--sd-green-line); color: var(--sd-green-dark); }
@media (max-width: 575.98px) { .sd-grid-2 { grid-template-columns: 1fr; } .sd-narrow { padding-top: 20px; } }

/* ---------- Giriş penceresi ekleri ---------- */
.sd-link-btn { border: 0; background: transparent; padding: 0; color: var(--sd-green-text); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.sd-link-btn:hover { color: var(--sd-green-dark); text-decoration: underline; }
.sd-pass-wrap { position: relative; display: block; }
.sd-pass-wrap .sd-input { padding-right: 48px; }
.sd-pass-toggle { position: absolute; right: 4px; top: 4px; width: 40px; height: 40px; border: 0; border-radius: 6px; background: transparent; color: var(--sd-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.sd-pass-toggle:hover, .sd-pass-toggle.is-on { color: var(--sd-green-text); }
.sd-pass-note { font-size: 12px; color: var(--sd-green-dark); font-weight: 500; }
.sd-form [aria-busy="true"] { opacity: .6; pointer-events: none; }

/* ---------- Etkileşim: Goy Goy + Yorumlar ---------- */
.sd-ix { gap: 16px; }
.sd-ix-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sd-ix-tabs { display: inline-grid; grid-template-columns: auto auto; }
.sd-ix-tabs button { padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; }
.sd-ix-count { font-family: var(--sd-mono); font-size: 12px; color: var(--sd-muted); }
.sd-ix-count:empty { display: none; }
.sd-ix-live { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--sd-red-text); font-weight: 600; }
.sd-ix-live span { width: 7px; height: 7px; border-radius: 50%; background: var(--sd-red); }
.sd-ix-hint { margin: 0 0 12px; font-size: 13px; color: var(--sd-muted); line-height: 1.5; }
.sd-ix-blocked { padding: 14px; border-radius: 8px; background: var(--sd-surface-2); border: 1px dashed var(--sd-border); font-size: 14px; color: var(--sd-muted); text-align: center; }
.sd-chat-empty { padding: 28px 16px; text-align: center; font-size: 14px; color: var(--sd-muted); }
.sd-ix-more { align-self: center; border: 1px solid var(--sd-line-2); background: var(--sd-surface); border-radius: 16px; height: 30px; padding: 0 12px; font-size: 12px; color: var(--sd-text-2); cursor: pointer; margin-bottom: 8px; }

.sd-msg { display: flex; gap: 10px; align-items: flex-start; max-width: 88%; }
.sd-msg.is-mine { align-self: flex-end; flex-direction: row-reverse; }
.sd-msg-bubble { background: var(--sd-surface); border: 1px solid var(--sd-line-2); border-radius: 4px 12px 12px 12px; padding: 8px 12px; min-width: 0; }
.sd-msg.is-mine .sd-msg-bubble { background: var(--sd-green-tint); border-color: var(--sd-green-line); border-radius: 12px 4px 12px 12px; }
.sd-msg-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--sd-dim); flex-wrap: wrap; }
.sd-msg-meta b { color: var(--sd-text); font-size: 13px; font-weight: 600; }
.sd-staff { height: 18px; padding: 0 6px; border-radius: 4px; background: var(--sd-green-tint); color: var(--sd-green-dark); font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; letter-spacing: .03em; }
.sd-msg-body { margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: var(--sd-text); white-space: pre-line; word-break: break-word; }
.sd-seek { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 7px; margin-right: 6px; border-radius: 4px; border: 0; background: var(--sd-text); color: var(--sd-green) !important; font-family: var(--sd-mono); font-size: 12px; font-weight: 600; vertical-align: 1px; cursor: pointer; }
.sd-seek:hover { background: var(--sd-green); color: var(--sd-green-ink) !important; }
.sd-msg-actions { display: flex; gap: 2px; margin: 4px 0 0 -6px; }
.sd-msg-act { height: 28px; padding: 0 6px; border: 0; border-radius: 6px; background: transparent; color: var(--sd-dim); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.sd-msg-act:hover { background: var(--sd-bg); color: var(--sd-text); }
.sd-msg-act.is-liked { color: var(--sd-green-text); }
.sd-msg-act.is-liked svg { fill: currentColor; }
.sd-msg-act:disabled { opacity: .6; cursor: default; }
.sd-ix .sd-avatar.is-staff { background: var(--sd-green); color: var(--sd-green-ink); }
.sd-ix .sd-avatar.is-me { background: var(--sd-text); color: var(--sd-green); }
.sd-ix .sd-msg .sd-avatar:not(.is-staff):not(.is-me), .sd-ix .sd-cmt .sd-avatar:not(.is-staff):not(.is-me) { background: #EEF0EC; color: var(--sd-text-2); }

.sd-time-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--sd-text-2); padding: 8px 10px; border-radius: 8px; background: var(--sd-surface-2); border: 1px solid var(--sd-line-2); }
.sd-time-row .sd-input { width: 96px; height: 38px; font-size: 15px; text-align: center; }

.sd-ix-compose { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 20px; }
.sd-ix-compose textarea.sd-input { height: auto; min-height: 84px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.sd-comments { display: flex; flex-direction: column; gap: 20px; }
.sd-cmt { display: flex; gap: 12px; align-items: flex-start; border-radius: 10px; }
.sd-cmt-main { flex-grow: 1; min-width: 0; }
.sd-cmt-replies { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; padding-left: 14px; border-left: 2px solid var(--sd-line); }
.sd-cmt-replies:empty { display: none; }
.sd-reply-form { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 8px; background: var(--sd-surface-2); border: 1px solid var(--sd-line-2); margin-top: 8px; }
.sd-reply-form textarea.sd-input { height: auto; min-height: 64px; padding: 10px 12px; resize: vertical; }
.sd-reply-actions { display: flex; justify-content: flex-end; gap: 8px; }

.sd-flash { animation: sd-flash .7s ease-in-out 6 alternate; }
@keyframes sd-flash { from { background-color: rgba(47, 212, 107, 0); box-shadow: 0 0 0 0 rgba(47, 212, 107, 0); } to { background-color: rgba(47, 212, 107, .22); box-shadow: 0 0 0 6px rgba(47, 212, 107, .22); } }

.sd-ix-sk { display: flex; flex-direction: column; gap: 14px; }
.sd-ix-sk-row { display: flex; gap: 10px; align-items: flex-start; }
.sd-ix-sk-av { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; }
.sd-ix-sk-lines { display: flex; flex-direction: column; gap: 6px; flex-grow: 1; }
.sd-ix-sk-lines .sd-sk:first-child { width: 30%; height: 12px; }
.sd-ix-sk-lines .sd-sk:last-child { width: 70%; height: 14px; }

.sd-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2000; background: var(--sd-text); color: #FFFFFF; border-radius: 8px; padding: 12px 16px; font-size: 14px; box-shadow: 0 10px 30px rgba(17, 21, 18, .25); transition: opacity .3s, transform .3s; max-width: calc(100vw - 32px); }
.sd-toast.is-out { opacity: 0; transform: translate(-50%, 8px); }

.sd-btn[data-sd-like].is-liked { border-color: var(--sd-green-line); background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-btn[data-sd-like].is-liked svg { fill: currentColor; }
[data-like-count]:empty { display: none; }

@media (max-width: 575.98px) {
    .sd-msg { max-width: 96%; }
    .sd-ix-compose .sd-avatar { display: none; }
}

/* ============ Randevu Al kartı ============ */
.sd-bk { gap: 18px; min-width: 0; }
.sd-detail-side { min-width: 0; }
.sd-bk-step { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sd-bk-label { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sd-muted); }
.sd-bk-days { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.sd-bk-day { position: relative; flex: 0 0 auto; margin: 0; }
.sd-bk-day input { position: absolute; opacity: 0; pointer-events: none; }
.sd-bk-day span { width: 58px; height: 70px; border-radius: 10px; border: 1px solid var(--sd-border); background: var(--sd-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; cursor: pointer; color: var(--sd-text-2); }
.sd-bk-day b { font-family: var(--sd-mono); font-size: 20px; font-weight: 600; color: var(--sd-text); line-height: 1.1; }
.sd-bk-day small { font-size: 11px; }
.sd-bk-day input:checked + span { border-color: var(--sd-green); background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-bk-day input:checked + span b { color: var(--sd-green-dark); }
.sd-bk-day input:focus-visible + span { outline: 2px solid var(--sd-green); outline-offset: 2px; }
.sd-bk-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.sd-bk-slot { height: 58px; border-radius: 8px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; padding: 0 6px; }
.sd-bk-slot b { font-family: var(--sd-mono); font-size: 14px; font-weight: 600; }
.sd-bk-slot small { font-size: 12px; color: var(--sd-muted); }
.sd-bk-slot:hover:not(:disabled) { border-color: var(--sd-green); background: var(--sd-green-tint); }
.sd-bk-slot[aria-pressed="true"] { background: var(--sd-green); border-color: var(--sd-green); color: var(--sd-green-ink); }
.sd-bk-slot[aria-pressed="true"] small { color: var(--sd-green-ink); opacity: .8; }
.sd-bk-slot.is-taken { cursor: not-allowed; background: var(--sd-surface-2); color: var(--sd-dim); }
.sd-bk-slot.is-taken b { text-decoration: line-through; }
.sd-bk-slot.is-taken small { color: var(--sd-red-text); }
.sd-bk-slot.is-skeleton { border-color: transparent; background: linear-gradient(90deg, #ECEEEA 0%, #F5F6F3 50%, #ECEEEA 100%); background-size: 200% 100%; animation: sd-sk 1.2s linear infinite; cursor: default; }
.sd-bk-msg { margin: 0; font-size: 14px; color: var(--sd-muted); padding: 14px; border-radius: 8px; background: var(--sd-surface-2); border: 1px dashed var(--sd-border); text-align: center; }
.sd-bk-summary { display: flex; flex-direction: column; gap: 14px; padding-top: 16px; border-top: 1px solid var(--sd-line); }
.sd-bk-who { margin: 0; font-size: 13px; color: var(--sd-muted); line-height: 1.5; }
.sd-bk-who b { color: var(--sd-text); }
.sd-bk-off { display: flex; flex-direction: column; gap: 10px; }
.sd-bk-off p { margin: 0; font-size: 14px; color: var(--sd-muted); }

/* Rezervasyonlarım */
.sd-rm-h { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sd-muted); margin: 8px 0 10px; }
.sd-rm-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--sd-line-2); border-radius: 12px; background: var(--sd-surface); color: var(--sd-text) !important; text-decoration: none; margin-bottom: 8px; }
.sd-rm-item:hover { border-color: var(--sd-green); }
.sd-rm-item.is-past { opacity: .72; }
.sd-rm-date { width: 52px; height: 56px; border-radius: 10px; background: var(--sd-bg); display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 auto; }
.sd-rm-date b { font-family: var(--sd-mono); font-size: 20px; line-height: 1.1; }
.sd-rm-date span { font-size: 11px; color: var(--sd-muted); }
.sd-rm-body { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sd-rm-body > span { font-size: 13px; color: var(--sd-muted); }
.sd-empty-box { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 16px; border: 1px dashed var(--sd-border); border-radius: 12px; background: var(--sd-surface); text-align: center; }
.sd-empty-box p { margin: 0; color: var(--sd-muted); }
/* ============ Tesis paneli: Randevu modülü ============ */
.sd-bm { display: flex; flex-direction: column; gap: 20px; padding: 32px 0 64px; }
.sd-bm-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.sd-bm-back { font-size: 14px; color: var(--sd-muted) !important; text-decoration: none; }
.sd-bm-status { flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.sd-bm-status-main { display: flex; gap: 14px; align-items: flex-start; min-width: 0; flex: 1 1 360px; }
.sd-bm-status h2 { font-size: 20px; }
.sd-bm-dot { width: 12px; height: 12px; border-radius: 50%; background: #B8BFB6; margin-top: 7px; flex: 0 0 auto; }
.sd-bm-dot.is-on { background: var(--sd-green); box-shadow: 0 0 0 4px var(--sd-green-tint); }
.sd-bm-fields { display: flex; gap: 6px; flex-wrap: wrap; }
.sd-bm-fields a { height: 38px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text-2) !important; text-decoration: none; display: inline-flex; align-items: center; font-size: 14px; }
.sd-bm-fields a[aria-current="page"] { border-color: var(--sd-green); background: var(--sd-green-tint); color: var(--sd-green-dark) !important; font-weight: 600; }
.sd-bm-form { gap: 18px; }
.sd-bm-settings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sd-bm-tools { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.sd-bm-grid-wrap { overflow-x: auto; border: 1px solid var(--sd-line-2); border-radius: 10px; }
.sd-bm-grid { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 14px; }
.sd-bm-grid th, .sd-bm-grid td { padding: 4px; text-align: center; border-bottom: 1px solid var(--sd-line); }
.sd-bm-grid tbody tr:last-child th, .sd-bm-grid tbody tr:last-child td { border-bottom: 0; }
.sd-bm-grid thead th { background: var(--sd-surface-2); font-size: 12px; font-weight: 600; color: var(--sd-muted); padding: 8px 4px; position: sticky; top: 0; }
.sd-bm-grid thead th:first-child, .sd-bm-grid tbody th { width: 76px; }
.sd-bm-grid thead th:last-child { width: 120px; }
.sd-bm-grid th button { border: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; padding: 6px 8px; border-radius: 6px; }
.sd-bm-grid th button:hover { background: var(--sd-bg); color: var(--sd-text); }
.sd-bm-grid tbody th button { font-size: 14px; color: var(--sd-text); font-weight: 500; }
.sd-bm-grid tr.has-price td:last-child input { border-color: var(--sd-green); }
.sd-bm-cell { display: inline-flex; margin: 0; cursor: pointer; }
.sd-bm-cell input { position: absolute; opacity: 0; pointer-events: none; }
.sd-bm-cell span { width: 44px; height: 32px; border-radius: 6px; border: 1px solid var(--sd-border); background: var(--sd-surface); display: block; }
.sd-bm-cell input:checked + span { background: var(--sd-green); border-color: var(--sd-green); }
.sd-bm-cell input:focus-visible + span { outline: 2px solid var(--sd-green); outline-offset: 2px; }
.sd-bm-price { height: 34px; width: 100%; font-size: 14px; padding: 0 8px; }
.sd-bm-save { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; position: sticky; bottom: 0; background: var(--sd-surface); padding-top: 12px; border-top: 1px solid var(--sd-line); }
@media (max-width: 720px) {
    .sd-bm-settings { grid-template-columns: 1fr; }
    .sd-bm-cell span { width: 34px; }
}
/* Eski maçını izle kartı (randevu kartının dilinde) */
.sd-rp [data-rp-cam-step][hidden] { display: none; }
a.sd-bk-slot.is-rec { background: #E3F6EA; border-color: #A8DDBA; color: var(--sd-green-dark) !important; text-decoration: none; }
a.sd-bk-slot.is-rec small { color: var(--sd-green-text); display: inline-flex; align-items: center; gap: 4px; font-weight: 600; }
a.sd-bk-slot.is-rec:hover { background: var(--sd-green); border-color: var(--sd-green); color: var(--sd-green-ink) !important; }
a.sd-bk-slot.is-rec:hover small { color: var(--sd-green-ink); }
.sd-bk-slot.is-empty { border-style: dashed; border-color: #D3D8D1; background: transparent; color: var(--sd-dim); cursor: default; }
.sd-bk-slot.is-empty small { color: var(--sd-dim); }
.sd-bk-phone { display: flex; flex-direction: column; gap: 12px; }
.sd-bk-phone p { margin: 0; font-size: 14px; color: var(--sd-muted); line-height: 1.5; }
.sd-bk-phone .sd-btn { height: 50px; }
/* Maç sayfası: kamera açısı oynatıcının üstünde, diğer maçlar tek satır şerit */
.sd-angle-top { padding: 8px 10px; gap: 8px; flex-wrap: nowrap; overflow-x: auto; }
.sd-angle-top > b { flex: 0 0 auto; padding-left: 6px; }
.sd-angle-top .sd-cam-btn { height: 42px; flex: 0 0 auto; }
.sd-day-strip { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; padding-bottom: 4px; scrollbar-width: thin; }
.sd-day-strip .sd-day-slot { flex: 0 0 132px; scroll-snap-align: start; text-decoration: none; }
.sd-day-nav { display: inline-flex; gap: 6px; }
.sd-day-nav button { width: 34px; height: 34px; border-radius: 8px; border: 1px solid var(--sd-border); background: var(--sd-surface); color: var(--sd-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.sd-day-nav button:hover { border-color: var(--sd-text); }
@media (max-width: 720px) { .sd-day-nav { display: none; } .sd-day-strip .sd-day-slot { flex-basis: 118px; } }
/* Eski maçlar: bitmek üzere / kaydı hazırlanan maç */
.sd-bk-slot.is-preparing { background: #FFF8E6; border-color: #F1DCA8; color: #8A5A00; cursor: default; }
.sd-bk-slot.is-preparing small { color: #8A5A00; display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }
.sd-prep-dot { width: 7px; height: 7px; border-radius: 50%; background: #E0A100; display: inline-block; animation: sd-blink 1.1s ease-in-out infinite; }
.sd-rp select.sd-select { width: 100%; }
/* Logo (public/images/sahadan-logo.png, 314x100) */
.sd-brand-logo { height: 44px; width: auto; display: block; }
@media (max-width: 720px) { .sd-brand-logo { height: 36px; } }
/* ============ Tesis sayfası mobil düzen ============ */
.sd-actions-mobile { display: none; }
/* Saha sekmeleri: isimler tek satır, sığmazsa yana kayar */
.sd-seg .nav-item { flex-shrink: 0; }
.sd-seg .nav-link { white-space: nowrap; }
@media (max-width: 991.98px) {
    /* İşlem butonları başlıktan kalkar, oynatıcının altında görünür */
    .sd-fhead-actions.sd-actions-desktop { display: none; }
    .sd-fhead-actions.sd-actions-mobile { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 0; }
    .sd-actions-mobile .sd-btn { height: 44px; padding: 0 8px; font-size: 14px; width: 100% !important; }
    /* Logo ve tesis adı yan yana */
    .sd-fhead-row { flex-wrap: nowrap; align-items: center; }
    .sd-fhead-row > div { flex: 1 1 0; min-width: 0; }
}
@media (max-width: 767.98px) {
    .sd-fhead-row { gap: 12px; }
    .sd-flogo { width: 52px; height: 52px; }
    .sd-fhead-title { gap: 8px; }
    .sd-fhead-title h1 { font-size: clamp(19px, 6.2vw, 26px); line-height: 1.1; overflow-wrap: anywhere; }
    .sd-fhead-live { height: 22px; font-size: 10px; padding: 0 7px; }
    .sd-fhead-meta { margin-top: 4px; }
    /* Saha sekmeleri: kompakt, tek satır kaydırmalı */
    .sd-seg { display: flex; width: 100%; }
    .sd-seg .nav-link { height: 36px; padding: 0 12px; font-size: 13px; }
    /* Kamera açıları: küçük çipler, tek satır */
    .sd-cams { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 6px; padding-bottom: 2px; }
    .sd-cams::-webkit-scrollbar { display: none; }
    .sd-cams-label { width: auto; flex-shrink: 0; font-size: 12px; margin-right: 2px; }
    .sd-cams li { flex-shrink: 0; }
    .sd-cams .sd-cam-btn { flex: 0 0 auto; height: 34px; padding: 0 12px; gap: 6px; border-radius: 17px; }
    .sd-cams .sd-cam-btn svg, .sd-cams .sd-cam-btn small { display: none; }
    .sd-cams .sd-cam-btn b { font-size: 13px; white-space: nowrap; }
    .sd-actions-mobile .sd-btn svg { flex-shrink: 0; }
}
@media (max-width: 540px) {
    /* Telefonda butonlar ikişerli (4'ü yan yana sığmıyor)*/
    .sd-fhead-actions.sd-actions-mobile { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ============ Maç sayfası: sunucu tarafı klip paneli ============ */
.sd-cut { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.sd-cut .sd-durations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.sd-dur { position: relative; margin: 0; cursor: pointer; }
.sd-dur input { position: absolute; opacity: 0; pointer-events: none; }
.sd-dur span { height: 62px; border-radius: 10px; border: 1px solid var(--sd-border); background: var(--sd-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
.sd-dur b { font-family: var(--sd-mono); font-size: 20px; font-weight: 600; line-height: 1.1; }
.sd-dur small { font-size: 11px; color: var(--sd-muted); }
.sd-dur input:checked + span { border-color: var(--sd-green); background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-dur input:focus-visible + span { outline: 2px solid var(--sd-green); outline-offset: 2px; }
.sd-cut-summary { font-family: var(--sd-mono); font-size: 14px; text-align: center; padding: 10px; border-radius: 8px; background: var(--sd-surface-2); border: 1px solid var(--sd-line); color: var(--sd-text-2); }
.sd-cut-result { border-radius: 10px; border: 1px solid var(--sd-green-line); background: #F6FBF8; padding: 14px; }
.sd-cut-busy { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--sd-text-2); }
.sd-cut-done { display: flex; flex-direction: column; gap: 8px; }
.sd-cut-done b { font-size: 15px; color: var(--sd-green-dark); }
.sd-cut .sd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

/* ---------- Video oynatıcı (public/js/sd-video-player.js) ---------- */
.sd-vp { position: relative; outline: none; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
.sd-vp video { cursor: pointer; }
.sd-vp.is-full { border-radius: 0 !important; border: 0; background: #000; }
.sd-vp.is-full video { object-fit: contain; }
.sd-vp:not(.is-active):not(.is-paused) { cursor: none; }
.sd-vp:not(.is-active):not(.is-paused) video { cursor: none; }
.sd-vp-ui { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.sd-vp-ui > * { pointer-events: auto; }
.sd-vp-btn { border: 0; background: transparent; color: #FFFFFF; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.sd-vp-btn svg { width: 24px; height: 24px; display: block; }
.sd-vp-btn:focus-visible, .sd-vp-bar:focus-visible { outline: 2px solid var(--sd-green); outline-offset: 2px; border-radius: 6px; }

.sd-vp-big { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: rgba(6, 16, 10, .62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .18) inset; transition: transform .18s, background .18s, opacity .18s; }
.sd-vp-big svg { width: 34px; height: 34px; margin-left: 4px; }
.sd-vp-big:hover { background: var(--sd-green); color: var(--sd-green-ink); transform: scale(1.06); }
.sd-vp:not(.is-paused) .sd-vp-big { opacity: 0; transform: scale(.85); pointer-events: none; }

.sd-vp-spin { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, .22); border-top-color: #FFFFFF; animation: sd-vp-spin .8s linear infinite; opacity: 0; pointer-events: none !important; transition: opacity .2s .15s; }
.sd-vp.is-waiting:not(.is-paused) .sd-vp-spin { opacity: 1; }
@keyframes sd-vp-spin { to { transform: rotate(360deg); } }

.sd-vp-flash { position: absolute; top: 50%; width: 72px; height: 72px; margin-top: -36px; border-radius: 50%; background: rgba(0, 0, 0, .45); color: #FFFFFF; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none !important; }
.sd-vp-flash svg { width: 34px; height: 34px; }
.sd-vp-flash.is-left { left: 14%; }
.sd-vp-flash.is-right { right: 14%; }
.sd-vp-flash.is-on { animation: sd-vp-flash .6s ease-out; }
@keyframes sd-vp-flash { 0% { opacity: 1; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.15); } }

.sd-vp-bottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 6px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .38) 45%, rgba(0, 0, 0, .78)); transition: opacity .25s, transform .25s; }
.sd-vp:not(.is-active):not(.is-paused):not(.is-dragging) .sd-vp-bottom { opacity: 0; transform: translateY(8px); pointer-events: none; }

.sd-vp-bar { position: relative; height: 18px; display: flex; align-items: center; cursor: pointer; touch-action: none; }
.sd-vp-track { position: relative; width: 100%; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .25); transition: height .15s; }
.sd-vp-bar:hover .sd-vp-track, .sd-vp.is-dragging .sd-vp-track { height: 6px; }
.sd-vp-track > i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: inherit; }
.sd-vp-buf { background: rgba(255, 255, 255, .35); }
.sd-vp-hover { background: rgba(255, 255, 255, .45); }
.sd-vp-played { background: var(--sd-green); }
.sd-vp-range { background: #FFB020; box-shadow: 0 0 0 2px rgba(255, 176, 32, .45); z-index: 1; opacity: .95; }
.sd-vp-range[hidden] { display: none; }
.sd-vp-knob { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--sd-green); box-shadow: 0 0 0 3px rgba(47, 212, 107, .3); transform: scale(0); transition: transform .15s; z-index: 2; }
.sd-vp-bar:hover .sd-vp-knob, .sd-vp.is-dragging .sd-vp-knob, .sd-vp-bar:focus-visible .sd-vp-knob { transform: scale(1); }
.sd-vp-tip { position: absolute; bottom: 22px; transform: translateX(-50%); padding: 4px 8px; border-radius: 6px; background: rgba(6, 16, 10, .9); color: #FFFFFF; font-family: var(--sd-mono); font-size: 12px; white-space: nowrap; opacity: 0; transition: opacity .12s; pointer-events: none; }
.sd-vp-bar:hover .sd-vp-tip, .sd-vp.is-dragging .sd-vp-tip { opacity: 1; }

.sd-vp-row { display: flex; align-items: center; gap: 4px; height: 44px; }
.sd-vp-row .sd-vp-btn { width: 40px; height: 40px; border-radius: 8px; transition: background .15s; }
.sd-vp-row .sd-vp-btn:hover { background: rgba(255, 255, 255, .14); }
.sd-vp-play svg { width: 26px; height: 26px; }
.sd-vp-vol { display: flex; align-items: center; }
.sd-vp-volrange { -webkit-appearance: none; appearance: none; width: 0; height: 4px; margin: 0; border-radius: 2px; opacity: 0; cursor: pointer; transition: width .2s, opacity .2s, margin .2s; background: linear-gradient(90deg, #FFFFFF var(--v, 100%), rgba(255, 255, 255, .3) var(--v, 100%)); }
.sd-vp-vol:hover .sd-vp-volrange, .sd-vp-volrange:focus-visible { width: 72px; opacity: 1; margin: 0 8px 0 2px; }
.sd-vp-volrange::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; border: 0; }
.sd-vp-volrange::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; border: 0; }
.sd-vp-time { color: #FFFFFF; font-family: var(--sd-mono); font-size: 13px; padding: 0 8px; white-space: nowrap; }
.sd-vp-time span { color: rgba(255, 255, 255, .7); }
.sd-vp-spacer { flex: 1; }
.sd-vp-row .sd-vp-speed { width: auto; min-width: 44px; padding: 0 8px; font-family: var(--sd-mono); font-size: 13px; font-weight: 600; }
.sd-vp-speed.is-on { color: var(--sd-green); }
.sd-vp-music { position: relative; opacity: .6; }
.sd-vp-music[hidden] { display: none; }
.sd-vp-music.is-on { color: var(--sd-green); opacity: 1; }
.sd-vp-music:not(.is-on)::after { content: ''; position: absolute; left: 50%; top: 50%; width: 24px; height: 2px; margin: -1px 0 0 -12px; background: currentColor; transform: rotate(-45deg); border-radius: 1px; }
@media (hover: none) {
    .sd-vp-volrange { display: none; }
    .sd-vp-knob { transform: scale(1); }
}
@media (max-width: 575.98px) {
    .sd-vp-bottom { padding: 28px 6px 2px; }
    .sd-vp-row { height: 40px; gap: 0; }
    .sd-vp-row .sd-vp-btn { width: 36px; height: 36px; }
    .sd-vp-btn svg { width: 22px; height: 22px; }
    .sd-vp-time { font-size: 12px; padding: 0 4px; }
    .sd-vp-big { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
    .sd-vp-big svg { width: 28px; height: 28px; }
}

/* ---------- Klip indir penceresi: hazırlanırken top seker, hazır olunca geri sayar ---------- */
.sd-prep { width: min(400px, calc(100vw - 32px)); }
.sd-prep .sd-modal-in { position: relative; align-items: center; text-align: center; gap: 14px; padding-top: 24px; }
.sd-prep-close { position: absolute; right: 12px; top: 12px; }
.sd-prep-stage { position: relative; width: 140px; height: 130px; }
.sd-prep-ball { position: absolute; left: 50%; top: 0; width: 52px; height: 52px; margin-left: -26px; animation: sd-ball-bounce .9s cubic-bezier(.5, 0, .5, 1) infinite; }
.sd-prep-ball svg { width: 100%; height: 100%; display: block; animation: sd-ball-spin 1.8s linear infinite; }
.sd-prep-shadow { position: absolute; left: 50%; bottom: 8px; width: 56px; height: 10px; margin-left: -28px; border-radius: 50%; background: rgba(17, 21, 18, .18); animation: sd-ball-shadow .9s cubic-bezier(.5, 0, .5, 1) infinite; }
@keyframes sd-ball-bounce {
    0%, 100% { transform: translateY(0) scale(1, 1); }
    45% { transform: translateY(58px) scale(1, 1); }
    50% { transform: translateY(64px) scale(1.15, .82); }
    55% { transform: translateY(58px) scale(1, 1); }
}
@keyframes sd-ball-spin { to { transform: rotate(360deg); } }
@keyframes sd-ball-shadow {
    0%, 100% { transform: scale(.55); opacity: .5; }
    50% { transform: scale(1.1); opacity: 1; }
}
.sd-prep-count, .sd-prep-check { position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 50%; display: none; align-items: center; justify-content: center; background: var(--sd-green-tint); color: var(--sd-green-dark); box-shadow: 0 0 0 6px rgba(47, 212, 107, .18); }
.sd-prep-count { font-family: var(--sd-display); font-weight: 800; font-size: 46px; line-height: 1; }
.sd-prep-count:empty { display: none !important; }
.sd-prep-check svg { width: 46px; height: 46px; }
.sd-prep[data-state="done"] .sd-prep-ball, .sd-prep[data-state="done"] .sd-prep-shadow,
.sd-prep[data-state="downloaded"] .sd-prep-ball, .sd-prep[data-state="downloaded"] .sd-prep-shadow,
.sd-prep[data-state="error"] .sd-prep-ball, .sd-prep[data-state="error"] .sd-prep-shadow { display: none; }
.sd-prep[data-state="done"] .sd-prep-count { display: flex; animation: sd-prep-pop .35s ease-out; }
.sd-prep[data-state="downloaded"] .sd-prep-check { display: flex; animation: sd-prep-pop .35s ease-out; }
.sd-prep[data-state="error"] .sd-prep-stage { height: 0; }
@keyframes sd-prep-pop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.sd-prep-text { display: flex; flex-direction: column; gap: 6px; }
.sd-prep-text p { margin: 0; font-size: 14px; line-height: 1.5; }
.sd-prep [data-prep-error] { width: 100%; text-align: left; }
.sd-prep-actions { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.sd-prep-actions .sd-btn { height: 46px; }
.sd-prep-actions > * { display: none !important; }
.sd-prep[data-state="done"] [data-prep-download], .sd-prep[data-state="downloaded"] [data-prep-download],
.sd-prep[data-state="done"] [data-prep-page], .sd-prep[data-state="downloaded"] [data-prep-page],
.sd-prep[data-state="error"]:not(.is-limit) [data-prep-retry] { display: inline-flex !important; }
@media (prefers-reduced-motion: reduce) {
    .sd-prep-ball, .sd-prep-ball svg, .sd-prep-shadow { animation-duration: 3s; }
}

/* ---------- Maç sayfası: oynatıcı üstünden klip seçme ---------- */
.sd-match-player video { background: #06100A; object-fit: contain; }
.sd-match-player [data-player-loading] { pointer-events: none; }
#sd-player { scroll-margin-top: 96px; }
.sd-clip-fab { position: absolute; top: 14px; right: 14px; z-index: 3; overflow: hidden; height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--sd-green); color: var(--sd-green-ink); font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 18px rgba(0, 0, 0, .35); cursor: pointer; transition: background .15s, transform .15s; }
.sd-clip-fab:hover { background: var(--sd-green-hover); transform: translateY(-1px); }
.sd-clip-fab:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.sd-clip-fab[hidden] { display: none; }
.sd-clip-fab > span, .sd-clip-fab > svg { position: relative; z-index: 1; }
.sd-fab-progress { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(255, 255, 255, .28); transition: width .25s linear; }
.sd-clip-fab.is-arm { background: #FFFFFF; color: var(--sd-text); }
.sd-clip-fab.is-rec { background: var(--sd-red); color: #FFFFFF; }
.sd-clip-fab.is-rec .sd-fab-ico, .sd-clip-fab.is-dl .sd-fab-ico, .sd-clip-fab:not(.is-dl) .sd-fab-dl { display: none; }
.sd-clip-fab.is-busy { cursor: progress; opacity: .85; }
.sd-clip-fab.is-busy .sd-fab-dl { animation: sd-rec-pulse 1s ease-in-out infinite; }
.sd-clip-fab.is-rec::before { content: ''; position: relative; z-index: 1; width: 10px; height: 10px; border-radius: 2px; background: #FFFFFF; animation: sd-rec-pulse 1s ease-in-out infinite; }
@keyframes sd-rec-pulse { 50% { opacity: .35; } }
.sd-player.is-clipping { box-shadow: 0 0 0 3px var(--sd-green); }

.sd-trim { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; background: var(--sd-surface); border: 1px solid var(--sd-green-line); border-radius: 12px; }
.sd-trim[hidden] { display: none; }
.sd-trim-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding-right: 36px; position: relative; }
.sd-trim-head b { font-size: 16px; }
.sd-trim-head .sd-muted { font-size: 13px; }
.sd-trim-close { position: absolute; right: -6px; top: -6px; width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: var(--sd-muted); display: flex; align-items: center; justify-content: center; }
.sd-trim-close:hover { background: var(--sd-surface-2); color: var(--sd-text); }
.sd-trim-bar { position: relative; height: 28px; border-radius: 6px; background: repeating-linear-gradient(90deg, #E3E6E1 0 1px, transparent 1px 2.5%), var(--sd-surface-2); border: 1px solid var(--sd-line-2); overflow: hidden; }
.sd-trim-sel { position: absolute; top: 0; bottom: 0; background: rgba(47, 212, 107, .35); border-left: 3px solid var(--sd-green-dark); border-right: 3px solid var(--sd-green-dark); }
.sd-trim-play { position: absolute; top: -2px; bottom: -2px; width: 2px; margin-left: -1px; background: var(--sd-text); }
.sd-trim-play[hidden] { display: none; }
.sd-trim[data-state="rec"] .sd-trim-sel { background: rgba(217, 31, 54, .22); border-color: var(--sd-red); }
.sd-trim-rows { display: flex; flex-direction: column; gap: 8px; }
.sd-trim-row { display: grid; grid-template-columns: 76px 44px 44px minmax(70px, 96px) 44px 44px; gap: 6px; align-items: center; }
.sd-trim-row.is-off { opacity: .4; pointer-events: none; }
.sd-trim-label { font-size: 13px; font-weight: 600; color: var(--sd-text-2); }
.sd-trim-row .btn { height: 40px; padding: 0; }
.sd-trim-time { height: 40px; text-align: center; font-size: 16px; padding: 0 6px; }
.sd-trim[data-state="rec"] .sd-trim-rows, .sd-trim[data-state="rec"] [data-row] .btn { pointer-events: none; }
.sd-trim:not([data-state="edit"]) [data-edit-only] { display: none !important; }
.sd-trim-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sd-trim-len { font-size: 15px; font-weight: 600; padding: 0 10px; height: 42px; display: inline-flex; align-items: center; border-radius: 8px; background: var(--sd-green-tint); color: var(--sd-green-dark); }
.sd-trim-foot .sd-btn { height: 42px; font-size: 14px; }
.sd-trim-foot [data-trim-preview].is-on { border-color: var(--sd-text); background: var(--sd-text); color: #FFFFFF; }
.sd-trim.is-manual [data-trim-preview] { display: none; }
.sd-trim-public { height: 42px !important; margin: 0 0 0 auto; gap: 10px; font-size: 13px; border: 0 !important; padding: 0 !important; background: transparent !important; }
.sd-cut-links { display: flex; gap: 8px; flex-wrap: wrap; }
.sd-cut-links .sd-btn { height: 44px; flex: 1 1 160px; }
.sd-clip-howto { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--sd-text-2); }
@media (max-width: 575.98px) {
    .sd-clip-fab { top: 8px; right: 8px; height: 38px; padding: 0 12px; font-size: 13px; }
    .sd-trim { padding: 12px; }
    .sd-trim-row { grid-template-columns: 62px 1fr 1fr minmax(64px, 1.6fr) 1fr 1fr; gap: 4px; }
    .sd-trim-foot [data-cut-submit] { flex: 1 1 100%; order: 5; }
    .sd-trim-public { margin-left: auto; }
}

/* ---------- Klipler (üyelerin kestiği klipler) ---------- */
.sd-clip-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.sd-clip { display: flex; flex-direction: column; gap: 10px; color: var(--sd-text) !important; text-decoration: none; min-width: 0; }
.sd-clip-thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #0B140E radial-gradient(circle at 50% 120%, #1D3A26 0%, #0B140E 70%); border: 1px solid var(--sd-line-2); }
.sd-clip-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-clip-cat { position: absolute; top: 8px; left: 8px; z-index: 2; height: 24px; padding: 0 9px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; color: #FFFFFF; background: rgba(10, 13, 11, .75); }
.sd-clip-cat.is-atak { background: #D91F36; }
.sd-clip-cat.is-defans { background: #1F6FD9; }
.sd-clip-cat.is-kurtaris { background: #E08A00; }
.sd-clip-cats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.sd-clip-cats a { height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--sd-line-2); background: var(--sd-surface); color: var(--sd-text-2) !important; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; text-decoration: none; }
.sd-clip-cats a:hover { border-color: var(--sd-text); }
.sd-clip-cats a.is-on { background: var(--sd-text); border-color: var(--sd-text); color: #FFFFFF !important; }
.sd-clip:hover .sd-rec-play span { transform: scale(1.08); background: var(--sd-green); }
.sd-clip:hover .sd-rec-play path { fill: var(--sd-green-ink); }
.sd-clip-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sd-clip-body b { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-clip-sub { font-size: 13px; color: var(--sd-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-clip-meta { display: flex; gap: 12px; font-size: 12px; color: var(--sd-dim); }
.sd-clip-meta > span { display: inline-flex; align-items: center; gap: 4px; }
.sd-clip-meta > span:first-child { font-weight: 500; color: var(--sd-text-2); }
.sd-clip.is-dark { color: #FFFFFF !important; }
.sd-clip.is-dark .sd-clip-thumb { border-color: #2A332D; }
.sd-clip.is-dark .sd-clip-sub, .sd-clip.is-dark .sd-clip-meta { color: #B9C2BC; }
.sd-clip.is-dark .sd-clip-meta > span:first-child { color: #E3E6E1; }
.sd-clips-all { background: transparent; color: #FFFFFF !important; border: 1px solid #3A433D; flex-shrink: 0; }
.sd-clips-all:hover { border-color: var(--sd-green); color: var(--sd-green) !important; }
.sd-clips-filter { display: flex; gap: 12px; flex-wrap: wrap; }
.sd-clips-filter .sd-field { min-width: 200px; }
.sd-clip-player { aspect-ratio: 16 / 9; }
.sd-clip-player video { display: block; width: 100%; height: 100%; background: #06100A; }
@media (max-width: 1199.98px) { .sd-clip-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .sd-clip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 575.98px) {
    .sd-clip-grid { gap: 12px; }
    .sd-clip-grid.is-band { grid-template-columns: repeat(4, 72%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
    .sd-clip-grid.is-band > .sd-clip { scroll-snap-align: start; }
    .sd-clips-filter, .sd-clips-filter .sd-field { width: 100%; min-width: 0; }
    .sd-clip-meta { gap: 8px; }
}

/* ---------- Profil ---------- */
.sd-profile-head { display: flex; align-items: center; gap: 18px; }
.sd-profile-tabs { align-self: flex-start; max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
.sd-profile-tabs .nav-link { text-decoration: none; white-space: nowrap; }
.sd-profile-tabs .nav-link.active { background: var(--sd-text); color: #F3F4F1; font-weight: 600; }
.sd-pf-clip { margin-bottom: 0; }
.sd-pf-thumb { position: relative; flex-shrink: 0; width: 128px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #0B140E; display: block; }
.sd-pf-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-pf-thumb .sd-rec-time { bottom: 6px; right: 6px; height: 18px; font-size: 11px; }
.sd-pf-thumb.is-empty { opacity: .5; }
.sd-pf-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.sd-pf-actions form { margin: 0; }
@media (max-width: 575.98px) {
    .sd-profile-head .sd-page-title { font-size: 28px !important; }
    .sd-pf-clip { flex-wrap: wrap; }
    .sd-pf-thumb { width: 96px; }
    .sd-pf-clip .sd-rm-body { flex-basis: calc(100% - 110px); }
    .sd-pf-actions { width: 100%; justify-content: flex-end; }
}

/* Canlı yayın: şu an izleyen sayısı (oynatıcının sağ üstü) */
.sd-live-stage { position: relative; }
.sd-live-viewers { position: absolute; top: 12px; right: 12px; z-index: 5; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 6px; background: rgba(10, 13, 11, .72); color: #FFFFFF; font-size: 12px; pointer-events: none; backdrop-filter: blur(4px); }
.sd-live-viewers[hidden] { display: none; }
.sd-live-viewers b { font-family: var(--sd-mono); font-weight: 600; font-size: 13px; }
.sd-live-viewers svg { color: #FF4D5E; }
@media (max-width: 575.98px) { .sd-live-viewers { top: 8px; right: 8px; height: 24px; padding: 0 8px; } .sd-live-viewers span { display: none; } }

/* Tesis sayfası: başlık biraz daha küçük; kamera şeridi ekranı sağa taşırmasın (kendi içinde kaysın) */
.sd-fhead-title h1 { font-size: 36px; }
.sd-player-bar, .sd-player-bar > * { min-width: 0; max-width: 100%; }
.sd-cams { min-width: 0; max-width: 100%; }
@media (max-width: 1199.98px) { .sd-fhead-title h1 { font-size: 30px; } }
@media (max-width: 767.98px) {
    .sd-fhead-title h1 { font-size: clamp(18px, 5.4vw, 22px); }
    .sd-player-bar .sd-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .sd-player-bar .sd-seg::-webkit-scrollbar { display: none; }
}

/* Eski maç saatleri: tek satır, ince ikon */
.sd-bk-slots:has(> .is-rec), .sd-bk-slots:has(> .is-preparing) { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); }
a.sd-bk-slot.is-rec, .sd-bk-slot.is-preparing { height: 40px; flex-direction: row; gap: 7px; }
a.sd-bk-slot.is-rec b, .sd-bk-slot.is-preparing b { font-size: 13px; }
a.sd-bk-slot.is-rec svg { flex-shrink: 0; opacity: .85; }
/* Gün şeridi ile altındaki bölüm arasında nefes payı */
.sd-bk-days { padding-bottom: 10px; margin-bottom: 6px; }
/* Son maçlar: saat etiketi oynat ikonuyla çakışmasın (küçük kartlarda) */
@media (max-width: 767.98px) {
    .sd-rec-play span { width: 34px; height: 34px; }
    .sd-rec-play svg { width: 13px; height: 13px; }
    .sd-rec-time { bottom: 6px; right: 6px; height: 18px; padding: 0 5px; font-size: 10.5px; }
}

/* Maç sayfası: "Klip oluştur" kısayolu (Tesise dön yanında) */
.sd-btn-clip { background: var(--sd-team); border: 1px solid var(--sd-team); color: #2B1B00 !important; font-weight: 600; }
.sd-btn-clip:hover { background: #F2A000; border-color: #F2A000; }
.sd-clip-panel { scroll-margin-top: 96px; }

/* ---------- Sinema modu: canlı yayın + canlı sohbet (facility/partials/live-player, live-chat) ---------- */
/* Halı saha zemini: koyu çim şeritleri + soluk saha çizgileri (orta çizgi, orta yuvarlak) */
.sd-theater { position: relative; overflow: hidden; color: #FFFFFF; margin-top: 24px; padding: 18px 0 22px;
    background:
        linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, .07) calc(50% - 1px), rgba(255, 255, 255, .07) calc(50% + 1px), transparent calc(50% + 1px)),
        radial-gradient(circle at 50% 50%, transparent 159px, rgba(255, 255, 255, .07) 160px, rgba(255, 255, 255, .07) 162px, transparent 163px),
        repeating-linear-gradient(90deg, #0F2A19 0 120px, #0C2314 120px 240px); }
.sd-theater::before { content: ""; position: absolute; inset: 10px; border: 2px solid rgba(255, 255, 255, .06); border-radius: 4px; pointer-events: none; }
.sd-theater > * { position: relative; }
.sd-theater .sd-player-bar { margin-bottom: 14px; }
.sd-theater .sd-seg { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .10); }
.sd-theater .sd-seg .nav-link { color: rgba(255, 255, 255, .66); }
.sd-theater .sd-seg .nav-link:hover { color: #FFFFFF; }
.sd-theater .sd-seg .nav-link.active { background: #FFFFFF !important; color: #0A0F0C !important; }
.sd-theater .sd-cams-label { color: rgba(255, 255, 255, .5); }
.sd-theater .sd-cam-btn { border-color: rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .8); }
.sd-theater .sd-cam-btn:hover { border-color: rgba(255, 255, 255, .6); }
.sd-theater .sd-cam-btn.active { border-color: var(--sd-green); background: rgba(47, 212, 107, .14); color: #7EE2A8; }
.sd-theater .sd-player { border-color: rgba(255, 255, 255, .08); }
.sd-theater .sd-live-info { color: rgba(255, 255, 255, .6); }
.sd-theater .sd-live-info .badge.bg-secondary { background: rgba(255, 255, 255, .10) !important; color: rgba(255, 255, 255, .7) !important; }

.sd-theater-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "stage chat" "info ."; gap: 12px 16px; }
.sd-theater-grid > .sd-live-stage { grid-area: stage; min-width: 0; }
.sd-theater-grid > .sd-live-info { grid-area: info; }
.sd-theater.is-chat-closed .sd-theater-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stage" "info"; }
/* Sohbet kapalıyken oynatıcı ekrana sığsın */
.sd-theater.is-chat-closed .sd-live-stage, .sd-theater.is-chat-closed .sd-live-info { width: 100%; max-width: calc((100vh - 190px) * 16 / 9); margin: 0 auto; }

.sd-chat-toggle { margin-left: auto; height: 40px; padding: 0 14px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .16); background: transparent; color: rgba(255, 255, 255, .85); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; flex-shrink: 0; }
.sd-chat-toggle:hover { border-color: rgba(255, 255, 255, .6); color: #FFFFFF; }
.sd-chat-toggle[aria-pressed="false"] { border-color: var(--sd-green); color: #7EE2A8; }

/* Panel: yüksekliği yayına eşit (contain:size satırı büyütmez, esneyip satırı doldurur) */
.sd-chat { grid-area: chat; contain: size; min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #121914; border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; }
.sd-chat[hidden] { display: none; }
.sd-chat-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 10px 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, .08); flex-shrink: 0; }
.sd-chat-title { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sd-chat-title b { font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.sd-chat-title b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #FF4D5E; box-shadow: 0 0 0 3px rgba(255, 77, 94, .2); }
.sd-chat-title span { font-family: var(--sd-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd-chat-x { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: rgba(255, 255, 255, .6); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.sd-chat-x:hover { background: rgba(255, 255, 255, .08); color: #FFFFFF; }

.sd-chat-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 8px 6px; display: flex; flex-direction: column; gap: 2px; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .18) transparent; }
.sd-chat-list::-webkit-scrollbar { width: 6px; }
.sd-chat-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .18); border-radius: 3px; }
.sd-chat .sd-chat-loading, .sd-chat .sd-chat-empty { margin: auto; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 24px 16px; text-align: center; font-size: 13px; color: rgba(255, 255, 255, .55); }
.sd-chat .sd-chat-loading[hidden], .sd-chat .sd-chat-empty[hidden] { display: none; }
.sd-chat .sd-chat-empty svg { color: rgba(255, 255, 255, .3); margin-bottom: 4px; }
.sd-chat .sd-chat-empty b { font-size: 14px; color: rgba(255, 255, 255, .85); font-weight: 600; }
.sd-chat-dots { display: inline-flex; gap: 4px; }
.sd-chat-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .4); animation: sd-chat-dot 1s ease-in-out infinite; }
.sd-chat-dots i:nth-child(2) { animation-delay: .15s; }
.sd-chat-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes sd-chat-dot { 0%, 100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

.sd-chat-msg { position: relative; display: flex; gap: 10px; align-items: flex-start; padding: 6px 8px; border-radius: 10px; }
.sd-chat-msg:hover { background: rgba(255, 255, 255, .04); }
.sd-chat-av { width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; color: #0A0F0C; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.sd-chat-bd { flex-grow: 1; min-width: 0; }
.sd-chat-who { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; line-height: 1.2; }
.sd-chat-who b { font-size: 13px; font-weight: 600; }
.sd-chat-who time { font-family: var(--sd-mono); font-size: 11px; color: rgba(255, 255, 255, .38); }
.sd-chat-tag { height: 16px; padding: 0 5px; border-radius: 4px; background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .85); font-size: 10px; font-weight: 700; letter-spacing: .03em; display: inline-flex; align-items: center; }
.sd-chat-tag.is-staff { background: var(--sd-green); color: var(--sd-green-ink); }
.sd-chat-text { margin: 2px 0 0; font-size: 14px; line-height: 1.42; color: rgba(255, 255, 255, .9); word-break: break-word; }
.sd-chat-acts { opacity: 0; transition: opacity .15s; flex-shrink: 0; }
.sd-chat-msg:hover .sd-chat-acts, .sd-chat-msg:focus-within .sd-chat-acts { opacity: 1; }
@media (hover: none) { .sd-chat-acts { opacity: .55; } }
.sd-chat-act { width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: rgba(255, 255, 255, .55); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.sd-chat-act:hover { background: rgba(255, 255, 255, .08); color: #FFFFFF; }
.sd-chat-act:disabled { opacity: .35; cursor: default; }

/* Yeni mesaj: kayarak girer, 5 sn hafif yeşil parlar ve söner */
.sd-chat-msg.is-new { animation: sd-chat-new 5s ease-out; }
@keyframes sd-chat-new {
    0% { opacity: 0; transform: translateY(8px); background: rgba(47, 212, 107, .30); box-shadow: inset 3px 0 0 #2FD46B; }
    6% { opacity: 1; transform: none; background: rgba(47, 212, 107, .26); box-shadow: inset 3px 0 0 #2FD46B; }
    40% { background: rgba(47, 212, 107, .14); box-shadow: inset 3px 0 0 rgba(47, 212, 107, .8); }
    100% { background: rgba(47, 212, 107, 0); box-shadow: inset 3px 0 0 rgba(47, 212, 107, 0); }
}
@keyframes sd-chat-new-still { 0% { background: rgba(47, 212, 107, .22); } 100% { background: rgba(47, 212, 107, 0); } }
@media (prefers-reduced-motion: reduce) {
    .sd-chat-msg.is-new { animation-name: sd-chat-new-still; }
    .sd-chat-dots i { animation: none; }
}

.sd-chat-jump { position: relative; z-index: 2; align-self: center; margin: -44px 0 12px; height: 32px; padding: 0 14px; border: 0; border-radius: 16px; background: var(--sd-green); color: var(--sd-green-ink); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); flex-shrink: 0; }
.sd-chat-jump[hidden] { display: none; }

.sd-chat-foot { flex-shrink: 0; padding: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }
.sd-chat-form { display: flex; align-items: center; gap: 8px; }
.sd-chat-me { width: 30px; height: 30px; border-radius: 50%; background: var(--sd-green); color: var(--sd-green-ink); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sd-chat-input { flex-grow: 1; min-width: 0; height: 42px; box-sizing: border-box; padding: 0 16px; border-radius: 21px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .06); color: #FFFFFF; font-family: var(--sd-font); font-size: 16px; }
.sd-chat-input::placeholder { color: rgba(255, 255, 255, .42); }
.sd-chat-input:focus { outline: none; border-color: var(--sd-green); background: rgba(255, 255, 255, .09); }
body.sd .sd-chat-input:focus-visible { outline: none; }
.sd-chat-send { position: relative; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--sd-green); color: var(--sd-green-ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: opacity .15s, transform .15s; }
.sd-chat-send:hover:not(:disabled) { background: var(--sd-green-hover); }
.sd-chat-send:active:not(:disabled) { transform: scale(.94); }
.sd-chat-send:disabled { opacity: .4; cursor: default; }
.sd-chat-send.is-wait svg { visibility: hidden; }
.sd-chat-wait { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--sd-mono); font-size: 14px; font-weight: 700; }
.sd-chat-wait[hidden] { display: none; }
.sd-chat-note { margin-top: 8px; font-size: 12px; line-height: 1.4; color: rgba(255, 255, 255, .7); }
.sd-chat-note.is-error { color: #FF9E9E; }
.sd-chat-note[hidden] { display: none; }
.sd-chat-meta-row { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; font-size: 11px; color: rgba(255, 255, 255, .38); }
.sd-chat-guest p { margin: 0 0 10px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .7); }
.sd-chat-guest-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sd-chat-ghost { background: transparent; border: 1px solid rgba(255, 255, 255, .25); color: #FFFFFF; }
.sd-chat-ghost:hover { border-color: #FFFFFF; color: #FFFFFF; }
.sd-chat-blocked { padding: 12px; border-radius: 10px; border: 1px dashed rgba(255, 255, 255, .2); font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .7); text-align: center; }

@media (max-width: 1199.98px) {
    .sd-theater-grid { grid-template-columns: minmax(0, 1fr) 330px; }
}
@media (max-width: 991.98px) {
    .sd-theater-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stage" "info" "chat"; }
    .sd-chat { height: min(460px, 68vh); }
}
@media (max-width: 767.98px) {
    .sd-theater { margin-top: 16px; padding: 12px 0 16px; }
    .sd-theater .sd-player-bar { margin-bottom: 10px; }
    .sd-chat-toggle { margin-left: 0; align-self: flex-end; height: 34px; padding: 0 12px; }
    .sd-chat-toggle[aria-pressed="true"] { display: none; }
    .sd-chat { border-radius: 10px; }
}

/* Anasayfa istatistikleri: üstte öne çıkan aktif kamera, altında 2x2 */
.sd-stats-grid.is-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sd-stats-grid.is-v2 .sd-stat { border-right: 1px solid var(--sd-line); border-bottom: 1px solid var(--sd-line); }
.sd-stats-grid.is-v2 .sd-stat:nth-child(odd) { border-right: 0; }
.sd-stats-grid.is-v2 .sd-stat:nth-last-child(-n+2) { border-bottom: 0; }
.sd-stats-grid.is-v2 .sd-stat.is-hero { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 14px; border-right: 0; border-bottom: 1px solid var(--sd-line); background: linear-gradient(90deg, rgba(217, 31, 54, .07), transparent 70%); }
.sd-stats-grid.is-v2 .sd-stat.is-hero .sd-stat-v { font-size: 46px; }
.sd-stats-grid.is-v2 .sd-stat.is-hero .sd-stat-l { font-size: 15px; font-weight: 600; color: var(--sd-text-2); }
@media (max-width: 575.98px) { .sd-stats-grid.is-v2 .sd-stat.is-hero .sd-stat-v { font-size: 36px; } }
@media (min-width: 576px) { .sd-clip-grid.is-band.is-weekly { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .sd-clip-grid.is-band.is-weekly { grid-template-columns: repeat(3, 78%); } }

/* Maç sayfası: mobilde turuncu "Klip oluştur" yerine "ücretsiz kes" yazısı + anlatım penceresi */
.sd-free-cut { display: none; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: 8px; border: 1px dashed var(--sd-green-text, #1A8C47); background: rgba(47, 212, 107, .08); color: var(--sd-text) !important; font-size: 13px; cursor: pointer; }
.sd-free-cut b { color: var(--sd-green-text, #1A8C47); }
.sd-free-steps { margin: 4px 0 6px; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.sd-free-modal .sd-modal-in { display: flex; flex-direction: column; gap: 10px; }
@media (max-width: 575.98px) {
    .sd-match-head .sd-btn-clip { display: none; }
    .sd-free-cut { display: inline-flex; }
}

/* Kesimden sonra kategori seçimi */
.sd-cut-cats { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.sd-cut-cats > b { font-size: 14px; }
.sd-cut-cats > div { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.sd-cut-cats button { height: 40px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--sd-line-2); background: var(--sd-surface); font-size: 14px; font-weight: 700; cursor: pointer; color: var(--sd-text); }
.sd-cut-cats button.is-atak[aria-pressed="true"] { background: #D91F36; border-color: #D91F36; color: #FFFFFF; }
.sd-cut-cats button.is-defans[aria-pressed="true"] { background: #1F6FD9; border-color: #1F6FD9; color: #FFFFFF; }
.sd-cut-cats button.is-kurtaris[aria-pressed="true"] { background: #E08A00; border-color: #E08A00; color: #FFFFFF; }