/* ── Showcase Module ── */
.sc-section {
    background: #07070e;
    font-family: 'Inter', sans-serif;
    position: relative;
}
.sc-section::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,168,76,.4), transparent);
}

.sc-section-head { margin-bottom: 32px; }
.sc-label {
    display: inline-block; font-size: 10px; font-weight: 700;
    letter-spacing: .22em; text-transform: uppercase; color: #c9a84c;
    margin-bottom: 8px;
}
.sc-title {
    font-size: clamp(1.1rem,1.8vw,1.6rem); font-weight: 600;
    color: rgba(255,255,255,.9); letter-spacing: -.01em; margin: 0;
    text-shadow: 0 2px 12px rgba(0,0,0,.8);
}

.sc-stage {
    position: relative; width: 100%;
    height: clamp(600px, 88vh, 1000px);
    overflow: hidden; background: #000;
}
.sc-track {
    display: flex; height: 100%;
    transition: transform .85s cubic-bezier(.76,0,.24,1);
    will-change: transform;
}
.sc-slide {
    flex-shrink: 0; width: 100%; height: 100%;
    position: relative; overflow: hidden;
    background: #000;
}

.sc-yt-bg {
    position: absolute;
    top: 50%; left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    background: #000;
}
.sc-yt-bg iframe {
    position: absolute;
    top: 50%; left: 50%;
    width: 100%; height: 56.25vw;
    min-height: 100%; min-width: 177.78vh;
    transform: translate(-50%, -50%);
    border: none;
}

.sc-media {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: center;
    display: block; z-index: 0;
    transform: scale(1.05);
    transition: transform 9s ease;
}
.sc-slide.active .sc-media { transform: scale(1); }

.sc-curtain {
    position: absolute; inset: 0; z-index: 1;
    background:
        linear-gradient(to bottom, rgba(7,7,14,.5) 0%, rgba(7,7,14,.05) 25%, rgba(7,7,14,.05) 75%, rgba(7,7,14,.85) 100%),
        linear-gradient(to left, rgba(7,7,14,.88) 0%, rgba(7,7,14,.55) 35%, rgba(7,7,14,.15) 65%, rgba(7,7,14,.3) 100%);
}
.sc-curtain.sc-curtain-ltr {
    background:
        linear-gradient(to bottom, rgba(7,7,14,.5) 0%, rgba(7,7,14,.05) 25%, rgba(7,7,14,.05) 75%, rgba(7,7,14,.85) 100%),
        linear-gradient(to right, rgba(7,7,14,.88) 0%, rgba(7,7,14,.55) 35%, rgba(7,7,14,.15) 65%, rgba(7,7,14,.3) 100%);
}

.sc-fx {
    position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,.6) 100%);
}
.sc-slide[data-type="video"] .sc-fx,
.sc-slide[data-type="youtube"] .sc-fx {
    background:
        radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,.6) 100%),
        repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,.04) 3px, rgba(0,0,0,.04) 4px);
}

.sc-content {
    position: absolute; inset: 0; z-index: 3;
    display: flex; align-items: flex-end; justify-content: flex-end;
    padding: clamp(32px,5vh,80px) clamp(32px,7vw,120px);
    pointer-events: none;
}
.sc-content-inner { pointer-events: auto; max-width: 520px; text-align: right; width: 100%; }
.sc-content.sc-ltr { justify-content: flex-start; }
.sc-content.sc-ltr .sc-content-inner { text-align: left; }
.sc-content.sc-ltr .sc-meta { justify-content: flex-start; }

.sc-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 9px; font-weight: 800; letter-spacing: .16em;
    text-transform: uppercase; padding: 4px 10px; border-radius: 4px;
    margin-bottom: 14px;
}
.sc-badge svg { width: 10px; height: 10px; }
.sc-badge--vid { background: #c9a84c; color: #07070e; }
.sc-badge--yt  { background: #ff0000; color: #fff; }

.sc-meta { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-bottom: 10px; }
.sc-meta-item {
    display: flex; align-items: center; gap: 5px;
    font-size: 11px; font-weight: 500; letter-spacing: .06em;
    color: rgba(255,255,255,.6);
    text-shadow: 0 1px 4px rgba(0,0,0,.8);
}
.sc-meta-item svg { width: 12px; height: 12px; flex-shrink: 0; }
.sc-subtitle {
    font-size: 12px; font-weight: 600; letter-spacing: .14em;
    text-transform: uppercase; color: #c9a84c;
    margin: 0 0 8px;
    text-shadow: 0 1px 8px rgba(0,0,0,.9);
}
.sc-name {
    font-size: clamp(1.8rem,4.5vw,3.6rem);
    font-weight: 800; color: #fff;
    letter-spacing: -.03em; line-height: 1.05; margin: 0;
    text-shadow: 0 2px 24px rgba(0,0,0,.7), 0 0 60px rgba(0,0,0,.4);
}

.sc-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 50px; height: 50px; border-radius: 50%;
    background: rgba(0,0,0,.45);
    border: 1px solid rgba(255,255,255,.15);
    color: rgba(255,255,255,.8); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    z-index: 20;
    transition: all .2s;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.sc-arrow svg { width: 18px; height: 18px; }
.sc-arrow--prev { left: clamp(14px,3vw,44px); }
.sc-arrow--next { right: clamp(14px,3vw,44px); }
.sc-arrow:hover {
    background: rgba(201,168,76,.25);
    border-color: rgba(201,168,76,.6);
    color: #c9a84c;
    transform: translateY(-50%) scale(1.05);
}

.sc-counter {
    position: absolute; top: 24px; right: clamp(16px,4vw,60px);
    display: flex; align-items: baseline; gap: 4px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em;
    color: rgba(255,255,255,.4); z-index: 20;
}
#sc-cur { font-size: 24px; font-weight: 800; color: #fff; line-height: 1; }
.sc-sep { color: rgba(255,255,255,.2); }

.sc-prog-wrap { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.08); z-index: 20; }
.sc-prog-bar { height: 100%; width: 0%; background: linear-gradient(90deg, #c9a84c, #e8c96a); transition: width .1s linear; }

.sc-dots {
    position: absolute; bottom: 20px; left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 8px; align-items: center;
    z-index: 20;
}
.sc-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.3); border: none; cursor: pointer; padding: 0; transition: all .3s; }
.sc-dot.active { width: 24px; border-radius: 3px; background: #c9a84c; }
.sc-dot:hover:not(.active) { background: rgba(255,255,255,.6); }

@media (max-width: 768px) {
    .sc-section { padding: 60px 0 0; }
    .sc-stage { height: clamp(360px, 70vw, 560px); }
    .sc-content { padding: 0 20px; justify-content: center; }
    .sc-content.sc-ltr { justify-content: center; }
    .sc-content-inner { text-align: center; max-width: 100%; }
    .sc-content.sc-ltr .sc-content-inner { text-align: center; }
    .sc-meta { justify-content: center; }
    .sc-content.sc-ltr .sc-meta { justify-content: center; }
    .sc-name { font-size: 1.6rem; }
    .sc-arrow { width: 40px; height: 40px; }
}

/* RTL (Arapça) — meta satırı sağa hizala */
[dir=rtl] .sc-meta { justify-content: flex-start; }
[dir=rtl] .sc-counter { right: auto; left: clamp(16px,4vw,60px); }