/* WSEF — şablon üzerine federasyon bileşenleri */
:root { --wsef-red: #fe4536; --wsef-dark: #222; --wsef-muted: #6f7172; --wsef-line: #eaeaea; --wsef-soft: #f8f8f8; --gold: #d4a017; --silver: #9ea7ad; --bronze: #b0703c; }

.wsef-topbar { background: var(--wsef-dark); color: #ccc; font-size: 13px; padding: 7px 0; }
.wsef-topbar a { color: #ccc; margin-left: 18px; }
.wsef-topbar a:hover { color: #fff; }
.wsef-logo a { display: inline-flex; flex-direction: column; line-height: 1; }
.wsef-mark { font-size: 30px; font-weight: 700; letter-spacing: 2px; color: var(--wsef-dark); }
.wsef-mark::first-letter { color: var(--wsef-red); }
.wsef-logo small { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--wsef-muted); margin-top: 4px; }
.footer-logo.wsef-logo .wsef-mark { color: #fff; }
.wsef-menu .main-menu ul li, .wsef-menu nav > ul > li { margin: 0 11px; }
.wsef-menu nav > ul > li > a { font-size: 13px; text-transform: uppercase; letter-spacing: .5px; }
.wsef-menu nav > ul > li.active > a { color: var(--wsef-red); }
.wsef-menu .submenu { min-width: 230px; }
.wsef-hero { padding: 90px 0; }
.wsef-footer-phone { font-size: 22px; }

.wsef-section { padding: 80px 0 60px; }

.wsef-title { margin-bottom: 35px; }
.wsef-title h2 { font-size: 30px; }
.wsef-title p { color: var(--wsef-muted); }
.wsef-title .more { float: right; font-size: 14px; color: var(--wsef-red); }

.wsef-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 4px; padding: 22px; margin-bottom: 30px; transition: box-shadow .2s; height: calc(100% - 30px); }
.wsef-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.07); }
.wsef-card h4 { font-size: 18px; margin-bottom: 8px; }
.wsef-card h4 a:hover { color: var(--wsef-red); }
.wsef-card .meta { color: var(--wsef-muted); font-size: 13px; }
.wsef-card img.cover { width: 100%; height: 190px; object-fit: cover; margin-bottom: 15px; border-radius: 3px; }

.wsef-table { width: 100%; border-collapse: collapse; background: #fff; }
.wsef-table th { background: var(--wsef-dark); color: #fff; font-weight: 500; font-size: 13px; text-transform: uppercase; padding: 12px 14px; text-align: left; }
.wsef-table td { padding: 11px 14px; border-bottom: 1px solid var(--wsef-line); font-size: 15px; }
.wsef-table tr:hover td { background: #fff7f6; }
.wsef-table a:hover { color: var(--wsef-red); }
.table-wrap { overflow-x: auto; margin-bottom: 30px; }

.badge-status { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; background: #eee; }
.badge-status.valid, .badge-status.active, .badge-status.published, .badge-status.approved, .badge-status.completed { background: #e3f6e8; color: #1c7c3a; }
.badge-status.expired, .badge-status.suspended, .badge-status.revoked, .badge-status.rejected, .badge-status.cancelled { background: #fde8e6; color: #b3261e; }
.badge-status.live { background: var(--wsef-red); color: #fff; }
.badge-status.upcoming, .badge-status.provisional, .badge-status.pending, .badge-status.new { background: #fff4d6; color: #8a6100; }

.medal { display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; text-align: center; color: #fff; font-size: 12px; font-weight: 700; }
.medal.p1 { background: var(--gold); } .medal.p2 { background: var(--silver); } .medal.p3 { background: var(--bronze); }
.flag { font-size: 18px; margin-right: 6px; vertical-align: -2px; }

.wsef-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
.wsef-tabs a { padding: 8px 16px; border: 1px solid var(--wsef-line); border-radius: 3px; font-size: 14px; background: #fff; }
.wsef-tabs a.active, .wsef-tabs a:hover { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.wsef-tabs .label { padding: 8px 6px; font-weight: 500; }

.wsef-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; }
.wsef-filter input, .wsef-filter select { height: 44px; border: 1px solid var(--wsef-line); padding: 0 12px; min-width: 180px; }
.wsef-filter button, .wsef-btn { height: 44px; padding: 0 22px; background: var(--wsef-red); color: #fff; border: 0; cursor: pointer; display: inline-flex; align-items: center; }
.wsef-btn.dark { background: var(--wsef-dark); }
.wsef-btn.sm { height: 32px; padding: 0 12px; font-size: 13px; }

/* Sporcu profili */
.profile-head { background: var(--wsef-dark); color: #fff; padding: 35px; border-radius: 4px; display: flex; gap: 30px; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.profile-head img, .profile-head .avatar { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; background: #444; display: flex; align-items: center; justify-content: center; font-size: 48px; color: #fff; }
.profile-head h2 { color: #fff; font-size: 34px; margin-bottom: 12px; }
.profile-head dl { display: grid; grid-template-columns: 110px 1fr; gap: 4px 12px; margin: 0; }
.profile-head dt { color: #aaa; font-weight: 400; }
.profile-rank { margin-left: auto; text-align: center; background: var(--wsef-red); padding: 18px 28px; border-radius: 4px; }
.profile-rank span { display: block; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.profile-rank strong { font-size: 48px; line-height: 1.1; }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 15px; margin-bottom: 30px; }
.stat-grid div { background: var(--wsef-soft); border-top: 3px solid var(--wsef-red); padding: 18px; text-align: center; }
.stat-grid strong { display: block; font-size: 32px; color: var(--wsef-dark); }
.stat-grid span { font-size: 13px; color: var(--wsef-muted); text-transform: uppercase; }

.wsef-content h2, .wsef-content h3 { margin: 25px 0 12px; }
.wsef-content p, .wsef-content li { color: #555; line-height: 1.8; }
.wsef-content ul { list-style: disc; padding-left: 20px; }
.wsef-side { background: var(--wsef-soft); padding: 25px; margin-bottom: 30px; }
.wsef-side h4 { margin-bottom: 15px; }
.wsef-side li a { display: block; padding: 7px 0; border-bottom: 1px solid var(--wsef-line); }
.wsef-side li a.active, .wsef-side li a:hover { color: var(--wsef-red); }

.wsef-form .form-group { margin-bottom: 18px; }
.wsef-form label { font-weight: 500; margin-bottom: 6px; display: block; }
.wsef-form .form-control { height: 48px; border-radius: 0; }
.wsef-form textarea.form-control { height: 150px; }
.verify-result { padding: 25px; border-left: 4px solid #1c7c3a; background: #f1faf3; margin-top: 25px; }
.verify-result.bad { border-color: #b3261e; background: #fdf1f0; }

.wsef-pager ul { display: flex; gap: 6px; justify-content: center; margin: 20px 0 40px; }
.wsef-pager a { display: block; min-width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--wsef-line); }
.wsef-pager .active a { background: var(--wsef-red); color: #fff; border-color: var(--wsef-red); }

.home-hero { background: linear-gradient(120deg, #1d1d1d 0%, #3a1512 100%); color: #fff; padding: 140px 0 120px; position: relative; overflow: hidden; }
.home-hero h1 { color: #fff; font-size: 58px; line-height: 1.1; margin-bottom: 20px; }
.home-hero p { color: #ddd; font-size: 18px; max-width: 620px; }
.home-hero .kicker { color: var(--wsef-red); letter-spacing: 3px; text-transform: uppercase; font-size: 14px; }
.home-stats { background: var(--wsef-red); color: #fff; padding: 35px 0; }
.home-stats strong { font-size: 40px; display: block; color: #fff; }
.video-wrap { position: relative; padding-top: 56.25%; }
.video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.live-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--wsef-red); animation: wsefPulse 1.2s infinite; margin-right: 6px; }
@keyframes wsefPulse { 50% { opacity: .2; } }

/* Modal duyurular */
.wsef-popup .modal-content { border: 0; border-radius: 4px; overflow: hidden; }
.wsef-popup .modal-header { background: var(--wsef-dark); color: #fff; padding: 10px 18px; }
.wsef-popup .modal-header .close { color: #fff; text-shadow: none; opacity: .8; }
.wsef-popup .popup-kind { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.wsef-popup.kind-cancelled_event .modal-header, .wsef-popup.kind-required_event .modal-header { background: var(--wsef-red); }
.wsef-popup .popup-title { font-size: 24px; margin-bottom: 15px; }
.wsef-popup .popup-event { background: var(--wsef-soft); padding: 12px 15px; border-left: 3px solid var(--wsef-red); margin-bottom: 15px; }
.wsef-popup .popup-event.cancelled strong { text-decoration: line-through; }
.wsef-popup .popup-custom { width: 100%; height: 70vh; border: 0; display: block; }
.wsef-popup.kind-custom_html .modal-body { padding: 0; }

/* Soy ağacı */
.lineage-rank { margin-bottom: 45px; }
.lineage-rank > h3 { border-bottom: 2px solid var(--wsef-red); padding-bottom: 8px; margin-bottom: 25px; }
.master-card { text-align: center; }
.master-card .avatar { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 15px; background: var(--wsef-dark); color: #fff; font-size: 38px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.master-card .avatar img { width: 100%; height: 100%; object-fit: cover; }
.master-card .living { color: #1c7c3a; font-size: 12px; }
.master-card .passed { color: var(--wsef-muted); font-size: 12px; }

/* Kulüp mini-site */
.club-hero { background: linear-gradient(120deg, #1d1d1d, #3a1512); color: #fff; padding: 60px 0 40px; }
.club-hero h1 { color: #fff; font-size: 42px; }
.club-hero .meta { color: #ddd; }
.club-nav { background: #fff; border-bottom: 1px solid var(--wsef-line); position: sticky; top: 0; z-index: 50; }
.club-nav a { display: inline-block; padding: 16px 18px; font-weight: 500; }
.club-nav a:hover, .club-nav a.active { color: var(--wsef-red); }
.club-back { color: #ddd; font-size: 14px; }
.club-back:hover { color: #fff; }
.schedule-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.schedule-grid .day { background: var(--wsef-soft); padding: 12px; min-height: 120px; }
.schedule-grid .day h5 { font-size: 14px; text-transform: uppercase; border-bottom: 2px solid var(--wsef-red); padding-bottom: 6px; }
.schedule-grid .slot { font-size: 13px; margin-top: 8px; }
.skill-bar { background: #eee; height: 8px; border-radius: 4px; overflow: hidden; }
.skill-bar span { display: block; height: 100%; background: var(--wsef-red); }
.dataTables_wrapper { margin-bottom: 30px; }

/* Blok tabanlı bölümler */
.wsef-banner { padding: 90px 0; color: #fff; }
.wsef-banner-inner .kicker { color: var(--wsef-red); letter-spacing: 2px; text-transform: uppercase; font-size: 13px; }
.wsef-banner-inner h2 { color: #fff; font-size: 38px; margin: 10px 0 15px; }
.wsef-banner-inner p { color: #eee; margin-bottom: 20px; }
.wsef-cta { background: var(--wsef-red); color: #fff; padding: 60px 0; }
.wsef-cta.dark { background: var(--wsef-dark); }
.wsef-cta h2 { color: #fff; }
.wsef-cta p { color: rgba(255,255,255,.85); max-width: 640px; margin: 0 auto 10px; }
.btn.white-btn { background: #fff; color: var(--wsef-dark); }
.btn.white-btn:hover { background: var(--wsef-red); color: #fff; }

/* Hero slider tam genişlik + 3 kare görsel (hero ile aynı genişlik) */
.slider-area .single-slider { min-height: 560px; }
.insta3 { width: 100%; }
.insta3-row { display: grid; grid-template-columns: repeat(3, 1fr); }
.insta3-item { position: relative; display: block; overflow: hidden; }
.insta3-img { width: 100%; background-size: cover; background-position: center; transition: transform .5s; }
.insta3.r1x1 .insta3-img { aspect-ratio: 1 / 1; }
.insta3.r4x5 .insta3-img { aspect-ratio: 4 / 5; }
.insta3-item:hover .insta3-img { transform: scale(1.06); }
.insta3-cap { position: absolute; color: #fff; }
@media (max-width: 575px) { .insta3-row { grid-template-columns: 1fr; } }

/* Kayan bayrak şeridi (sonsuz, takılmadan) */
.flags-section { padding-bottom: 50px; }
.flag-marquee { position: relative; overflow: hidden; }
.flag-track { display: flex; width: max-content; animation: flagScroll 40s linear infinite; }
.flag-track.dir-right { animation-direction: reverse; }
.flag-marquee:hover .flag-track { animation-play-state: paused; }
@keyframes flagScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.flag-item { display: flex; flex-direction: column; align-items: center; border: 1px solid var(--wsef-line); text-align: center; transition: box-shadow .2s, transform .2s; }
.flag-item:hover { box-shadow: 0 8px 22px rgba(0,0,0,.1); transform: translateY(-3px); }

.flag-item span { color: var(--wsef-dark); }
.flag-item small { color: var(--wsef-muted); }
.flag-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; border-radius: 50%; border: 0;
            background: var(--wsef-red); color: #fff; line-height: 38px; cursor: pointer; }
.flag-nav.prev { left: 10px; } .flag-nav.next { right: 10px; }
img.flag { width: 20px; height: auto; margin-right: 6px; vertical-align: -2px; border: 1px solid #eee; }

/* Kulüp profili v4 */
.club-cover { height: 340px; background-size: cover; background-position: center; position: relative; }
.club-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(0,0,0,.75)); }
.club-id { position: relative; z-index: 2; margin-top: -90px; display: flex; gap: 25px; align-items: flex-end; flex-wrap: wrap; }
.club-id .avatar { width: 150px; height: 150px; border-radius: 50%; border: 5px solid #fff; object-fit: cover; background: #ddd; box-shadow: 0 5px 20px rgba(0,0,0,.2); }
.club-id h1 { color: #fff; font-size: 36px; margin: 0 0 6px; text-shadow: 0 2px 8px rgba(0,0,0,.5); }
.club-id .meta { color: #eee; }
.club-id-text { padding-bottom: 20px; }

.venue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.venue-grid img, .gallery-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.social-links a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%;
                  background: var(--wsef-dark); color: #fff; margin: 0 6px 6px 0; }
.social-links a:hover { background: var(--wsef-red); color: #fff; }
.map-wrap iframe { width: 100%; height: 320px; border: 0; }
.arts-tags span { display: inline-block; background: #fff; border: 1px solid var(--wsef-line); padding: 6px 12px; margin: 0 6px 6px 0; border-radius: 20px; font-size: 13px; }
@media (max-width: 767px) { .venue-grid { grid-template-columns: 1fr; } .club-id h1 { font-size: 26px; } }

/* Builder */
.block-item { border: 1px solid var(--wsef-line); border-radius: 4px; padding: 15px; margin-bottom: 15px; background: #fbfbfb; }
.block-item.to-delete { opacity: .45; }
.block-item-head { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 13px; color: var(--wsef-muted); }
.row-off td { opacity: .5; }
.design-tile { border: 2px solid var(--wsef-line); border-radius: 6px; padding: 16px; text-align: center; height: 100%; }
.design-tile.active { border-color: var(--wsef-red); background: #fff7f6; }
.design-name { font-weight: 600; margin-bottom: 4px; }
.mt-8 { margin-top: 8px; } .mb-8 { margin-bottom: 8px; }

/* Panel */
.panel-wrap { display: flex; min-height: 70vh; }
.panel-nav { width: 250px; background: var(--wsef-dark); padding: 25px 0; flex-shrink: 0; }
.panel-nav a { display: block; color: #bbb; padding: 10px 25px; font-size: 14px; }
.panel-nav a.active, .panel-nav a:hover { color: #fff; background: #333; border-left: 3px solid var(--wsef-red); }
.panel-nav .grp { color: #777; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 18px 25px 6px; }
.panel-main { flex: 1; padding: 30px; background: var(--wsef-soft); min-width: 0; }
.panel-main h2 { margin-bottom: 20px; }
.panel-card { background: #fff; padding: 25px; margin-bottom: 25px; border: 1px solid var(--wsef-line); }
.inline-form { display: inline; }
@media (max-width: 991px) { .panel-wrap { flex-direction: column; } .panel-nav { width: 100%; } .home-hero h1 { font-size: 38px; } .profile-rank { margin-left: 0; } }

/* /clubs portal */
.portal-thumb { max-height: 90px; }
.wsef-kpi { background: #f7f7f7; padding: 15px; text-align: center; }
.wsef-kpi strong { display: block; font-size: 28px; color: #fe4536; }
.wsef-kpi span { font-size: 13px; }

/* ---- v5 club profile retouch ---- */
.club-hero2 { position: relative; min-height: 440px; background-size: cover; background-position: center; display: flex; align-items: flex-end; padding: 120px 0 40px; }
.club-hero2::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.35) 45%, rgba(10,10,10,.88) 100%); }
.club-hero2 .container { position: relative; z-index: 2; }
.club-hero2 .club-id { margin-top: 0; align-items: center; }
.club-hero2 .avatar { width: 180px; height: 180px; }
.club-hero2 h1 { color: #fff; font-size: 46px; margin: 6px 0 8px; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.club-hero2 .meta { color: #eee; font-size: 16px; }
.club-type { display: inline-block; background: var(--wsef-red); color: #fff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; }
.club-hero2 .art-tags { margin-top: 14px; }
.club-hero2 .art-tag { background: rgba(255,255,255,.14); color: #fff; border-color: rgba(255,255,255,.35); backdrop-filter: blur(4px); }
.club-nav .container { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.club-nav .container::-webkit-scrollbar { display: none; }
.club-nav a { white-space: nowrap; }
.venue-grid img { aspect-ratio: 16 / 10; transition: transform .4s; }
.venue-grid a { overflow: hidden; display: block; }
.venue-grid a:hover img { transform: scale(1.06); }

.art-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.art-tag { display: inline-block; padding: 7px 14px; border: 1px solid var(--wsef-line); border-radius: 22px; background: #fff; color: #222; font-size: 14px; font-weight: 500; transition: all .2s; }
.art-tag:hover { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.art-tag.sm { padding: 3px 10px; font-size: 12px; }

.club-gallery .cg-item { position: relative; display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.club-gallery .cg-item img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .5s; display: block; }
.club-gallery .cg-over { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  background: linear-gradient(transparent, rgba(0,0,0,.75)); color: #fff; opacity: 0; transition: opacity .3s; font-size: 22px; padding: 10px; text-align: center; }
.club-gallery .cg-over em { font-style: normal; font-size: 14px; }
.club-gallery .cg-item:hover img { transform: scale(1.08); }
.club-gallery .cg-item:hover .cg-over, .club-gallery .cg-item:focus .cg-over { opacity: 1; }

.club-videos { position: relative; background: radial-gradient(1200px 500px at 15% 0%, #3a1512 0%, rgba(58,21,18,0) 60%), linear-gradient(180deg, #0d0d0f, #17171b); color: #fff; overflow: hidden; }
.cv-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.1); }
.cv-kicker { display: inline-flex; align-items: center; gap: 8px; color: #ff4d4d; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
.cv-head h2 { color: #fff; margin: 8px 0 6px; }
.cv-head p { color: #aaa; margin: 0; }
.cv-channel { display: inline-flex; align-items: center; gap: 8px; background: #ff0000; color: #fff; padding: 12px 24px; border-radius: 30px; font-weight: 600; transition: all .25s; }
.cv-channel:hover { background: #fff; color: #ff0000; }
.cv-card { display: flex; flex-direction: column; height: 100%; background: #1c1c21; border: 1px solid rgba(255,255,255,.06); overflow: hidden; color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .3s, box-shadow .3s, border-color .3s; }
.cv-card:hover, .cv-card:focus { transform: translateY(-6px); border-color: rgba(254,69,54,.6); box-shadow: 0 18px 45px rgba(0,0,0,.55); color: #fff; }
.cv-media { position: relative; display: block; overflow: hidden; background: #000; }
.cv-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s, opacity .3s; opacity: .85; }
.cv-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.7)); }
.cv-card:hover .cv-media img { transform: scale(1.08); opacity: 1; }
.cv-play { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(254,69,54,.92);
  display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 0 rgba(254,69,54,.6); transition: transform .3s; }
.cv-card:hover .cv-play { transform: translate(-50%, -50%) scale(1.1); animation: cvPulse 1.4s infinite; }
@keyframes cvPulse { 0% { box-shadow: 0 0 0 0 rgba(254,69,54,.6); } 100% { box-shadow: 0 0 0 18px rgba(254,69,54,0); } }
.cv-num { position: absolute; z-index: 2; font-weight: 700; color: rgba(255,255,255,.9); letter-spacing: 1px; }
.cv-info { display: flex; flex-direction: column; }
.cv-info strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cv-info small { color: #9a9aa3; }
.cv-info small i { color: #ff0000; }
@media (prefers-reduced-motion: reduce) { .cv-card, .cv-media img, .cv-play { transition: none; animation: none !important; } }
.lm-hidden { display: none !important; }
.lm-in { animation: lmIn .45s ease both; }
@keyframes lmIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.lm-btn { border: 2px solid var(--wsef-red); background: transparent; color: var(--wsef-red); padding: 12px 34px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: all .25s; }
.lm-btn:hover { background: var(--wsef-red); color: #fff; }
.lm-btn span { opacity: .75; font-weight: 400; }

.club-post { background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.07); height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.club-post .cp-img { position: relative; display: block; overflow: hidden; }
.club-post .cp-img img { width: 100%; object-fit: cover; transition: transform .5s; }
.club-post:hover .cp-img img { transform: scale(1.06); }
.cp-count { position: absolute; background: rgba(0,0,0,.7); color: #fff; border-radius: 12px; }
.cp-body { display: flex; flex-direction: column; flex: 1; }

.cp-body p { flex: 1; }
.cp-more { font-weight: 500; color: var(--wsef-red); }

.rank-badge { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; background: #eee; color: #333; }
.rank-grandmaster { background: #1d1d1d; color: #f5c518; }
.rank-master { background: var(--wsef-red); color: #fff; }
.rank-guru { background: #2b5797; color: #fff; }

.club-post-hero { position: relative; background-size: cover; background-position: center; padding: 110px 0 60px; }
.club-post-hero::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.club-post-hero .container { position: relative; }
.club-post-hero h1 { color: #fff; font-size: 40px; margin-top: 10px; }
.club-widget-avatar { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; }
.lead-text { font-size: 18px; color: #555; }
.post-gallery { margin-top: 20px; }

.social-ribbon { position: fixed; left: 14px; top: 50%; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column; gap: 10px; }
.social-ribbon a { position: relative; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px;
  background: #333; box-shadow: 0 4px 14px rgba(0,0,0,.25); transition: transform .2s; }
.social-ribbon a:hover, .social-ribbon a:focus { transform: scale(1.12); color: #fff; }
.social-ribbon a::after { content: attr(data-label); position: absolute; left: 56px; white-space: nowrap; background: #222; color: #fff; font-size: 13px; padding: 4px 10px;
  border-radius: 4px; opacity: 0; pointer-events: none; transition: opacity .2s; }
.social-ribbon a:hover::after { opacity: 1; }
.sr-facebook { background: #1877f2 !important; } .sr-instagram { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important; }
.sr-youtube { background: #ff0000 !important; } .sr-tiktok { background: #010101 !important; } .sr-x { background: #14171a !important; }
.sr-linkedin { background: #0a66c2 !important; } .sr-telegram { background: #229ed9 !important; } .sr-threads { background: #000 !important; }
.sr-whatsapp { background: #25d366 !important; } .sr-website { background: #555 !important; } .sr-phone { background: #16a085 !important; }
.sr-email { background: #e67e22 !important; } .sr-map { background: var(--wsef-red) !important; }

.arts-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.arts-cloud a { padding: 10px 18px; border-radius: 26px; background: var(--wsef-soft); font-weight: 500; font-size: 16px; }
.arts-cloud a span { display: inline-block; margin-left: 6px; background: var(--wsef-red); color: #fff; border-radius: 12px; font-size: 12px; padding: 1px 8px; }
.arts-cloud a:hover { background: #222; color: #fff; }
.arts-head { background: linear-gradient(120deg, #1d1d1d, #3a1512); color: #fff; padding: 40px; margin-bottom: 40px; }
.arts-head h2 { color: #fff; font-size: 42px; }
.arts-country { border-bottom: 2px solid var(--wsef-red); padding-bottom: 8px; margin: 20px 0 20px; }
.arts-club { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; background: #fff; padding: 22px; height: 100%;
  box-shadow: 0 8px 30px rgba(0,0,0,.07); transition: transform .2s; }
.arts-club:hover { transform: translateY(-4px); }
.arts-club img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; margin-bottom: 8px; }
.arts-club strong { color: #222; }

.portal-imgs { display: flex; flex-wrap: wrap; gap: 10px; }
.portal-imgs label { width: 110px; font-size: 12px; }
.portal-imgs img { width: 110px; height: 80px; object-fit: cover; display: block; }

@media (max-width: 991px) {
  .club-hero2 h1 { font-size: 34px; }
}
@media (max-width: 767px) {
  .club-hero2 { min-height: 380px; padding-top: 90px; }
  .club-hero2 .club-id { flex-direction: column; align-items: flex-start; gap: 12px; }
  .club-hero2 .avatar { width: 110px; height: 110px; }
  .club-hero2 h1 { font-size: 28px; }
  .club-post-hero h1 { font-size: 28px; }

  .arts-head { padding: 25px; } .arts-head h2 { font-size: 30px; }
  /* Mobil/tablet: şerit alt kenarda yatay, kaydırılabilir; iOS çentik/ana çubuk boşluğu */
  .social-ribbon { top: auto; bottom: 0; left: 0; right: 0; transform: none; flex-direction: row; justify-content: flex-start; gap: 8px; overflow-x: auto;
    -webkit-overflow-scrolling: touch; background: rgba(255,255,255,.96); box-shadow: 0 -4px 16px rgba(0,0,0,.12);
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
  .social-ribbon a { flex: 0 0 42px; width: 42px; height: 42px; font-size: 16px; }
  .social-ribbon a::after { display: none; }
  body:has(.social-ribbon) { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
  body:has(.social-ribbon) #scrollUp { bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 1399px) {
  .social-ribbon a { width: 40px; height: 40px; font-size: 16px; }
  .social-ribbon { left: 8px; gap: 8px; }
}
@media (min-width: 768px) and (max-height: 700px) {
  .social-ribbon { gap: 6px; } .social-ribbon a { width: 34px; height: 34px; font-size: 14px; }
}

/* ---- v5.3 portal profile form (single column) ---- */
.pf { max-width: 860px; }
.pf-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 10px; padding: 28px 32px; margin-bottom: 24px; box-shadow: 0 4px 18px rgba(0,0,0,.04); }
.pf-head { display: flex; gap: 16px; align-items: flex-start; padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--wsef-line); }
.pf-head > i { flex: 0 0 44px; height: 44px; border-radius: 50%; background: rgba(254,69,54,.1); color: var(--wsef-red); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.pf-head h4 { margin: 0 0 4px; font-size: 20px; }
.pf-head p { margin: 0; font-size: 14px; color: #777; }
.pf-row { margin-bottom: 20px; }
.pf-row > label { display: block; font-weight: 500; margin-bottom: 7px; color: #222; }
.pf-row small { display: block; color: #888; margin-top: 6px; font-size: 13px; }
.pf-row .form-control { height: auto; min-height: 48px; padding: 11px 14px; border-radius: 6px; }
.pf-row textarea.form-control { min-height: 160px; }
.pf-ico { width: 18px; text-align: center; color: var(--wsef-red); }
.pf-inline { display: flex; gap: 14px; align-items: center; }
.pf-inline .form-control { flex: 1; min-width: 0; }
.pf-img-box { display: flex; gap: 18px; align-items: center; }
.pf-img-box > img, .pf-noimg { flex: 0 0 120px; width: 120px; height: 90px; object-fit: cover; border-radius: 6px; background: #f2f2f2; display: flex; align-items: center; justify-content: center; color: #bbb; font-size: 28px; }
.pf-img-box > div { flex: 1; min-width: 0; }
.pf-check { display: inline-flex; gap: 6px; align-items: center; margin-top: 8px; font-size: 13px; color: #b3261e; }
.pf-switch { flex: 0 0 auto; display: inline-flex; flex-direction: column; align-items: center; gap: 3px; cursor: pointer; margin: 0; }
.pf-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pf-switch span { position: relative; width: 50px; height: 28px; border-radius: 28px; background: #ccc; transition: background .2s; }
.pf-switch span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .2s; }
.pf-switch input:checked + span { background: #22a55b; }
.pf-switch input:checked + span::after { transform: translateX(22px); }
.pf-switch input:focus-visible + span { outline: 2px solid var(--wsef-red); outline-offset: 2px; }
.pf-switch em { font-style: normal; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: .5px; }
.pf-theme { display: flex; gap: 14px; flex-wrap: wrap; }
.pf-theme-opt { margin: 0; cursor: pointer; }
.pf-theme-opt input { position: absolute; opacity: 0; }
.pf-theme-opt span { display: inline-flex; gap: 10px; align-items: center; padding: 14px 24px; border: 2px solid var(--wsef-line); border-radius: 8px; font-weight: 500; }
.pf-theme-opt input:checked + span { border-color: var(--wsef-red); color: var(--wsef-red); background: rgba(254,69,54,.06); }
.pf-save { position: sticky; bottom: 0; z-index: 5; display: flex; gap: 20px; align-items: center; background: rgba(255,255,255,.96); padding: 16px 0; border-top: 1px solid var(--wsef-line); }
@media (max-width: 575px) {
  .pf-card { padding: 20px 16px; }
  .pf-img-box { flex-direction: column; align-items: flex-start; }
}

/* ---- v5.3 day / night theme (public club profile) ---- */
.club-theme-toggle { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1000; width: 48px; height: 48px; border-radius: 50%; border: 0;
  background: #1d1d1f; color: #ffd166; font-size: 18px; box-shadow: 0 4px 14px rgba(0,0,0,.3); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.club-theme-toggle .fa-sun, html.club-dark .club-theme-toggle .fa-moon { display: none; }
html.club-dark .club-theme-toggle .fa-sun { display: inline-block; }
html.club-dark .club-theme-toggle { background: #fff; color: #f39c12; }
@media (max-width: 767px) { .club-theme-toggle { top: auto; transform: none; bottom: calc(76px + env(safe-area-inset-bottom)); right: 14px; width: 44px; height: 44px; } }

html.club-dark body { background: #111114; color: #c9c9d1; }
html.club-dark h1, html.club-dark h2, html.club-dark h3, html.club-dark h4, html.club-dark h5, html.club-dark h6,
html.club-dark .section-title h2, html.club-dark .wsef-content h3, html.club-dark .arts-club strong { color: #f2f2f5; }
html.club-dark p, html.club-dark li, html.club-dark .wsef-content, html.club-dark .meta { color: #b1b1bb; }
html.club-dark a:not(.btn):not(.wsef-btn):not(.art-tag):not(.cv-card):not([class^="sr-"]) { color: #ff7a6b; }
html.club-dark .wsef-section, html.club-dark .blog-area { background: #111114; }

html.club-dark .club-nav { background: #18181c; border-color: #2a2a30; }
html.club-dark .club-nav a { color: #ddd !important; }
html.club-dark .club-kpis div, html.club-dark .club-post, html.club-dark .wsef-side, html.club-dark .schedule-grid .day,
html.club-dark .widget, html.club-dark .arts-club { background: #1c1c21; color: #c9c9d1; box-shadow: 0 8px 30px rgba(0,0,0,.4); }
html.club-dark .art-tag { background: #1c1c21; border-color: #33333a; color: #e5e5ea; }
html.club-dark .art-tag:hover { background: var(--wsef-red); color: #fff; }
html.club-dark .wsef-table, html.club-dark .wsef-table td, html.club-dark .wsef-table th { background: #1a1a1f; color: #c9c9d1; border-color: #2a2a30; }
html.club-dark .form-control { background: #1c1c21; border-color: #33333a; color: #eee; }
html.club-dark .form-control::placeholder { color: #777; }
html.club-dark .rank-badge:not(.rank-master):not(.rank-guru):not(.rank-grandmaster) { background: #2a2a30; color: #ddd; }
html.club-dark .social-links a { background: #26262c; color: #eee; }
html.club-dark .blog-post-tag a, html.club-dark .blog-share-icon a { color: #ddd; border-color: #33333a; }
html.club-dark .postbox__text, html.club-dark .post-text { color: #c9c9d1; }
html.club-dark .map-wrap iframe { filter: invert(.9) hue-rotate(180deg); }
html.club-dark .social-ribbon { background: transparent; }
@media (max-width: 767px) { html.club-dark .social-ribbon { background: rgba(20,20,24,.96); } }

/* ---- v5.2 wide blog & video grids (4 per row on wide screens, larger cards) ---- */
.container-wide { width: 100%; max-width: 1760px; margin: 0 auto; padding: 0 40px; }
.club-post { border-radius: 10px; }
.club-post .cp-img img { aspect-ratio: 16 / 11; }
.cp-body { padding: 26px 28px 30px; }
.cp-body .meta { font-size: 14px; }
.cp-body h4 { font-size: 23px; line-height: 1.35; margin: 12px 0 14px; }
.cp-body p { font-size: 16px; line-height: 1.7; }
.cp-more { font-size: 15px; }
.cp-count { font-size: 14px; padding: 5px 12px; right: 14px; bottom: 14px; }
.club-videos { padding: 110px 0 80px; }
.cv-head h2 { font-size: 46px; }
.cv-card { border-radius: 14px; }
.cv-play { width: 86px; height: 86px; font-size: 28px; padding-left: 6px; }
.cv-num { font-size: 34px; left: 18px; bottom: 14px; }
/* Video kartı blog kartıyla aynı oran ve yükseklik: 16/11 görsel + aynı gövde ölçüleri */
.cv-media { aspect-ratio: 5 / 4; }
.cv-info { flex: 1; padding: 26px 28px 30px; gap: 0; }
.cv-info small { font-size: 14px; }
.cv-info strong { font-size: 23px; line-height: 1.35; margin: 12px 0 14px; min-height: 0; }
.cv-desc { flex: 1; display: block; color: #b5b5bd; font-size: 16px; line-height: 1.7; margin-bottom: 16px; }
.cv-watch { font-size: 15px; font-weight: 500; color: #ff5a4a; }
.cv-card:hover .cv-watch { color: #fff; }
@media (max-width: 1199px) { .container-wide { padding: 0 30px; } }
@media (max-width: 767px) {
  .container-wide { padding: 0 16px; }
  .cp-body h4 { font-size: 20px; }
  .cv-head h2 { font-size: 28px; }
  .cv-play { width: 68px; height: 68px; font-size: 22px; }
  .cv-info strong { font-size: 20px; }
}

/* ---- v6 club portal UI ---- */
.portal { background: #f4f5f7; padding: 50px 0 70px; }
.portal .pf { max-width: 900px; }
.portal-side { background: #fff; border-radius: 12px; box-shadow: 0 4px 18px rgba(0,0,0,.05); padding: 20px 14px; position: sticky; top: 20px; }
.ps-club { display: flex; gap: 12px; align-items: center; padding: 0 6px 18px; border-bottom: 1px solid var(--wsef-line); margin-bottom: 12px; }
.ps-club img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.ps-club strong { display: block; font-size: 15px; line-height: 1.3; }
.ps-club span { font-size: 13px; color: #888; }
.ps-admin { font-size: 12px; background: #fff4e5; color: #9a5b00; padding: 6px 10px; border-radius: 6px; margin: 0 6px 10px; }
.ps-admin.warn { background: #fdecea; color: #b3261e; }
.portal-side nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 8px; color: #444; font-weight: 500; font-size: 15px; }
.portal-side nav a i { width: 18px; text-align: center; color: #999; }
.portal-side nav a:hover { background: #f4f5f7; color: #111; }
.portal-side nav a.active { background: rgba(254,69,54,.1); color: var(--wsef-red); }
.portal-side nav a.active i { color: var(--wsef-red); }
.portal-side nav a b { margin-left: auto; background: var(--wsef-red); color: #fff; font-size: 11px; border-radius: 10px; padding: 1px 8px; }
.ps-logout { width: 100%; margin-top: 12px; border: 1px solid var(--wsef-line); background: #fff; border-radius: 8px; padding: 10px; color: #666; cursor: pointer; }
.ps-logout:hover { color: var(--wsef-red); border-color: var(--wsef-red); }
.pp-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.pp-title { display: flex; gap: 16px; align-items: center; }
.pp-title > i { width: 54px; height: 54px; border-radius: 14px; background: var(--wsef-red); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 8px 20px rgba(254,69,54,.3); }
.pp-title h2 { font-size: 26px; margin: 0 0 2px; }
.pp-title p { margin: 0; color: #888; }
.pp-actions { display: flex; gap: 10px; }
.pp-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--wsef-red); color: #fff !important; border: 1px solid var(--wsef-red); border-radius: 8px; padding: 10px 18px; font-weight: 500; cursor: pointer; }
.pp-btn:hover { filter: brightness(.92); }
.pp-btn.ghost { background: #fff; color: #444 !important; border-color: var(--wsef-line); }
.pp-btn.ghost:hover { border-color: #999; filter: none; }
.pp-btn.sm { padding: 7px 12px; font-size: 13px; }
.pp-btn.danger { color: #b3261e !important; }
.pp-icon { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 8px; border: 0; background: transparent; color: #666; cursor: pointer; }
.pp-icon:hover { background: #f0f0f2; color: #111; }
.pp-icon.danger:hover { background: #fdecea; color: #b3261e; }
.pp-pill { display: inline-block; font-size: 12px; font-weight: 500; padding: 3px 10px; border-radius: 12px; background: #eef0f3; color: #555; }
.pp-pill.ok { background: #e6f6ec; color: #1e7b44; }
.pp-pill.bad { background: #fdecea; color: #b3261e; }
.pp-pill.muted { background: #f0f0f0; color: #888; }
.pp-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 26px; }
.pp-kpi { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 18px rgba(0,0,0,.05); display: flex; flex-direction: column; gap: 4px; color: #222; transition: transform .2s; }
.pp-kpi:hover { transform: translateY(-3px); color: #222; }
.pp-kpi i { color: var(--wsef-red); font-size: 20px; margin-bottom: 6px; }
.pp-kpi strong { font-size: 28px; line-height: 1; }
.pp-kpi span { color: #888; font-size: 14px; }
.pp-list a { display: flex; gap: 14px; align-items: center; padding: 12px 6px; border-bottom: 1px solid #f0f0f0; color: #444; }
.pp-list a.unread strong { color: #111; }
.pp-list a:not(.unread) strong { font-weight: 500; }
.pp-av, .gm-av { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: #5c6bc0; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; }
.gm-av[data-l="A"], .gm-av[data-l="G"], .gm-av[data-l="M"], .gm-av[data-l="S"] { background: #26a69a; }
.gm-av[data-l="B"], .gm-av[data-l="H"], .gm-av[data-l="N"], .gm-av[data-l="T"] { background: #ef6c00; }
.gm-av[data-l="C"], .gm-av[data-l="I"], .gm-av[data-l="O"], .gm-av[data-l="U"] { background: #8e24aa; }
.gm-av[data-l="D"], .gm-av[data-l="J"], .gm-av[data-l="P"], .gm-av[data-l="V"] { background: #d81b60; }
.gm-av[data-l="E"], .gm-av[data-l="K"], .gm-av[data-l="R"], .gm-av[data-l="W"] { background: #43a047; }
.pp-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pp-txt em { font-style: normal; color: #888; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pp-list time, .pp-timeline time { font-size: 12px; color: #999; white-space: nowrap; }
.pp-timeline { list-style: none; padding: 0 0 0 18px; margin: 0; border-left: 2px solid #eee; }
.pp-timeline li { position: relative; padding: 0 0 16px 8px; display: flex; flex-direction: column; }
.pp-timeline li::before { content: ''; position: absolute; left: -25px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--wsef-red); border: 2px solid #fff; }
.pp-timeline strong { font-weight: 500; font-size: 14px; }
.pp-bulk { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.pp-bulk select.form-control { width: auto; min-width: 150px; height: 38px; font-size: 14px; }
.pp-sep { flex: 1; }
.pp-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.pp-day { font-weight: 600; }
.pp-post { display: flex; align-items: center; gap: 12px; color: #222; }
.pp-post img, .pp-post-noimg { flex: 0 0 56px; width: 56px; height: 42px; border-radius: 6px; object-fit: cover; background: #f0f0f2; }
.pp-post-noimg { display: inline-flex; align-items: center; justify-content: center; color: #bbb; }
.pp-post strong { line-height: 1.35; }
.pp-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin-bottom: 20px; }
.pp-week div { background: #fff; border-radius: 10px; padding: 12px; text-align: center; box-shadow: 0 4px 18px rgba(0,0,0,.05); color: #aaa; }
.pp-week div.on { color: #222; border-bottom: 3px solid var(--wsef-red); }
.pp-week strong { display: block; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
.pp-week span { font-size: 22px; font-weight: 600; }
.pp-table { width: 100% !important; }
.pp-table thead th, .gm-table thead th { border-top: 0; border-bottom: 1px solid var(--wsef-line); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #888; font-weight: 600; }
.pp-table td { vertical-align: middle; border-top: 1px solid #f1f1f3; }
.pp-table tbody tr:hover { background: #fafafb; }
.dataTables_wrapper .dataTables_filter input { border: 1px solid var(--wsef-line); border-radius: 8px; padding: 8px 12px; min-width: 240px; margin-left: 0; }
.dataTables_wrapper .dataTables_length select { border-radius: 8px; }
.dataTables_wrapper .dataTables_info { color: #888; font-size: 14px; }
.dataTables_wrapper .page-item.active .page-link { background: var(--wsef-red); border-color: var(--wsef-red); }
.dataTables_wrapper .page-link { color: #444; border-radius: 6px; margin: 0 2px; }
.pm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 132px)); gap: 12px; }
.pm-grid.sm { grid-template-columns: repeat(auto-fill, minmax(96px, 110px)); }
.pm-item { margin: 0; background: #fafafb; border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
.pm-item a { position: relative; display: block; }
.pm-item img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; image-rendering: auto; transition: opacity .2s; }
.pm-item a:hover img { opacity: .85; }
.pm-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; font-size: 12px; border-radius: 50%; background: rgba(254,69,54,.92); color: #fff; display: flex; align-items: center; justify-content: center; }
.pm-item figcaption { display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 5px 8px; font-size: 12px; line-height: 1.3; }
.pm-item figcaption span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-del { border: 0; background: none; color: #999; cursor: pointer; }
.pm-del:hover { color: #b3261e; }
.pf-theme-opt input:disabled + span { opacity: .45; cursor: not-allowed; }
.pp-modal .modal-content { border: 0; border-radius: 14px; }
.pp-modal .modal-header { border-bottom: 1px solid var(--wsef-line); padding: 18px 24px; }
.pp-modal .modal-body { padding: 24px; }
.pp-modal .modal-footer { border-top: 1px solid var(--wsef-line); padding: 14px 24px; }

/* Üye modalı */
.pm-modal .modal-dialog { max-width: 720px; }
.pm-modal .modal-content { box-shadow: 0 30px 80px rgba(0,0,0,.35); overflow: hidden; }
.pm-header { display: flex; align-items: center; gap: 16px; background: linear-gradient(120deg, #1d1d1f, #3a1512); color: #fff; border: 0 !important; padding: 20px 24px !important; }
.pm-header .close { color: #fff; opacity: .8; text-shadow: none; margin: -10px -8px -10px auto; }
.pm-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.85); }
.pm-htext { min-width: 0; }
.pm-htext .modal-title { color: #fff; font-size: 19px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-sub { font-size: 13px; color: rgba(255,255,255,.7); }
.pm-modal .modal-body { padding: 22px 24px 8px; background: #fafafb; }
.pm-section { background: #fff; border: 1px solid #ececf0; border-radius: 10px; padding: 16px 18px 6px; margin-bottom: 16px; }
.pm-section h6 { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #888; margin: 0 0 12px; font-weight: 600; }
.pm-section h6 i { color: var(--wsef-red); margin-right: 6px; }
.mm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.pm-f { margin-bottom: 12px; min-width: 0; }
.pm-full { grid-column: 1 / -1; }
.pm-f label { display: block; font-size: 13px; font-weight: 500; color: #444; margin-bottom: 5px; }
.pm-f .form-control { height: 40px; min-height: 0; padding: 7px 12px; font-size: 14px; border-radius: 7px; border-color: #dcdce2; }
.pm-f .form-control:focus { border-color: var(--wsef-red); box-shadow: 0 0 0 3px rgba(254,69,54,.12); }
.pm-seg { display: flex; border: 1px solid #dcdce2; border-radius: 7px; overflow: hidden; height: 40px; }
.pm-seg label { flex: 1; margin: 0; cursor: pointer; }
.pm-seg input { position: absolute; opacity: 0; }
.pm-seg span { display: flex; align-items: center; justify-content: center; gap: 6px; height: 100%; font-size: 14px; color: #666; }
.pm-seg label + label span { border-left: 1px solid #dcdce2; }
.pm-seg input:checked + span { background: #e6f6ec; color: #1e7b44; font-weight: 600; }
.pm-seg label:last-child input:checked + span { background: #f0f0f2; color: #555; }
.pm-modal .modal-footer { background: #fff; }
@media (max-width: 575px) { .mm-grid { grid-template-columns: 1fr; } .pm-modal .modal-body { padding: 16px 14px 4px; } }

.pm-photo { display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.pm-photo-prev { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 3px solid #f0f0f2; }
.pm-photo-btn { position: relative; overflow: hidden; margin: 0; }
.pm-photo-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pm-photo-del { display: flex; margin-top: 6px; }
.pp-av-up { position: relative; display: inline-block; margin: 0; cursor: pointer; border-radius: 50%; }
.pp-av-up input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.pp-av-up i { position: absolute; inset: 0; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s; }
.pp-av-up:hover i, .pp-av-up:focus-within i { opacity: 1; }
.pp-av-up.pp-saving { opacity: .5; }

/* Kulüp profili: iletişim — harita ve form eşit yükseklikte iki kart */
.cc-row { align-items: stretch; }
.cc-card { height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 10px 34px rgba(0,0,0,.08); overflow: hidden; }
.cc-head { display: flex; gap: 14px; align-items: center; padding: 22px 26px; border-bottom: 1px solid var(--wsef-line); }
.cc-head > i { flex: 0 0 46px; height: 46px; border-radius: 50%; background: rgba(254,69,54,.1); color: var(--wsef-red); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.cc-head h3 { font-size: 21px; margin: 0 0 2px; }
.cc-head p { margin: 0; font-size: 14px; color: #888; }
.cc-map { flex: 1; min-height: 380px; position: relative; }
.cc-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cc-foot { display: flex; gap: 10px; flex-wrap: wrap; padding: 16px 26px; border-top: 1px solid var(--wsef-line); }
.cc-form { flex: 1; display: flex; flex-direction: column; padding: 22px 26px 24px; margin: 0; }
.cc-grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto 1fr auto; gap: 0 16px; }
.cc-f { margin-bottom: 14px; display: flex; flex-direction: column; min-width: 0; }
.cc-full { grid-column: 1 / -1; }
.cc-f label { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.cc-f .form-control { height: 44px; border-radius: 8px; }
.cc-msg textarea.form-control { flex: 1; height: auto; min-height: 130px; resize: vertical; }
.cc-captcha .form-group { margin: 0; }
.cc-send { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--wsef-line); }
.cc-send small { color: #888; }
.cc-send small i { color: #22a55b; }
.cc-send .pp-btn:disabled { opacity: .7; cursor: wait; }
.cf-hp { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }

html.club-dark .cc-head, html.club-dark .cc-foot, html.club-dark .cc-send { border-color: #2a2a30; }
@media (max-width: 991px) { .cc-map { min-height: 320px; } }
@media (max-width: 575px) { .cc-grid { grid-template-columns: 1fr; } .cc-head, .cc-form, .cc-foot { padding-left: 16px; padding-right: 16px; } }

/* ---- v7: sosyal düğme hizası, rota, etkinlikler, üye listesi ---- */
.wsef-side .social-links { display: flex; flex-wrap: wrap; gap: 8px; }
.wsef-side .social-links a { flex: 0 0 42px; width: 42px; height: 42px; margin: 0 !important; padding: 0; float: none; line-height: 1; font-size: 16px; }
.wsef-side .social-links a i { line-height: 1; display: block; }
.social-ribbon a i { line-height: 1; display: block; }
.pp-btn.dark { background: #1d1d1f; border-color: #1d1d1f; }
.pp-pill.warn { background: #fff4e5; color: #9a5b00; }
.route-msg { flex-basis: 100%; font-size: 14px; line-height: 1.6; border-radius: 8px; }
.route-msg:empty { display: none; }
.route-msg.info, .route-msg.ok, .route-msg.warn { padding: 12px 14px; }
.route-msg.info { background: #eef4ff; color: #1a4fa0; }
.route-msg.ok { background: #e6f6ec; color: #1e5e37; }
.route-msg.warn { background: #fff4e5; color: #7a4a00; }
.route-msg .pp-btn { margin: 6px 4px 0 0; }
.pf-toggle-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid #f0f0f2; margin: 0; }
.pf-toggle-row:last-child { border-bottom: 0; }
.pf-toggle-row label { margin: 0; font-weight: 500; }
.ev-types { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.ev-types .pf-theme-opt span { width: 100%; padding: 12px 14px; font-size: 14px; }
.ev-cur { flex: 0 0 110px; }
.ev-note { width: auto; min-width: 220px; height: 38px; font-size: 14px; }
.ev-stats { grid-template-columns: repeat(6, 1fr); }
.ev-card .cp-img { position: relative; }
.ev-date { position: absolute; left: 14px; top: 14px; background: #fff; border-radius: 10px; padding: 8px 12px; text-align: center; line-height: 1.1; font-size: 13px; text-transform: uppercase; color: var(--wsef-red); font-weight: 600; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
.ev-date strong { display: block; font-size: 24px; color: #111; }
.ev-type { position: absolute; left: 14px; bottom: 14px; background: rgba(0,0,0,.72); color: #fff; font-size: 12px; padding: 5px 12px; border-radius: 14px; }
.ev-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.ev-meta span { font-size: 12px; font-weight: 600; background: #f1f1f4; color: #444; padding: 3px 10px; border-radius: 12px; }
.ev-meta .bad { background: #fdecea; color: #b3261e; } .ev-meta .gold { background: #fff6d6; color: #8a6d00; }
.ev-card.is-cancelled .cp-img img { filter: grayscale(1); opacity: .7; }
.ev-hero { position: relative; background-size: cover; background-position: center; padding: 120px 0 60px; color: #fff; }
.ev-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)); }
.ev-hero .container { position: relative; }
.ev-hero h1 { color: #fff; font-size: 44px; margin: 12px 0; }
.ev-when { color: #eee; font-size: 17px; }
.ev-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.ev-badges span { background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.3); padding: 5px 12px; border-radius: 16px; font-size: 13px; }
.ev-badges .gold { background: #f5c518; color: #222; border-color: #f5c518; } .ev-badges .red { background: #b3261e; border-color: #b3261e; }
.ev-info { background: #fff; border-radius: 14px; box-shadow: 0 10px 34px rgba(0,0,0,.08); padding: 26px; position: sticky; top: 20px; }
.ev-price { font-size: 30px; font-weight: 700; color: var(--wsef-red); margin-bottom: 14px; }
.ev-info ul { list-style: none; padding: 0; margin: 0 0 20px; }
.ev-info li { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid #f0f0f2; font-size: 15px; }
.ev-info li i { width: 20px; color: var(--wsef-red); margin-top: 3px; }
.ev-info li strong { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #888; }
.ev-cta { width: 100%; justify-content: center; padding: 14px; font-size: 16px; }
.ev-closed { background: #f4f4f6; border-radius: 8px; padding: 14px; text-align: center; color: #666; }
.ev-req { background: #fff8e6; border-left: 4px solid #f5c518; padding: 14px 18px; margin-top: 20px; border-radius: 6px; }
.ev-mapcard .cc-map { min-height: 320px; }
.ev-grid { grid-template-rows: none; }
.ev-consent { color: #444 !important; align-items: flex-start; font-size: 14px; }
.roster-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; background: #fff; border-radius: 14px; padding: 24px 16px; height: 100%;
  box-shadow: 0 8px 26px rgba(0,0,0,.06); color: #222; transition: transform .2s; }
.roster-card:hover { transform: translateY(-4px); color: #222; }
.roster-card img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; margin-bottom: 8px; border: 4px solid #f4f4f6; }
.roster-card strong { font-size: 17px; }
.roster-card small { color: #888; }
.roster-card em { font-style: normal; font-size: 12px; color: var(--wsef-red); }
html.club-dark .roster-card, html.club-dark .ev-info { background: #1c1c21; color: #ddd; }
html.club-dark .roster-card strong { color: #f2f2f5; }
html.club-dark .ev-info li { border-color: #2a2a30; }
html.club-dark .ev-meta span { background: #2a2a30; color: #ddd; }
@media (max-width: 767px) {
  .ev-hero h1 { font-size: 30px; }
  .ev-stats { grid-template-columns: repeat(3, 1fr); }
  .roster-card img { width: 84px; height: 84px; }
  .ev-info { position: static; }
}

/* Tablo içi düzenleme */
.pp-hint { font-size: 13px; color: #888; margin: -4px 0 12px; }
.pp-hint kbd { background: #eee; color: #444; font-size: 11px; padding: 1px 5px; }
.pp-members td.pp-editable { cursor: cell; position: relative; }
.pp-members td.pp-editable:hover { background: #fff8f7; box-shadow: inset 0 0 0 1px rgba(254,69,54,.35); }
.pp-members td.pp-editing { background: #fff; box-shadow: inset 0 0 0 2px var(--wsef-red); padding: 6px; }
.pp-ed { display: flex; gap: 4px; align-items: center; min-width: 150px; }
.pp-ed .form-control { height: 32px; font-size: 13px; padding: 4px 8px; }
.pp-ed-name { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.pp-ed-ok, .pp-ed-no { width: 30px; height: 30px; flex: 0 0 30px; border: 0; border-radius: 6px; cursor: pointer; }
.pp-ed-ok { background: #22a55b; color: #fff; } .pp-ed-no { background: #eee; color: #666; }
.pp-members td.pp-saving { opacity: .5; }
.pp-members td.pp-saved { animation: ppSaved 1.2s ease; }
@keyframes ppSaved { 0% { background: #d8f5e3; } 100% { background: transparent; } }
.pp-status { display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; padding: 0; cursor: pointer; font-size: 13px; font-weight: 500; color: #888; }
.pp-status span { position: relative; width: 38px; height: 22px; border-radius: 22px; background: #ccc; transition: background .2s; }
.pp-status span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.pp-status.on { color: #1e7b44; }
.pp-status.on span { background: #22a55b; }
.pp-status.on span::after { transform: translateX(16px); }

/* Gmail tarzı gelen kutusu */
.gm { display: flex; gap: 20px; align-items: flex-start; }
.gm-folders { flex: 0 0 210px; background: #fff; border-radius: 12px; padding: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.05); }
.gm-folders a { display: flex; align-items: center; gap: 14px; padding: 10px 16px; border-radius: 0 20px 20px 0; color: #444; font-size: 15px; }
.gm-folders a i { width: 18px; text-align: center; color: #777; }
.gm-folders a b { margin-left: auto; font-size: 13px; }
.gm-folders a:hover { background: #f1f3f4; }
.gm-folders a.active { background: #fce8e6; color: #c5221f; font-weight: 600; }
.gm-folders a.active i { color: #c5221f; }
.gm-main { flex: 1; min-width: 0; background: #fff; border-radius: 12px; box-shadow: 0 4px 18px rgba(0,0,0,.05); padding: 8px 16px 16px; }
.gm-toolbar { display: flex; align-items: center; gap: 4px; padding: 8px 0; border-bottom: 1px solid #eee; margin-bottom: 8px; flex-wrap: wrap; }
.gm-toolbar form { display: inline; margin: 0; }
.gm-tb { display: inline-flex; align-items: center; gap: 6px; height: 38px; min-width: 38px; justify-content: center; padding: 0 10px; border: 0; background: none; border-radius: 19px; color: #5f6368; cursor: pointer; margin: 0; }
.gm-tb span { font-size: 13px; }
.gm-tb:hover { background: #f1f3f4; color: #202124; }
.gm-tb.starred, .gm-star.on { color: #f4b400; }
.gm-count { margin-left: auto; font-size: 13px; color: #888; }
.gm-table { width: 100% !important; margin: 0 !important; }
.gm-table td { vertical-align: middle; border-top: 1px solid #f1f3f4; padding: 8px 10px; }
.gm-table tbody tr { background: #f6f8fc; }
.gm-table tbody tr.unread { background: #fff; }
.gm-table tbody tr.unread .gm-name, .gm-table tbody tr.unread .gm-snip { font-weight: 700; color: #202124; }
.gm-table tbody tr:hover { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px rgba(60,64,67,.3); position: relative; z-index: 1; }
.gm-table td form { margin: 0; }
.gm-star { border: 0; background: none; color: #bbb; cursor: pointer; font-size: 16px; }
.gm-link { display: flex; align-items: center; gap: 12px; color: #444; min-width: 0; }
.gm-name { white-space: nowrap; }
.gm-snip { color: #5f6368; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 560px; }
.gm-replied { color: #1a73e8; font-size: 12px; }
.gm-date { white-space: nowrap; font-size: 13px; color: #5f6368; text-align: right; }
.gm-table tbody tr.unread .gm-date { font-weight: 700; color: #202124; }
.gm-empty { text-align: center; padding: 70px 20px; color: #999; }
.gm-empty i { font-size: 46px; margin-bottom: 12px; opacity: .5; }
.gm-read { padding: 10px 6px; }
.gm-read h3 { font-size: 22px; font-weight: 400; margin: 10px 0 20px; }
.gm-from { display: flex; gap: 14px; align-items: flex-start; }
.gm-from > div { flex: 1; font-size: 14px; }
.gm-from span { color: #5f6368; }
.gm-from time { font-size: 13px; color: #5f6368; white-space: nowrap; }
.gm-body { padding: 22px 0 22px 52px; font-size: 15px; line-height: 1.8; color: #222; border-bottom: 1px solid #eee; }
.gm-reply { margin: 20px 0 0 52px; border: 1px solid #dadce0; border-radius: 10px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.gm-reply label { font-weight: 500; }
.gm-reply-actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }

/* Aktivite geçmişi (super admin) */
.act-diff { font-size: 12px; margin-top: 6px; border-collapse: collapse; }
.act-diff th, .act-diff td { padding: 3px 8px; border: 1px solid #eee; vertical-align: top; max-width: 260px; word-break: break-word; }
.act-diff td.old { background: #fdecea; } .act-diff td.new { background: #e6f6ec; }
details summary { cursor: pointer; color: var(--wsef-red); font-size: 13px; }

/* Kamu profili: haftalık program */
.cs-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; }
.cs-stats { display: flex; gap: 12px; margin-bottom: 40px; }
.cs-stats span { background: #fff; padding: 10px 18px; border-radius: 30px; box-shadow: 0 4px 14px rgba(0,0,0,.06); font-size: 14px; color: #666; }
.cs-stats strong { color: var(--wsef-red); font-size: 18px; margin-right: 4px; }
.cs-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; }
.cs-day { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 22px rgba(0,0,0,.06); display: flex; flex-direction: column; }
.cs-dname { background: #1d1d1f; color: #fff; padding: 14px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
.cs-dname em { font-style: normal; background: #fff; color: var(--wsef-red); border-radius: 10px; padding: 1px 8px; font-size: 10px; }
.cs-day.today { outline: 3px solid var(--wsef-red); }
.cs-day.today .cs-dname { background: var(--wsef-red); }
.cs-slot { padding: 14px; border-bottom: 1px dashed #eee; }
.cs-slot:last-child { border-bottom: 0; }
.cs-time { font-weight: 700; color: var(--wsef-red); font-size: 14px; }
.cs-title { font-weight: 600; margin: 6px 0; color: #222; line-height: 1.35; }
.cs-level { display: inline-block; background: #f1f1f4; color: #555; font-size: 11px; padding: 2px 9px; border-radius: 10px; }
.cs-inst { font-size: 13px; color: #777; margin-top: 6px; }
.cs-rest { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; color: #bbb; padding: 26px 10px; font-size: 14px; }
html.club-dark .cs-day, html.club-dark .cs-stats span { background: #1c1c21; }
html.club-dark .cs-dname { background: #0c0c0e; }
html.club-dark .cs-title { color: #eee; }
html.club-dark .cs-slot { border-color: #2a2a30; }
html.club-dark .cs-level { background: #2a2a30; color: #ccc; }

@media (max-width: 1199px) {
  .cs-grid { grid-template-columns: repeat(4, 1fr); }
  .pp-kpis { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991px) {
  .portal-side { position: static; }
  .gm { flex-direction: column; }
  .gm-folders { flex: none; width: 100%; display: flex; overflow-x: auto; }
  .gm-folders a { border-radius: 20px; white-space: nowrap; }
  .gm-snip { max-width: 260px; }
}
@media (max-width: 767px) {
  .cs-grid { grid-template-columns: 1fr 1fr; }
  .cs-day.closed .cs-rest { padding: 12px; }
  .pp-week { grid-template-columns: repeat(7, minmax(40px, 1fr)); gap: 4px; }
  .pp-week div { padding: 8px 2px; } .pp-week span { font-size: 16px; }
  .gm-body, .gm-reply { margin-left: 0; padding-left: 0; }
  .gm-reply { padding: 12px; }
  .gm-tb span { display: none; }
  .gm-snip { max-width: 160px; }
  .dataTables_wrapper .dataTables_filter input { min-width: 0; width: 100%; }
}
@media (max-width: 480px) { .cs-grid { grid-template-columns: 1fr; } .pp-kpis { grid-template-columns: 1fr 1fr; gap: 10px; } }
/* ---- v8: yetkili / eğitmen profili ---- */
.op-role { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; background: rgba(255,255,255,.12); color: #fff; font-size: 14px; padding: 5px 14px; border-radius: 16px; margin-bottom: 8px; }
.op-scope { background: var(--wsef-red); color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; padding: 2px 8px; border-radius: 10px; }
.op-stats { margin-bottom: 30px; }
.op-block { background: #fff; border: 1px solid var(--wsef-line); border-radius: 12px; padding: 24px 26px; margin-bottom: 24px; }
.op-block h3 { font-size: 20px; margin-bottom: 16px; }
.op-block h3 i { color: var(--wsef-red); margin-right: 8px; width: 20px; }
.op-duties { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.op-duties li { display: flex; gap: 10px; align-items: flex-start; }
.op-duties i { color: #22a55b; margin-top: 5px; font-size: 12px; }
.op-timeline { list-style: none; margin: 0; padding: 0 0 0 22px; border-left: 2px solid #eee; }
.op-timeline li { position: relative; padding: 0 0 20px 12px; }
.op-timeline li::before { content: ''; position: absolute; left: -30px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #ccc; border: 3px solid #fff; box-shadow: 0 0 0 1px #ddd; }
.op-timeline li.current::before { background: var(--wsef-red); box-shadow: 0 0 0 3px rgba(254,69,54,.2); }
.op-timeline time { display: block; font-size: 13px; font-weight: 600; color: var(--wsef-red); margin-bottom: 2px; }
.op-timeline time em { font-style: normal; color: #999; font-weight: 400; margin-left: 6px; }
.op-timeline p { margin: 6px 0 0; font-size: 14px; }
.op-side { background: #fff; border: 1px solid var(--wsef-line); border-radius: 12px; padding: 24px; position: sticky; top: 20px; }
.op-side h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #888; margin-bottom: 12px; }
.op-contact { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f0f2; color: #222; word-break: break-all; }
.op-contact i { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: rgba(254,69,54,.1); color: var(--wsef-red); display: flex; align-items: center; justify-content: center; }
.op-side .social-links { display: flex; flex-wrap: wrap; gap: 8px; }
.op-side .social-links a { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; }
.op-facts { list-style: none; padding: 0; margin: 0; }
.op-facts li { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #f0f0f2; font-size: 14px; }
.op-facts span { color: #888; }
.op-facts strong { text-align: right; }
@media (max-width: 767px) { .op-duties { grid-template-columns: 1fr; } .op-block { padding: 18px 16px; } .op-side { position: static; } }
/* ---- i18n: bayraklı dil seçici ---- */
.lang-switch { display: inline-flex; gap: 6px; align-items: center; }
.lang-switch a { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 14px; font-size: 12px; font-weight: 600; letter-spacing: .5px; opacity: .65; transition: opacity .2s, background .2s; }
.lang-switch a:hover { opacity: 1; }
.lang-switch a.active { opacity: 1; background: rgba(254,69,54,.12); }
.lang-switch img { width: 20px; height: auto; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.ls-top { margin-right: 14px; }
.ls-top a { color: inherit; }
.ls-side { display: flex; margin: 0 0 14px; padding: 6px; background: #f4f5f7; border-radius: 10px; }
.ls-side a { flex: 1; justify-content: center; color: #444; }
.ls-side a.active { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.08); color: var(--wsef-red); }
.panel-side .ls-side, .wsef-side .ls-side { margin-bottom: 16px; }
/* ================= v9: ana sayfa rötuşları, vitrin (showcase), site geneli gece modu ================= */
/* insta3: şablondaki banner-area gibi üstte 30px, yanlarda 15px ve görseller arası 30px boşluk */
.insta3 { padding: 30px 15px 0; }
.insta3-row { gap: 30px; }
.insta3-item { border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.insta3-cap { top: auto; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center;
  min-height: 55%; padding: 30px 20px 30px; font-size: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 1.25;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.85) 100%); text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.insta3-cap::after { content: ''; display: block; width: 46px; height: 3px; background: var(--wsef-red); margin: 14px auto 0; transition: width .3s; }
.insta3-item:hover .insta3-cap::after { width: 90px; }
@media (max-width: 991px) { .insta3-row { gap: 15px; } .insta3-cap { font-size: 18px; padding: 24px 14px; } }
@media (max-width: 575px) { .insta3 { padding: 15px 15px 0; } }

/* Bayrak şeridi: daha büyük, göz dolduran */
.flags-section { padding: 70px 0 60px; }
.flag-marquee { padding: 20px 0; }
.flag-item { width: 200px; margin: 0 14px; padding: 22px 12px 18px; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.flag-item img { width: 120px; height: 80px; object-fit: cover; border-radius: 6px; border: 0; box-shadow: 0 4px 12px rgba(0,0,0,.18); margin-bottom: 14px; transition: transform .3s; }
.flag-item:hover img { transform: scale(1.08); }
.flag-item span { font-size: 16px; font-weight: 600; }
.flag-item small { font-size: 13px; margin-top: 2px; }
.flag-nav { width: 48px; height: 48px; font-size: 26px; }
@media (max-width: 767px) { .flag-item { width: 150px; margin: 0 8px; } .flag-item img { width: 90px; height: 60px; } }

/* ---- Vitrin (şablondaki Best Sell Products düzeni) ---- */
.showcase .area-title h2 { font-size: 38px; margin-bottom: 8px; }
.showcase .area-title p { margin-bottom: 10px; color: #777; }
.sc-kicker { display: inline-block; color: var(--wsef-red); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; margin-bottom: 6px; }
.sc-more { font-weight: 600; color: var(--wsef-red); }
.sc-nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 8px; }
 .sc-nav::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.sc-nav li { padding: 0 !important; flex: 0 0 auto; }
.sc-nav li a { display: inline-flex !important; align-items: center; gap: 8px; white-space: nowrap; padding: 9px 16px !important; border: 1px solid var(--wsef-line); border-radius: 30px;
  font-size: 14px !important; text-transform: none !important; background: #fff; }
.sc-nav li a::before, .sc-nav li a::after { display: none !important; }
.sc-nav li a.active { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff !important; }
.sc-nav .sc-flag { width: 24px; height: 16px; object-fit: cover; border-radius: 2px; }
.sc-count { font-size: 11px; background: rgba(0,0,0,.08); border-radius: 10px; padding: 1px 7px; }
.sc-nav a.active .sc-count { background: rgba(255,255,255,.25); }
.sc-carousel .owl-stage { display: flex; }
.sc-carousel .owl-item { display: flex; }
.sc-card { width: 100%; }
.sc-carousel .owl-nav button { position: absolute; top: 40%; width: 46px; height: 46px; border-radius: 50% !important; background: #fff !important; box-shadow: 0 6px 18px rgba(0,0,0,.18);
  color: #222 !important; transition: all .2s; }
.sc-carousel .owl-nav .owl-prev { left: -16px; } .sc-carousel .owl-nav .owl-next { right: -16px; }
.sc-carousel .owl-nav button:hover { background: var(--wsef-red) !important; color: #fff !important; }
@media (max-width: 767px) { .sc-carousel .owl-nav { display: none; } .showcase .area-title h2 { font-size: 28px; } }
/* Blog kartı */
.sc-post { display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.08); margin: 10px 0 20px; }
.sc-post .sc-img { position: relative; display: block; overflow: hidden; }
.sc-post .sc-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .5s; }
.sc-post:hover .sc-img img { transform: scale(1.07); }
.sc-badge { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.95); color: #222; font-size: 12px; font-weight: 600;
  padding: 4px 10px; border-radius: 14px; }
.sc-badge img { width: 18px !important; height: auto; }
.sc-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.sc-club { font-size: 13px; font-weight: 600; color: var(--wsef-red); text-transform: uppercase; letter-spacing: .5px; }
.sc-body h4 { font-size: 19px; line-height: 1.35; margin: 8px 0 10px; }
.sc-body p { font-size: 14px; flex: 1; }
.sc-foot { display: flex; justify-content: space-between; align-items: center; font-size: 13px; border-top: 1px solid #f0f0f2; padding-top: 12px; color: #888; }
.sc-foot a { font-weight: 600; color: var(--wsef-red); }
/* Etkinlik kartı (ihtişamlı, koyu bölüm) */
.showcase.sc-dark { background: radial-gradient(1100px 500px at 90% 0%, #3a1512 0%, rgba(58,21,18,0) 60%), linear-gradient(180deg, #0e0e11, #19191e); }
.sc-dark .area-title h2, .sc-dark .area-title p { color: #fff; } .sc-dark .area-title p { color: #aaa; }
.sc-dark .sc-nav li a { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.15); color: #eee; }
.sc-dark .sc-nav li a.active { background: var(--wsef-red); border-color: var(--wsef-red); }
.sc-dark .sc-count { background: rgba(255,255,255,.15); }
.sc-event { margin: 10px 0 20px; }
.sc-evimg { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 440px; border-radius: 14px; overflow: hidden; background-size: cover;
  background-position: center; color: #fff; box-shadow: 0 18px 40px rgba(0,0,0,.45); transition: transform .35s, box-shadow .35s; }
.sc-evimg::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 20%, rgba(0,0,0,.55) 55%, rgba(8,8,10,.95) 100%); transition: background .35s; }
.sc-evimg:hover { transform: translateY(-8px); box-shadow: 0 26px 50px rgba(0,0,0,.6); color: #fff; }
.sc-evimg:hover::before { background: linear-gradient(180deg, rgba(254,69,54,.15) 10%, rgba(0,0,0,.6) 55%, rgba(8,8,10,.96) 100%); }
.sc-evimg > * { position: relative; z-index: 1; }
.sc-date { position: absolute !important; left: 16px; top: 16px; background: var(--wsef-red); border-radius: 10px; padding: 8px 12px; text-align: center; line-height: 1.05; font-size: 13px;
  text-transform: uppercase; font-weight: 600; box-shadow: 0 8px 20px rgba(254,69,54,.4); }
.sc-date strong { display: block; font-size: 28px; }
.sc-date em { display: block; font-style: normal; font-size: 11px; opacity: .85; }
.sc-type { position: absolute !important; right: 16px; top: 16px; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); font-size: 12px; padding: 5px 12px; border-radius: 14px; }
.sc-when { position: absolute !important; right: 16px; top: 52px; font-size: 12px; background: rgba(255,255,255,.18); padding: 4px 10px; border-radius: 12px; }
.sc-evtext { display: flex; flex-direction: column; gap: 6px; padding: 22px; }
.sc-loc { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #ddd; }
.sc-loc img { width: 20px !important; height: auto; border-radius: 2px; }
.sc-evtitle { font-size: 22px; line-height: 1.25; font-weight: 700; }
.sc-range { font-size: 13px; color: #bbb; }
.sc-cta { margin-top: 8px; font-weight: 600; color: #ff7a6b; }

/* ---- /competitions/upcoming ---- */
.up-hero { position: relative; padding: 110px 0 70px; background: radial-gradient(900px 400px at 85% 10%, #4a1712 0%, rgba(74,23,18,0) 60%), linear-gradient(180deg, #0e0e11, #1b1b20); color: #fff; overflow: hidden; }
.up-hero h1 { color: #fff; font-size: 52px; margin: 10px 0; }
.up-hero p { color: #bbb; font-size: 18px; max-width: 640px; }
.up-feature { display: grid; grid-template-columns: 1.3fr 1fr; gap: 0; margin-top: 40px; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.5); background: #16161a; }
.up-feature-img { min-height: 380px; background-size: cover; background-position: center; position: relative; }
.up-feature-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0) 50%, #16161a 100%); }
.up-feature-body { padding: 40px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.up-feature-body h2 { color: #fff; font-size: 32px; }
.up-countdown { display: flex; gap: 10px; margin: 8px 0 14px; }
.up-countdown div { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 10px 14px; text-align: center; min-width: 70px; }
.up-countdown strong { display: block; font-size: 26px; color: #fff; } .up-countdown span { font-size: 11px; color: #aaa; text-transform: uppercase; }
.up-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 30px; }
.up-filters select { width: auto; min-width: 180px; }
.up-month { display: flex; align-items: center; gap: 14px; margin: 40px 0 20px; font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.up-month::after { content: ''; flex: 1; height: 2px; background: linear-gradient(90deg, var(--wsef-red), transparent); }
.up-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.up-grid .sc-evimg { min-height: 400px; }
.up-empty { text-align: center; padding: 60px 20px; color: #888; }
@media (max-width: 1199px) { .up-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) { .up-grid { grid-template-columns: repeat(2, 1fr); } .up-feature { grid-template-columns: 1fr; } .up-feature-img::after { background: linear-gradient(180deg, rgba(0,0,0,0) 50%, #16161a 100%); } }
@media (max-width: 575px) { .up-grid { grid-template-columns: 1fr; } .up-hero h1 { font-size: 34px; } .up-feature-body { padding: 24px; } }

/* ---- Site geneli gece modu (html.club-dark) ---- */
html.club-dark #header-sticky, html.club-dark .header-area, html.club-dark .sticky { background: #141418 !important; }
html.club-dark .wsef-topbar { background: #0c0c0f; color: #aaa; }
html.club-dark .main-menu ul li a, html.club-dark .header-right ul li a, html.club-dark .wsef-logo small { color: #e6e6ea !important; }
html.club-dark .main-menu ul li .sub-menu, html.club-dark .main-menu ul li ul { background: #1c1c21 !important; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
html.club-dark .main-menu ul li .sub-menu li a, html.club-dark .main-menu ul li ul li a { color: #ccc !important; }
html.club-dark .footer-area, html.club-dark .copyright-area { background: #0c0c0f !important; color: #999; }
html.club-dark .footer-area a, html.club-dark .copyright-area a { color: #ccc; }
html.club-dark .wsef-card, html.club-dark .panel-card, html.club-dark .pf-card, html.club-dark .portal-side, html.club-dark .gm-folders, html.club-dark .gm-main,
html.club-dark .pp-kpi, html.club-dark .pp-week div, html.club-dark .op-block, html.club-dark .op-side, html.club-dark .cc-card, html.club-dark .sc-post,
html.club-dark .stat-grid div, html.club-dark .wsef-kpi, html.club-dark .flag-item, html.club-dark .panel-main, html.club-dark .block-item,
html.club-dark .pm-item, html.club-dark .pm-section, html.club-dark .pm-modal .modal-body, html.club-dark .pm-modal .modal-footer, html.club-dark .modal-content,
html.club-dark .basic-login, html.club-dark .ls-side a.active, html.club-dark .sc-nav li a { background: #1c1c21 !important; color: #c9c9d1; border-color: #2a2a30 !important; }
html.club-dark .portal, html.club-dark .gm-table tbody tr, html.club-dark .ls-side, html.club-dark .panel-side, html.club-dark .pm-modal .modal-body { background: #141418 !important; }
html.club-dark .gm-table tbody tr.unread { background: #1f1f25 !important; }
html.club-dark .gm-name, html.club-dark .gm-snip, html.club-dark .pp-post strong, html.club-dark .sc-body h4 a, html.club-dark .flag-item span, html.club-dark label { color: #e6e6ea !important; }
html.club-dark .table, html.club-dark .pp-table td, html.club-dark .gm-table td { color: #c9c9d1; border-color: #2a2a30 !important; }
html.club-dark .pp-table tbody tr:hover, html.club-dark .pp-members td.pp-editable:hover { background: #22222a !important; }
html.club-dark .pp-btn.ghost, html.club-dark .ps-logout, html.club-dark .pp-icon:hover { background: #22222a !important; color: #ddd !important; border-color: #33333a !important; }
html.club-dark .pf-head, html.club-dark .pf-toggle-row, html.club-dark .sc-foot, html.club-dark .gm-toolbar, html.club-dark .ps-club { border-color: #2a2a30 !important; }
html.club-dark .pf-save { background: rgba(20,20,24,.96); border-color: #2a2a30; }
html.club-dark .dataTables_wrapper .page-link { background: #1c1c21; border-color: #2a2a30; color: #ccc; }
html.club-dark .dataTables_wrapper .dataTables_filter input, html.club-dark .dataTables_wrapper select { background: #1c1c21; border-color: #33333a; color: #eee; }
html.club-dark .breadcrumb-area::after { background: rgba(0,0,0,.35); }
html.club-dark .home-stats { background: #111114; }
html.club-dark .showcase:not(.sc-dark) { background: #111114; }
html.club-dark .showcase.alt:not(.sc-dark) { background: #18181c; }
html.club-dark .sc-nav li a.active { background: var(--wsef-red) !important; color: #fff !important; }
html.club-dark .insta3 { background: #111114; }
/* ---- Başlık: menü kalan tüm genişliği kullanır (uzun dillerde iki satıra taşmaz) ---- */
@media (min-width: 1200px) {
  #header-sticky > .container-fluid > .row { flex-wrap: nowrap; }
  #header-sticky .col-xl-2 { flex: 0 0 auto; max-width: none; width: auto; }
  #header-sticky .col-xl-8 { flex: 1 1 auto; max-width: none; min-width: 0; }
  .wsef-menu nav > ul { white-space: nowrap; }
}
/* Başlık: menü boyutu korunur (yazı 13 px, ikon 50 px); yalnızca öğeler arası boşluk kalan alana göre esner → menü ikonların altına girmez */
@media (min-width: 1200px) {
  #header-sticky.box-90 { padding-left: clamp(20px, 2.6vw, 90px); padding-right: clamp(20px, 2.6vw, 90px); }
  #header-sticky .wsef-menu nav > ul { display: flex; justify-content: space-between; align-items: center; column-gap: 10px; max-width: 1080px; margin: 0 auto; }
  #header-sticky .wsef-menu nav > ul > li { margin: 0; flex-shrink: 0; }
  #header-sticky .col-xl-8 { padding-left: 24px; padding-right: 24px; }
  #header-sticky .header-right { float: none; }
  #header-sticky .header-right > ul { display: flex; flex-wrap: nowrap; }
}
@media (min-width: 1350px) and (max-width: 1439px) {
  #header-sticky .wsef-menu nav > ul > li > a { font-size: 12px; letter-spacing: .3px; }
  #header-sticky .wsef-menu nav > ul { column-gap: 8px; }
}

/* ---- Vitrin sekme şeridi: kaydırılabilir, oklu, taşınca kesilmez ---- */
.sc-head > [class*="col-"] { min-width: 0; }
.sc-navwrap { position: relative; display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.sc-nav { flex: 1 1 auto; min-width: 0; justify-content: flex-start !important; scroll-behavior: smooth; cursor: grab; user-select: none; -webkit-user-select: none; }
.sc-nav.dragging { cursor: grabbing; scroll-behavior: auto; }
@media (min-width: 1200px) { .sc-nav > li:first-child { margin-left: auto; } }   /* sığınca sağa yaslı, taşınca baştan kaydırılabilir */
.sc-navbtn { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--wsef-line); background: #fff; color: #333; display: none;
  align-items: center; justify-content: center; cursor: pointer; font-size: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }

.sc-navbtn:disabled { opacity: .35; cursor: default; }
.sc-navbtn:not(:disabled):hover { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.sc-dark .sc-navbtn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #fff; }
@media (max-width: 767px) { .sc-navbtn { display: none !important; } }   /* dokunmatikte parmakla kaydırılır */

/* ---- Afişsiz etkinlik: türe göre degrade + ikon ---- */
.sc-art-bg { background-size: cover; }
.sc-art-1 { background-image: linear-gradient(135deg, #7b1d12 0%, #fe4536 55%, #ff8a3d 100%); }
.sc-art-2 { background-image: linear-gradient(135deg, #0f2b4c 0%, #1f5fa8 55%, #36a3ff 100%); }
.sc-art-3 { background-image: linear-gradient(135deg, #1b3b2b 0%, #2e7d4f 55%, #66c28f 100%); }
.sc-art-4 { background-image: linear-gradient(135deg, #3a1c52 0%, #7b3fb0 55%, #c77dff 100%); }
.sc-art-5 { background-image: linear-gradient(135deg, #3b2a10 0%, #b07a1f 55%, #f5c518 100%); }
.sc-art-6 { background-image: linear-gradient(135deg, #10363b 0%, #1e7f8a 55%, #4fd1c5 100%); }
.sc-art { position: absolute !important; right: -20px; top: 38%; transform: translateY(-50%) rotate(-12deg); font-size: 190px; color: rgba(255,255,255,.14); z-index: 0 !important; pointer-events: none; }
.up-feature-img.sc-art-bg { position: relative; overflow: hidden; }
.up-feature-img .sc-art { font-size: 260px; right: 10%; top: 50%; }

/* ---- Yatay taşma koruması (bir öğe taşsa bile sayfa yana kaymaz; sticky başlığı bozmaz) ---- */
html, body { max-width: 100%; overflow-x: clip; }
/* Sekme şeridi: kaydırma çubuğu ve oklar gizli — fareyle sürükle / tekerlek / dokunmatik kaydırma */
.sc-nav { scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px; }
.sc-nav::-webkit-scrollbar { display: none; height: 0; }
.sc-navwrap .sc-navbtn, .sc-navwrap.has-overflow .sc-navbtn { display: none !important; }
.sc-navwrap.has-overflow .sc-nav { -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent); }
/* Çıkış düğmeleri bağlantı gibi görünür */
.logout-form { display: inline; margin: 0; }
.logout-form button { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.header-right > ul > li > .logout-form button { font-size: 16px; height: 50px; width: 50px; background: #fff1f0; line-height: 50px; text-align: center; border-radius: 50%; color: #fe5245; transition: all .2s; }
.header-right > ul > li > .logout-form button:hover { background: #fe5245; color: #fff; }

/* Panel: sahibine ait kaydın salt okunur özeti (inceleme ekranı) */
.review-box { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; background: #f7f7f9; border: 1px solid var(--wsef-line); border-radius: 8px; padding: 14px 16px; }
.review-box div { display: flex; flex-direction: column; gap: 2px; }

/* Belge / sertifika görsel modalı */
.file-modal .modal-body { background: #111; padding: 12px; }
.file-modal .modal-body img { max-width: 100%; max-height: 78vh; object-fit: contain; }
.doc-ico { color: var(--wsef-red); width: 16px; }

/* ---- Kulüp belgesi değerlendirmesi: yeşil (yeterli) / turuncu (resmî nüsha gerekli) / kırmızı (yetersiz) ---- */
.as-pill { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; border: 2px solid; }
.as-pill.as-green  { color: #1e7b44; border-color: #22a55b; background: #e6f6ec; }
.as-pill.as-orange { color: #9a5b00; border-color: #f59e0b; background: #fff4e5; }
.as-pill.as-red    { color: #b3261e; border-color: #e5484d; background: #fdecea; }
.as-frame { border: 2px solid var(--wsef-line); border-left-width: 6px; }
.as-frame.as-green  { border-color: #22a55b; }
.as-frame.as-orange { border-color: #f59e0b; }
.as-frame.as-red    { border-color: #e5484d; }
.as-date.late { color: #b3261e; font-weight: 600; }
.as-date.soon { color: #9a5b00; font-weight: 600; }
.as-alert { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.as-alert.overdue, .as-alert.expired { background: #fdecea; color: #b3261e; }
.as-alert.soon { background: #fff4e5; color: #9a5b00; }
.doc-alerts { border-left: 6px solid #e5484d; }
.doc-alerts h4 i { color: #e5484d; }
.menu-alert { display: inline-block; min-width: 20px; text-align: center; background: #e5484d; color: #fff; border-radius: 10px; font-size: 11px; padding: 1px 6px; margin-left: 4px; }
.cd-row { border-left: 6px solid transparent; }
.cd-row.as-green  { border-left-color: #22a55b; background: rgba(34,165,91,.04); }
.cd-row.as-orange { border-left-color: #f59e0b; background: rgba(245,158,11,.05); }
.cd-row.as-red    { border-left-color: #e5484d; background: rgba(229,72,77,.05); }
html.club-dark .as-pill.as-green { background: rgba(34,165,91,.15); color: #7fe0a8; }
html.club-dark .as-pill.as-orange { background: rgba(245,158,11,.15); color: #ffc46b; }
html.club-dark .as-pill.as-red { background: rgba(229,72,77,.15); color: #ff8f8f; }
/* ================= v12: haberler (resimli / videolu kartlar) + belirgin .wsef-section.alt ================= */
/* Alternatif bölüm: noktalı doku + yumuşak degrade + iç gölge + üstte kırmızı vurgu çizgisi */
.wsef-section.alt { position: relative;
  background: radial-gradient(circle at 1px 1px, rgba(20,20,40,.07) 1px, transparent 0) 0 0 / 22px 22px, linear-gradient(180deg, #f2f3f6 0%, #e9ebf0 100%);
  box-shadow: inset 0 14px 22px -16px rgba(0,0,0,.18), inset 0 -14px 22px -16px rgba(0,0,0,.18); }
.wsef-section.alt::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; border-radius: 0 0 6px 6px;
  background: linear-gradient(90deg, transparent, var(--wsef-red), transparent); }
html.club-dark .wsef-section.alt { background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0) 0 0 / 22px 22px, linear-gradient(180deg, #17171b 0%, #121216 100%); }

/* Dergi düzeni */
.nw-mag { display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: stretch; }
.nw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.nw-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.nw-card { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform .3s, box-shadow .3s; }
.nw-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,.14); }
.nw-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background-color: #222; }
.nw-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.nw-card:hover .nw-media img { transform: scale(1.07); }
.nw-media.sc-art-bg .sc-art { font-size: 130px; right: -10px; }
.nw-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(254,69,54,.94); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 20px; padding-left: 4px; box-shadow: 0 0 0 8px rgba(255,255,255,.25); transition: transform .3s; }
.nw-card:hover .nw-play { transform: translate(-50%, -50%) scale(1.1); }
.nw-vtag { position: absolute; left: 12px; top: 12px; background: rgba(0,0,0,.72); color: #fff; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 12px; }
.nw-vtag i { color: #ff3b30; }
.nw-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.nw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 13px; color: #888; margin-bottom: 10px; }
.nw-cat { background: rgba(254,69,54,.1); color: var(--wsef-red); font-weight: 600; padding: 3px 10px; border-radius: 12px; text-transform: uppercase; font-size: 11px; letter-spacing: .5px; }
.nw-fed { display: inline-flex; align-items: center; gap: 5px; font-weight: 500; color: #555; }
.nw-fed img { width: 18px !important; height: auto; }
.nw-body h3 { font-size: 19px; line-height: 1.35; margin: 0 0 10px; }
.nw-body h3 a { color: #1b1b1f; }
.nw-body h3 a:hover { color: var(--wsef-red); }
.nw-body p { flex: 1; font-size: 15px; color: #666; }
.nw-more { font-weight: 600; color: var(--wsef-red); font-size: 14px; }
.nw-lg .nw-media { aspect-ratio: 16 / 9; }
.nw-lg .nw-body { padding: 26px 30px 30px; }
.nw-lg .nw-body h3 { font-size: 30px; }
.nw-lg .nw-body p { font-size: 16px; }
.nw-grid .nw-media { aspect-ratio: 16 / 9; }
.nw-grid .nw-body p { display: none; }
/* Yan sütun (benzer haberler): yatay küçük kart */
.nw-xs { flex-direction: row; height: auto; margin-bottom: 14px; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.nw-xs .nw-media { flex: 0 0 120px; aspect-ratio: auto; min-height: 96px; }
.nw-xs .nw-media.sc-art-bg .sc-art { font-size: 60px; }
.nw-xs .nw-play { width: 34px; height: 34px; font-size: 12px; box-shadow: none; }
.nw-xs .nw-vtag { display: none; }
.nw-xs .nw-body { padding: 10px 14px; }
.nw-xs .nw-body h3 { font-size: 15px; margin-bottom: 4px; }
.nw-xs .nw-more, .nw-xs .nw-fed { display: none; }
/* Makale */
.nw-title { font-size: 40px; line-height: 1.2; margin: 6px 0 14px; }
.nw-hero { width: 100%; border-radius: 14px; }
.nw-hero-art { position: relative; height: 360px; border-radius: 14px; overflow: hidden; }
.nw-hero-art .sc-art { font-size: 280px; right: 6%; }
.nw-video { border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px rgba(0,0,0,.2); }
.nw-body-text { font-size: 17px; line-height: 1.8; }
.nw-side { position: sticky; top: 20px; }
.nw-side h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #888; margin-bottom: 14px; }
html.club-dark .nw-card { background: #1c1c21; }
html.club-dark .nw-body h3 a { color: #eee; }
html.club-dark .nw-body p { color: #aaa; }
@media (max-width: 1199px) { .nw-list { grid-template-columns: repeat(3, 1fr); } .nw-lg .nw-body h3 { font-size: 24px; } }
@media (max-width: 991px) { .nw-mag { grid-template-columns: 1fr; } .nw-list { grid-template-columns: repeat(2, 1fr); } .nw-side { position: static; margin-top: 30px; } }
@media (max-width: 575px) { .nw-grid, .nw-list { grid-template-columns: 1fr; } .nw-title { font-size: 28px; } .nw-hero-art { height: 220px; } }
/* Ziyaret ve İletişim: geniş kapsayıcıya göre büyütülmüş kartlar */
.club-contact .cc-row { margin-left: -15px; margin-right: -15px; }
.club-contact .cc-card { border-radius: 16px; }
.club-contact .cc-head { padding: 26px 32px; }
.club-contact .cc-head h3 { font-size: 24px; }
.club-contact .cc-map { min-height: 480px; }
.club-contact .cc-form { padding: 28px 32px 30px; }
.club-contact .cc-f .form-control { height: 50px; font-size: 15px; }
.club-contact .cc-msg textarea.form-control { min-height: 170px; }
.club-contact .cc-foot { padding: 18px 32px; }
@media (max-width: 991px) { .club-contact .cc-map { min-height: 360px; } }
@media (max-width: 575px) { .club-contact .cc-head, .club-contact .cc-form, .club-contact .cc-foot { padding-left: 18px; padding-right: 18px; } .club-contact .cc-map { min-height: 300px; } }
/* ================= Kulüp profili: üyeler (göz dolduran kartlar) ================= */
.rs-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; }
.rs-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.rs-filter button { border: 1px solid var(--wsef-line); background: #fff; border-radius: 24px; padding: 9px 18px; font-weight: 600; font-size: 14px; color: #444; cursor: pointer; transition: all .2s; }
.rs-filter button b { display: inline-block; margin-left: 6px; font-size: 11px; background: rgba(0,0,0,.08); border-radius: 10px; padding: 1px 7px; }
.rs-filter button.active, .rs-filter button:hover { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.rs-filter button.active b, .rs-filter button:hover b { background: rgba(255,255,255,.25); }
.rs-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }
.rs-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border-radius: 18px; overflow: hidden;
  padding: 0 22px 24px; box-shadow: 0 12px 34px rgba(0,0,0,.08); color: #222; transition: transform .3s, box-shadow .3s; }
.rs-card:hover { transform: translateY(-8px); box-shadow: 0 22px 46px rgba(0,0,0,.16); color: #222; }
.rs-card.rs-off { display: none; }
.rs-band { position: absolute; left: 0; right: 0; top: 0; height: 96px; background: linear-gradient(135deg, #2b6f73, #4fd1c5); }
.rs-grandmaster .rs-band { background: linear-gradient(135deg, #111 0%, #3a2b05 55%, #d4a017 100%); }
.rs-master .rs-band { background: linear-gradient(135deg, #7b1d12, #fe4536); }
.rs-guru .rs-band { background: linear-gradient(135deg, #0f2b4c, #2b5797); }
.rs-band::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 0) 0 0 / 14px 14px; }
.rs-photo { position: relative; z-index: 1; width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-top: 30px; border: 6px solid #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.2); transition: transform .4s; background: #eee; }
.rs-card:hover .rs-photo { transform: scale(1.05); }
.rs-name { margin: 16px 0 8px; font-size: 20px; line-height: 1.25; }
.rs-card .rank-badge { font-size: 12px; padding: 4px 12px; }
.rs-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; margin: 16px 0 12px; }
.rs-stats > span { background: #f5f6f8; border-radius: 10px; padding: 8px 6px; font-weight: 600; font-size: 14px; line-height: 1.2; }
.rs-stats small { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #999; font-weight: 600; margin-bottom: 3px; }
.rs-spec { font-style: normal; font-size: 13px; color: var(--wsef-red); font-weight: 600; margin-bottom: 10px; }
.rs-more { margin-top: auto; font-size: 13px; font-weight: 600; color: #888; transition: color .2s; }
.rs-card:hover .rs-more { color: var(--wsef-red); }
html.club-dark .rs-card { background: #1c1c21; color: #ddd; }
html.club-dark .rs-name { color: #f2f2f5; }
html.club-dark .rs-stats > span { background: #26262c; color: #ddd; }
html.club-dark .rs-photo { border-color: #1c1c21; }
html.club-dark .rs-filter button { background: #1c1c21; border-color: #33333a; color: #ddd; }
@media (max-width: 1399px) { .rs-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1099px) { .rs-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .rs-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .rs-photo { width: 110px; height: 110px; margin-top: 24px; } .rs-name { font-size: 17px; } .rs-band { height: 76px; } }
@media (max-width: 420px) { .rs-grid { grid-template-columns: 1fr; } }

/* ================= Kulüp profili: antrenman saatleri (geniş haftalık pano) ================= */
.club-sched .cs-stats { flex-wrap: wrap; }
.club-sched .cs-stats span { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; font-size: 15px; background: #fff; border-radius: 30px; box-shadow: 0 6px 18px rgba(0,0,0,.07); }
.club-sched .cs-stats i { color: var(--wsef-red); }
.club-sched .cs-stats strong { font-size: 22px; margin: 0; }
.cs-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: -16px 0 26px; }
.club-sched .cs-grid { gap: 18px; }
.club-sched .cs-day { border-radius: 16px; box-shadow: 0 12px 30px rgba(0,0,0,.08); min-height: 320px; }
.club-sched .cs-dname { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: center; padding: 18px 18px 16px; text-transform: none; letter-spacing: 0;
  background: linear-gradient(135deg, #1d1d1f, #34343a); }
.club-sched .cs-dname strong { font-size: 28px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; }
.club-sched .cs-dname span { grid-column: 1; font-size: 12px; font-weight: 500; color: rgba(255,255,255,.65); margin-top: 4px; }
.club-sched .cs-dname b, .club-sched .cs-dname em { grid-row: 1 / span 2; grid-column: 2; }
.club-sched .cs-dname b { min-width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; font-size: 14px; }
.club-sched .cs-day.today .cs-dname { background: linear-gradient(135deg, #7b1d12, var(--wsef-red)); }
.club-sched .cs-day.today { outline: 0; box-shadow: 0 0 0 3px var(--wsef-red), 0 16px 36px rgba(254,69,54,.25); }
.club-sched .cs-slot { position: relative; margin: 12px; padding: 14px 14px 14px 18px; border-radius: 12px; background: #f7f8fa; border: 0; border-left: 5px solid #bbb;
  transition: transform .2s, box-shadow .2s; }
.club-sched .cs-slot:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.08); background: #fff; }
.club-sched .cs-time { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: 22px; font-weight: 700; color: #1b1b1f; }
.club-sched .cs-time small { font-size: 14px; font-weight: 600; color: #777; }
.cs-dur { margin-left: auto; font-size: 11px; font-weight: 600; color: #fff; background: #1d1d1f; border-radius: 10px; padding: 2px 8px; }
.club-sched .cs-title { font-size: 16px; font-weight: 700; margin: 8px 0; color: #222; }
.club-sched .cs-inst { font-size: 13px; color: #666; margin-top: 8px; }
.club-sched .cs-inst i { color: var(--wsef-red); }
.club-sched .cs-rest { flex-direction: column; gap: 10px; font-size: 15px; padding: 40px 10px; color: #b5b5bd; }
.club-sched .cs-rest i { font-size: 34px; opacity: .6; }
.cs-lv { display: inline-block; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: .5px; background: #eee; color: #555; }
.cs-lv.lv-1 { background: #fdecea; color: #b3261e; } .cs-slot.lv-1 { border-left-color: #e5484d; }
.cs-lv.lv-2 { background: #e8f0fe; color: #1a4fa0; } .cs-slot.lv-2 { border-left-color: #3b82f6; }
.cs-lv.lv-3 { background: #e6f6ec; color: #1e7b44; } .cs-slot.lv-3 { border-left-color: #22a55b; }
.cs-lv.lv-4 { background: #fff4e5; color: #9a5b00; } .cs-slot.lv-4 { border-left-color: #f59e0b; }
.cs-lv.lv-5 { background: #f3e8ff; color: #6b21a8; } .cs-slot.lv-5 { border-left-color: #9333ea; }
.cs-lv.lv-6 { background: #e0f7f5; color: #0f766e; } .cs-slot.lv-6 { border-left-color: #14b8a6; }
html.club-dark .club-sched .cs-slot { background: #24242a; }
html.club-dark .club-sched .cs-time, html.club-dark .club-sched .cs-title { color: #eee; }
html.club-dark .club-sched .cs-stats span { background: #1c1c21; color: #ccc; }
@media (max-width: 1399px) { .club-sched .cs-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 991px) { .club-sched .cs-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .club-sched .cs-grid { grid-template-columns: repeat(2, 1fr); } .club-sched .cs-day { min-height: 0; } .club-sched .cs-time { font-size: 18px; } }
@media (max-width: 480px) { .club-sched .cs-grid { grid-template-columns: 1fr; } }

/* ===== Kulüp profili: KPI kartları + Hakkında ===== */
.club-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 34px 0; }
.kp { --kc: var(--wsef-red); position: relative; overflow: hidden; display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid rgba(0,0,0,.04); border-radius: 16px; padding: 24px 22px; box-shadow: 0 14px 40px rgba(20,20,30,.09); transition: transform .25s, box-shadow .25s; }
.kp::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--kc), transparent); }
.kp:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(20,20,30,.14); }
.kp-b { --kc: #2f6fed; }
.kp-c { --kc: #d4a017; }
.kp-d { --kc: #1f9d6b; }
.kp-ic { flex: 0 0 62px; width: 62px; height: 62px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; background: var(--kc); box-shadow: 0 10px 22px -8px var(--kc); position: relative; z-index: 1; }
.kp-av { object-fit: cover; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 3px var(--kc); }
.kp-tx { min-width: 0; position: relative; z-index: 1; }
.kp-tx small { display: block; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 600; }
.kp-tx strong { display: block; font-size: 34px; line-height: 1.1; font-weight: 800; color: #1b1b1f; margin: 4px 0; }
.kp-tx strong.kp-name { font-size: 19px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }   /* uzun unvan + ad kesilmez, satır kaydırır */
.kp-tx em { font-style: normal; font-size: 13px; color: var(--wsef-muted); }
.kp-tx em b { color: var(--kc); }
.kp-bg { position: absolute; right: -10px; bottom: -18px; font-size: 96px; color: var(--kc); opacity: .07; transform: rotate(-12deg); pointer-events: none; }

.club-about { padding-top: 10px; }
.ab-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 34px; align-items: start; }
.ab-main { position: relative; overflow: hidden; background: #fff; border-radius: 18px; padding: 38px 42px; box-shadow: 0 14px 40px rgba(20,20,30,.07); }
.ab-main::before { content: "\201C"; position: absolute; right: 26px; top: -20px; font: 700 180px/1 Georgia, serif; color: var(--wsef-red); opacity: .08; pointer-events: none; }
.ab-main::after { content: ""; position: absolute; left: 0; top: 38px; width: 5px; height: 64px; background: var(--wsef-red); border-radius: 0 4px 4px 0; }
.ab-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: var(--wsef-red); background: rgba(254,69,54,.08); padding: 6px 12px; border-radius: 20px; }
.ab-eyebrow img { height: 14px; width: auto; }
.ab-title { font-size: 36px; font-weight: 800; margin: 14px 0 18px; }
.ab-text { font-size: 16.5px; line-height: 1.85; color: #4a4c50; }
.ab-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 14px; margin: 28px 0; }
.ab-facts span { display: flex; flex-direction: column; align-items: flex-start; background: var(--wsef-soft); border: 1px solid var(--wsef-line); border-radius: 14px; padding: 16px 18px; font-size: 13px; color: var(--wsef-muted); transition: border-color .2s, transform .2s; }
.ab-facts span:hover { border-color: var(--wsef-red); transform: translateY(-2px); }
.ab-facts i { color: var(--wsef-red); font-size: 18px; margin-bottom: 8px; }
.ab-facts strong { font-size: 26px; font-weight: 800; line-height: 1.1; color: #1b1b1f; }
.ab-arts { border-top: 1px dashed var(--wsef-line); padding-top: 22px; }
.ab-arts h4 { font-size: 18px; margin-bottom: 14px; }
.ab-arts h4 i { color: var(--wsef-red); margin-right: 6px; }
.ab-arts .meta { margin: 12px 0 0; font-size: 13px; color: var(--wsef-muted); }
.ab-side { position: sticky; top: 90px; }
.ab-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 14px 40px rgba(20,20,30,.09); }
.ab-card-head { position: relative; display: flex; align-items: center; gap: 14px; padding: 24px; color: #fff; background: linear-gradient(135deg, #1b1b1f 0%, #2c2c33 60%, #4a1712 100%); }
.ab-card-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--wsef-red), transparent); }
.ab-card-head img { flex: 0 0 58px; width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.85); }
.ab-card-head small { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: #ff8a7d; }
.ab-card-head strong { display: block; font-size: 18px; line-height: 1.3; color: #fff; }
.ab-list { list-style: none; margin: 0; padding: 8px 24px; }
.ab-list li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--wsef-line); font-size: 15px; color: #333; word-break: break-word; }
.ab-list li:last-child { border-bottom: 0; }
.ab-list li > i { flex: 0 0 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--wsef-red); background: rgba(254,69,54,.09); }
.ab-list li > div { min-width: 0; }
.ab-list small { display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; color: var(--wsef-muted); margin-bottom: 2px; }
.ab-list a { color: #222; font-weight: 500; }
.ab-list a:hover { color: var(--wsef-red); }
.ab-list img { height: 13px; width: auto; vertical-align: -1px; }
.ab-social { padding: 4px 24px 18px; }
.ab-social > small { display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; color: var(--wsef-muted); margin-bottom: 10px; }
.ab-social .social-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ab-social .social-links a { width: 40px; height: 40px; margin: 0; }
.ab-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 18px 24px 24px; background: var(--wsef-soft); }
.ab-cta .pp-btn { justify-content: center; padding: 11px 10px; font-size: 14px; }
@media (max-width: 1199px) {
  .club-kpis { grid-template-columns: repeat(2, 1fr); }
  .ab-grid { grid-template-columns: minmax(0, 1fr) 330px; }
}
@media (max-width: 991px) {
  .ab-grid { grid-template-columns: 1fr; }
  .ab-side { position: static; }
}
@media (max-width: 767px) {
  .club-kpis { gap: 12px; margin: 22px 0; }
  .kp { padding: 18px 16px; gap: 12px; }
  .kp-ic { flex-basis: 48px; width: 48px; height: 48px; font-size: 19px; border-radius: 14px; }
  .kp-tx strong { font-size: 26px; }
  .kp-tx strong.kp-name { font-size: 16px; }
  .ab-main { padding: 26px 20px; }
  .ab-title { font-size: 27px; }
  .ab-facts { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px; }
}
@media (max-width: 575px) {
  .club-kpis { grid-template-columns: 1fr; }
}
html.club-dark .kp, html.club-dark .ab-main, html.club-dark .ab-card { background: #1c1c21; border-color: #2a2a30; box-shadow: 0 14px 40px rgba(0,0,0,.35); }
html.club-dark .kp-tx strong, html.club-dark .ab-facts strong, html.club-dark .ab-title { color: #f2f2f5; }
html.club-dark .kp-av { border-color: #1c1c21; }
html.club-dark .ab-text { color: #c9c9d0; }
html.club-dark .ab-facts span { background: #232329; border-color: #33333a; }
html.club-dark .ab-list li { border-color: #2e2e35; color: #ddd; }
html.club-dark .ab-cta { background: #18181c; }

/* ===== Anasayfa hızlı erişim kutucukları (.feat-sec / .feat-card) ===== */
.feat-sec { position: relative; overflow: hidden; }
.feat-sec::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(620px 320px at 6% 0%, rgba(254,69,54,.10), transparent 70%), radial-gradient(720px 380px at 96% 100%, rgba(47,111,237,.08), transparent 70%); }
.feat-sec > .container { position: relative; z-index: 1; }
html.club-dark .feat-sec::after { opacity: .6; }


.feat-card { position: relative; overflow: hidden; border: 0; border-radius: 18px; padding: 36px 26px 30px; box-shadow: 0 14px 40px rgba(20,20,30,.08); transition: transform .3s, box-shadow .3s; }
.feat-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(160deg, #ff6a4d, var(--wsef-red) 50%, #b3180c); transition: height .35s ease; }
.feat-card > * { position: relative; z-index: 1; }
.feat-card:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -12px rgba(254,69,54,.45); }
.feat-card:hover::before { height: 100%; }
.fc-ic { width: 78px; height: 78px; margin: 0 auto 20px; border-radius: 22px; display: grid; place-items: center; font-size: 30px; color: #fff;
  background: linear-gradient(135deg, #ff6a4d, var(--wsef-red)); box-shadow: 0 14px 26px -10px rgba(254,69,54,.85); transform: rotate(-6deg); transition: transform .3s, background .3s, color .3s; }
.fc-ic i { transform: rotate(6deg); }
.feat-card:hover .fc-ic { background: #fff; color: var(--wsef-red); transform: rotate(0); }
.feat-card .fc-bg { position: absolute; z-index: 0; right: -16px; bottom: -22px; font-size: 118px; color: #000; opacity: .045; transform: rotate(-12deg); transition: color .3s, opacity .3s; }
.feat-card:hover .fc-bg { color: #fff; opacity: .14; }
.feat-card h4 { font-size: 20px; margin-bottom: 8px; }
.feat-card h4 a { color: #1b1b1f; }
.feat-card p { color: var(--wsef-muted); min-height: 3.4em; transition: color .3s; }
.feat-card .wsef-btn { border-radius: 30px; padding-left: 22px; padding-right: 22px; transition: background .3s, color .3s; }
.feat-card:hover h4 a, .feat-card:hover p { color: #fff; }
.feat-card:hover .wsef-btn { background: #fff; color: var(--wsef-red); border-color: #fff; }
html.club-dark .feat-card .fc-bg { color: #fff; }

/* ================= v13: Soy ağacı — aile ağacı diyagramı, biyografi, yönetim ================= */
.r-supreme_master { --rk: #d4a017; --rk2: #f7d358; }
.r-grand_master { --rk: #fe4536; --rk2: #ff8a6b; }
.r-master { --rk: #2f6fed; --rk2: #6f9bff; }
.r-guru { --rk: #1f9d6b; --rk2: #4fd1a0; }

/* Aile ağacı (iç içe ul / li; bağlantı çizgileri ::before / ::after) */
.ft-wrap { --ftl: #c9ccd4; position: relative; overflow: auto; padding: 30px 10px 40px; border-radius: 20px; cursor: grab; scrollbar-width: thin;
  background: radial-gradient(circle at 1px 1px, rgba(20,20,40,.08) 1px, transparent 0) 0 0 / 24px 24px, linear-gradient(180deg, #fbfbfc, #f2f3f6); border: 1px solid var(--wsef-line); }
.ft-wrap.dragging { cursor: grabbing; user-select: none; }
.ft-canvas { display: inline-block; min-width: 100%; }
.ft-tree, .ft-tree ul { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; position: relative; }
.ft-tree ul { padding-top: 30px; }
.ft-tree li { position: relative; display: flex; flex-direction: column; align-items: center; padding: 30px 12px 0; }
.ft-tree > li { padding-top: 0; }
.ft-tree li::before, .ft-tree li::after { content: ""; position: absolute; top: 0; width: 50%; height: 30px; border-top: 2px solid var(--ftl); }
.ft-tree li::before { right: 50%; }
.ft-tree li::after { left: 50%; border-left: 2px solid var(--ftl); }
.ft-tree li:only-child { padding-top: 0; }
.ft-tree li:only-child::before, .ft-tree li:only-child::after, .ft-tree > li::before, .ft-tree > li::after { display: none; }
.ft-tree li:first-child::before, .ft-tree li:last-child::after { border: 0 none; }
.ft-tree li:last-child::before { border-right: 2px solid var(--ftl); border-radius: 0 14px 0 0; }
.ft-tree li:first-child::after { border-radius: 14px 0 0 0; }
.ft-tree ul::before { content: ""; position: absolute; top: 0; left: 50%; height: 30px; border-left: 2px solid var(--ftl); }
.ft-node { position: relative; display: flex; flex-direction: column; align-items: center; width: 190px; padding: 18px 14px 14px; background: #fff; border-radius: 18px;
  border-top: 4px solid var(--rk); box-shadow: 0 12px 30px rgba(20,20,30,.10); color: #1b1b1f; text-align: center; transition: transform .25s, box-shadow .25s; }
.ft-node:hover { transform: translateY(-5px); box-shadow: 0 22px 44px -10px rgba(20,20,30,.25); text-decoration: none; color: #1b1b1f; }
.ft-node.is-current { box-shadow: 0 0 0 3px var(--rk), 0 22px 44px -10px rgba(20,20,30,.3); }
.ft-ph { position: relative; width: 84px; height: 84px; border-radius: 50%; margin-bottom: 10px; padding: 3px; background: linear-gradient(135deg, var(--rk2), var(--rk)); }
.ft-ph img, .ft-ph b { width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; object-fit: cover; display: grid; place-items: center; background: #26262c; color: #fff; font-size: 28px; }
.ft-node.is-passed .ft-ph img { filter: grayscale(.85); }
.ft-live { position: absolute; right: 4px; bottom: 4px; width: 16px; height: 16px; border-radius: 50%; background: #22c55e; border: 3px solid #fff; box-shadow: 0 0 0 0 rgba(34,197,94,.6); animation: ftPulse 2s infinite; }
.ft-rip { position: absolute; right: -2px; bottom: 0; width: 26px; height: 26px; border-radius: 50%; background: #3a3a40; color: #fff; border: 3px solid #fff; font-style: normal; font-size: 13px; line-height: 20px; }
@keyframes ftPulse { 70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
.ft-rank { font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: var(--rk); }
.ft-node strong { font-size: 15px; line-height: 1.3; margin: 3px 0 6px; }
.ft-meta { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12.5px; color: var(--wsef-muted); }
.ft-meta img { margin: 0; }
.ft-go { max-height: 0; overflow: hidden; opacity: 0; font-size: 12px; font-weight: 600; color: var(--rk); transition: max-height .25s, opacity .25s, margin .25s; }
.ft-node:hover .ft-go { max-height: 20px; opacity: 1; margin-top: 6px; }

/* /masters: başlık, lejant, dizin */
.mx-hero { position: relative; overflow: hidden; padding: 56px 0; color: #fff; background: linear-gradient(120deg, #141418 0%, #24242b 55%, #4a1712 100%); }
.mx-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--wsef-red), transparent); }
.mx-hero-in { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; flex-wrap: wrap; }
.mx-hero h1 { color: #fff; font-size: 46px; font-weight: 800; margin: 14px 0 10px; }
.mx-hero p { color: #cfd0d6; max-width: 640px; margin: 0; font-size: 16.5px; }
.mx-stats { display: grid; grid-template-columns: repeat(4, auto); gap: 12px; }
.mx-stats span { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 14px 20px; font-size: 13px; color: #cfd0d6; backdrop-filter: blur(4px); }
.mx-stats strong { display: block; font-size: 30px; font-weight: 800; color: #fff; line-height: 1.1; }
.mx-bar { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.mx-legend { display: flex; flex-wrap: wrap; gap: 8px; }
.mx-legend span { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 20px; background: #fff; border: 1px solid var(--wsef-line); font-size: 13px; font-weight: 500; }
.mx-legend span i { width: 12px; height: 12px; border-radius: 50%; background: var(--rk); }
.mx-legend .lg-live i { background: #22c55e; }
.mx-zoom { display: inline-flex; background: #fff; border: 1px solid var(--wsef-line); border-radius: 12px; overflow: hidden; }
.mx-zoom button { width: 42px; height: 40px; border: 0; background: transparent; color: #333; cursor: pointer; }
.mx-zoom button + button { border-left: 1px solid var(--wsef-line); }
.mx-zoom button:hover { background: var(--wsef-red); color: #fff; }
.ft-main { min-height: 420px; }
.mx-hint { text-align: center; color: var(--wsef-muted); font-size: 13px; margin: 12px 0 0; }
.mx-dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.mx-card { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #fff; border-radius: 16px; border-left: 4px solid var(--rk); box-shadow: 0 10px 28px rgba(20,20,30,.07); color: #1b1b1f; transition: transform .2s, box-shadow .2s; }
.mx-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -10px rgba(20,20,30,.22); text-decoration: none; color: #1b1b1f; }
.mx-ph { flex: 0 0 58px; width: 58px; height: 58px; border-radius: 50%; padding: 2px; background: linear-gradient(135deg, var(--rk2), var(--rk)); }
.mx-ph img, .mx-ph b { width: 100%; height: 100%; border-radius: 50%; border: 2px solid #fff; object-fit: cover; display: grid; place-items: center; background: #26262c; color: #fff; }
.mx-card.passed .mx-ph img { filter: grayscale(.85); }
.mx-tx { min-width: 0; }
.mx-tx small { display: block; font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: var(--rk); }
.mx-tx strong { display: block; font-size: 15px; line-height: 1.3; }
.mx-tx em { display: flex; align-items: center; gap: 6px; font-style: normal; font-size: 12.5px; color: var(--wsef-muted); }
.mx-tx em img { margin: 0; }
.mx-live { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }

/* Biyografi */
.bio-hero { position: relative; padding: 70px 0 44px; color: #fff; background-size: cover; background-position: center; }
.bio-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,12,16,.94) 0%, rgba(12,12,16,.78) 50%, rgba(12,12,16,.45) 100%); }
.bio-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--rk), transparent); }
.bio-hero.passed { filter: saturate(.75); }
.bio-hero-in { position: relative; z-index: 1; display: flex; align-items: center; gap: 40px; }
.bio-portrait { position: relative; flex: 0 0 230px; width: 230px; height: 230px; border-radius: 50%; padding: 5px; background: linear-gradient(135deg, var(--rk2), var(--rk)); box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.bio-portrait img, .bio-portrait b { width: 100%; height: 100%; border-radius: 50%; border: 5px solid #141418; object-fit: cover; display: grid; place-items: center; background: #26262c; font-size: 80px; color: #fff; }
.bio-hero.passed .bio-portrait img { filter: grayscale(.7); }
.bio-status { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 20px; font-size: 12.5px; font-weight: 700; letter-spacing: .5px; }
.bio-status.live { background: #16a34a; color: #fff; }
.bio-status.live i { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: ftPulse 2s infinite; }
.bio-status.rip { background: #2a2a30; color: #e5e5ea; border: 1px solid #45454d; }
.bio-rank { display: inline-block; padding: 5px 14px; border-radius: 20px; background: var(--rk); color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
.bio-id h1 { color: #fff; font-size: 48px; font-weight: 800; line-height: 1.1; margin: 14px 0 6px; }
.bio-hon { color: #e3e3e8; font-size: 18px; margin: 0 0 16px; }
.bio-life { display: flex; flex-wrap: wrap; gap: 10px; }
.bio-life span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); font-size: 14px; color: #f0f0f4; }
.bio-life i { color: var(--rk2); }
.bio-life img { margin: 0; }
.bio-quote { position: relative; margin: 22px 0 0; padding: 14px 20px 14px 50px; max-width: 720px; border-left: 3px solid var(--rk); background: rgba(255,255,255,.06); border-radius: 0 14px 14px 0; font-size: 17px; font-style: italic; color: #f4f4f7; }
.bio-quote i { position: absolute; left: 18px; top: 16px; color: var(--rk2); }
.bio-nav .container-wide { display: flex; flex-wrap: wrap; align-items: center; }
.bio-back { margin-left: auto; }
.bio-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 30px 0 10px; }
.bio-kpis div { background: #fff; border-radius: 16px; padding: 20px 22px; box-shadow: 0 14px 36px rgba(20,20,30,.08); font-size: 13px; color: var(--wsef-muted); border-top: 4px solid var(--wsef-red); }
.bio-kpis i { color: var(--wsef-red); font-size: 20px; }
.bio-kpis strong { display: block; font-size: 32px; font-weight: 800; color: #1b1b1f; line-height: 1.15; margin-top: 6px; }
.bio-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 34px; align-items: start; }
.bio-main { background: #fff; border-radius: 18px; padding: 36px 40px; box-shadow: 0 14px 40px rgba(20,20,30,.07); }
.bio-h { font-size: 32px; font-weight: 800; margin-bottom: 16px; }
.bio-text { font-size: 16.5px; line-height: 1.85; color: #44464b; }
.bio-h3 { font-size: 19px; margin: 28px 0 14px; }
.bio-h3 i { color: var(--wsef-red); margin-right: 6px; }
.bio-ach { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.bio-ach li { position: relative; padding: 12px 16px 12px 44px; background: var(--wsef-soft); border-radius: 12px; border: 1px solid var(--wsef-line); }
.bio-ach li::before { content: "\f091"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 16px; top: 12px; color: var(--gold); }
.bio-side { position: sticky; top: 90px; }
/* Zaman çizelgesi: ortada çizgi, kartlar sağlı sollu */
.bio-tl { position: relative; max-width: 1100px; margin: 0 auto; padding: 10px 0; }
.bio-tl::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; margin-left: -2px; border-radius: 4px; background: linear-gradient(180deg, var(--wsef-red), #2f6fed 60%, #1f9d6b); }
.bio-tl-item { position: relative; width: 50%; padding: 0 44px 34px; }
.bio-tl-item.left { margin-right: 50%; text-align: right; }
.bio-tl-item.right { margin-left: 50%; }
.bio-tl-dot { position: absolute; top: 6px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--wsef-red); border: 3px solid var(--wsef-red); box-shadow: 0 8px 18px -6px rgba(0,0,0,.3); z-index: 1; }
.bio-tl-item.left .bio-tl-dot { right: -23px; }
.bio-tl-item.right .bio-tl-dot { left: -23px; }
.bio-tl-item.k-birth .bio-tl-dot { background: #1f9d6b; border-color: #1f9d6b; color: #fff; }
.bio-tl-item.k-death .bio-tl-dot { background: #2a2a30; border-color: #2a2a30; color: #fff; }
.bio-tl-item.k-award .bio-tl-dot { color: var(--gold); border-color: var(--gold); }
.bio-tl-item.k-teaching .bio-tl-dot { color: #2f6fed; border-color: #2f6fed; }
.bio-tl-item.k-family .bio-tl-dot { color: #e0457b; border-color: #e0457b; }
.bio-tl-card { display: inline-block; text-align: left; width: 100%; max-width: 460px; background: #fff; border-radius: 16px; padding: 18px 22px; box-shadow: 0 12px 30px rgba(20,20,30,.09); }
.bio-tl-year { display: inline-block; font-size: 26px; font-weight: 800; color: var(--wsef-red); line-height: 1; }
.bio-tl-card small { display: block; margin-top: 6px; font-size: 11.5px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 600; }
.bio-tl-card h4 { font-size: 18px; margin: 6px 0 4px; }
.bio-tl-card p { margin: 0; color: #55575c; font-size: 14.5px; }
.bio-tl-card img { margin-top: 12px; width: 100%; max-height: 220px; object-fit: cover; border-radius: 12px; }
.bio-tl-now { position: relative; text-align: center; z-index: 1; }
.bio-tl-now span { display: inline-block; padding: 8px 20px; border-radius: 20px; background: #16a34a; color: #fff; font-weight: 700; box-shadow: 0 10px 22px -8px rgba(22,163,74,.8); }
.ft-bio { background: transparent; border: 0; cursor: default; padding: 10px 0 20px; }
.bio-more { text-align: center; color: var(--wsef-muted); margin-top: 16px; }
/* Galeri: sütunlu (masonry) */
.bio-gal { columns: 4 260px; column-gap: 16px; }
.bio-ph { position: relative; display: block; margin: 0 0 16px; border-radius: 16px; overflow: hidden; break-inside: avoid; box-shadow: 0 12px 28px rgba(20,20,30,.12); }
.bio-ph img { width: 100%; display: block; transition: transform .5s; }
.bio-ph:hover img { transform: scale(1.06); }
.bio-ph.bio-off { display: none; }
.bio-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 14px; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,.82), transparent); }
.bio-cap em { display: block; font-style: normal; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #ffb3a8; font-weight: 700; }
.bio-cap strong { display: block; font-size: 15px; }
.bio-cap small { display: block; font-size: 12.5px; color: #ddd; }
.bio-vids { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 24px; }
.bio-vids figure { margin: 0; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px rgba(20,20,30,.1); }
.bio-vids figcaption { padding: 14px 18px; }
.bio-vids figcaption strong { display: block; }
.bio-vids figcaption small { color: var(--wsef-muted); }
/* Aile */
.bio-famnote { display: flex; gap: 16px; max-width: 900px; margin: 0 auto 30px; padding: 20px 24px; background: #fff; border-radius: 16px; box-shadow: 0 12px 30px rgba(20,20,30,.07); }
.bio-famnote i { flex: 0 0 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(224,69,123,.12); color: #e0457b; font-size: 18px; }
.bio-famnote p { margin: 0; color: #4a4c50; }
.bio-fam { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 20px; }
.bio-fcard { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 18px; background: #fff; border-radius: 18px; box-shadow: 0 12px 30px rgba(20,20,30,.08); color: #1b1b1f; border-top: 4px solid #e0457b; transition: transform .2s; }
a.bio-fcard:hover { transform: translateY(-4px); text-decoration: none; color: #1b1b1f; }
.bio-fcard img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 0 0 3px #e0457b; margin-bottom: 12px; }
.bio-fcard.passed img { filter: grayscale(.8); box-shadow: 0 0 0 3px #9ea7ad; }
.bio-rel { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: #e0457b; }
.bio-fcard strong { font-size: 16px; margin: 2px 0; }
.bio-fcard small { color: var(--wsef-muted); }
.bio-fcard p { margin: 8px 0 0; font-size: 13.5px; color: #55575c; }
.bio-fcard em { margin-top: 10px; font-style: normal; font-size: 13px; font-weight: 600; color: var(--wsef-red); }

/* Panel: soy ağacı yöneticisi */
.ln-wrap { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }
.ln-side { position: sticky; top: 20px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 4px 18px rgba(0,0,0,.05); }
.ln-side-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; }
.ln-side-head strong i { color: var(--wsef-red); }
.ln-search { margin-bottom: 10px; border-radius: 10px; }
.ln-list { display: grid; gap: 4px; max-height: 70vh; overflow-y: auto; }
.ln-list a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; color: #333; }
.ln-list a:hover { background: #f4f5f7; text-decoration: none; }
.ln-list a.active { background: rgba(254,69,54,.1); }
.ln-list b { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; }
.ln-list small { display: block; font-size: 11.5px; color: #888; }
.ln-list small i { font-size: 10px; margin-right: 4px; }
.ln-av { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #26262c; color: #fff; font-weight: 700; box-shadow: 0 0 0 2px var(--rk, var(--wsef-red)); }
.ln-av img { width: 100%; height: 100%; object-fit: cover; }
.ln-av.passed img { filter: grayscale(.8); }
.ln-av.ln-all { background: var(--wsef-red); }
.ln-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 24px; }
.ln-stats div { background: #fff; border-radius: 14px; padding: 16px 18px; box-shadow: 0 4px 18px rgba(0,0,0,.05); color: #777; font-size: 13px; }
.ln-stats i { color: var(--wsef-red); }
.ln-stats strong { display: block; font-size: 26px; color: #1b1b1f; }
.ft-mini { max-height: 520px; }
.ln-help li { margin-bottom: 8px; }
.ln-head { position: relative; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 22px 24px; margin-bottom: 18px; border-radius: 16px; color: #fff; background: linear-gradient(120deg, #1b1b1f, #2c2c33 60%, #4a1712); }
.ln-head > img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.85); }
.ln-head.passed > img { filter: grayscale(.8); }
.ln-head small { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #ff8a7d; font-weight: 700; }
.ln-head h2 { color: #fff; font-size: 26px; margin: 2px 0 6px; }
.ln-life { font-size: 13.5px; color: #d6d6dc; margin-left: 8px; }
.ln-head-act { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.ln-head-act form { margin: 0; }
.ln-del:hover { background: #b3261e !important; border-color: #b3261e !important; color: #fff !important; }
.ln-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.ln-tabs a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 10px; background: #fff; border: 1px solid var(--wsef-line); color: #444; font-weight: 500; }
.ln-tabs a:hover { text-decoration: none; border-color: var(--wsef-red); color: var(--wsef-red); }
.ln-tabs a.active { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.ln-tabs a b { font-size: 11px; padding: 1px 7px; border-radius: 10px; background: rgba(0,0,0,.08); }
.ln-tabs a.active b { background: rgba(255,255,255,.25); }
.ln-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ln-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ln-check { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; margin: 0 0 24px; cursor: pointer; }
.ln-check small { color: #888; font-weight: 400; }
.ln-check.sm { margin: 8px 0 0; font-size: 13px; }
.ln-file { display: flex; gap: 14px; align-items: center; }
.ln-file > img { flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.ln-file.wide > img { flex-basis: 120px; width: 120px; border-radius: 10px; }
.ln-file > div { flex: 1; min-width: 0; }
.ln-bar { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.ln-bar .pf-head { flex: 1; border: 0; margin-bottom: 8px; }
.ln-empty { color: #888; padding: 10px 0; margin: 0; }
.ln-tl { display: grid; gap: 10px; }
.ln-tl-item { display: grid; grid-template-columns: 64px 40px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--wsef-line); border-radius: 12px; }
.ln-tl-year { font-size: 20px; font-weight: 800; color: var(--wsef-red); }
.ln-tl-ic { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(254,69,54,.1); color: var(--wsef-red); }
.ln-tl-body strong { display: block; }
.ln-tl-body small { color: #888; }
.ln-tl-body p { margin: 4px 0 0; font-size: 13.5px; color: #555; }
.ln-tl-item > img { width: 64px; height: 48px; object-fit: cover; border-radius: 8px; }
.ln-media { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.ln-mcard { position: relative; background: #fff; border: 1px solid var(--wsef-line); border-radius: 14px; overflow: hidden; }
.ln-mthumb { position: relative; aspect-ratio: 16 / 10; background: #1b1b1f; }
.ln-mthumb img { width: 100%; height: 100%; object-fit: cover; }
.ln-mthumb .pp-pill { position: absolute; left: 10px; top: 10px; }
.ln-vid { display: grid; place-items: center; align-content: center; gap: 4px; height: 100%; color: #fff; font-size: 34px; }
.ln-vid small { font-size: 12px; color: #aaa; }
.ln-mcard form:first-of-type { display: grid; gap: 8px; padding: 12px; }
.ln-mcard .form-control { height: 36px; font-size: 13.5px; border-radius: 8px; }
.ln-mrow { display: grid; grid-template-columns: 1.4fr 1fr .7fr; gap: 6px; }
.ln-mdel { position: absolute; right: 8px; top: 8px; background: rgba(255,255,255,.92); }
.ln-fam { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.ln-fcard { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--wsef-line); border-radius: 12px; }
.ln-fcard > img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.ln-fcard > div:nth-child(2) { flex: 1; min-width: 0; }
.ln-fcard small { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #e0457b; font-weight: 700; }
.ln-fcard strong { display: block; }
.ln-fcard span { font-size: 12.5px; color: #888; }

@media (max-width: 1199px) {
  .bio-grid { grid-template-columns: minmax(0, 1fr) 320px; }
  .ln-wrap { grid-template-columns: 250px minmax(0, 1fr); }
  .ln-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991px) {
  .bio-hero-in { flex-direction: column; text-align: center; gap: 30px; }
  .bio-life { justify-content: center; }
  .bio-quote { margin-left: auto; margin-right: auto; text-align: left; }
  .bio-grid { grid-template-columns: 1fr; }
  .bio-side { position: static; }
  .bio-kpis { grid-template-columns: repeat(2, 1fr); }
  .ln-wrap { grid-template-columns: 1fr; }
  .ln-side { position: static; }
  .ln-list { max-height: 260px; }
  .mx-stats { grid-template-columns: repeat(2, auto); }
}
@media (max-width: 767px) {
  .mx-hero { padding: 36px 0; }
  .mx-hero h1 { font-size: 32px; }
  .bio-hero { padding: 44px 0 36px; }
  .bio-portrait { flex-basis: 170px; width: 170px; height: 170px; }
  .bio-id h1 { font-size: 32px; }
  .bio-main { padding: 24px 18px; }
  .bio-h { font-size: 26px; }
  .bio-tl::before { left: 22px; }
  .bio-tl-item, .bio-tl-item.left, .bio-tl-item.right { width: auto; margin: 0; padding: 0 0 24px 64px; text-align: left; }
  .bio-tl-item.left .bio-tl-dot, .bio-tl-item.right .bio-tl-dot { left: 0; right: auto; }
  .bio-tl-now { text-align: left; }
  .bio-vids { grid-template-columns: 1fr; }
  .ln-grid, .ln-grid.three { grid-template-columns: 1fr; }
  .ln-tl-item { grid-template-columns: 52px minmax(0, 1fr) auto; }
  .ln-tl-ic, .ln-tl-item > img { display: none; }
  .ft-node { width: 160px; }
}
@media (max-width: 575px) {
  .bio-kpis { gap: 10px; }
  .bio-kpis div { padding: 14px; }
  .bio-kpis strong { font-size: 24px; }
  .mx-stats { width: 100%; }
}
html.club-dark .ft-wrap { --ftl: #45454d; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0) 0 0 / 24px 24px, #141418; border-color: #2a2a30; }
html.club-dark .ft-node, html.club-dark .mx-card, html.club-dark .bio-kpis div, html.club-dark .bio-main, html.club-dark .bio-tl-card, html.club-dark .bio-vids figure,
html.club-dark .bio-famnote, html.club-dark .bio-fcard, html.club-dark .mx-legend span, html.club-dark .mx-zoom { background: #1c1c21; border-color: #2a2a30; color: #e5e5ea; }
html.club-dark .ft-node strong, html.club-dark .mx-tx strong, html.club-dark .bio-kpis strong, html.club-dark .bio-h, html.club-dark .bio-tl-card h4, html.club-dark .bio-fcard strong { color: #f2f2f5; }
html.club-dark .bio-text, html.club-dark .bio-tl-card p, html.club-dark .bio-famnote p, html.club-dark .bio-fcard p { color: #c9c9d0; }
html.club-dark .bio-ach li { background: #232329; border-color: #33333a; }
html.club-dark .bio-tl-dot { background: #1c1c21; }
html.club-dark .mx-zoom button { color: #eee; }
/* Sayfa oluşturucu: görsel alanı önizlemesi (gerçek oran + boyut rozeti) */
.bi-prev { position: relative; display: inline-block; max-width: 100%; margin-bottom: 8px; border-radius: 10px; overflow: hidden; border: 1px solid var(--wsef-line); background: #f4f5f7; }
.bi-prev img { display: block; max-width: 100%; max-height: 220px; width: auto; height: auto; }
.bi-prev.wide { display: block; }
.bi-prev.wide img { width: 100%; max-height: none; aspect-ratio: 16 / 7; object-fit: cover; }
.bi-dim { position: absolute; right: 8px; bottom: 8px; padding: 3px 9px; border-radius: 8px; background: rgba(0,0,0,.72); color: #fff; font-size: 12px; font-weight: 600; }
.bi-dim.low { background: #b3261e; }
.bi-warn { display: block; margin: 0 0 8px; color: #b3261e; font-weight: 600; }
.bi-rec { display: block; margin: 0 0 8px; color: #777; font-size: 12.5px; }
/* insta3 "orijinal oran": görseller kırpılmadan tam ölçüsüyle, yan yana, kısa boşlukla */
.insta3.rorig .insta3-row { gap: 12px; align-items: start; }
.insta3-pic { display: block; width: 100%; height: auto; transition: transform .5s; }
.insta3-item:hover .insta3-pic { transform: scale(1.04); }
.insta3.rorig .insta3-cap { min-height: 0; padding: 40px 16px 18px; font-size: 20px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); }
.insta3.rorig .insta3-cap::after { margin-top: 10px; }
@media (max-width: 991px) { .insta3.rorig .insta3-row { gap: 8px; } .insta3.rorig .insta3-cap { font-size: 15px; padding: 28px 10px 12px; } }
@media (max-width: 575px) { .insta3.rorig .insta3-row { gap: 12px; } }
/* ================= v14: Açılır duyurular (bloklu modal), oluşturucu, liste, formlar, gelen kutusu, kontrol paneli ================= */
/* --- Modal (sitede ve oluşturucu önizlemesinde aynı sınıflar) */
.pb-modal .modal-dialog.pb-size-sm, .pb-frame.pb-size-sm { max-width: 420px; }
.pb-modal .modal-dialog.pb-size-md, .pb-frame.pb-size-md { max-width: 540px; }
.pb-modal .modal-dialog.pb-size-lg, .pb-frame.pb-size-lg { max-width: 760px; }
.pb-accent-red { --pa: #fe4536; --pa2: #ff7a5c; }
.pb-accent-blue { --pa: #2f6fed; --pa2: #6f9bff; }
.pb-accent-gold { --pa: #c9960c; --pa2: #f2c94c; }
.pb-accent-green { --pa: #1f9d6b; --pa2: #4fd1a0; }
.pb-accent-purple { --pa: #7c3aed; --pa2: #a78bfa; }
.pb-modal .modal-content, .pb-frame .modal-content { position: relative; border: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.35); border-top: 5px solid var(--pa); }
.pb-theme-light { background: #fff; color: #33353a; }
.pb-theme-dark { background: #16161a; color: #d7d7de; }
.pb-theme-gradient { background: linear-gradient(150deg, #1b1b1f 0%, #2c2c33 45%, var(--pa) 160%); color: #e8e8ee; }
.pb-close, .pb-close-fake { position: absolute; right: 14px; top: 10px; z-index: 3; font-size: 28px; line-height: 1; opacity: .6; color: inherit; text-shadow: none; }
.pb-theme-dark .pb-close, .pb-theme-gradient .pb-close, .pb-theme-dark .pb-close-fake, .pb-theme-gradient .pb-close-fake { color: #fff; }
.pb-type { display: inline-block; margin: 18px 0 0 26px; padding: 4px 12px; border-radius: 20px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: var(--pa); background: rgba(127,127,127,.12); }
.pb-body { padding: 22px 28px 28px; }
.pb-align-center .pb-body { text-align: center; }
.pb-body > * + * { margin-top: 14px; }
.pb-kicker { display: inline-block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 800; color: var(--pa); }
.pb-h { margin: 0; font-weight: 800; line-height: 1.15; color: #16161a; }
.pb-theme-dark .pb-h, .pb-theme-gradient .pb-h { color: #fff; }
.pb-h-xl { font-size: 34px; }
.pb-h-lg { font-size: 27px; }
.pb-h-md { font-size: 21px; }
.pb-text { font-size: 15.5px; line-height: 1.7; }
.pb-text p:last-child { margin-bottom: 0; }
.pb-theme-dark .pb-text, .pb-theme-gradient .pb-text { color: #cfd0d8; }
.pb-img { display: block; width: 100%; border-radius: 14px; }
.pb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 26px; border-radius: 40px; font-weight: 700; font-size: 15px; transition: transform .2s, box-shadow .2s; border: 2px solid var(--pa); }
.pb-btn:hover { transform: translateY(-2px); text-decoration: none; }
.pb-btn-primary { background: linear-gradient(135deg, var(--pa2), var(--pa)); color: #fff !important; box-shadow: 0 12px 24px -10px var(--pa); }
.pb-btn-dark { background: #16161a; border-color: #16161a; color: #fff !important; }
.pb-btn-ghost { background: transparent; color: var(--pa) !important; }
.pb-theme-dark .pb-btn-dark, .pb-theme-gradient .pb-btn-dark { background: #fff; border-color: #fff; color: #16161a !important; }
.pb-full { display: flex; width: 100%; }
.pb-event { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: 14px; background: rgba(0,0,0,.04); color: inherit; text-align: left; }
.pb-theme-dark .pb-event, .pb-theme-gradient .pb-event { background: rgba(255,255,255,.08); }
.pb-event:hover { text-decoration: none; color: inherit; }
.pb-event > i { margin-left: auto; opacity: .5; }
.pb-ev-date { flex: 0 0 54px; height: 58px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--pa); color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; }
.pb-ev-date b { font-size: 22px; line-height: 1; }
.pb-ev-tx strong { display: block; font-size: 15.5px; }
.pb-ev-tx small { opacity: .75; }
.pb-event.cancelled .pb-ev-date { background: #6b6e75; }
.pb-event.cancelled strong { text-decoration: line-through; }
.pb-count em { display: block; font-style: normal; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; opacity: .7; margin-bottom: 8px; }
.pb-count > div { display: flex; gap: 10px; justify-content: center; }
.pb-align-left .pb-count > div { justify-content: flex-start; }
.pb-count span { min-width: 66px; padding: 10px 8px; border-radius: 12px; background: rgba(0,0,0,.05); }
.pb-theme-dark .pb-count span, .pb-theme-gradient .pb-count span { background: rgba(255,255,255,.08); }
.pb-count b { display: block; font-size: 26px; font-weight: 800; color: var(--pa); line-height: 1.1; }
.pb-count small { font-size: 11px; text-transform: uppercase; opacity: .7; }
.pb-list { list-style: none; padding: 0; margin: 0; display: inline-block; text-align: left; }
.pb-list li { position: relative; padding: 4px 0 4px 30px; }
.pb-list li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; line-height: 20px; text-align: center; color: #fff; background: var(--pa); }
.pb-quote { margin: 0; padding: 14px 18px; border-left: 4px solid var(--pa); border-radius: 0 12px 12px 0; background: rgba(0,0,0,.04); font-style: italic; text-align: left; }
.pb-quote cite { display: block; margin-top: 6px; font-style: normal; font-weight: 700; font-size: 13px; }
.pb-hr { border: 0; height: 1px; background: currentColor; opacity: .15; }
.pb-sp-sm { height: 6px; }
.pb-sp-md { height: 18px; }
.pb-sp-lg { height: 36px; }
.pb-body .popup-form { text-align: left; }
.pb-body .popup-form .wsef-btn { width: 100%; background: linear-gradient(135deg, var(--pa2), var(--pa)); border-radius: 40px; }
.pb-theme-dark .popup-form label, .pb-theme-gradient .popup-form label { color: #e5e5ea; }

/* --- Oluşturucu */
.pb-top { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; padding: 16px 18px; margin-bottom: 18px; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,.05); position: sticky; top: 0; z-index: 20; }
.pb-top label { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #888; font-weight: 700; margin-bottom: 4px; }
.pb-top .form-control { height: 42px; border-radius: 10px; }
.pb-back { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: #f1f2f5; color: #333; }
.pb-name { flex: 1 1 260px; }
.pb-kind { flex: 0 1 220px; }
.pb-top .pb-switch { display: inline-flex; align-items: center; gap: 8px; height: 42px; margin: 0; font-size: 14px; letter-spacing: 0; text-transform: none; color: #333; font-weight: 600; cursor: pointer; }
.pb-switch input { display: none; }
.pb-switch span { position: relative; width: 44px; height: 24px; border-radius: 20px; background: #cfd2d8; transition: background .2s; }
.pb-switch span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: left .2s; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.pb-switch input:checked + span { background: #16a34a; }
.pb-switch input:checked + span::after { left: 23px; }
.pb-actions { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.pb-grid { display: grid; grid-template-columns: 200px minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.pb-palette, .pb-inspector { position: sticky; top: 96px; background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 4px 18px rgba(0,0,0,.05); max-height: calc(100vh - 120px); overflow-y: auto; }
.pb-palette h5 { font-size: 15px; margin-bottom: 4px; }
.pb-palette h5 i { color: var(--wsef-red); }
.pb-pal { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pb-pal-item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border: 1px solid var(--wsef-line); border-radius: 12px; background: #fafbfc; color: #333; font-size: 12px; font-weight: 600; cursor: grab; transition: all .2s; }
.pb-pal-item i { font-size: 18px; color: var(--wsef-red); }
.pb-pal-item:hover { border-color: var(--wsef-red); background: #fff; transform: translateY(-2px); box-shadow: 0 8px 18px -8px rgba(254,69,54,.5); }
.pb-stage { min-width: 0; }
.pb-stage-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 13px; font-weight: 600; color: #666; }
.pb-device { display: inline-flex; background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid var(--wsef-line); }
.pb-device button { border: 0; background: none; width: 38px; height: 32px; color: #777; cursor: pointer; }
.pb-device button.active { background: var(--wsef-red); color: #fff; }
.pb-backdrop { padding: 40px 20px; border-radius: 18px; min-height: 520px; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.12) 1px, transparent 0) 0 0 / 20px 20px, linear-gradient(135deg, #2a2a31, #111114); }
.pb-frame { margin: 0 auto; transition: max-width .3s; }
.pb-frame.pb-mobile { max-width: 360px !important; }
.pb-canvas { min-height: 160px; }
.pb-item { position: relative; margin: 0 -10px; padding: 8px 10px; border: 2px dashed transparent; border-radius: 12px; cursor: pointer; transition: border-color .15s, background .15s; }
.pb-body > .pb-item + .pb-item { margin-top: 6px; }
.pb-item:hover { border-color: rgba(47,111,237,.45); }
.pb-item.selected { border: 2px solid #2f6fed; background: rgba(47,111,237,.05); }
.pb-item.dragging { opacity: .4; }
.pb-item-tag, .pb-item-tools { position: absolute; top: -12px; z-index: 2; display: none; align-items: center; gap: 4px; border-radius: 8px; background: #2f6fed; color: #fff; font-size: 11px; font-weight: 600; font-style: normal; letter-spacing: 0; text-transform: none; }
.pb-item-tag { left: 10px; padding: 2px 8px; }
.pb-item-tools { right: 10px; padding: 0; overflow: hidden; }
.pb-item-tools button { border: 0; background: none; color: #fff; width: 26px; height: 22px; cursor: pointer; font-size: 11px; }
.pb-item-tools button:hover { background: rgba(0,0,0,.2); }
.pb-item:hover .pb-item-tag, .pb-item.selected .pb-item-tag, .pb-item:hover .pb-item-tools, .pb-item.selected .pb-item-tools { display: inline-flex; }
.pb-item-body a { pointer-events: none; }
.pb-drop { height: 4px; margin: 4px 0; border-radius: 4px; background: #2f6fed; box-shadow: 0 0 0 4px rgba(47,111,237,.2); }
.pb-empty, .pb-noprops { text-align: center; padding: 40px 16px; color: #999; border: 2px dashed #d7d9de; border-radius: 14px; }
.pb-theme-dark .pb-empty, .pb-theme-gradient .pb-empty { border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.6); }
.pb-empty i, .pb-noprops i { font-size: 28px; margin-bottom: 8px; opacity: .6; }
.pb-noprops { border-color: transparent; }
.pb-ph { display: grid; place-items: center; align-content: center; gap: 6px; min-height: 120px; border-radius: 14px; background: rgba(0,0,0,.05); color: #999; font-size: 30px; }
.pb-ph small { font-size: 12px; }
.pb-ph.video { background: #0f0f10; color: #ff3d3d; aspect-ratio: 16 / 9; }
.pb-tabs { display: flex; gap: 4px; padding: 4px; margin-bottom: 14px; border-radius: 12px; background: #f1f2f5; }
.pb-tabs button { flex: 1; border: 0; background: none; padding: 8px; border-radius: 9px; font-weight: 600; font-size: 13px; color: #666; cursor: pointer; }
.pb-tabs button.active { background: #fff; color: #111; box-shadow: 0 2px 6px rgba(0,0,0,.08); }
.pb-pane { display: none; }
.pb-pane.active { display: block; }
.pb-inspector .pf-row { margin-bottom: 14px; }
.pb-inspector .pf-row > label { font-size: 13px; }
.pb-inspector .form-control { min-height: 40px; font-size: 14px; }
.pb-prop-head { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--wsef-line); }
.pb-prop-head i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(47,111,237,.1); color: #2f6fed; }
.pb-pending { display: block; margin-bottom: 6px; color: #1f9d6b; font-weight: 600; }
.pb-bottom { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; margin-top: 18px; }
.pb-aud-grp { margin-bottom: 12px; }
.pb-aud-grp > small { display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #888; font-weight: 700; margin-bottom: 6px; }
.pb-aud-grp > div { display: flex; flex-wrap: wrap; gap: 8px; }
.pb-chip { position: relative; margin: 0; cursor: pointer; }
.pb-chip input { position: absolute; opacity: 0; pointer-events: none; }
.pb-chip span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 20px; border: 1px solid var(--wsef-line); background: #fff; font-size: 13.5px; font-weight: 500; transition: all .15s; }
.pb-chip span::before { content: "+"; font-weight: 700; color: #aaa; }
.pb-chip input:checked + span { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.pb-chip input:checked + span::before { content: "\2713"; color: #fff; }
.pb-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(254,69,54,.3); }
.pb-aud-sum { margin: 6px 0 0; padding: 10px 14px; border-radius: 10px; background: #f6f7f9; font-size: 13.5px; }
.pb-aud-sum i { color: var(--wsef-red); }
.pb-sched { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.pb-tpls { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.pb-tpl { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px; text-align: left; border: 1px solid var(--wsef-line); border-radius: 14px; background: #fff; cursor: pointer; transition: all .2s; }
.pb-tpl i { font-size: 22px; color: var(--wsef-red); margin-bottom: 6px; }
.pb-tpl small { color: #777; }
.pb-tpl:hover { border-color: var(--wsef-red); transform: translateY(-3px); box-shadow: 0 14px 30px -14px rgba(254,69,54,.6); }
.pb-formprev .form-control { background: rgba(255,255,255,.9); }

/* --- KPI kartları (liste + kontrol paneli) */
.db-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin-bottom: 22px; }
.db-kpis > * { --kc: var(--wsef-red); position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 18px; background: #fff; border-radius: 16px; box-shadow: 0 8px 26px rgba(20,20,30,.06); color: #222; border-bottom: 3px solid var(--kc); transition: transform .2s; }
.db-kpis > a:hover { transform: translateY(-3px); text-decoration: none; color: #222; }
.db-kpis > * > i { flex: 0 0 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; font-size: 19px; color: #fff; background: var(--kc); box-shadow: 0 10px 20px -8px var(--kc); }
.db-kpis strong { display: block; font-size: 26px; font-weight: 800; line-height: 1.1; }
.db-kpis span { font-size: 13px; color: #777; }
.db-kpis em { display: block; font-style: normal; font-size: 12px; font-weight: 600; color: #999; margin-top: 2px; }
.db-kpis em.up { color: #16a34a; }
.db-kpis em.down { color: #dc2626; }
.db-kpis em span { font-weight: 400; }
.db-kpis.sm strong { font-size: 22px; }
.k-red { --kc: #fe4536; }
.k-blue { --kc: #2f6fed; }
.k-green { --kc: #1f9d6b; }
.k-gold { --kc: #d4a017; }
.k-purple { --kc: #7c3aed; }
.k-teal { --kc: #0d9488; }

/* --- Duyuru listesi */
.pb-listbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pb-bulkbar, .pb-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pb-bulkbar .form-control, .pb-filters .form-control { height: 38px; min-width: 150px; width: auto; border-radius: 10px; font-size: 14px; }
.pb-bulk-aud { padding: 14px; margin-bottom: 14px; border-radius: 12px; background: #f8f9fb; border: 1px dashed #d7d9de; }
.pb-cell { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.pb-kicon { flex: 0 0 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: #6b6e75; }
.pb-kicon.k-announcement { background: #2f6fed; }
.pb-kicon.k-advert { background: #d4a017; }
.pb-kicon.k-funnel { background: #fe4536; }
.pb-kicon.k-cancelled_event { background: #52525b; }
.pb-kicon.k-special_event, .pb-kicon.k-required_event { background: #7c3aed; }
.pb-kicon.k-match { background: #0d9488; }
.pb-kicon.k-custom_html { background: #1b1b1f; }
.pb-title { display: block; font-weight: 700; color: #1b1b1f; }
.pb-cell small { color: #888; font-size: 12px; }
.pb-auds { display: flex; flex-wrap: wrap; gap: 4px; max-width: 260px; }
.pb-tag { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 600; background: #eef2ff; color: #3730a3; }
.pb-tag.all { background: #ecfdf5; color: #047857; }
.pb-tag.more { background: #f1f2f5; color: #555; }
.pb-tag.cty { background: #fff7ed; color: #9a3412; }
.pb-sch { color: #666; line-height: 1.4; }
.pb-prio { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-weight: 800; font-size: 13px; background: #f1f2f5; }
.pb-prio.p3 { background: #fee2e2; color: #b91c1c; }
.pb-prio.p2 { background: #fef3c7; color: #92400e; }
.pb-perf { display: grid; grid-template-columns: auto auto; gap: 2px 10px; font-size: 12.5px; color: #555; min-width: 130px; }
.pb-bar { grid-column: 1 / -1; display: block; height: 5px; border-radius: 4px; background: #eef0f3; overflow: hidden; }
.pb-bar b { display: block; height: 100%; background: linear-gradient(90deg, #ff7a5c, #fe4536); }
.pb-perf small { grid-column: 1 / -1; font-weight: 700; color: #1b1b1f; }
.pb-state { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 20px; border: 0; font-size: 12.5px; font-weight: 700; cursor: pointer; background: #f1f2f5; color: #666; }
.pb-state i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pb-state.s-on { background: #dcfce7; color: #15803d; }
.pb-state.s-on i { animation: ftPulse 2s infinite; }
.pb-state.s-wait { background: #dbeafe; color: #1d4ed8; }
.pb-state.s-end { background: #f3f4f6; color: #9ca3af; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #c4c7ce; margin-right: 6px; }
.dot.on { background: #22c55e; }

/* --- Form kartları */
.fm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.fm-card { display: flex; flex-direction: column; gap: 16px; padding: 22px; background: #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(20,20,30,.07); border-top: 4px solid var(--wsef-red); }
.fm-head { display: flex; gap: 12px; align-items: center; }
.fm-ic { flex: 0 0 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: #fff; font-size: 18px; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.fm-head h3 { font-size: 18px; margin: 0; }
.fm-head small { color: #888; }
.fm-funnel { display: grid; gap: 6px; justify-items: center; }
.fm-stage { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; color: #fff; font-size: 13px; clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%); }
.fm-stage.s1 { background: linear-gradient(90deg, #2f6fed, #6f9bff); }
.fm-stage.s2 { background: linear-gradient(90deg, #fe4536, #ff7a5c); min-width: 200px; }
.fm-stage strong { font-size: 18px; }
.fm-rate { display: flex; align-items: baseline; gap: 6px; }
.fm-rate strong { font-size: 24px; font-weight: 800; color: #1b1b1f; }
.fm-rate span { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; }
.fm-spark { position: relative; display: flex; align-items: flex-end; gap: 3px; height: 54px; padding-bottom: 16px; }
.fm-spark i { flex: 1; border-radius: 3px 3px 0 0; background: #eceef2; }
.fm-spark i.on { background: linear-gradient(0deg, #fe4536, #ff9a7d); }
.fm-spark small { position: absolute; left: 0; bottom: 0; font-size: 11px; color: #999; }
.fm-mini { padding: 14px; border-radius: 14px; background: #f8f9fb; border: 1px solid #eef0f3; }
.fm-field { margin-bottom: 8px; }
.fm-field span { display: block; font-size: 12px; font-weight: 600; color: #555; margin-bottom: 3px; }
.fm-field span i { color: var(--wsef-red); width: 14px; }
.fm-field span b { color: var(--wsef-red); }
.fm-field em { display: block; height: 26px; border-radius: 7px; background: #fff; border: 1px solid #e3e5ea; }
.fm-field.t-textarea em { height: 44px; }
.fm-field.t-checkbox em { width: 16px; height: 16px; }
.fm-more { font-size: 12px; color: #888; margin-bottom: 8px; }
.fm-btn { padding: 7px; border-radius: 20px; text-align: center; font-size: 12.5px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.fm-camps small { display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #888; font-weight: 700; margin-bottom: 6px; }
.fm-camps a { display: flex; align-items: center; padding: 6px 0; font-size: 13.5px; color: #333; border-bottom: 1px solid #f1f2f5; }
.fm-camps a span { margin-left: auto; font-size: 12px; color: #888; }
.fm-foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 10px; border-top: 1px solid #f1f2f5; }
.fm-card.fm-new { align-items: center; justify-content: center; min-height: 320px; border: 2px dashed #d7d9de; background: transparent; box-shadow: none; color: #777; text-align: center; }
.fm-new i { width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; font-size: 22px; color: #fff; background: var(--wsef-red); }
.fm-new:hover { border-color: var(--wsef-red); color: var(--wsef-red); text-decoration: none; }
.fb-canvas { min-height: 140px; }
.fb-canvas .form-group { margin: 0; }
.fb-check { font-weight: 500; }
.fb-submit { width: 100%; margin-top: 10px; }

/* --- Gelen kutusu ekleri */
.gm-labels { margin-top: 14px; padding-top: 10px; border-top: 1px solid #eee; }
.gm-labels > small { display: block; padding: 0 16px 6px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #999; font-weight: 700; }
.gm-labels em { margin-left: auto; font-style: normal; font-size: 12px; color: #999; }
.gm-folders a i.gm-lb { width: 12px; height: 12px; border-radius: 3px; }
.lb-blue { background: #2f6fed; }
.lb-green { background: #1f9d6b; }
.lb-gold { background: #d4a017; }
.gm-chip { display: inline-block; padding: 1px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; color: #fff; vertical-align: 1px; margin-right: 6px; }
.gm-toolbar form.gm-search { position: relative; margin-left: auto; display: flex; align-items: center; }
.gm-search i { position: absolute; left: 12px; color: #888; }
.gm-search input { width: 300px; max-width: 46vw; height: 38px; padding: 0 12px 0 36px; border-radius: 20px; border: 0; background: #f1f3f4; }
.gm-search input:focus { background: #fff; box-shadow: 0 1px 3px rgba(60,64,67,.3); outline: 0; }
.gm-who { display: flex; align-items: center; gap: 10px; color: #333; white-space: nowrap; }
.gm-subj { display: block; color: #5f6368; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 560px; }
.gm-subj strong { color: #333; font-weight: 500; }
.gm-subj em { font-style: normal; }
.gm-table tbody tr.unread .gm-who span, .gm-table tbody tr.unread .gm-subj strong { font-weight: 700; color: #202124; }
.gm-table a:hover { text-decoration: none; }
.gm-date { white-space: nowrap; font-size: 13px; color: #5f6368; text-align: right; }
.gm-table tbody tr.unread .gm-date { font-weight: 700; color: #202124; }
.gm-star.on { color: #f4b400; }
.gm-meta { color: #666; margin: 14px 0 0; }
.gm-status { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 22px 0; padding: 14px; border-radius: 12px; background: #f8f9fb; }
.gm-status small { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #888; font-weight: 700; margin-right: 6px; }
.gm-status form { margin: 0; }
.gm-st { border: 1px solid #dadce0; background: #fff; border-radius: 20px; padding: 6px 14px; font-size: 13px; font-weight: 600; cursor: pointer; color: #444; }
.gm-st.active.st-new, .gm-st.active.st-reviewing { background: #2f6fed; border-color: #2f6fed; color: #fff; }
.gm-st.active.st-approved { background: #16a34a; border-color: #16a34a; color: #fff; }
.gm-st.active.st-rejected { background: #dc2626; border-color: #dc2626; color: #fff; }
.gm-st.active.st-closed { background: #52525b; border-color: #52525b; color: #fff; }

/* --- Kontrol paneli */
.db-hero { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding: 26px 28px; margin-bottom: 22px; border-radius: 20px; color: #fff;
  background: radial-gradient(600px 240px at 90% 0%, rgba(254,69,54,.45), transparent 70%), linear-gradient(120deg, #141418, #24242b 60%, #3a1712); }
.db-hero small { color: #b9bac2; font-size: 13px; }
.db-hero h2 { color: #fff; font-size: 30px; font-weight: 800; margin: 4px 0 8px; }
.db-hero p { margin: 0; color: #cfd0d6; font-size: 14px; }
.db-role { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; margin-right: 8px; border-radius: 20px; background: rgba(255,255,255,.12); color: #fff; font-weight: 600; }
.db-quick { display: flex; flex-wrap: wrap; gap: 10px; }
.db-quick a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 96px; padding: 12px 6px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: #fff; font-size: 12px; font-weight: 600; text-align: center; transition: background .2s, transform .2s; }
.db-quick a:hover { background: var(--wsef-red); transform: translateY(-3px); text-decoration: none; color: #fff; }
.db-quick a i { font-size: 18px; }
.db-quick b { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; border-radius: 10px; background: var(--wsef-red); font-size: 11px; line-height: 20px; }
.db-row { display: grid; gap: 20px; margin-bottom: 20px; }
.db-row.r-2-1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.db-row.r-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.db-card { background: #fff; border-radius: 18px; padding: 20px 22px; box-shadow: 0 8px 26px rgba(20,20,30,.06); margin-bottom: 20px; }
.db-row .db-card { margin-bottom: 0; }
.db-card > header { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 16px; }
.db-card > header h4 { font-size: 16px; margin: 0; }
.db-card > header h4 i { color: var(--wsef-red); margin-right: 6px; }
.db-card > header a { font-size: 13px; font-weight: 600; }
.db-count { display: inline-block; padding: 1px 8px; border-radius: 10px; background: #fee2e2; color: #b91c1c; font-size: 12px; }
.db-alerts { border-left: 4px solid #f59e0b; }
.db-legend { display: flex; gap: 14px; font-size: 12.5px; color: #666; }
.db-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 5px; }
.db-legend .c1 i, .db-bars .c1 { background: linear-gradient(0deg, #fe4536, #ff8a6b); }
.db-legend .c2 i, .db-bars .c2 { background: linear-gradient(0deg, #2f6fed, #6f9bff); }
.db-chart { display: flex; align-items: stretch; gap: 8px; height: 230px; padding-top: 10px; background: repeating-linear-gradient(0deg, #f1f2f5 0 1px, transparent 1px 46px); }
.db-col { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.db-bars { flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 3px; }
.db-bars i { position: relative; width: 42%; max-width: 18px; min-height: 2px; border-radius: 5px 5px 0 0; }
.db-bars b { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); font-size: 10.5px; color: #666; }
.db-col small { text-align: center; font-size: 11.5px; color: #888; padding-top: 6px; }
.db-donut { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.db-donut svg { width: 150px; height: 150px; }
.db-donut-n { font-size: 8px; font-weight: 800; text-anchor: middle; fill: #1b1b1f; }
.db-donut-l { font-size: 3px; text-anchor: middle; fill: #888; text-transform: uppercase; }
.db-donut ul { flex: 1; list-style: none; padding: 0; margin: 0; min-width: 150px; }
.db-donut li { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 13px; }
.db-donut li i { width: 10px; height: 10px; border-radius: 3px; }
.db-donut li b { margin-left: auto; }
.db-hbars > div { display: grid; grid-template-columns: 110px 1fr 36px; align-items: center; gap: 10px; padding: 6px 0; font-size: 13px; }
.db-hbars i { height: 10px; border-radius: 6px; background: #f1f2f5; overflow: hidden; }
.db-hbars b { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #fe4536, #ff8a6b); }
.db-hbars strong { text-align: right; }
.db-empty { text-align: center; color: #999; padding: 24px 0; }
.db-empty i { font-size: 28px; opacity: .5; }
.db-mail, .db-ev { display: flex; align-items: center; gap: 12px; padding: 10px 6px; border-bottom: 1px solid #f1f2f5; color: #444; }
.db-mail:hover, .db-ev:hover { background: #f8f9fb; text-decoration: none; color: #222; }
.db-mail > span:nth-child(2), .db-ev > span:nth-child(2) { flex: 1; min-width: 0; }
.db-mail strong, .db-ev strong { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.db-mail.unread strong { font-weight: 800; }
.db-mail small, .db-ev small { display: block; font-size: 12px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.db-mail time { font-size: 12px; color: #888; }
.db-ev-d { flex: 0 0 46px; height: 50px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #1b1b1f; color: #fff; font-size: 10.5px; text-transform: uppercase; font-weight: 700; }
.db-ev-d b { font-size: 19px; line-height: 1; }
.db-pops a { display: block; padding: 8px 0; color: #333; border-bottom: 1px solid #f1f2f5; }
.db-pops a:hover { text-decoration: none; }
.db-pops a > span { display: block; font-size: 13.5px; font-weight: 600; }
.db-pbar { position: relative; display: block; height: 8px; margin: 6px 0 4px; border-radius: 5px; background: #f1f2f5; overflow: hidden; }
.db-pbar b, .db-pbar em { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; }
.db-pbar b { background: #bfd3ff; }
.db-pbar em { background: var(--wsef-red); }
.db-pops small { font-size: 12px; color: #888; }
.db-feed { list-style: none; padding: 0; margin: 0; }
.db-feed li { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f1f2f5; font-size: 13.5px; }
.db-feed li > i { flex: 0 0 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-size: 12px; background: #eef2ff; color: #3730a3; }
.db-feed li > i.a-del { background: #fee2e2; color: #b91c1c; }
.db-feed li > i.a-new { background: #dcfce7; color: #15803d; }
.db-feed li > i.a-login { background: #f1f2f5; color: #555; }
.db-feed li div { flex: 1; min-width: 0; }
.db-feed em { font-style: normal; color: #888; }
.db-feed time { font-size: 12px; color: #999; white-space: nowrap; }
.db-designs { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.db-design { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px; border-radius: 14px; border: 1px solid var(--wsef-line); }
.db-design.live { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.12); }
.db-design form { margin: 0; }
.db-thumb { display: grid; gap: 4px; width: 100%; padding: 8px; border-radius: 8px; background: #f1f2f5; }
.db-thumb i { display: block; height: 8px; border-radius: 3px; background: #d7d9de; }
.db-thumb i:first-child { height: 20px; background: linear-gradient(90deg, #1b1b1f, #fe4536); }
.db-design small { color: #888; }

@media (max-width: 1399px) {
  .pb-grid { grid-template-columns: 180px minmax(0, 1fr) 270px; }
  .db-row.r-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1199px) {
  .pb-grid { grid-template-columns: 1fr; }
  .pb-palette, .pb-inspector { position: static; max-height: none; }
  .pb-pal { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
  .pb-bottom, .db-row.r-2-1 { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .pb-top { position: static; }
  .pb-actions { margin-left: 0; width: 100%; }
  .pb-backdrop { padding: 20px 8px; }
  .pb-sched { grid-template-columns: 1fr; }
  .pb-h-xl { font-size: 26px; }
  .pb-h-lg { font-size: 22px; }
  .db-row.r-3 { grid-template-columns: 1fr; }
  .db-hero { padding: 20px; }
  .db-quick a { width: calc(33.33% - 7px); }
  .gm-toolbar form.gm-search { width: 100%; margin: 6px 0 0; }
  .gm-search input { width: 100%; max-width: none; }
  .db-chart { height: 180px; }
}
html.club-dark .db-card, html.club-dark .db-kpis > *, html.club-dark .fm-card:not(.fm-new), html.club-dark .pb-top, html.club-dark .pb-palette, html.club-dark .pb-inspector, html.club-dark .pb-tpl { background: #1c1c21; color: #e5e5ea; }
html.club-dark .db-kpis strong, html.club-dark .pb-title, html.club-dark .fm-rate strong { color: #f2f2f5; }
html.club-dark .db-donut-n { fill: #f2f2f5; }
html.club-dark .pb-pal-item, html.club-dark .fm-mini, html.club-dark .pb-aud-sum, html.club-dark .pb-chip span, html.club-dark .gm-status { background: #232329; border-color: #33333a; color: #e5e5ea; }

.db > .db-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1399px) { .db > .db-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .db > .db-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Gelen kutusu: konu sütunu kalan genişliği alır, uzun metin kısaltılır (durum / tarih taşmaz) */
.gm-apps .gm-table td:nth-child(4) { width: 100%; max-width: 0; }
.gm-apps .gm-subj { max-width: none; }
.gm-apps .gm-table td:nth-child(5), .gm-apps .gm-table td:nth-child(6) { white-space: nowrap; }

/* ================= v15: Funnel istatistikleri + giriş etkinliği ================= */
.st-period { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 12px; background: #fff; border: 1px solid var(--wsef-line); }
.st-period a { padding: 6px 12px; border-radius: 9px; font-size: 13px; font-weight: 600; color: #555; }
.st-period a:hover { background: #f1f2f5; text-decoration: none; }
.st-period a.active { background: var(--wsef-red); color: #fff; }
.st-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 18px 20px; margin-bottom: 20px; border-radius: 16px; background: #fff; box-shadow: 0 8px 26px rgba(20,20,30,.06); }
.st-head h2 { font-size: 24px; margin: 2px 0 6px; }
.st-head small { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #888; font-weight: 700; }
.st-head-act { margin-left: auto; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.lg-av { width: 56px; height: 56px; font-size: 22px; }
.st-chart { display: flex; align-items: stretch; gap: 3px; height: 200px; padding-top: 8px; background: repeating-linear-gradient(0deg, #f1f2f5 0 1px, transparent 1px 40px); }
.st-col { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.st-bars { flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 1px; }
.st-bars i { width: 30%; max-width: 10px; min-height: 1px; border-radius: 3px 3px 0 0; }
.st-bars i.v, .st-legend .v i { background: #6f9bff; }
.st-bars i.c, .st-legend .c i { background: #f2c94c; }
.st-bars i.s, .st-legend .s i { background: #fe4536; }
.st-bars i.c2 { background: #1f9d6b; }
.lg-chart .st-bars i { width: 42%; }
.st-col small { height: 16px; padding-top: 4px; text-align: center; font-size: 10px; color: #999; white-space: nowrap; overflow: visible; }
.st-legend { margin-top: 10px; }
.st-funnel { display: grid; gap: 8px; }
.st-stage { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 12px; color: #fff; font-size: 14px; min-width: 190px; transition: width .6s; }
.st-stage span { flex: 1; font-weight: 600; white-space: nowrap; }
.st-stage strong { font-size: 20px; }
.st-stage em { font-style: normal; font-size: 12px; opacity: .85; min-width: 44px; text-align: right; }
.st-stage.s0 { background: linear-gradient(90deg, #1b1b1f, #3a3a44); }
.st-stage.s1 { background: linear-gradient(90deg, #2f6fed, #6f9bff); }
.st-stage.s2 { background: linear-gradient(90deg, #c9960c, #f2c94c); }
.st-stage.s3 { background: linear-gradient(90deg, #fe4536, #ff8a6b); }
.st-miss { display: flex; gap: 12px; align-items: center; margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #fff7ed; color: #7c2d12; font-size: 14px; }
.st-miss > i { font-size: 20px; }
.st-subh { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: #888; margin: 16px 0 8px; }
.st-clicks { list-style: none; padding: 0; margin: 0; }
.st-clicks li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f1f2f5; font-size: 13.5px; }
.st-clicks li > span, .st-clicks li > a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.st-state, .eg, .se { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.st-state b, .eg b { padding: 0 6px; border-radius: 10px; background: rgba(255,255,255,.6); }
.st-state.st-sub { background: #dcfce7; color: #15803d; }
.st-state.st-clk { background: #fef3c7; color: #92400e; }
.st-state.st-seen { background: #dbeafe; color: #1d4ed8; }
.st-state.st-dis { background: #fee2e2; color: #b91c1c; }
.st-state.st-none { background: #f1f2f5; color: #6b7280; }
.eg-active { background: #dcfce7; color: #15803d; }
.eg-occ { background: #fef3c7; color: #92400e; }
.eg-inact { background: #fee2e2; color: #b91c1c; }
.eg-never { background: #1b1b1f; color: #fff; }
.se-live { background: #dcfce7; color: #15803d; }
.se-out { background: #dbeafe; color: #1d4ed8; }
.se-to { background: #fef3c7; color: #92400e; }
.se-inv { background: #f1f2f5; color: #555; }
.st-table td { vertical-align: middle; font-size: 13.5px; }
.st-reach { min-width: 120px; }
.st-reach i { display: block; height: 6px; border-radius: 4px; background: #eef0f3; overflow: hidden; margin-bottom: 3px; }
.st-reach b { display: block; height: 100%; background: linear-gradient(90deg, #2f6fed, #1f9d6b); }
.st-reach small { color: #666; }
.st-ev { display: inline-block; padding: 2px 9px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.st-ev.ev-view { background: #dbeafe; color: #1d4ed8; }
.st-ev.ev-click { background: #fef3c7; color: #92400e; }
.st-ev.ev-submit { background: #dcfce7; color: #15803d; }
.st-ev.ev-close { background: #fee2e2; color: #b91c1c; }
.lg-heat { display: grid; grid-template-columns: repeat(15, 1fr); gap: 6px; }
.lg-heat i { position: relative; aspect-ratio: 1; border-radius: 6px; background: #eef0f3; }
.lg-heat i small { position: absolute; left: 4px; top: 2px; font-size: 10px; font-style: normal; color: rgba(0,0,0,.35); }
.lg-heat i.h1 { background: #bbf7d0; } .lg-heat i.h2 { background: #4ade80; } .lg-heat i.h3 { background: #16a34a; } .lg-heat i.h4 { background: #14532d; }
.lg-heat i.h3 small, .lg-heat i.h4 small { color: rgba(255,255,255,.7); }
.lg-roles > div { display: grid; grid-template-columns: 150px 1fr 56px; gap: 10px; align-items: center; padding: 6px 0; font-size: 13px; }
.lg-roles i { height: 10px; border-radius: 6px; background: #fee2e2; overflow: hidden; }
.lg-roles b { display: block; height: 100%; background: #16a34a; }
.lg-roles small { text-align: right; color: #666; }
@media (max-width: 767px) {
  .st-head-act { margin-left: 0; }
  .lg-heat { grid-template-columns: repeat(10, 1fr); }
  .lg-roles > div { grid-template-columns: 110px 1fr 48px; }
  .st-chart { height: 150px; }
}
html.club-dark .st-head, html.club-dark .st-period { background: #1c1c21; color: #e5e5ea; border-color: #2a2a30; }
.st-legend .c2 i { background: #1f9d6b; }

/* 1200–1279 px: masaüstü menüsü sığmaz → açılır (hamburger) menü; main.js meanScreenWidth 1279 ile aynı eşik */
@media (min-width: 1200px) and (max-width: 1349px) {
  #header-sticky .col-xl-8.d-xl-block { display: none !important; }
  #header-sticky > .container-fluid > .row { flex-wrap: wrap; }
  #header-sticky .col-12.d-xl-none { display: block !important; flex: 0 0 100%; max-width: 100%; }
  #header-sticky .header-right { margin-right: 70px; }
}
@media (min-width: 1200px) {
  #header-sticky .container-fluid > .row > div:nth-child(3) { margin-left: auto; }
}
/* ================= v16: Spor sayfaları (Cabales Serrada Escrima) ================= */
.sp-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--wsef-red), transparent); }
.sp-intro { color: #c9cad2; font-size: 16px; line-height: 1.8; max-width: 720px; }
.sp-intro p { margin-bottom: 14px; }
.sp-intro strong { color: #fff; }
.sp-art { display: block; width: 100%; height: auto; }
/* Görsel / filigran */
.sp-media { position: relative; overflow: hidden; display: grid; place-items: center; aspect-ratio: 16 / 9; background: radial-gradient(circle at 30% 20%, #3a3a44, #16161a 70%); }
.sp-media.tall { aspect-ratio: 4 / 3; }
.sp-media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.sp-media-art { width: 78%; font-size: 64px; color: #fff; display: grid; place-items: center; }
.sp-media-art > i { font-size: 72px; color: var(--wsef-red); filter: drop-shadow(0 10px 20px rgba(254,69,54,.4)); }
.sp-wm { position: absolute; right: -8%; bottom: -12%; width: 70%; opacity: .07; transform: rotate(-18deg); pointer-events: none; color: #fff; font-size: 160px; line-height: 1; }
.sp-wm > i { font-size: 170px; }
.sp-media.has-img .sp-wm { opacity: .14; }
.sp-body { color: #4a4c52; font-size: 15px; line-height: 1.75; }
.sp-body p:last-child { margin-bottom: 0; }
.sp-body ul { padding-left: 18px; margin: 8px 0 0; }
.sp-body li { margin-bottom: 4px; }
.sp-sub { color: var(--wsef-red); font-weight: 600; font-size: 13.5px; margin: 0 0 10px; }
/* Sistem: blog + içindekiler */
.sp-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 34px; align-items: start; }
.sp-post { position: relative; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 14px 40px rgba(20,20,30,.08); margin-bottom: 28px; }
.sp-post-img img { width: 100%; max-height: 380px; object-fit: cover; display: block; }
.sp-post-in { position: relative; padding: 34px 40px 36px; }
.sp-post-num { position: absolute; right: 30px; top: 10px; font-size: 90px; font-weight: 900; line-height: 1; color: var(--wsef-red); opacity: .05; }
.sp-post-head { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }
.sp-post-ic { flex: 0 0 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; color: #fff; font-size: 22px; background: linear-gradient(135deg, #ff7a5c, #fe4536); box-shadow: 0 12px 24px -10px rgba(254,69,54,.8); }
.sp-post-ic .sp-art { width: 46px; }
.sp-post-head h2 { font-size: 28px; font-weight: 800; margin: 0; }
.sp-post-head p { margin: 2px 0 0; color: #888; }
.sp-post .sp-body { font-size: 16.5px; line-height: 1.85; }
.sp-infobox { float: right; width: 300px; margin: 0 0 18px 26px; border: 1px solid #e4e6ea; border-radius: 14px; overflow: hidden; background: #f8f9fb; }
.sp-infobox > strong { display: block; padding: 10px 14px; background: #1b1b1f; color: #fff; font-size: 14px; text-align: center; }
.sp-facts { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sp-facts th { width: 38%; padding: 8px 12px; text-align: left; vertical-align: top; color: #555; font-weight: 700; background: rgba(0,0,0,.03); border-top: 1px solid #eceef1; }
.sp-facts td { padding: 8px 12px; border-top: 1px solid #eceef1; color: #222; }
.sp-toc { position: sticky; top: 90px; }
.sp-toc-ic { flex: 0 0 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--wsef-red); font-size: 20px; }
.sp-toc-list li > i { font-size: 12px; }
/* Tarih zaman çizelgesi */
.sp-tl { position: relative; max-width: 1100px; margin: 0 auto; }
.sp-tl::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; margin-left: -2px; border-radius: 4px; background: linear-gradient(180deg, #1f9d6b, var(--wsef-red) 30%, #2f6fed); }
.sp-tl-item { position: relative; width: 50%; padding: 0 46px 30px; }
.sp-tl-item.left { margin-right: 50%; }
.sp-tl-item.right { margin-left: 50%; }
.sp-tl-dot { position: absolute; top: 8px; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--wsef-red); border: 3px solid var(--wsef-red); z-index: 1; box-shadow: 0 8px 18px -6px rgba(0,0,0,.3); }
.sp-tl-dot .sp-art { width: 34px; }
.sp-tl-item.left .sp-tl-dot { right: -24px; }
.sp-tl-item.right .sp-tl-dot { left: -24px; }
.sp-tl-card { background: #fff; border-radius: 16px; padding: 18px 22px; box-shadow: 0 12px 30px rgba(20,20,30,.09); }
.sp-tl-year { display: inline-block; padding: 3px 12px; border-radius: 20px; background: var(--wsef-red); color: #fff; font-weight: 800; font-size: 13px; }
.sp-tl-card h4 { font-size: 19px; margin: 10px 0 6px; }
.sp-tl-card img { width: 100%; margin-top: 12px; border-radius: 12px; }
/* Ansiklopedi kartları */
.sp-wiki { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; }
.sp-wcard { overflow: hidden; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.09); display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.sp-wcard:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -12px rgba(20,20,30,.25); }
.sp-wcard:hover .sp-media > img { transform: scale(1.05); }
.sp-wcard-in { padding: 20px 22px 22px; }
.sp-wcard h3 { font-size: 21px; font-weight: 800; margin: 0 0 4px; }
.sp-wcard .sp-facts { margin-top: 14px; border: 1px solid #eceef1; border-radius: 10px; overflow: hidden; }
/* Disiplinler */
.sp-legend { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 26px; }
.sp-st { display: inline-flex; align-items: center; gap: 7px; padding: 5px 13px 5px 6px; border-radius: 22px; font-size: 13px; font-weight: 700; background: #f1f2f5; color: #555; }
.sp-st svg { width: 20px; height: 20px; }
.sp-st.st-allowed { background: #dcfce7; color: #15803d; }
.sp-st.st-restricted { background: #fef3c7; color: #b45309; }
.sp-st.st-prohibited { background: #fee2e2; color: #b91c1c; }
.sp-st.st-info { background: #dbeafe; color: #1d4ed8; }
.sp-pts { display: inline-block; padding: 4px 11px; border-radius: 10px; background: #1b1b1f; color: #fff; font-weight: 800; font-size: 13px; }
.sp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.sp-card { overflow: hidden; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.09); border-top: 5px solid #9ca3af; transition: transform .25s; }
.sp-card:hover { transform: translateY(-4px); }
.sp-card.st-allowed { border-top-color: #16a34a; }
.sp-card.st-restricted { border-top-color: #f59e0b; }
.sp-card.st-prohibited { border-top-color: #dc2626; }
.sp-card.st-prohibited .sp-media { filter: grayscale(.6); }
.sp-card-in { padding: 18px 22px 22px; }
.sp-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.sp-card h3 { font-size: 21px; font-weight: 800; margin: 0 0 2px; }
.sp-techs { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 14px; }
.sp-tech { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 16px 18px; background: #fff; border-radius: 14px; border-left: 5px solid #9ca3af; box-shadow: 0 8px 22px rgba(20,20,30,.06); }
.sp-tech.st-allowed { border-left-color: #16a34a; }
.sp-tech.st-restricted { border-left-color: #f59e0b; }
.sp-tech.st-prohibited { border-left-color: #dc2626; background: linear-gradient(90deg, #fff5f5, #fff 40%); }
.sp-tech.sp-off { display: none; }
.sp-tech-ic { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; font-size: 20px; color: #fff; background: #6b7280; }
.sp-tech.st-allowed .sp-tech-ic { background: #16a34a; }
.sp-tech.st-restricted .sp-tech-ic { background: #f59e0b; }
.sp-tech.st-prohibited .sp-tech-ic { background: #dc2626; }
.sp-tech h4 { font-size: 16.5px; margin: 0; }
.sp-tech small { color: #888; }
.sp-tech .sp-body { font-size: 14px; margin-top: 4px; }
.sp-tech-side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.sp-score { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; }
.sp-score-card { position: relative; padding: 26px 26px 24px; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.09); border-top: 5px solid var(--wsef-red); }
.sp-score-ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; margin-bottom: 14px; color: #fff; font-size: 22px; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.sp-score-card h4 { font-size: 20px; margin: 0; }
.sp-score-card small { display: block; color: #888; margin-bottom: 10px; }
.sp-score-card li strong { color: var(--wsef-red); }
/* Dereceler */
.sp-grades { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; counter-reset: g; }
.sp-grade { --gc: #16a34a; position: relative; overflow: hidden; padding: 28px 22px 24px; text-align: center; background: #fff; border-radius: 20px; box-shadow: 0 12px 34px rgba(20,20,30,.09); border-bottom: 5px solid var(--gc); transition: transform .25s; }
.sp-grade:hover { transform: translateY(-5px); }
.sp-grade.g1 { --gc: #9ca3af; } .sp-grade.g2 { --gc: #22c55e; } .sp-grade.g3 { --gc: #0ea5e9; } .sp-grade.g4 { --gc: #6366f1; } .sp-grade.g5 { --gc: #a855f7; }
.sp-grade.g6 { --gc: #f59e0b; } .sp-grade.g7 { --gc: #fe4536; } .sp-grade.g8 { --gc: #b91c1c; } .sp-grade.g9 { --gc: #c9960c; }
.sp-grade-step { position: absolute; left: 14px; top: 12px; font-weight: 900; font-size: 13px; color: var(--gc); }
.sp-grade-ic { display: grid; place-items: center; width: 84px; height: 84px; margin: 0 auto 14px; border-radius: 50%; font-size: 32px; color: #fff; background: var(--gc); box-shadow: 0 0 0 6px #fff, 0 0 0 8px var(--gc), 0 18px 30px -10px var(--gc); }
.sp-grade h3 { font-size: 20px; font-weight: 800; margin: 0; }
.sp-grade small { display: block; color: var(--gc); font-weight: 700; margin-bottom: 10px; }
.sp-grade .sp-body { font-size: 14px; }
.sp-grade .sp-wm { color: var(--gc); width: auto; opacity: .06; right: -20px; bottom: -30px; }
/* Hakemlik */
.sp-rules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.sp-rule { overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 14px 40px rgba(20,20,30,.1); transition: transform .25s, box-shadow .25s; }
.sp-rule:hover { transform: translateY(-5px); box-shadow: 0 26px 50px -14px rgba(20,20,30,.3); }
.sp-rule:hover .sp-media > img { transform: scale(1.05); }
.sp-rule .sp-media { aspect-ratio: 4 / 3; background: radial-gradient(circle at 30% 20%, #2f3b5a, #111827 70%); }
.sp-rule:nth-child(3n+2) .sp-media { background: radial-gradient(circle at 30% 20%, #5a2f2f, #1f0f0f 70%); }
.sp-rule:nth-child(3n) .sp-media { background: radial-gradient(circle at 30% 20%, #2f5a45, #0f1f18 70%); }
.sp-rule .sp-media-art > i { font-size: 96px; color: #fff; filter: drop-shadow(0 14px 24px rgba(0,0,0,.5)); }
.sp-rule-in { position: relative; padding: 22px 24px 26px; }
.sp-rule-num { position: absolute; right: 18px; top: -30px; width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; font-weight: 900; font-size: 20px; color: #fff; background: var(--wsef-red); box-shadow: 0 12px 22px -8px rgba(254,69,54,.8); }
.sp-rule h3 { font-size: 22px; font-weight: 800; margin: 0 0 2px; }
@media (min-width: 1500px) { .sp-rules { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1199px) {
  .sp-grid { grid-template-columns: 1fr; }
  .sp-toc { position: static; order: -1; }
  .sp-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .sp-techs { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .sp-post-in { padding: 24px 18px; }
  .sp-post-head h2 { font-size: 22px; }
  .sp-infobox { float: none; width: auto; margin: 0 0 16px; }
  .sp-tl::before { left: 22px; }
  .sp-tl-item, .sp-tl-item.left, .sp-tl-item.right { width: auto; margin: 0; padding: 0 0 22px 64px; }
  .sp-tl-item.left .sp-tl-dot, .sp-tl-item.right .sp-tl-dot { left: 0; right: auto; }
  .sp-wiki, .sp-cards { grid-template-columns: 1fr; }
  .sp-rules { grid-template-columns: 1fr; }
  .sp-tech { grid-template-columns: 44px minmax(0, 1fr); }
  .sp-tech-side { grid-column: 2; flex-direction: row; align-items: center; }
  .sp-tech-ic { width: 44px; height: 44px; }
}
html.club-dark .sp-post, html.club-dark .sp-wcard, html.club-dark .sp-card, html.club-dark .sp-tech, html.club-dark .sp-score-card, html.club-dark .sp-grade, html.club-dark .sp-rule, html.club-dark .sp-tl-card { background: #1c1c21; color: #e5e5ea; }
html.club-dark .sp-body, html.club-dark .sp-facts td { color: #c9c9d0; }
html.club-dark .sp-infobox { background: #232329; border-color: #33333a; }
html.club-dark .sp-facts th { color: #aaa; }

/* Spor sayfaları düzenleyicisi */
.sc-langs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 10px 0 20px; }
.sc-langs fieldset { border: 1px solid var(--wsef-line); border-radius: 14px; padding: 14px 18px 4px; }
.sc-langs legend { width: auto; padding: 0 8px; font-size: 15px; font-weight: 700; }
.sc-langs legend img { vertical-align: -2px; margin-right: 4px; }
.sc-noimg { flex: 0 0 120px; width: 120px; height: 72px; border-radius: 10px; display: grid; place-items: center; background: #1b1b1f; color: #fff; font-size: 28px; padding: 6px; }
.sc-row { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border: 1px solid var(--wsef-line); border-radius: 12px; margin-bottom: 8px; }
.sc-row.off { opacity: .55; }
.sc-thumb { flex: 0 0 64px; height: 44px; border-radius: 10px; overflow: hidden; display: grid; place-items: center; background: #1b1b1f; color: #fff; padding: 4px; }
.sc-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sc-txt { flex: 1; min-width: 0; }
.sc-txt strong { display: block; }
.sc-txt small { color: #888; }
.sc-act { display: flex; align-items: center; gap: 4px; }
.sc-act form { margin: 0; }
@media (max-width: 991px) { .sc-langs { grid-template-columns: 1fr; } .sc-row { flex-wrap: wrap; } }

/* ---- Spor: profesyonel başlık, temel bilgiler şeridi, tek satır sekme çubuğu, içindekiler vurgusu ---- */
.sp-hero { padding: 34px 0 0; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0) 0 0 / 22px 22px, radial-gradient(760px 360px at 82% 40%, rgba(254,69,54,.32), transparent 70%), linear-gradient(120deg, #0f0f12 0%, #1d1d24 55%, #34130f 100%); }
.sp-hero-in { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr); gap: 48px; align-items: center; padding-bottom: 34px; }
.sp-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #a9aab3; margin-bottom: 18px; }
.sp-crumbs a { color: #d6d7de; }
.sp-crumbs a:hover { color: #fff; text-decoration: none; }
.sp-crumbs i { font-size: 9px; opacity: .6; }
.sp-crumbs span { color: #ff8a7d; font-weight: 600; }
.sp-hero h1 { margin: 0 0 12px; color: #fff; font-weight: 800; line-height: 1.08; font-size: clamp(32px, 3.4vw, 54px); letter-spacing: -.5px; text-shadow: 0 4px 24px rgba(0,0,0,.4); }
.sp-lead { font-size: clamp(16px, 1.25vw, 20px); color: #ffb3a8; font-weight: 500; }
.sp-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.sp-cta .pp-btn { padding: 12px 22px; border-radius: 40px; font-weight: 700; }
.sp-cta .sp-ghost { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.28); color: #fff !important; }
.sp-cta .sp-ghost:hover { background: rgba(255,255,255,.16); filter: none; }
.sp-emblem { position: relative; justify-self: center; width: min(360px, 100%); aspect-ratio: 1; display: grid; place-items: center; }
.sp-ring { position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(255,255,255,.18); }
.sp-ring.r1 { inset: 6%; border: 2px solid rgba(254,69,54,.55); box-shadow: 0 0 60px rgba(254,69,54,.35), inset 0 0 50px rgba(254,69,54,.15); animation: spSpin 60s linear infinite; border-style: dashed; }
.sp-ring.r2 { inset: 18%; background: radial-gradient(circle, rgba(255,255,255,.07), rgba(255,255,255,0) 70%); border-color: rgba(255,255,255,.12); }
.sp-emblem-art { position: relative; width: 78%; }
.sp-emblem-art .sp-art { filter: drop-shadow(0 18px 26px rgba(0,0,0,.6)); }
.sp-emblem-tag { position: absolute; bottom: 8%; padding: 5px 14px; border-radius: 20px; background: var(--wsef-red); color: #fff; font-size: 11.5px; letter-spacing: 2px; text-transform: uppercase; font-weight: 800; box-shadow: 0 10px 20px -8px rgba(254,69,54,.9); }
@keyframes spSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sp-ring.r1 { animation: none; } }
.sp-keyfacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-radius: 18px 18px 0 0; overflow: hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-bottom: 0; backdrop-filter: blur(6px); }
.sp-keyfacts > div { position: relative; padding: 18px 22px 18px 64px; border-right: 1px solid rgba(255,255,255,.08); }
.sp-keyfacts > div:last-child { border-right: 0; }
.sp-keyfacts i { position: absolute; left: 20px; top: 20px; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: rgba(254,69,54,.18); color: #ff8a7d; font-size: 14px; }
.sp-keyfacts dt { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #9fa0aa; font-weight: 700; margin: 0 0 3px; }
.sp-keyfacts dd { margin: 0; color: #fff; font-weight: 600; font-size: 14.5px; line-height: 1.4; }
.sp-tabs { position: relative; background: #fff; border-bottom: 1px solid var(--wsef-line); box-shadow: 0 6px 18px -12px rgba(0,0,0,.25); }
.sp-tabs-track { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 10px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); }
.sp-tabs-track::-webkit-scrollbar { display: none; }
.sp-tabs-track a { flex: 0 0 auto; white-space: nowrap; padding: 9px 16px; border-radius: 22px; font-size: 14px; font-weight: 600; color: #3a3b40; transition: background .2s, color .2s; }
.sp-tabs-track a:first-child { margin-left: 14px; }
.sp-tabs-track a:last-child { margin-right: 14px; }
.sp-tabs-track a:hover { background: #f1f2f5; text-decoration: none; color: #111; }
.sp-tabs-track a.active { background: var(--wsef-red); color: #fff; box-shadow: 0 8px 18px -8px rgba(254,69,54,.8); }
.sp-toc-sub { list-style: none; margin: 6px 0 0; padding: 0 0 0 2px; counter-reset: s; }
.sp-toc-sub li { counter-increment: s; font-size: 13px; padding: 3px 0; }
.sp-toc-sub li a::before { content: counter(s, decimal-leading-zero) " "; color: var(--wsef-red); font-weight: 800; }
.sp-toc a[data-sp-toc] { color: #333; transition: color .2s; }
.sp-toc a[data-sp-toc].on { color: var(--wsef-red); font-weight: 700; }
.sp-post { scroll-margin-top: 100px; }
@media (max-width: 991px) {
  .sp-hero-in { grid-template-columns: 1fr; gap: 20px; }
  .sp-emblem { width: 240px; justify-self: start; order: -1; display: none; }
  .sp-keyfacts { grid-template-columns: 1fr 1fr; }
  .sp-keyfacts > div:nth-child(2) { border-right: 0; }
  .sp-keyfacts > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 575px) { .sp-keyfacts { grid-template-columns: 1fr; } .sp-keyfacts > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); } }
html.club-dark .sp-tabs { background: #18181c; border-color: #2a2a30; }
html.club-dark .sp-tabs-track a { color: #ddd; }
html.club-dark .sp-toc a[data-sp-toc] { color: #ddd; }

/* ==== v17 Medya merkezi (site) + medya kütüphanesi (panel) ==== */
.md-hero { position: relative; padding: 34px 0 40px; color: #fff; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0) 0 0 / 22px 22px, radial-gradient(700px 340px at 85% 30%, rgba(254,69,54,.35), transparent 70%), linear-gradient(120deg, #0f0f12 0%, #1d1d24 60%, #34130f 100%); }
.md-hero-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); gap: 40px; align-items: end; }
.md-hero h1 { color: #fff; margin: 10px 0 10px; font-size: clamp(32px, 3.4vw, 52px); letter-spacing: -.5px; }
.md-lead { color: #c9cad2; font-size: clamp(15px, 1.2vw, 19px); max-width: 640px; margin: 0; }
.md-edit { margin-top: 18px; }
.md-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 20px; background: rgba(254,69,54,.16); color: #ff8a7d; font-size: 11.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.md-eyebrow.dark { background: #fff0ee; color: var(--wsef-red); }
.md-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.06); backdrop-filter: blur(6px); }
.md-stats > div { padding: 18px 16px; border-right: 1px solid rgba(255,255,255,.08); text-align: center; }
.md-stats > div:last-child { border-right: 0; }
.md-stats dt { font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; color: #9fa0aa; font-weight: 700; }
.md-stats dd { margin: 4px 0 0; font-size: 28px; font-weight: 700; color: #fff; line-height: 1; }
.sp-tabs-track a i { margin-right: 5px; font-size: 12px; opacity: .8; }
.md-sec { padding-top: 40px; }
.md-head { display: flex; align-items: baseline; gap: 12px; margin: 34px 0 16px; }
.md-head:first-child { margin-top: 0; }
.md-head h3 { margin: 0; font-size: 22px; }
.md-head > span { padding: 2px 10px; border-radius: 12px; background: #f1f2f5; font-size: 12px; font-weight: 700; color: #555; }
.md-head small { color: var(--wsef-muted); }
.md-empty { text-align: center; padding: 60px 20px; border: 2px dashed var(--wsef-line); border-radius: 16px; color: var(--wsef-muted); }
.md-empty i { font-size: 38px; color: #d0d2d8; margin-bottom: 12px; }
.md-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.md-chips button, .md-chips a { border: 1px solid var(--wsef-line); background: #fff; border-radius: 22px; padding: 7px 16px; font-size: 14px; font-weight: 600; color: #3a3b40; cursor: pointer; transition: all .2s; }
.md-chips button:hover, .md-chips a:hover { border-color: var(--wsef-red); color: var(--wsef-red); text-decoration: none; }
.md-chips button.active { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; box-shadow: 0 8px 18px -8px rgba(254,69,54,.8); }
/* fotoğraflar: masonry */
.md-masonry { column-count: 4; column-gap: 16px; }
.md-ph { position: relative; display: block; margin: 0 0 16px; break-inside: avoid; border-radius: 14px; overflow: hidden; background: #111; }
.md-ph img { display: block; width: 100%; height: auto; transition: transform .5s, opacity .3s; }
.md-ph:hover img { transform: scale(1.05); opacity: .8; }
.md-ph-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 14px; background: linear-gradient(transparent, rgba(0,0,0,.85)); color: #fff; transform: translateY(8px); opacity: 0; transition: all .3s; }
.md-ph:hover .md-ph-cap, .md-ph:focus .md-ph-cap { transform: none; opacity: 1; }
.md-ph-cap strong { display: block; font-size: 15px; line-height: 1.3; }
.md-ph-cap small { color: #ffb3a8; font-size: 12.5px; }
.md-ph-zoom { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color: var(--wsef-red); opacity: 0; transform: scale(.7); transition: all .3s; }
.md-ph:hover .md-ph-zoom { opacity: 1; transform: none; }
.md-ph.md-off, .md-off { display: none !important; }
/* videolar */
.md-theatre { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 30px; align-items: center; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 18px; box-shadow: 0 24px 50px -30px rgba(0,0,0,.35); }
.md-screen { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; }
.md-screen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.md-lite { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: #000; cursor: pointer; aspect-ratio: 16 / 9; }
.md-lite img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity .3s, transform .5s; }
.md-lite:hover img { opacity: 1; transform: scale(1.03); }
.md-lite-play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; display: grid; place-items: center; background: var(--wsef-red); color: #fff; font-size: 20px; box-shadow: 0 0 0 10px rgba(254,69,54,.25); transition: transform .3s; }
.md-lite-play i { margin-left: 4px; }
.md-lite.big .md-lite-play { width: 84px; height: 84px; margin: -42px 0 0 -42px; font-size: 26px; }
.md-lite:hover .md-lite-play { transform: scale(1.1); }
.md-now h2 { font-size: clamp(20px, 1.8vw, 28px); margin: 12px 0 8px; }
.md-now p { color: #555; }
.md-now-meta { color: var(--wsef-muted); font-size: 14px; margin-bottom: 16px; }
.md-playlist { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.md-vcard { text-align: left; background: #fff; border: 1px solid var(--wsef-line); border-radius: 14px; padding: 10px; cursor: pointer; transition: all .2s; }
.md-vcard:hover, .md-vcard.on { border-color: var(--wsef-red); box-shadow: 0 14px 30px -18px rgba(254,69,54,.7); }
.md-vthumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; margin-bottom: 10px; }
.md-vthumb img { width: 100%; height: 100%; object-fit: cover; }
.md-vthumb i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(254,69,54,.92); color: #fff; font-size: 13px; }
.md-vcard strong { display: block; font-size: 15px; line-height: 1.35; color: #222; }
.md-vcard small { color: var(--wsef-muted); }
/* şampiyona albümleri */
.md-jump a { text-decoration: none; }
.md-album { background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 24px; margin-bottom: 30px; scroll-margin-top: 100px; }
.md-album-head { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.md-album-head > div { flex: 1; min-width: 0; }
.md-album-head h2 { font-size: clamp(20px, 1.8vw, 28px); margin: 0 0 6px; }
.md-album-year { flex: 0 0 auto; width: 84px; height: 84px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; font-size: 24px; font-weight: 700; box-shadow: 0 14px 26px -14px rgba(254,69,54,.9); }
.md-album-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--wsef-muted); font-size: 14px; }
.md-album-meta i { color: var(--wsef-red); margin-right: 4px; }
.md-album-meta img { width: 18px; margin-right: 4px; vertical-align: -2px; }
.md-album-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 170px; gap: 12px; }
.md-ag { position: relative; display: block; border-radius: 12px; overflow: hidden; background: #111; }
.md-ag.big { grid-column: span 2; grid-row: span 2; }
.md-ag img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s, opacity .3s; }
.md-ag:hover img { transform: scale(1.06); opacity: .85; }
.md-ag.md-more-hide { display: none; }
.md-more { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0,0,0,.6); color: #fff; font-size: 30px; font-weight: 700; }
.md-album-videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin-top: 16px; }
.md-album-videos figure { margin: 0; }
.md-album-videos .md-lite { border-radius: 12px; overflow: hidden; }
.md-album-videos figcaption { font-size: 14px; font-weight: 600; margin-top: 8px; }
/* basın kiti / marka: indirme kartları */
.md-dls { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.md-dl { display: flex; gap: 16px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 14px; transition: box-shadow .2s, border-color .2s; }
.md-dl:hover { border-color: #f3c2bc; box-shadow: 0 18px 36px -24px rgba(0,0,0,.4); }
.md-dl-cover { position: relative; flex: 0 0 110px; height: 140px; border-radius: 10px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, #1d1d24, #34130f); color: #ff8a7d; font-size: 34px; }
.md-dl-cover img { width: 100%; height: 100%; object-fit: cover; }
.md-dl-ext { position: absolute; left: 8px; bottom: 8px; padding: 2px 8px; border-radius: 6px; background: var(--wsef-red); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.md-dl-body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.md-dl-body h4 { font-size: 17px; margin: 2px 0 6px; }
.md-dl-body p { font-size: 14px; color: #555; margin: 0 0 8px; }
.md-dl-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--wsef-muted); margin-bottom: 12px; }
.md-dl-meta i { color: var(--wsef-red); margin-right: 4px; }
.md-dl-body .pp-btn { margin-top: auto; }
.md-press { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 34px; align-items: start; }
.md-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 10px; }
.md-facts > div { background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 18px; text-align: center; }
.md-facts i { width: 42px; height: 42px; border-radius: 12px; display: inline-grid; place-items: center; background: #fff0ee; color: var(--wsef-red); margin-bottom: 8px; }
.md-facts b { display: block; font-size: 28px; line-height: 1.1; color: #222; }
.md-facts span { font-size: 13px; color: var(--wsef-muted); }
.md-boiler { margin-top: 10px; background: var(--wsef-soft); border-radius: 16px; padding: 24px; border-left: 4px solid var(--wsef-red); }
.md-boiler .md-head { margin-top: 0; }
.md-note { font-size: 13px; color: var(--wsef-muted); margin: 0; }
.md-press-side { position: sticky; top: 100px; display: grid; gap: 14px; }
.md-contact { background: linear-gradient(150deg, #1d1d24, #34130f); color: #d6d7de; border-radius: 18px; padding: 24px; }
.md-contact h3 { color: #fff; margin: 12px 0 6px; }
.md-contact ul { list-style: none; padding: 0; margin: 16px 0 20px; }
.md-contact li { display: flex; gap: 12px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 14px; }
.md-contact li i { color: #ff8a7d; margin-top: 3px; width: 16px; }
.md-contact a { color: #fff; }
.md-side-link { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 14px; padding: 14px 16px; color: #222; transition: all .2s; }
.md-side-link:hover { border-color: var(--wsef-red); text-decoration: none; color: #222; transform: translateX(3px); }
.md-side-link > i:first-child { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); }
.md-side-link span { flex: 1; }
.md-side-link small { display: block; color: var(--wsef-muted); }
.md-side-link > i:last-child { color: #bbb; }
/* marka */
.md-logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.md-logo { margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--wsef-line); }
.md-logo > div { height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.md-logo .wsef-mark { font-size: 46px; line-height: 1; }
.md-logo small { font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-top: 8px; }
.md-logo figcaption { padding: 12px 16px; font-size: 13px; font-weight: 600; background: #fff; color: #555; border-top: 1px solid var(--wsef-line); }
.md-logo.lg-light > div { background: #fff; }
.md-logo.lg-light small { color: var(--wsef-muted); }
.md-logo.lg-dark > div { background: #1d1d24; }
.md-logo.lg-dark .wsef-mark { color: #fff; }
.md-logo.lg-dark small { color: #9fa0aa; }
.md-logo.lg-red > div { background: var(--wsef-red); }
.md-logo.lg-red .wsef-mark, .md-logo.lg-red .wsef-mark::first-letter, .md-logo.lg-red small { color: #fff; }
.md-swatches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.md-sw { position: relative; text-align: left; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 10px 10px 14px; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.md-sw:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -20px rgba(0,0,0,.45); }
.md-sw-chip { display: block; height: 90px; border-radius: 10px; background: var(--sw); border: 1px solid rgba(0,0,0,.06); margin-bottom: 10px; }
.md-sw strong { display: block; font-size: 15px; }
.md-sw code { display: block; color: #222; font-size: 13px; background: none; padding: 0; }
.md-sw small, .md-sw em { display: block; font-size: 12px; color: var(--wsef-muted); font-style: normal; }
.md-sw-ok { position: absolute; top: 18px; left: 50%; transform: translateX(-50%); padding: 4px 10px; border-radius: 12px; background: #222; color: #fff; font-size: 12px; opacity: 0; transition: opacity .2s; pointer-events: none; white-space: nowrap; }
.md-sw.copied .md-sw-ok { opacity: 1; }
.md-brand-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 30px; }
.md-type-card { display: flex; gap: 20px; align-items: center; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 20px; }
.md-aa { font-size: 76px; font-weight: 700; line-height: 1; color: var(--wsef-red); }
.md-type-card strong { font-size: 22px; display: block; }
.md-type-card small { color: var(--wsef-muted); }
.md-weights { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 15px; }
.md-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.md-dos ul { list-style: none; margin: 0; padding: 16px 18px; border-radius: 16px; }
.md-dos .do { background: #effaf2; }
.md-dos .dont { background: #fff0ee; }
.md-dos li { display: flex; gap: 10px; padding: 6px 0; font-size: 14px; }
.md-dos .do i { color: #1f9d55; margin-top: 4px; }
.md-dos .dont i { color: var(--wsef-red); margin-top: 4px; }
@media (max-width: 1199px) { .md-masonry { column-count: 3; } .md-swatches { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) {
  .md-hero-in, .md-theatre, .md-press, .md-brand-row { grid-template-columns: 1fr; }
  .md-press-side { position: static; }
  .md-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-logos { grid-template-columns: 1fr; }
  .md-album-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 140px; }
}
@media (max-width: 767px) {
  .md-masonry { column-count: 2; column-gap: 10px; } .md-ph { margin-bottom: 10px; }
  .md-ph-cap { opacity: 1; transform: none; padding: 30px 10px 8px; } .md-ph-cap strong { font-size: 13px; }
  .md-album { padding: 16px; } .md-album-head { flex-wrap: wrap; } .md-album-year { width: 60px; height: 60px; font-size: 18px; }
  .md-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; }
  .md-dls { grid-template-columns: 1fr; } .md-dos { grid-template-columns: 1fr; }
  .md-swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-stats dd { font-size: 22px; } .md-stats > div { padding: 14px 6px; }
}
@media (max-width: 480px) { .md-dl { flex-direction: column; } .md-dl-cover { flex-basis: auto; height: 160px; } .md-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md-stats > div:nth-child(2) { border-right: 0; } .md-stats > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); } }
html.club-dark .md-theatre, html.club-dark .md-album, html.club-dark .md-dl, html.club-dark .md-facts > div, html.club-dark .md-side-link, html.club-dark .md-vcard,
html.club-dark .md-sw, html.club-dark .md-type-card, html.club-dark .md-chips button, html.club-dark .md-chips a { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .md-vcard strong, html.club-dark .md-facts b, html.club-dark .md-side-link, html.club-dark .md-sw code { color: #eee; }
html.club-dark .md-boiler { background: #1b1b20; }
/* ---- panel: medya kütüphanesi ---- */
.md-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.md-kpi { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wsef-line); border-radius: 14px; padding: 14px 16px 12px; color: #222; overflow: hidden; transition: all .2s; }
a.md-kpi:hover { text-decoration: none; color: #222; transform: translateY(-2px); box-shadow: 0 14px 26px -20px rgba(0,0,0,.5); }
.md-kpi i { position: absolute; right: 12px; top: 12px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 14px; background: #f1f2f5; color: #666; }
.md-kpi b { font-size: 26px; line-height: 1.1; }
.md-kpi span { font-size: 12.5px; color: var(--wsef-muted); }
.md-kpi.on { border-color: var(--wsef-red); box-shadow: inset 0 -3px 0 var(--wsef-red); }
.md-kpi.k-photo i { background: #fff0ee; color: var(--wsef-red); } .md-kpi.k-video i { background: #eef3ff; color: #3563e9; }
.md-kpi.k-press_kit i { background: #fff7e6; color: #c98a00; } .md-kpi.k-brand i { background: #f4ecff; color: #7a3fd1; }
.md-kpi.k-dl i { background: #effaf2; color: #1f9d55; }
.md-drop { padding: 16px; }
.md-drop-zone { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 26px 16px; border: 2px dashed #f0b6ae; border-radius: 14px; background: #fff8f7; text-align: center; cursor: pointer; margin: 0 0 14px; transition: all .2s; }
.md-drop-zone:hover, .md-drop-zone.over { background: #fff0ee; border-color: var(--wsef-red); }
.md-drop-zone > i { font-size: 34px; color: var(--wsef-red); }
.md-drop-zone small { color: var(--wsef-muted); }
.md-drop-zone input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.md-drop-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 8px; }
.md-drop-list img { width: 54px; height: 54px; object-fit: cover; border-radius: 8px; }
.md-drop-list b { align-self: center; font-size: 13px; }
.md-drop-opts { display: grid; grid-template-columns: 2fr 1fr 2fr auto; gap: 12px; align-items: end; }
.md-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.md-tools { display: flex; gap: 10px; }
.md-tools select { width: auto; min-width: 180px; }
.md-search { position: relative; margin: 0; }
.md-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #aaa; font-size: 13px; }
.md-search input { height: 38px; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 0 14px 0 34px; min-width: 220px; }
.md-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.md-card { display: flex; flex-direction: column; border: 1px solid var(--wsef-line); border-radius: 14px; overflow: hidden; background: #fff; transition: box-shadow .2s, border-color .2s; }
.md-card:hover { border-color: #f3c2bc; box-shadow: 0 16px 30px -22px rgba(0,0,0,.5); }
.md-card.off { opacity: .6; }
.md-thumb { position: relative; display: block; aspect-ratio: 4 / 3; background: #f1f2f5; overflow: hidden; }
.md-grid.docs .md-thumb { aspect-ratio: 16 / 9; }
.md-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.md-card:hover .md-thumb img { transform: scale(1.05); }
.md-noimg { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; color: #c0c3cb; background: linear-gradient(135deg, #f5f6f8, #eceef2); }
.md-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(254,69,54,.92); color: #fff; }
.md-badges { position: absolute; left: 8px; top: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.md-badges em { font-style: normal; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 10px; background: rgba(0,0,0,.7); color: #fff; }
.md-badges .b-feat { background: #d4a017; } .md-badges .b-doc { background: var(--wsef-red); }
.md-body { padding: 12px 14px 6px; flex: 1; }
.md-body strong { display: block; font-size: 14.5px; line-height: 1.35; }
.md-body > small { display: block; font-size: 12.5px; color: var(--wsef-muted); margin-top: 2px; }
.md-body > small.md-miss { color: #d9822b; }
.md-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; font-size: 12px; color: var(--wsef-muted); }
.md-meta i { margin-right: 4px; color: var(--wsef-red); }
.md-act { display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-top: 1px solid var(--wsef-line); }
.md-act form { margin: 0; }
.md-act .pb-state { margin-right: auto; }
.md-act form:nth-child(2) { margin-right: auto; }
.pp-icon.md-on { color: #d4a017; }
.md-none { text-align: center; color: var(--wsef-muted); padding: 30px 0 10px; }
.md-typepick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.md-typepick label { position: relative; display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--wsef-line); border-radius: 12px; cursor: pointer; margin: 0; font-weight: 600; transition: all .2s; }
.md-typepick label i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #f1f2f5; color: #666; }
.md-typepick label.on { border-color: var(--wsef-red); background: #fff8f7; box-shadow: 0 10px 20px -16px rgba(254,69,54,.9); }
.md-typepick label.on i { background: var(--wsef-red); color: #fff; }
.md-typepick input { position: absolute; opacity: 0; pointer-events: none; }
.md-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
.md-form-side { position: sticky; top: 90px; background: var(--wsef-soft); border-radius: 14px; padding: 16px; }
.md-preview { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid var(--wsef-line); margin-bottom: 10px; display: grid; place-items: center; }
.md-preview img { width: 100%; height: 100%; object-fit: cover; }
.md-preview span { text-align: center; color: #aaa; } .md-preview span i { font-size: 32px; display: block; }
.md-switch { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; font-weight: 500; cursor: pointer; }
.md-switch input { position: absolute; opacity: 0; }
.md-switch span { position: relative; flex: 0 0 40px; height: 22px; border-radius: 12px; background: #d0d2d8; transition: background .2s; }
.md-switch span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .2s; }
.md-switch input:checked + span { background: var(--wsef-red); }
.md-switch input:checked + span::after { left: 21px; }
.md-switch input:focus-visible + span { outline: 2px solid var(--wsef-red); outline-offset: 2px; }
.md-docnow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: #fff0ee; margin-bottom: 8px; font-size: 14px; }
.md-docnow i { color: var(--wsef-red); }
.md-docnow .ln-check { margin: 0 0 0 auto; }
[data-md-for][hidden] { display: none !important; }
@media (max-width: 1199px) { .md-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) { .md-form-grid { grid-template-columns: 1fr; } .md-form-side { position: static; } .md-drop-opts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .md-kpis, .md-typepick { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md-drop-opts { grid-template-columns: 1fr; } .md-tools { width: 100%; flex-wrap: wrap; } .md-search, .md-search input, .md-tools select { width: 100%; min-width: 0; } }.md-card[hidden] { display: none; }
/* v17 düzeltmeler: album düzeni fotoğraf sayısına göre, YouTube küçük resmi 16:9 kırpma, marka satırı aralığı */
.md-brand-row { margin-top: 34px; }
.md-lite { height: auto; overflow: hidden; }
.md-lite img { position: absolute; inset: 0; }
.md-screen .md-lite { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
.md-album-grid.n1 { grid-template-columns: 1fr; grid-auto-rows: 420px; }
.md-album-grid.n2 { grid-template-columns: 1fr 1fr; grid-auto-rows: 320px; }
.md-album-grid.n2 .big { grid-column: auto; grid-row: auto; }
.md-album-grid.n3 { grid-template-columns: 2fr 1fr; grid-auto-rows: 180px; }
.md-album-grid.n3 .big { grid-column: auto; grid-row: span 2; }
.md-album-grid.n4 { grid-template-columns: 2fr 1fr; grid-auto-rows: 150px; }
.md-album-grid.n4 .big { grid-column: auto; grid-row: span 3; }
.md-album-grid { grid-auto-flow: dense; }
@media (max-width: 767px) { .md-album-grid.n1, .md-album-grid.n2 { grid-auto-rows: 200px; } .md-album-grid.n3, .md-album-grid.n4 { grid-auto-rows: 110px; } }
/* ==== v18 Usta öğrencileri (site + panel), sekme çubuğu düzeltmesi, usta dizini ==== */
/* club-nav artık yapışkan değil: site menüsünün açılır alt menüleri yarım görünmesin (kulüp profili) */
.club-nav { position: relative; z-index: 1; }
.bio-tabs .bio-back { margin-left: auto; color: var(--wsef-red); }
.bio-tabs .bio-back:hover { background: #fff0ee; color: var(--wsef-red); }
.bio-stu-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.bio-stu-count { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 24px; background: #fff0ee; color: var(--wsef-red); margin-bottom: 30px; }
.bio-stu-count b { font-size: 20px; }
.bio-stu { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.bio-stu-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 28px 20px 20px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; color: #222; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.bio-stu-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 64px; background: linear-gradient(120deg, #1d1d24, #34130f); }
.bio-stu-card.r-grand_master::before { background: linear-gradient(120deg, #3a2a05, #b8860b); }
.bio-stu-card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -26px rgba(0,0,0,.5); border-color: #f3c2bc; color: #222; text-decoration: none; }
.bio-stu-ph { position: relative; width: 92px; height: 92px; border-radius: 50%; overflow: hidden; border: 4px solid #fff; box-shadow: 0 10px 22px -10px rgba(0,0,0,.5); background: linear-gradient(135deg, var(--wsef-red), #b3261a); display: grid; place-items: center; margin-bottom: 12px; }
.bio-stu-ph img { width: 100%; height: 100%; object-fit: cover; }
.bio-stu-ph b { color: #fff; font-size: 34px; }
.bio-stu-card.passed .bio-stu-ph img { filter: grayscale(.6); }
.bio-stu-since { position: absolute; top: 14px; right: 14px; padding: 3px 10px; border-radius: 12px; background: rgba(255,255,255,.14); color: #fff; font-size: 12px; font-weight: 700; }
.bio-stu-rank { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: var(--wsef-red); }
.bio-stu-card strong { font-size: 18px; line-height: 1.3; margin: 4px 0 2px; }
.bio-stu-card em { font-style: normal; font-size: 13px; color: var(--wsef-muted); }
.bio-stu-card p { font-size: 14px; color: #555; margin: 10px 0 0; }
.bio-stu-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 12px; font-size: 13px; color: var(--wsef-muted); }
.bio-stu-meta img { width: 18px; vertical-align: -2px; }
.bio-stu-meta i { color: var(--wsef-red); }
.bio-stu-go { margin-top: auto; padding-top: 14px; font-size: 13px; font-weight: 700; color: var(--wsef-red); opacity: .8; }
.bio-stu-card:hover .bio-stu-go { opacity: 1; }
.bio-stu-more { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; padding: 16px 20px; border-radius: 16px; background: var(--wsef-soft); }
.bio-stu-more > div { display: flex; flex-wrap: wrap; gap: 8px; }
.bio-stu-more span { padding: 5px 12px; border-radius: 16px; background: #fff; border: 1px solid var(--wsef-line); font-size: 14px; }
@media (max-width: 575px) { .bio-stu-head { flex-direction: column; align-items: flex-start; gap: 0; } .bio-stu-count { margin-bottom: 16px; } }
html.club-dark .bio-stu-card, html.club-dark .bio-stu-more span { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .bio-stu-more { background: #141418; }
/* panel: öğrenciler sekmesi */
.ln-bar-act { display: flex; flex-wrap: wrap; gap: 8px; }
.ln-st { display: grid; gap: 12px; }
.ln-st-card { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2.2fr) auto; gap: 16px; align-items: center; padding: 12px 14px; border: 1px solid var(--wsef-line); border-radius: 14px; background: #fff; }
.ln-st-card:hover { border-color: #f3c2bc; }
.ln-st-id { display: flex; align-items: center; gap: 12px; color: #222; min-width: 0; }
.ln-st-id:hover { text-decoration: none; color: var(--wsef-red); }
.ln-st-id > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.ln-st-id small { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--wsef-muted); }
.ln-st-id b { font-size: 15px; }
.ln-st-id em { font-style: normal; font-size: 12.5px; color: var(--wsef-muted); }
.ln-st-id em img { width: 16px; }
.ln-st-form { display: flex; gap: 8px; align-items: flex-end; margin: 0; }
.ln-st-form label { margin: 0; display: flex; flex-direction: column; font-size: 11px; color: var(--wsef-muted); width: 90px; }
.ln-st-form label.grow { flex: 1; width: auto; }
.ln-st-form .form-control { height: 36px; font-size: 13.5px; }
.ln-st-act { display: flex; gap: 6px; }
.ln-st-act form { margin: 0; }
.ln-st-empty { text-align: center; padding: 34px 16px; border: 2px dashed var(--wsef-line); border-radius: 14px; color: var(--wsef-muted); }
.ln-st-empty i { font-size: 34px; color: #d0d2d8; margin-bottom: 8px; }
.ln-st-extra { display: flex; gap: 12px; margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #fff8e6; font-size: 14px; }
.ln-st-extra i { color: #c98a00; margin-top: 3px; }
.ln-st-extra small { display: block; color: var(--wsef-muted); }
@media (max-width: 1199px) { .ln-st-card { grid-template-columns: 1fr auto; } .ln-st-form { grid-column: 1 / -1; grid-row: 2; } }
@media (max-width: 575px) { .ln-st-form { flex-wrap: wrap; } .ln-st-form label.grow { flex-basis: 100%; } }
/* panel: usta dizini */
.ln-dir-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.ln-dir-filter button { border: 1px solid var(--wsef-line); background: #fff; border-radius: 18px; padding: 5px 12px; font-size: 13px; font-weight: 600; cursor: pointer; }
.ln-dir-filter button b { margin-left: 4px; padding: 0 6px; border-radius: 8px; background: #f1f2f5; font-size: 11px; }
.ln-dir-filter button.active { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; }
.ln-dir-filter button.active b { background: rgba(255,255,255,.25); }
.ln-dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; }
.ln-dir-card { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--wsef-line); border-radius: 14px; background: #fff; color: #222; transition: all .2s; }
.ln-dir-card:hover { border-color: var(--wsef-red); text-decoration: none; color: #222; box-shadow: 0 14px 26px -20px rgba(0,0,0,.5); transform: translateY(-2px); }
.ln-dir-card[hidden] { display: none; }
.ln-dir-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ln-dir-txt > small { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--wsef-muted); }
.ln-dir-txt b { font-size: 15px; line-height: 1.3; }
.ln-dir-txt em { font-style: normal; font-size: 12.5px; color: var(--wsef-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ln-dir-txt em img { width: 16px; vertical-align: -2px; }
.ln-dir-nums { display: flex; gap: 12px; margin: 8px 0 6px; font-size: 12.5px; color: #555; }
.ln-dir-nums i { color: var(--wsef-red); margin-right: 4px; }
.ln-dir-bar { height: 6px; border-radius: 4px; background: #f1f2f5; overflow: hidden; }
.ln-dir-bar i { display: block; height: 100%; background: linear-gradient(90deg, #f0a35e, var(--wsef-red)); border-radius: 4px; }
.ln-dir-bar.full i { background: #1f9d55; }
.ln-dir-pct { font-size: 11.5px; color: var(--wsef-muted); margin-top: 4px; }
/* v17b fotoğraflar: masonry yerine Instagram gönderi oranında (4:5) eşit ızgara — geniş, ekrana göre 5 → 2 sütun */
.md-wide { max-width: 1760px; padding-left: clamp(16px, 3vw, 48px); padding-right: clamp(16px, 3vw, 48px); }
.md-insta { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.md-insta .md-ph { margin: 0; aspect-ratio: 4 / 5; border-radius: 12px; box-shadow: 0 16px 30px -24px rgba(0,0,0,.6); }
.md-insta .md-ph img { width: 100%; height: 100%; object-fit: cover; }
.md-insta .md-ph::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); pointer-events: none; }
.md-insta .md-ph-cap { padding: 60px 16px 16px; }
.md-insta .md-ph-cap strong { font-size: 15.5px; }
@media (max-width: 1399px) { .md-insta { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1099px) { .md-insta { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
@media (max-width: 767px) {
  .md-insta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .md-insta .md-ph { border-radius: 10px; }
  .md-insta .md-ph-cap { opacity: 1; transform: none; padding: 34px 10px 9px; }
  .md-insta .md-ph-cap strong { font-size: 12.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .md-insta .md-ph-cap small { font-size: 11px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .md-insta .md-ph-zoom { display: none; }
  .md-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-left: -16px; margin-right: -16px; padding: 0 16px 4px; }
  .md-chips::-webkit-scrollbar { display: none; }
  .md-chips button { flex: 0 0 auto; }
}
@media (hover: none) { .md-insta .md-ph-cap { opacity: 1; transform: none; } }
/* v17c videolar: geniş oynatıcı + 5/4/3/2/1 sütun oynatma listesi, kaydırdıkça yükleme, MP4 */
.md-theatre { grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr); }
.md-screen video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; }
.md-lite-ph, .md-vph { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(400px 200px at 70% 20%, rgba(254,69,54,.35), transparent 70%), linear-gradient(135deg, #111118, #2a1210); color: rgba(255,255,255,.25); font-size: 54px; }
.md-vph { font-size: 38px; }
.md-vhead { margin-top: 44px; }
.md-playlist { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 18px; }
.md-vcard { padding: 0; border: 0; background: none; box-shadow: none; }
.md-vcard:hover, .md-vcard.on { border: 0; box-shadow: none; }
.md-vbtn { display: flex; flex-direction: column; width: 100%; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: inherit; }
.md-vbtn:focus-visible { outline: 3px solid var(--wsef-red); outline-offset: 4px; border-radius: 14px; }
.md-vcard .md-vthumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #111; margin: 0 0 12px; box-shadow: 0 18px 32px -24px rgba(0,0,0,.7); }
.md-vcard .md-vthumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s, filter .3s; }
.md-vcard .md-vthumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.55)); opacity: .7; transition: opacity .3s; }
.md-vbtn:hover .md-vthumb img { transform: scale(1.07); }
.md-vbtn:hover .md-vthumb::after { opacity: 1; }
.md-vplay { position: absolute; left: 50%; top: 50%; z-index: 2; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; display: grid; place-items: center; background: rgba(254,69,54,.92); color: #fff; font-size: 16px; box-shadow: 0 0 0 8px rgba(254,69,54,.22); transform: scale(.85); opacity: .9; transition: transform .3s, opacity .3s; }
.md-vplay i { margin-left: 3px; }
.md-vbtn:hover .md-vplay { transform: scale(1); opacity: 1; }
.md-vsrc { position: absolute; left: 10px; top: 10px; z-index: 2; padding: 3px 9px; border-radius: 8px; background: rgba(0,0,0,.72); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .4px; }
.md-vsrc i { color: #ff3d3d; }
.md-vsrc.mp4 { background: var(--wsef-red); }
.md-vnow { position: absolute; left: 10px; bottom: 10px; z-index: 2; display: none; align-items: flex-end; gap: 2px; padding: 4px 10px; border-radius: 8px; background: var(--wsef-red); color: #fff; font-size: 11px; font-weight: 700; }
.md-vnow > i { width: 3px; height: 10px; background: #fff; border-radius: 2px; animation: mdEq 1s ease-in-out infinite; }
.md-vnow > i:nth-child(2) { animation-delay: .2s; } .md-vnow > i:nth-child(3) { animation-delay: .4s; }
.md-vnow span { margin-left: 5px; }
@keyframes mdEq { 0%, 100% { height: 4px; } 50% { height: 11px; } }
@media (prefers-reduced-motion: reduce) { .md-vnow > i { animation: none; } }
.md-vcard.on .md-vnow { display: inline-flex; }
.md-vcard.on .md-vthumb { box-shadow: 0 0 0 3px var(--wsef-red), 0 18px 32px -20px rgba(254,69,54,.8); }
.md-vcard.on .md-vplay { display: none; }
.md-vbody { display: block; padding: 0 2px; }
.md-vbody strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15.5px; line-height: 1.35; color: #1d1d24; }
.md-vbtn:hover .md-vbody strong { color: var(--wsef-red); }
.md-vbody small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--wsef-muted); }
.md-vbody p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: #666; }
.md-vcard.md-in { animation: mdIn .5s ease both; }
@keyframes mdIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.md-vcard.sk .md-vthumb, .md-vcard.sk strong, .md-vcard.sk small { background: linear-gradient(90deg, #eceef2 25%, #f7f8fa 50%, #eceef2 75%) 0 0 / 200% 100%; animation: mdSk 1.2s linear infinite; box-shadow: none; }
.md-vcard.sk strong { height: 16px; width: 85%; border-radius: 6px; } .md-vcard.sk small { height: 12px; width: 50%; border-radius: 6px; margin-top: 8px; }
@keyframes mdSk { to { background-position: -200% 0; } }
.md-loadmore { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 34px 0 10px; }
.md-spin { width: 34px; height: 34px; border-radius: 50%; border: 3px solid #f1d0cb; border-top-color: var(--wsef-red); opacity: 0; }
.md-loadmore.loading .md-spin { opacity: 1; animation: spSpin .8s linear infinite; }
.md-loadmore.loading [data-md-more-btn] { display: none; }
@media (max-width: 1399px) { .md-playlist { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1099px) { .md-playlist { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .md-playlist { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } .md-vbody strong { font-size: 14px; } .md-vbody p { display: none; } .md-vplay { width: 42px; height: 42px; margin: -21px 0 0 -21px; font-size: 13px; } .md-theatre { padding: 10px; gap: 16px; } }
@media (max-width: 479px) { .md-playlist { grid-template-columns: 1fr; } .md-vbody p { display: -webkit-box; } }
html.club-dark .md-vbody strong { color: #eee; }
html.club-dark .md-vcard.sk .md-vthumb, html.club-dark .md-vcard.sk strong, html.club-dark .md-vcard.sk small { background: #24242b; }
/* panel: video kaynağı seçici */
.md-srcpick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.md-srcpick label { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 14px; border: 1px solid var(--wsef-line); border-radius: 12px; cursor: pointer; transition: all .2s; }
.md-srcpick label i { font-size: 22px; color: #999; width: 26px; text-align: center; }
.md-srcpick label span { display: flex; flex-direction: column; }
.md-srcpick label small { color: var(--wsef-muted); font-weight: 400; }
.md-srcpick label.on { border-color: var(--wsef-red); background: #fff8f7; }
.md-srcpick label.on i { color: var(--wsef-red); }
.md-srcpick input { position: absolute; opacity: 0; pointer-events: none; }
.md-srcpick input:focus-visible + i { outline: 2px solid var(--wsef-red); outline-offset: 3px; }
.md-src-badge { position: absolute; right: 8px; bottom: 8px; padding: 3px 8px; border-radius: 8px; background: var(--wsef-red); color: #fff; font-size: 11px; font-weight: 700; }
.md-src-badge.yt { background: rgba(0,0,0,.72); }
.md-upmsg { display: block; margin-top: 6px; padding: 6px 10px; border-radius: 8px; background: #effaf2; color: #1f7a45; font-size: 13px; }
.md-upmsg.bad { background: #fff0ee; color: #c0392b; }
.md-docnow a { margin-left: auto; font-weight: 600; }
@media (max-width: 575px) { .md-srcpick { grid-template-columns: 1fr; } }/* v17c düzeltme: eski ".md-vthumb i" (kırmızı daire) kuralı rozet / ekolayzer ikonlarını etkilemesin; mobilde oynatıcı tek sütun */
.md-vcard .md-vthumb i { position: static; transform: none; width: auto; height: auto; margin: 0; background: none; border-radius: 0; display: inline; font-size: inherit; }
.md-vcard .md-vplay i { margin-left: 3px; }
.md-vcard .md-vnow > i { display: inline-block; width: 3px; height: 10px; background: #fff; border-radius: 2px; }
@media (max-width: 991px) { .md-theatre { grid-template-columns: 1fr; } }/* v17d: "Tüm videolar" daha büyük kartlar — 4 / 3 / 2 / 1 sütun, büyük oynat düğmesi, 1280px kapak */
.md-playlist { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px 26px; }
.md-vcard .md-vthumb { border-radius: 18px; margin-bottom: 14px; box-shadow: 0 26px 44px -28px rgba(0,0,0,.75); }
.md-vplay { width: 68px; height: 68px; margin: -34px 0 0 -34px; font-size: 22px; box-shadow: 0 0 0 10px rgba(254,69,54,.22); }
.md-vsrc { left: 14px; top: 14px; padding: 5px 11px; font-size: 12px; }
.md-vnow { left: 14px; bottom: 14px; padding: 5px 12px; font-size: 12px; }
.md-vbody strong { font-size: 17.5px; }
.md-vbody small { font-size: 13.5px; }
.md-vbody p { font-size: 14px; }
@media (max-width: 1199px) { .md-playlist { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; } }
@media (max-width: 991px) { .md-playlist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .md-playlist { grid-template-columns: 1fr; gap: 26px; } .md-vbody p { display: -webkit-box; } .md-vplay { width: 60px; height: 60px; margin: -30px 0 0 -30px; font-size: 19px; } .md-vbody strong { font-size: 16.5px; } }
/* ==== v19 Usta biyografisi: para gibi dönen portre, sosyal medya, kulüpler, lazy galeri, paylaşım, soydaşlar ==== */
.bio-coin { perspective: 900px; }
.bio-coin-in { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; transition: transform .9s cubic-bezier(.45,.05,.3,1); }
.bio-coin.flipped .bio-coin-in { transform: rotateY(180deg); }
.bio-face { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.bio-face.back { transform: rotateY(180deg); }
.bio-face img, .bio-face b { width: 100%; height: 100%; }
.bio-coin .bio-coin-in::after { content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none; background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%) -120% 0 / 250% 100% no-repeat; transition: background-position .9s; }
.bio-coin.flipped .bio-coin-in::after { background-position: 120% 0; }
.bio-coin .bio-status { z-index: 3; }
@media (prefers-reduced-motion: reduce) {
  .bio-coin-in { transition: none; transform: none !important; }
  .bio-face { backface-visibility: visible; transform: none !important; transition: opacity .6s; }
  .bio-face.back { opacity: 0; } .bio-coin.flipped .bio-face.back { opacity: 1; } .bio-coin.flipped .bio-face.front { opacity: 0; }
}
.bio-social, .bio-side-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 4px; }
.bio-social a, .bio-side-social a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.12); color: #fff; font-size: 15px; transition: transform .2s, background .2s; }
.bio-social a svg, .bio-side-social a svg, .bio-share a svg { width: 15px; height: 15px; }
.bio-social a:hover { transform: translateY(-2px); color: #fff; }
.so-facebook:hover { background: #1877f2 !important; } .so-instagram:hover { background: radial-gradient(circle at 30% 110%, #fdf497, #fd5949 45%, #d6249f 60%, #285aeb) !important; }
.so-youtube:hover { background: #ff0000 !important; } .so-x:hover, .so-tiktok:hover { background: #000 !important; } .so-linkedin:hover { background: #0a66c2 !important; } .so-website:hover { background: var(--wsef-red) !important; }
.bio-side-social { padding: 0 22px; margin: 4px 0 14px; }
.bio-side-social a { background: #f1f2f5; color: #444; }
.bio-side-social a:hover { color: #fff; }
.bio-share { padding: 16px 22px 20px; border-top: 1px solid var(--wsef-line); }
.bio-share small { display: block; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700; color: var(--wsef-muted); margin-bottom: 10px; }
.bio-share > div { display: flex; gap: 8px; }
.bio-share a, .bio-share button { position: relative; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #f1f2f5; color: #444; border: 0; cursor: pointer; transition: all .2s; }
.bio-share a:hover, .bio-share button:hover { background: var(--wsef-red); color: #fff; }
.bio-copied { position: absolute; bottom: 46px; left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 8px; background: #222; color: #fff; font-size: 11px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s; }
.bio-share button.copied .bio-copied { opacity: 1; }
/* sekme çubuğunda kulüp bağlantısı (kulübün profil resmiyle) */
.sp-tabs-track a.bio-tab-club { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border: 1px solid var(--wsef-line); }
.sp-tabs-track a.bio-tab-club:hover { border-color: var(--wsef-red); }
.bio-tab-av { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); font-size: 12px; flex: 0 0 30px; }
.bio-tab-av img { width: 100%; height: 100%; object-fit: cover; }
.sp-tabs-track a.bio-tab-club > span:last-child { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
/* kulüp kartları */
.bio-clubs { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.bio-club { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; overflow: hidden; color: #222; transition: transform .25s, box-shadow .25s; }
.bio-club:hover { transform: translateY(-4px); box-shadow: 0 26px 44px -28px rgba(0,0,0,.55); color: #222; text-decoration: none; }
.bio-club-cover { height: 120px; background-size: cover; background-position: center; position: relative; }
.bio-club-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45)); }
.bio-club-av { position: absolute; left: 20px; top: 70px; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; border: 4px solid #fff; box-shadow: 0 12px 24px -12px rgba(0,0,0,.6); background: #fff0ee; display: grid; place-items: center; color: var(--wsef-red); font-size: 30px; z-index: 2; transition: transform .3s; }
.bio-club:hover .bio-club-av { transform: scale(1.05); }
.bio-club-av img { width: 100%; height: 100%; object-fit: cover; }
.bio-club-body { display: flex; flex-direction: column; padding: 50px 20px 18px; flex: 1; }
.bio-club-role { font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700; color: var(--wsef-red); }
.bio-club-body strong { font-size: 18px; line-height: 1.3; margin: 3px 0 8px; }
.bio-club-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--wsef-muted); }
.bio-club-meta img { width: 18px; vertical-align: -2px; }
.bio-club-meta i { color: var(--wsef-red); }
/* lazy galeri */
.bio-gal2 { transition: opacity .25s; }
.bio-gal2.md-fading { opacity: .35; }
.md-ph.md-in { animation: mdIn .5s ease both; }
.bio-gal-chips { margin-bottom: 0; }
.bio-gal-chips b { margin-left: 4px; font-size: 11px; opacity: .75; }
/* soydaşlar */
.bio-peers { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.bio-peer { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--wsef-line); border-radius: 16px; background: #fff; color: #222; transition: all .2s; }
.bio-peer:hover { border-color: var(--wsef-red); color: #222; text-decoration: none; transform: translateY(-2px); }
.bio-stu-ph.sm { width: 56px; height: 56px; flex: 0 0 56px; margin: 0; border-width: 3px; }
.bio-stu-ph.sm b { font-size: 20px; }
.bio-peer small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--wsef-red); font-weight: 700; }
.bio-peer strong { display: block; font-size: 15px; line-height: 1.3; }
.bio-peer em { font-style: normal; font-size: 12.5px; color: var(--wsef-muted); }
.bio-peer em img { width: 16px; vertical-align: -2px; }
.ln-so-ic { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #f1f2f5; color: #444; font-size: 11px; vertical-align: -5px; }
.ln-so-ic svg { width: 12px; height: 12px; }
@media (max-width: 767px) { .bio-social { justify-content: center; } .bio-clubs { grid-template-columns: 1fr; } }
html.club-dark .bio-club, html.club-dark .bio-peer { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .bio-share a, html.club-dark .bio-share button, html.club-dark .bio-side-social a { background: #26262c; color: #ddd; }
/* v19b Kulüp yöneticisi: ustalar ve giriş hesabı kartları */
.cm-card h4 { font-size: 18px; margin: 0 0 4px; } .cm-card h4 i { color: var(--wsef-red); margin-right: 6px; }
.cm-head { margin-bottom: 14px; }
.cm-masters { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 18px; }
.cm-master { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--wsef-line); border-radius: 14px; }
.cm-master > div { flex: 1; min-width: 0; }
.cm-master small { display: block; font-size: 11.5px; color: var(--wsef-muted); }
.cm-master strong { display: block; font-size: 15px; }
.cm-master span a { font-size: 13px; }
.cm-master form { margin: 0; }
.cm-empty { padding: 16px; border: 2px dashed var(--wsef-line); border-radius: 12px; color: var(--wsef-muted); text-align: center; }
.cm-forms { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cm-form { background: var(--wsef-soft); border-radius: 14px; padding: 16px; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.cm-form h5 { font-size: 15px; margin: 0; } .cm-form h5 i { color: var(--wsef-red); margin-right: 6px; }
.cm-form input, .cm-form select { width: 100%; height: 40px; border: 1px solid var(--wsef-line); border-radius: 8px; padding: 0 12px; background: #fff; font-size: 14px; min-width: 0; }
.cm-form .meta { margin: 0; font-size: 12.5px; }
.cm-form button { align-self: flex-start; }
.cm-row { display: flex; gap: 8px; }
.cm-row > * { flex: 1; }
.cm-row input[type="number"] { flex: 0 0 110px; }
.cm-file { font-size: 13px; color: var(--wsef-muted); margin: 0; } .cm-file input { height: auto; padding: 6px; margin-top: 4px; }
.cm-new summary { cursor: pointer; list-style: none; } .cm-new summary::-webkit-details-marker { display: none; } .cm-new summary i { color: var(--wsef-red); }
@media (max-width: 991px) { .cm-forms { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .cm-row { flex-wrap: wrap; } .cm-row > *, .cm-row input[type="number"] { flex: 1 1 100%; } }
/* ==== v21 Kulüp etkinliği sayfası: tam genişlik hero, sağda yapışkan kayıt formu (mobilde en üstte), konuklar, program, medya ==== */
.evx-hero { position: relative; background-size: cover; background-position: center; color: #fff; padding: 46px 0 130px; }
.evx-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,12,16,.94) 0%, rgba(12,12,16,.78) 45%, rgba(52,19,15,.55) 100%), linear-gradient(0deg, rgba(12,12,16,.85), transparent 45%); }
.evx-hero-in { position: relative; max-width: 1400px; }
.evx-hero-in > * { max-width: 820px; }
.evx-back { display: inline-flex; align-items: center; gap: 8px; color: #d6d7de; font-size: 14px; margin-bottom: 18px; }
.evx-back:hover { color: #fff; text-decoration: none; }
.evx-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.evx-badges span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 20px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 12.5px; font-weight: 700; letter-spacing: .3px; backdrop-filter: blur(6px); }
.evx-badges .t { background: var(--wsef-red); border-color: var(--wsef-red); }
.evx-badges .gold { background: #d4a017; border-color: #d4a017; color: #1d1d24; }
.evx-badges .red { background: #b3261e; border-color: #b3261e; }
.evx-hero h1 { color: #fff; font-size: clamp(32px, 4vw, 58px); line-height: 1.08; margin: 0 0 14px; letter-spacing: -.5px; }
.evx-sum { color: #d8d9e0; font-size: clamp(16px, 1.3vw, 20px); margin: 0 0 20px; }
.evx-chips { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #e8e8ee; font-size: 15px; font-weight: 500; }
.evx-chips > span { display: inline-flex; align-items: center; gap: 8px; }
.evx-chips i { color: #ff8a7d; }
.evx-count { display: inline-flex; gap: 10px; margin-top: 26px; }
.evx-count > div { min-width: 74px; padding: 10px 8px; border-radius: 14px; text-align: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px); }
.evx-count b { display: block; font-size: 28px; line-height: 1; }
.evx-count small { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #c9cad2; }
.evx-body { position: relative; margin-top: -96px; padding-bottom: 70px; }
.evx-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; grid-template-areas: "main side"; gap: 34px; align-items: start; max-width: 1400px; }
.evx-side { grid-area: side; position: sticky; top: 90px; display: grid; gap: 14px; }
.evx-main { grid-area: main; display: grid; gap: 22px; min-width: 0; }
.evx-reg { background: #fff; border-radius: 22px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.45); border: 1px solid var(--wsef-line); overflow: hidden; }
.evx-reg-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 22px; background: linear-gradient(135deg, #1d1d24, #34130f); color: #fff; }
.evx-reg-top small { display: block; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: #bdbec7; }
.evx-reg-top strong { font-size: 30px; line-height: 1.1; }
.evx-reg-top strong.free { color: #7ee0a4; }
.evx-seats { text-align: right; min-width: 130px; }
.evx-seats small { font-size: 15px; color: #fff; text-transform: none; letter-spacing: 0; font-weight: 700; }
.evx-seats span { display: block; height: 6px; border-radius: 4px; background: rgba(255,255,255,.18); margin: 6px 0 3px; overflow: hidden; }
.evx-seats span i { display: block; height: 100%; background: linear-gradient(90deg, #ff8a7d, var(--wsef-red)); }
.evx-seats em { font-style: normal; font-size: 11px; color: #bdbec7; }
.evx-dl { margin: 0; padding: 10px 22px; background: #fff8e6; color: #8a6200; font-size: 13.5px; font-weight: 600; }
.evx-form { padding: 20px 22px 22px; }
.evx-form h3 { font-size: 18px; margin: 0 0 14px; } .evx-form h3 i { color: var(--wsef-red); margin-right: 6px; }
.evx-fg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.evx-fg .full { grid-column: 1 / -1; }
.evx-form .cc-f label { font-size: 12.5px; font-weight: 600; margin-bottom: 4px; color: #444; }
.evx-form .form-control { height: 42px; border-radius: 10px; font-size: 14.5px; }
.evx-form textarea.form-control { height: auto; }
.evx-more { margin: 14px 0 6px; border-top: 1px dashed var(--wsef-line); padding-top: 12px; }
.evx-more summary { cursor: pointer; font-weight: 600; font-size: 14px; color: var(--wsef-red); list-style: none; margin-bottom: 10px; }
.evx-more summary::-webkit-details-marker { display: none; }
.evx-form .ev-consent { display: flex; gap: 8px; font-size: 13px; margin: 12px 0; }
.evx-submit { width: 100%; justify-content: center; padding: 14px; font-size: 16px; border-radius: 12px; margin-top: 8px; }
.evx-safe { display: block; text-align: center; color: var(--wsef-muted); margin-top: 10px; font-size: 12.5px; }
.evx-closed { padding: 26px 22px; text-align: center; display: grid; gap: 10px; justify-items: center; }
.evx-closed i { font-size: 30px; color: #c0c3cb; }
.evx-org { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; color: #222; transition: all .2s; }
.evx-org:hover { border-color: var(--wsef-red); text-decoration: none; color: #222; }
.evx-org-av { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; flex: 0 0 52px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); }
.evx-org-av img { width: 100%; height: 100%; object-fit: cover; }
.evx-org > span:nth-child(2) { flex: 1; min-width: 0; }
.evx-org small { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-muted); }
.evx-org strong { display: block; font-size: 15.5px; }
.evx-org em { font-style: normal; font-size: 12.5px; color: var(--wsef-muted); } .evx-org em img { width: 16px; vertical-align: -2px; }
.evx-org > i { color: #bbb; }
.evx-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.evx-facts > div { position: relative; background: #fff; border: 1px solid var(--wsef-line); border-radius: 18px; padding: 16px 16px 16px 60px; box-shadow: 0 18px 36px -30px rgba(0,0,0,.5); }
.evx-facts i { position: absolute; left: 16px; top: 18px; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); }
.evx-facts small { display: block; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; }
.evx-facts strong { font-size: 14.5px; line-height: 1.35; }
.evx-block { background: #fff; border: 1px solid var(--wsef-line); border-radius: 22px; padding: 26px 28px; }
.evx-h { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; font-size: 22px; margin: 0 0 18px; }
.evx-h span { position: relative; padding-left: 14px; }
.evx-h span::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; border-radius: 3px; background: var(--wsef-red); }
.evx-h small { font-size: 13.5px; font-weight: 400; color: var(--wsef-muted); }
.evx-req { display: flex; gap: 12px; margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: #fff8e6; color: #6d4f00; }
.evx-req i { margin-top: 3px; } .evx-req strong { display: block; }
.evx-hl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.evx-hl li { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--wsef-soft); font-weight: 500; }
.evx-hl i { width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; display: grid; place-items: center; background: #1f9d55; color: #fff; font-size: 11px; margin-top: 1px; }
/* konuklar */
.evg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.evg-card { --rc: var(--wsef-red); position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 16px 18px; border-radius: 20px; background: linear-gradient(180deg, #fafafc, #fff 40%); border: 1px solid var(--wsef-line); transition: transform .25s, box-shadow .25s; }
.evg-card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -28px rgba(0,0,0,.55); }
.evg-card.r-gold { --rc: #d4a017; } .evg-card.r-blue { --rc: #3563e9; } .evg-card.r-purple { --rc: #7a3fd1; }
.evg-ph { width: 116px; height: 116px; border-radius: 50%; padding: 4px; background: conic-gradient(var(--rc), #fff 40%, var(--rc)); display: block; margin-bottom: 12px; box-shadow: 0 14px 28px -16px rgba(0,0,0,.6); }
.evg-ph img, .evg-ph b { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #fff; display: grid; place-items: center; background: #26262c; color: #fff; font-size: 38px; }
.evg-role { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 14px; background: var(--rc); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .3px; margin-bottom: 8px; }
.evg-card.r-gold .evg-role { color: #1d1d24; }
.evg-card strong { font-size: 17px; line-height: 1.3; }
.evg-card strong a { color: #1d1d24; } .evg-card strong a:hover { color: var(--wsef-red); text-decoration: none; }
.evg-card em { font-style: normal; font-size: 13px; color: var(--wsef-muted); margin-top: 2px; }
.evg-club { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 4px 10px; border-radius: 12px; background: #f1f2f5; font-size: 12.5px; color: #333; }
.evg-club img { width: 16px; } .evg-club:hover { background: #fff0ee; color: var(--wsef-red); text-decoration: none; }
.evg-card p { font-size: 13.5px; color: #555; margin: 10px 0 0; }
.evg-bio { margin-top: auto; padding-top: 12px; font-size: 13px; font-weight: 700; color: var(--wsef-red); }
/* program */
.evx-prog { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid #f1d0cb; }
.evx-prog li { position: relative; display: flex; gap: 16px; padding: 10px 0 10px 14px; }
.evx-prog li::before { content: ""; position: absolute; left: -25px; top: 16px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--wsef-red); }
.evx-prog time { flex: 0 0 64px; font-weight: 800; color: var(--wsef-red); font-variant-numeric: tabular-nums; }
.evx-prog li.day { display: block; margin: 10px 0 4px; font-weight: 800; font-size: 13px; letter-spacing: 1.4px; text-transform: uppercase; color: #1d1d24; }
.evx-prog li.day::before { background: var(--wsef-red); }
/* medya */
.evx-vmain .md-screen { border-radius: 16px; }
.evx-vtitle { margin: 12px 2px 0; font-weight: 700; font-size: 16px; }
.evx-vlist { margin-top: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.evx-gal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 150px; gap: 10px; grid-auto-flow: dense; }
.evx-gal a { position: relative; border-radius: 12px; overflow: hidden; background: #111; }
.evx-gal a.big { grid-column: span 2; grid-row: span 2; }
.evx-gal img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s, opacity .3s; }
.evx-gal a:hover img { transform: scale(1.06); opacity: .85; }
.evx-gal a i { position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.9); color: var(--wsef-red); opacity: 0; transition: opacity .3s; }
.evx-gal a:hover i { opacity: 1; }
.evx-map { border-radius: 16px; overflow: hidden; border: 1px solid var(--wsef-line); }
.evx-map iframe { display: block; width: 100%; height: 320px; border: 0; }
.evx-map-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; font-size: 14px; }
.evx-map-foot i { color: var(--wsef-red); }
.evx-more-ev { display: grid; gap: 10px; }
.evx-more-ev a { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--wsef-line); border-radius: 14px; color: #222; transition: all .2s; }
.evx-more-ev a:hover { border-color: var(--wsef-red); text-decoration: none; color: #222; }
.evx-more-ev .d { width: 54px; height: 54px; border-radius: 12px; display: grid; place-items: center; align-content: center; background: var(--wsef-red); color: #fff; line-height: 1; flex: 0 0 54px; }
.evx-more-ev .d b { font-size: 20px; } .evx-more-ev .d small { font-size: 11px; text-transform: uppercase; }
.evx-more-ev a > span:nth-child(2) { flex: 1; } .evx-more-ev small { display: block; color: var(--wsef-muted); font-size: 12px; } .evx-more-ev > a > i { color: #bbb; }
@media (max-width: 1199px) { .evx-grid { grid-template-columns: minmax(0, 1fr) 390px; gap: 24px; } .evx-vlist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) {
  .evx-hero { padding: 34px 0 110px; }
  .evx-grid { grid-template-columns: 1fr; grid-template-areas: "side" "main"; }
  .evx-side { position: static; }
  .evx-gal { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .evx-count > div { min-width: 62px; } .evx-count b { font-size: 22px; }
  .evx-fg { grid-template-columns: 1fr; }
  .evx-block { padding: 20px 16px; border-radius: 18px; }
  .evx-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; }
  .evx-vlist { grid-template-columns: 1fr; }
  .evx-reg-top strong { font-size: 24px; }
}
html.club-dark .evx-reg, html.club-dark .evx-block, html.club-dark .evx-facts > div, html.club-dark .evx-org, html.club-dark .evx-more-ev a { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .evg-card { background: #1f1f25; border-color: #2c2c33; } html.club-dark .evx-hl li { background: #24242b; } html.club-dark .evg-card strong a, html.club-dark .evx-prog li.day { color: #eee; }
/* portal: etkinlik konukları / medyası */
.evg-admin { display: grid; gap: 10px; margin-bottom: 18px; }
.evg-admin-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--wsef-line); border-radius: 12px; }
.evg-admin-row > div { flex: 1; min-width: 0; } .evg-admin-row strong { display: block; } .evg-admin-row form { margin: 0; }
.evg-admin-ph { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex: 0 0 46px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); }
.evg-admin-ph img { width: 100%; height: 100%; object-fit: cover; }
.evg-role.r-gold { background: #d4a017; color: #1d1d24; } .evg-role.r-blue { background: #3563e9; } .evg-role.r-purple { background: #7a3fd1; } .evg-role.r-red { background: var(--wsef-red); }
.evg-admin .evg-role { display: inline-flex; padding: 2px 8px; margin: 0; font-size: 11px; }
.evm-admin { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; margin-bottom: 18px; }
.evm-admin-item { position: relative; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #f1f2f5; display: grid; place-items: center; }
.evm-admin-item img { width: 100%; height: 100%; object-fit: cover; }
.evm-admin-item em { position: absolute; left: 6px; top: 6px; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,.7); color: #fff; font-style: normal; font-size: 11px; font-weight: 700; }
.evm-admin-item form { position: absolute; right: 6px; top: 6px; margin: 0; } .evm-admin-item .pp-icon { background: #fff; }
/* ==== v21b Dünya Şampiyonaları: sinematik albüm kapağı, eşit ızgara, uyumlu video kartları ==== */
.mc-sec { padding-top: 34px; }
.mc-nav { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px 18px; margin-bottom: 8px; }
.mc-nav::-webkit-scrollbar { display: none; }
.mc-nav a { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 8px 16px 8px 8px; border-radius: 40px; background: #fff; border: 1px solid var(--wsef-line); color: #222; transition: all .2s; box-shadow: 0 10px 22px -18px rgba(0,0,0,.5); }
.mc-nav a:hover { border-color: var(--wsef-red); color: var(--wsef-red); text-decoration: none; transform: translateY(-2px); }
.mc-nav b { width: 52px; height: 34px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; font-size: 14px; }
.mc-nav span { font-weight: 600; font-size: 14px; }
.mc-album { background: #fff; border: 1px solid var(--wsef-line); border-radius: 26px; overflow: hidden; margin-bottom: 38px; scroll-margin-top: 100px; box-shadow: 0 34px 60px -44px rgba(0,0,0,.55); }
.mc-cover { position: relative; min-height: 360px; display: flex; align-items: flex-end; background-size: cover; background-position: center; color: #fff; isolation: isolate; }
.mc-cover::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12,12,16,.92) 0%, rgba(12,12,16,.7) 45%, rgba(12,12,16,.15) 100%), linear-gradient(0deg, rgba(12,12,16,.75), transparent 55%); }
.mc-year { position: absolute; right: 28px; top: 10px; z-index: -1; font-size: clamp(90px, 13vw, 200px); font-weight: 800; line-height: 1; color: rgba(255,255,255,.1); letter-spacing: -4px; pointer-events: none; }
.mc-cover-in { padding: 34px 38px; max-width: 780px; }
.mc-cover h2 { color: #fff; font-size: clamp(26px, 3vw, 44px); margin: 12px 0 10px; line-height: 1.1; }
.mc-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; color: #e3e4ea; font-size: 14.5px; }
.mc-meta > span { display: inline-flex; align-items: center; gap: 7px; }
.mc-meta i { color: #ff8a7d; } .mc-meta img { width: 20px; }
.mc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.mc-actions .pp-btn { border-radius: 40px; padding: 11px 20px; font-weight: 700; }
.mc-actions .sp-ghost { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); color: #fff; cursor: pointer; }
.mc-actions .sp-ghost:hover { background: rgba(255,255,255,.2); }
.mc-body { padding: 26px 30px 32px; }
.mc-sub { display: flex; align-items: center; gap: 10px; margin: 6px 0 14px; }
.mc-sub + .mc-grid + .mc-sub, .mc-grid + .mc-sub { margin-top: 30px; }
.mc-sub h3 { font-size: 18px; margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.mc-sub h3 i { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); font-size: 14px; }
.mc-count { padding: 2px 10px; border-radius: 12px; background: #f1f2f5; font-size: 12px; font-weight: 700; color: #555; }
.mc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mc-ph { position: relative; display: block; aspect-ratio: 3 / 2; border-radius: 14px; overflow: hidden; background: #111; }
.mc-ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s, filter .3s; }
.mc-ph:hover img { transform: scale(1.06); filter: brightness(.8); }
.mc-ph-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 12px 10px; background: linear-gradient(transparent, rgba(0,0,0,.8)); color: #fff; font-size: 13px; font-weight: 600; opacity: 0; transform: translateY(6px); transition: all .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-ph:hover .mc-ph-cap { opacity: 1; transform: none; }
.mc-hide { display: none; }
.mc-more { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; background: rgba(12,12,16,.62); color: #fff; backdrop-filter: blur(2px); transition: background .3s; }
.mc-more b { font-size: 34px; line-height: 1; } .mc-more small { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; opacity: .85; margin-top: 4px; }
.mc-ph:hover .mc-more { background: rgba(254,69,54,.72); }
.mc-videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mc-vid { margin: 0; }
.mc-vframe { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; box-shadow: 0 20px 36px -26px rgba(0,0,0,.8); }
.mc-vframe .md-lite { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
.mc-vframe .md-lite.big .md-lite-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; font-size: 20px; }
.mc-vid figcaption { padding: 12px 2px 0; }
.mc-vid strong { display: block; font-size: 15.5px; line-height: 1.35; }
.mc-vid small { display: block; color: var(--wsef-muted); font-size: 13px; margin-top: 3px; }
@media (max-width: 1199px) { .mc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mc-videos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .mc-cover { min-height: 300px; } .mc-cover-in { padding: 24px 20px; }
  .mc-body { padding: 18px 16px 22px; }
  .mc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .mc-ph-cap { display: none; }
  .mc-videos { grid-template-columns: 1fr; }
  .mc-album { border-radius: 20px; }
}
html.club-dark .mc-album, html.club-dark .mc-nav a { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
/* ==== v21c Basın odası (/media/press_kit) ==== */
.pr-intro { position: relative; padding: 46px 0 40px; background: radial-gradient(700px 300px at 85% 0%, rgba(254,69,54,.10), transparent 70%), linear-gradient(180deg, #fff, #fbf8f7); border-bottom: 1px solid var(--wsef-line); overflow: hidden; }
.pr-intro-in { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 50px; align-items: center; }
.pr-intro-txt h2 { font-size: clamp(28px, 3vw, 44px); line-height: 1.12; margin: 14px 0 12px; letter-spacing: -.4px; }
.pr-intro-txt p { font-size: 17px; color: #555; max-width: 620px; }
.pr-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.pr-cta .pp-btn { border-radius: 40px; padding: 12px 22px; font-weight: 700; }
.pr-doc { position: relative; justify-self: center; width: min(300px, 80%); aspect-ratio: 210 / 297; display: block; color: #222; perspective: 1200px; }
.pr-doc:hover { text-decoration: none; color: #222; }
.pr-doc-sheet { position: absolute; inset: 0; border-radius: 10px; background: #fff; border: 1px solid var(--wsef-line); box-shadow: 0 20px 40px -26px rgba(0,0,0,.5); }
.pr-doc-sheet.s3 { transform: rotate(8deg) translate(22px, 8px); background: #f3eeec; }
.pr-doc-sheet.s2 { transform: rotate(4deg) translate(11px, 4px); background: #faf6f5; }
.pr-doc-page { position: absolute; inset: 0; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 34px 60px -28px rgba(0,0,0,.55); transform: rotate(-2deg); transition: transform .4s; }
.pr-doc:hover .pr-doc-page { transform: rotate(0) translateY(-6px) scale(1.02); }
.pr-doc-page > img { width: 100%; height: 100%; object-fit: cover; }
.pr-doc-art { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px 22px; color: #fff; background: radial-gradient(260px 200px at 80% 10%, rgba(254,69,54,.55), transparent 70%), linear-gradient(160deg, #1d1d24, #34130f); }
.pr-doc-art::before { content: ""; position: absolute; left: 22px; right: 22px; top: 26px; height: 4px; border-radius: 3px; background: var(--wsef-red); }
.pr-doc-art b { font-size: 44px; letter-spacing: 3px; line-height: 1; }
.pr-doc-art small { font-size: 13px; letter-spacing: 4px; text-transform: uppercase; margin-top: 8px; color: #ffb3a8; }
.pr-doc-art em { font-style: normal; font-size: 64px; font-weight: 800; color: rgba(255,255,255,.12); position: absolute; right: 16px; top: 44px; }
.pr-doc-art.sm b { font-size: 26px; } .pr-doc-art.sm small { font-size: 10px; letter-spacing: 3px; } .pr-doc-art.sm em { font-size: 38px; top: 30px; }
.pr-doc-tag { position: absolute; left: 12px; bottom: 12px; padding: 4px 10px; border-radius: 8px; background: var(--wsef-red); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .5px; }
.pr-doc-cap { position: absolute; left: 0; right: 0; bottom: -40px; text-align: center; font-weight: 700; font-size: 14px; }
.pr-stats { background: linear-gradient(120deg, #111117, #1d1d24 55%, #3a1510); color: #fff; }
.pr-stats-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pr-stats-in > div { padding: 30px 16px; text-align: center; border-right: 1px solid rgba(255,255,255,.08); }
.pr-stats-in > div:last-child { border-right: 0; }
.pr-stats i { width: 44px; height: 44px; border-radius: 14px; display: inline-grid; place-items: center; background: rgba(254,69,54,.18); color: #ff8a7d; margin-bottom: 10px; }
.pr-stats b { display: block; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.1; font-variant-numeric: tabular-nums; }
.pr-stats span { font-size: 12px; letter-spacing: 1.3px; text-transform: uppercase; color: #aeb0ba; font-weight: 700; }
.pr-sec { padding-top: 46px; }
.pr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 34px; align-items: start; }
.pr-side { position: sticky; top: 100px; display: grid; gap: 14px; }
.pr-head { display: flex; align-items: center; gap: 12px; margin: 34px 0 16px; }
.pr-head:first-child { margin-top: 0; }
.pr-head h3 { font-size: 22px; margin: 0; }
.pr-head h3 span { position: relative; padding-left: 14px; }
.pr-head h3 span::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 3px; background: var(--wsef-red); }
.pr-all { margin-left: auto; font-weight: 700; font-size: 14px; }
.pr-kits { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 18px; }
.pr-kit { display: flex; gap: 18px; padding: 16px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; transition: transform .25s, box-shadow .25s; }
.pr-kit:hover { transform: translateY(-3px); box-shadow: 0 26px 44px -30px rgba(0,0,0,.5); }
.pr-kit-cover { position: relative; flex: 0 0 120px; aspect-ratio: 210 / 297; border-radius: 8px; overflow: hidden; background: #1d1d24; box-shadow: 6px 6px 0 #f3eeec, 0 16px 26px -18px rgba(0,0,0,.6); }
.pr-kit-cover img { width: 100%; height: 100%; object-fit: cover; }
.pr-kit-ext { position: absolute; left: 6px; bottom: 6px; padding: 2px 7px; border-radius: 6px; background: var(--wsef-red); color: #fff; font-size: 10.5px; font-weight: 800; }
.pr-kit-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pr-kit-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--wsef-muted); }
.pr-kit-meta i { color: var(--wsef-red); }
.pr-kit h4 { font-size: 18px; line-height: 1.3; margin: 6px 0; }
.pr-kit p { font-size: 14px; color: #555; margin: 0 0 12px; }
.pr-kit-foot { margin-top: auto; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pr-kit-foot small { color: var(--wsef-muted); }
.pr-boiler { position: relative; padding: 30px 32px 22px; border-radius: 22px; background: linear-gradient(135deg, #fff, #fbf6f5); border: 1px solid var(--wsef-line); overflow: hidden; }
.pr-q { position: absolute; right: 22px; top: 14px; font-size: 64px; color: rgba(254,69,54,.08); }
.pr-boiler p { position: relative; font-size: 17px; line-height: 1.7; color: #333; margin: 0 0 18px; }
.pr-boiler-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pr-boiler-foot small { color: var(--wsef-muted); }
.pr-boiler-foot .pp-btn { position: relative; }
.pr-copied { position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); padding: 3px 9px; border-radius: 8px; background: #222; color: #fff; font-size: 11.5px; opacity: 0; pointer-events: none; transition: opacity .2s; white-space: nowrap; }
.copied .pr-copied { opacity: 1; }
.pr-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pr-news-item { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--wsef-line); border-radius: 18px; overflow: hidden; color: #222; transition: all .25s; }
.pr-news-item:hover { transform: translateY(-3px); box-shadow: 0 22px 40px -28px rgba(0,0,0,.5); color: #222; text-decoration: none; }
.pr-news-img { aspect-ratio: 16 / 9; background: linear-gradient(135deg, #1d1d24, #34130f) center / cover; display: grid; place-items: center; color: rgba(255,255,255,.35); font-size: 30px; }
.pr-news-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; }
.pr-news-body small { font-size: 12px; color: var(--wsef-red); font-weight: 700; text-transform: uppercase; letter-spacing: .6px; }
.pr-news-body strong { font-size: 15.5px; line-height: 1.35; }
.pr-news-body em { font-style: normal; font-size: 13.5px; color: #666; }
.pr-assets { display: grid; gap: 10px; }
.pr-assets-h { font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700; color: var(--wsef-muted); margin: 6px 2px 0; }
@media (max-width: 1199px) { .pr-stats-in { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pr-stats-in > div:nth-child(3) { border-right: 0; } .pr-news { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) { .pr-intro-in, .pr-grid { grid-template-columns: 1fr; } .pr-doc { width: 220px; margin-bottom: 40px; } .pr-side { position: static; } }
@media (max-width: 575px) { .pr-stats-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pr-stats-in > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); padding: 20px 8px; } .pr-kits, .pr-news { grid-template-columns: 1fr; } .pr-kit-cover { flex-basis: 90px; } .pr-boiler { padding: 22px 18px 18px; } .pr-boiler p { font-size: 15.5px; } }
html.club-dark .pr-intro { background: #141418; border-color: #2c2c33; } html.club-dark .pr-intro-txt p, html.club-dark .pr-boiler p { color: #ccc; }
html.club-dark .pr-kit, html.club-dark .pr-boiler, html.club-dark .pr-news-item { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
/* ==== v22 Belgeler: dikey A4 kart ızgarası, tarayıcı içi görüntüleyici (filigran), panelde mozaik hazırlama ==== */
.dc-sec { padding-top: 40px; }
.dc-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 26px; }
.dc-chips { margin: 0; }
.dc-chips a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.dc-chips a.active { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; box-shadow: 0 8px 18px -8px rgba(254,69,54,.8); }
.dc-chips a b { font-size: 11px; opacity: .75; }
.dc-search input { min-width: 260px; height: 42px; }
.dc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 30px 24px; }
.dc-card { display: flex; flex-direction: column; }
.dc-card[hidden] { display: none; }
.dc-cover { position: relative; display: block; aspect-ratio: 210 / 297; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid var(--wsef-line); box-shadow: 8px 8px 0 -1px #f3eeec, 8px 8px 0 0 var(--wsef-line), 0 26px 40px -30px rgba(0,0,0,.55); transition: transform .3s, box-shadow .3s; }
a.dc-cover:hover { transform: translateY(-6px) rotate(-.6deg); box-shadow: 10px 10px 0 -1px #f3eeec, 10px 10px 0 0 var(--wsef-line), 0 34px 50px -30px rgba(0,0,0,.6); }
.dc-cover > img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.dc-page { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 22px 18px; background: linear-gradient(180deg, #fff 0%, #fff 62%, #faf6f5 100%); }
.dc-page::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--wsef-red); }
.dc-page i { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); font-size: 18px; margin-bottom: 16px; }
.dc-page b { font-size: 17px; line-height: 1.3; color: #1d1d24; }
.dc-page small { font-size: 11.5px; color: var(--wsef-muted); margin-top: 8px; }
.dc-page::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 58px; height: 64px; background: repeating-linear-gradient(180deg, #ececf0 0 3px, transparent 3px 11px); opacity: .9; }
.dc-page em { position: absolute; right: 16px; bottom: 16px; font-style: normal; font-weight: 800; font-size: 26px; color: rgba(254,69,54,.18); }
.c-competition .dc-page::before, .c-referee .dc-page::before { background: #3563e9; } .c-competition .dc-page i, .c-referee .dc-page i { background: #eef3ff; color: #3563e9; }
.c-ethics .dc-page::before, .c-antidoping .dc-page::before { background: #1f9d55; } .c-ethics .dc-page i, .c-antidoping .dc-page i { background: #effaf2; color: #1f9d55; }
.c-education .dc-page::before, .c-technical .dc-page::before { background: #d4a017; } .c-education .dc-page i, .c-technical .dc-page i { background: #fff7e6; color: #b8860b; }
.dc-badges { position: absolute; left: 10px; top: 10px; display: flex; flex-wrap: wrap; gap: 5px; z-index: 2; }
.dc-badges em { font-style: normal; padding: 3px 8px; border-radius: 7px; font-size: 11px; font-weight: 800; letter-spacing: .4px; background: rgba(29,29,36,.85); color: #fff; }
.dc-badges .t { background: var(--wsef-red); } .dc-badges .vo { background: #1d1d24; } .dc-badges .cs { background: #7a3fd1; }
.dc-hover { position: absolute; inset: auto 0 0 0; padding: 30px 12px 14px; display: flex; justify-content: center; gap: 6px; align-items: center; color: #fff; font-weight: 700; background: linear-gradient(transparent, rgba(12,12,16,.75)); opacity: 0; transition: opacity .25s; }
a.dc-cover:hover .dc-hover { opacity: 1; }
.dc-info { padding: 16px 4px 0; display: flex; flex-direction: column; flex: 1; }
.dc-cat { font-size: 11.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--wsef-red); }
.dc-vis { color: #b8860b; }
.dc-info h3 { font-size: 17px; line-height: 1.3; margin: 6px 0 6px; }
.dc-info p { font-size: 13.5px; color: #555; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dc-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 6px 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--wsef-soft); }
.dc-meta dt { font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; }
.dc-meta dd { margin: 0; font-size: 13px; font-weight: 600; color: #333; }
.dc-actions { margin-top: auto; display: flex; gap: 8px; }
.dc-actions .pp-btn { flex: 1; justify-content: center; }
.dc-soon { color: var(--wsef-muted); font-size: 13.5px; padding: 8px 0; }
@media (max-width: 575px) { .dc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; } .dc-search, .dc-search input { width: 100%; min-width: 0; } .dc-meta { grid-template-columns: 1fr; } .dc-actions { flex-direction: column; } .dc-info h3 { font-size: 15px; } }
html.club-dark .dc-meta { background: #1b1b20; } html.club-dark .dc-meta dd { color: #ddd; }
/* görüntüleyici */
.dv-wrap { background: #2a2a30; min-height: 70vh; }
.dv-bar { position: sticky; top: 0; z-index: 20; background: #16161b; color: #fff; border-bottom: 1px solid #2c2c33; }
.dv-bar-in { display: flex; align-items: center; gap: 16px; padding-top: 10px; padding-bottom: 10px; }
.dv-back { color: #c9cad2; font-size: 14px; white-space: nowrap; } .dv-back:hover { color: #fff; text-decoration: none; }
.dv-title { flex: 1; min-width: 0; } .dv-title strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dv-title small { color: #9fa0aa; }
.dv-tools { display: flex; align-items: center; gap: 8px; }
.dv-tools .pp-icon { background: #26262c; color: #eee; border-color: #3a3a42; }
.dv-zoom { min-width: 46px; text-align: center; font-size: 13px; color: #c9cad2; }
.dv-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 16px; background: rgba(254,69,54,.18); color: #ff8a7d; font-weight: 700; font-size: 13px; }
.dv-stage { padding: 26px 12px 40px; }
.dv-note, .dv-foot { max-width: 1100px; margin: 0 auto 16px; padding: 10px 14px; border-radius: 10px; background: rgba(122,63,209,.18); color: #d9c8f5; font-size: 14px; }
.dv-foot { margin: 16px auto 0; background: rgba(255,255,255,.06); color: #b9bac3; }
.dv-pages { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.dv-page { position: relative; min-height: 300px; min-width: 200px; background: #fff; box-shadow: 0 20px 40px -20px rgba(0,0,0,.7); }
.dv-page canvas { display: block; max-width: 100%; height: auto; }
.dv-pno { position: absolute; right: 8px; bottom: 8px; padding: 2px 8px; border-radius: 8px; background: rgba(0,0,0,.55); color: #fff; font-size: 11px; }
.dv-img { max-width: min(1100px, 100%); box-shadow: 0 20px 40px -20px rgba(0,0,0,.7); background: #fff; }
.dv-loading { display: flex; align-items: center; gap: 12px; color: #c9cad2; padding: 60px; } .dv-loading .md-spin { opacity: 1; animation: spSpin .8s linear infinite; }
.dv-err { color: #ffb3a8; padding: 40px; text-align: center; }
.dv-protect .dv-pages { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
@media print { .dv-protect .dv-pages, .dv-protect .dv-img { display: none !important; } }
@media (max-width: 575px) { .dv-back span, .dv-zoom { display: none; } }
/* panel: belge hazırlama */
.dp-box { margin-top: 12px; border: 1px solid var(--wsef-line); border-radius: 14px; background: var(--wsef-soft); padding: 14px; }
.dp-head strong { display: block; } .dp-head strong i { color: #7a3fd1; margin-right: 6px; } .dp-head small { color: var(--wsef-muted); }
.dp-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
.dp-tools label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; }
.dp-status { margin-left: auto; font-size: 13px; font-weight: 600; color: #7a3fd1; }
.dp-pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; max-height: 70vh; overflow: auto; padding: 4px; }
.dp-page { position: relative; background: #fff; border: 1px solid var(--wsef-line); border-radius: 8px; overflow: hidden; }
.dp-page canvas { display: block; width: 100%; height: auto; cursor: crosshair; touch-action: none; }
.dp-page span { position: absolute; left: 6px; top: 6px; padding: 1px 7px; border-radius: 6px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; }
.dp-note { margin: 10px 0 0; font-size: 12.5px; color: var(--wsef-muted); }
/* ==== v22b Dünya Şampiyonaları: afiş seçici, sahne + film şeridi ==== */
.mx2 { padding: 40px 0 70px; background: linear-gradient(180deg, #f6f6f8 0, #fff 380px); }
.mx2-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.mx2-head h2 { font-size: clamp(24px, 2.4vw, 34px); margin: 10px 0 0; }
.mx2-total { color: var(--wsef-muted); } .mx2-total b { font-size: 28px; color: var(--wsef-red); }
.mx2-editions { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding: 6px 4px 22px; }
.mx2-poster { position: relative; flex: 0 0 250px; aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background-size: cover; background-position: center; color: #fff; scroll-snap-align: start; isolation: isolate; box-shadow: 0 24px 40px -26px rgba(0,0,0,.7); transition: transform .3s, box-shadow .3s; outline: 3px solid transparent; outline-offset: 3px; }
.mx2-poster::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(12,12,16,.15) 0%, rgba(12,12,16,.35) 40%, rgba(12,12,16,.92) 100%); transition: background .3s; }
.mx2-poster:hover { transform: translateY(-6px); color: #fff; text-decoration: none; }
.mx2-poster.on { outline-color: var(--wsef-red); box-shadow: 0 30px 50px -26px rgba(254,69,54,.8); }
.mx2-poster.on::before { background: linear-gradient(180deg, rgba(254,69,54,.2) 0%, rgba(12,12,16,.35) 40%, rgba(12,12,16,.94) 100%); }
.mx2-p-year { position: absolute; left: 16px; top: 10px; font-size: 64px; font-weight: 800; line-height: 1; letter-spacing: -2px; color: rgba(255,255,255,.92); text-shadow: 0 6px 20px rgba(0,0,0,.4); }
.mx2-p-body { position: absolute; left: 18px; right: 18px; bottom: 18px; display: flex; flex-direction: column; gap: 4px; }
.mx2-p-body strong { font-size: 21px; line-height: 1.15; }
.mx2-p-body small { color: #d6d7de; font-size: 13px; } .mx2-p-body small img { width: 18px; vertical-align: -2px; }
.mx2-p-body em { font-style: normal; display: flex; gap: 12px; margin-top: 6px; font-size: 13px; font-weight: 700; } .mx2-p-body em i { color: #ff8a7d; }
.mx2-p-now { position: absolute; right: 12px; top: 14px; padding: 4px 10px; border-radius: 12px; background: var(--wsef-red); font-size: 11px; font-weight: 800; letter-spacing: .5px; opacity: 0; transform: translateY(-6px); transition: all .3s; }
.mx2-poster.on .mx2-p-now { opacity: 1; transform: none; }
.mx2-album { margin-top: 14px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 26px; padding: 26px; box-shadow: 0 34px 60px -46px rgba(0,0,0,.55); scroll-margin-top: 100px; animation: mdIn .45s ease both; }
.mx2-album[hidden] { display: none; }
.mx2-a-head { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.mx2-a-year { flex: 0 0 auto; font-size: 54px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 2px var(--wsef-red); letter-spacing: -1px; }
.mx2-a-title { flex: 1; min-width: 0; } .mx2-a-title h2 { font-size: clamp(22px, 2.2vw, 32px); margin: 0 0 6px; }
.mx2-a-title .mc-meta { color: var(--wsef-muted); } .mx2-a-title .mc-meta i { color: var(--wsef-red); }
.mx2-a-head .pp-btn { border-radius: 40px; padding: 11px 20px; font-weight: 700; white-space: nowrap; }
.mx2-stage { position: relative; aspect-ratio: 16 / 9; max-height: 72vh; width: 100%; border-radius: 20px; overflow: hidden; background: #0c0c10; outline: none; touch-action: pan-y; }
.mx2-stage:focus-visible { box-shadow: 0 0 0 3px var(--wsef-red); }
.mx2-stage-bg { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(28px) brightness(.45) saturate(1.2); transform: scale(1.1); transition: background-image .4s; }
.mx2-stage-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; transition: opacity .3s; }
.mx2-stage-img.fading { opacity: .25; }
.mx2-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 18px; cursor: pointer; backdrop-filter: blur(6px); transition: background .2s; }
.mx2-nav:hover { background: var(--wsef-red); } .mx2-nav.prev { left: 16px; } .mx2-nav.next { right: 16px; }
.mx2-cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 14px; padding: 40px 20px 16px; background: linear-gradient(transparent, rgba(0,0,0,.75)); color: #fff; }
.mx2-cap strong { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.mx2-cap span { font-size: 13px; color: #d6d7de; font-variant-numeric: tabular-nums; } .mx2-cap b { color: #fff; }
.mx2-full { width: 38px; height: 38px; border-radius: 10px; border: 0; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; } .mx2-full:hover { background: var(--wsef-red); }
.mx2-strip { display: flex; gap: 10px; overflow-x: auto; padding: 14px 2px 6px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.mx2-th { flex: 0 0 132px; aspect-ratio: 3 / 2; border-radius: 10px; overflow: hidden; opacity: .55; outline: 3px solid transparent; outline-offset: -3px; transition: opacity .2s, outline-color .2s; scroll-snap-align: center; }
.mx2-th img { width: 100%; height: 100%; object-fit: cover; }
.mx2-th:hover { opacity: .9; } .mx2-th.on { opacity: 1; outline-color: var(--wsef-red); }
.mx2-vh { margin-top: 28px !important; }
.mx2-others { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--wsef-line); }
.mx2-others > span { font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; font-weight: 700; color: var(--wsef-muted); margin-right: 6px; }
.mx2-others a { padding: 6px 14px; border-radius: 20px; border: 1px solid var(--wsef-line); color: #333; font-size: 14px; }
.mx2-others a b { color: var(--wsef-red); } .mx2-others a:hover { border-color: var(--wsef-red); text-decoration: none; }
@media (max-width: 767px) {
  .mx2-poster { flex-basis: 190px; } .mx2-p-year { font-size: 48px; }
  .mx2-album { padding: 16px; border-radius: 20px; }
  .mx2-a-head { flex-wrap: wrap; gap: 10px; } .mx2-a-year { font-size: 40px; }
  .mx2-stage { aspect-ratio: 4 / 3; border-radius: 14px; } .mx2-nav { width: 40px; height: 40px; }
  .mx2-th { flex-basis: 96px; }
}
html.club-dark .mx2 { background: #121216; } html.club-dark .mx2-album { background: #1b1b20; border-color: #2c2c33; } html.club-dark .mx2-others a { color: #ddd; border-color: #2c2c33; }.mx2-p-now { top: auto; bottom: 18px; right: 14px; transform: translateY(6px); }
.mx2-poster.on .mx2-p-now { transform: none; }
/* v22c Şampiyona videoları: sayıya göre yerleşim — tek video küçük kart olarak kalmaz */
.mc-videos.vn1 { grid-template-columns: 1fr; }
.mc-videos.vn1 .mc-vframe { max-height: 72vh; border-radius: 20px; box-shadow: 0 34px 60px -34px rgba(0,0,0,.8); }
.mc-videos.vn1 .md-lite.big .md-lite-play { width: 96px; height: 96px; margin: -48px 0 0 -48px; font-size: 30px; box-shadow: 0 0 0 14px rgba(254,69,54,.25); }
.mc-videos.vn1 figcaption { padding-top: 16px; } .mc-videos.vn1 figcaption strong { font-size: 20px; }
.mc-videos.vn2 { grid-template-columns: 1fr 1fr; gap: 24px; }
.mc-videos.vn2 .md-lite.big .md-lite-play { width: 76px; height: 76px; margin: -38px 0 0 -38px; font-size: 24px; }
.mc-videos.vn2 figcaption strong { font-size: 17px; }
.mc-videos.vn3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mc-videos.vn3 .mc-vid:first-child { grid-column: span 2; grid-row: span 2; }
.mc-videos.vn3 .mc-vid:first-child .md-lite.big .md-lite-play { width: 86px; height: 86px; margin: -43px 0 0 -43px; font-size: 26px; }
.mc-videos.vn3 .mc-vid:first-child figcaption strong { font-size: 19px; }
.mc-vframe .md-lite img { transition: transform .6s, opacity .3s; } .mc-vframe:hover .md-lite img { transform: scale(1.04); }
.mc-vframe iframe, .mc-vframe video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
@media (max-width: 767px) {
  .mc-videos.vn2, .mc-videos.vn3 { grid-template-columns: 1fr; }
  .mc-videos.vn3 .mc-vid:first-child { grid-column: auto; grid-row: auto; }
  .mc-videos.vn1 .md-lite.big .md-lite-play { width: 70px; height: 70px; margin: -35px 0 0 -35px; font-size: 22px; }
}
/* ==== v23 Federasyon merkezi ==== */
.fd-hero { position: relative; padding: 34px 0 40px; color: #fff; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0) 0 0 / 22px 22px, radial-gradient(700px 340px at 85% 30%, rgba(254,69,54,.3), transparent 70%), linear-gradient(120deg, #0f0f12 0%, #1d1d24 60%, #2b1512 100%); }
.fd-hero-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr); gap: 40px; align-items: end; }
.fd-hero h1 { color: #fff; margin: 10px 0 10px; font-size: clamp(30px, 3.2vw, 50px); }
.fd-stats dt { font-size: 10.5px; }
.fd-sec { padding-top: 40px; }
.fd-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; align-items: start; }
.fd-side { position: sticky; top: 100px; display: grid; gap: 16px; }
.fd-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 22px; padding: 28px 30px; box-shadow: 0 26px 50px -44px rgba(0,0,0,.5); }
.fd-text { font-size: 16.5px; line-height: 1.75; }
.fd-text h2, .fd-text h3 { margin-top: 20px; }
.fd-text ul { padding-left: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.fd-text ul li { position: relative; padding: 12px 14px 12px 42px; border-radius: 12px; background: var(--wsef-soft); }
.fd-text ul li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 14px; top: 12px; color: var(--wsef-red); }
.fd-narrow { max-width: 900px; margin: 0 auto; }
.fd-h { display: flex; align-items: center; justify-content: space-between; margin: 34px 0 14px; }
.fd-h h2 { font-size: 22px; margin: 0; }
.fd-h h2 span { position: relative; padding-left: 14px; } .fd-h h2 span::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 3px; background: var(--wsef-red); }
.fd-h a { font-weight: 700; font-size: 14px; }
.fd-ph { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; flex: 0 0 auto; }
.fd-ph img { width: 100%; height: 100%; object-fit: cover; } .fd-ph b { font-size: 20px; }
.fd-ph.sm { width: 54px; height: 54px; } .fd-ph.xs { width: 30px; height: 30px; } .fd-ph.xs b { font-size: 12px; }
.fd-mini { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.fd-mini-p { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; color: #222; transition: all .2s; }
.fd-mini-p:hover { border-color: var(--wsef-red); transform: translateY(-2px); text-decoration: none; color: #222; }
.fd-mini-p small { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-red); font-weight: 700; }
.fd-mini-p strong { display: block; font-size: 15px; line-height: 1.3; } .fd-mini-p em { font-style: normal; font-size: 12.5px; color: var(--wsef-muted); } .fd-mini-p em img { width: 16px; }
.fd-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.fd-links a { display: flex; align-items: center; gap: 14px; padding: 16px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; color: #222; transition: all .2s; }
.fd-links a:hover { border-color: var(--wsef-red); text-decoration: none; color: #222; box-shadow: 0 16px 30px -24px rgba(0,0,0,.5); }
.fd-links a > i:first-child { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); font-size: 17px; flex: 0 0 44px; }
.fd-links span { flex: 1; } .fd-links strong { display: block; } .fd-links small { color: var(--wsef-muted); } .fd-links a > i:last-child { color: #bbb; }
.fd-glance { background: linear-gradient(150deg, #1d1d24, #34130f); color: #d6d7de; border-radius: 22px; padding: 24px; }
.fd-glance h3 { color: #fff; font-size: 18px; margin: 0 0 12px; } .fd-glance h3 i { color: #ff8a7d; margin-right: 6px; }
.fd-glance ul { list-style: none; margin: 0 0 14px; padding: 0; }
.fd-glance li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.fd-glance li small { display: block; font-size: 10.5px; letter-spacing: 1.3px; text-transform: uppercase; color: #9fa0aa; font-weight: 700; }
.fd-glance li strong { color: #fff; font-size: 15px; }
.fd-contact { display: grid; gap: 8px; } .fd-contact a { color: #fff; font-size: 14px; } .fd-contact a i { color: #ff8a7d; width: 18px; } .fd-contact .pp-btn { margin-top: 8px; }
.fd-docs { background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 20px; }
.fd-docs h3 { font-size: 16px; margin: 0 0 10px; } .fd-docs h3 i { color: var(--wsef-red); margin-right: 6px; }
.fd-docs a { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--wsef-line); color: #222; }
.fd-docs a:hover { color: var(--wsef-red); text-decoration: none; } .fd-docs a i { color: var(--wsef-red); }
.fd-docs strong { display: block; font-size: 14px; } .fd-docs small { color: var(--wsef-muted); }
/* kişi kartları */
.fd-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.fd-person { display: flex; gap: 18px; padding: 22px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 22px; transition: transform .25s, box-shadow .25s; }
.fd-person:hover { transform: translateY(-3px); box-shadow: 0 26px 44px -30px rgba(0,0,0,.55); }
.fd-person .fd-ph { width: 92px; height: 92px; box-shadow: 0 0 0 4px #fff, 0 0 0 6px #f3c2bc; }
.fd-person .fd-ph b { font-size: 30px; }
.fd-pb { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fd-pos { align-self: flex-start; padding: 3px 10px; border-radius: 12px; background: #fff0ee; color: var(--wsef-red); font-size: 11.5px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; }
.fd-person h3 { font-size: 19px; margin: 8px 0 6px; } .fd-person h3 a { color: #1d1d24; } .fd-person h3 a:hover { color: var(--wsef-red); text-decoration: none; }
.fd-pmeta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--wsef-muted); } .fd-pmeta img { width: 18px; vertical-align: -2px; } .fd-pmeta i { color: var(--wsef-red); }
.fd-duties { font-size: 14px; color: #555; margin: 10px 0 0; }
.fd-pact { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 14px; }
.fd-more { margin-left: auto; font-weight: 700; font-size: 13.5px; }
.fd-person.big { max-width: 1000px; margin: 0 auto; padding: 34px; gap: 34px; background: linear-gradient(135deg, #fff 60%, #fbf6f5); }
.fd-person.big .fd-ph { width: 220px; height: 220px; box-shadow: 0 0 0 6px #fff, 0 0 0 9px var(--wsef-red), 0 30px 50px -30px rgba(0,0,0,.6); }
.fd-person.big .fd-ph b { font-size: 70px; }
.fd-person.big h3 { font-size: clamp(26px, 2.6vw, 38px); }
.fd-bio { margin-top: 14px; font-size: 16px; line-height: 1.7; color: #444; }
/* yapı şeması */
.fd-org { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 30px 10px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 26px; }
.fd-org-lvl { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.fd-org-line { width: 2px; height: 34px; background: linear-gradient(var(--wsef-red), #f3c2bc); }
.fd-node { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; min-width: 170px; padding: 16px 18px; border-radius: 18px; background: #fff; border: 1px solid var(--wsef-line); color: #222; box-shadow: 0 16px 30px -24px rgba(0,0,0,.5); transition: all .2s; }
a.fd-node:hover { border-color: var(--wsef-red); transform: translateY(-3px); text-decoration: none; color: #222; }
.fd-node i { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); }
.fd-node strong { font-size: 15px; } .fd-node small { color: var(--wsef-muted); }
.fd-node.top { background: linear-gradient(135deg, #1d1d24, #34130f); color: #fff; border: 0; padding: 20px 30px; } .fd-node.top i { background: var(--wsef-red); color: #fff; } .fd-node.top small { color: #c9cad2; } .fd-node.top strong { font-size: 18px; }
.fd-node.wide { min-width: 320px; }
/* kurullar */
.fd-coms { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.fd-com { display: flex; flex-direction: column; gap: 6px; padding: 22px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 22px; color: #222; transition: all .25s; }
.fd-com:hover { border-color: var(--wsef-red); transform: translateY(-3px); box-shadow: 0 24px 40px -28px rgba(0,0,0,.5); text-decoration: none; color: #222; }
.fd-com-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; font-size: 20px; margin-bottom: 6px; }
.fd-com strong { font-size: 18px; } .fd-com > small { color: var(--wsef-muted); }
.fd-com-chair { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 8px 10px; border-radius: 12px; background: var(--wsef-soft); }
.fd-com-chair small { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 1px; color: var(--wsef-muted); font-weight: 700; } .fd-com-chair b { font-size: 14px; }
.fd-com em { font-style: normal; margin-top: auto; padding-top: 10px; font-weight: 700; font-size: 13.5px; color: var(--wsef-red); }
.fd-com-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.fd-com-nav a { padding: 7px 14px; border-radius: 20px; border: 1px solid var(--wsef-line); background: #fff; color: #333; font-size: 13.5px; font-weight: 600; }
.fd-com-nav a:first-child { background: #1d1d24; border-color: #1d1d24; color: #fff; } .fd-com-nav a:hover { border-color: var(--wsef-red); text-decoration: none; }
.fd-com-nav a i { color: var(--wsef-red); margin-right: 4px; } .fd-com-nav a:first-child i { color: #fff; }
@media (max-width: 991px) { .fd-hero-in, .fd-grid { grid-template-columns: 1fr; } .fd-side { position: static; } .fd-person.big { flex-direction: column; align-items: center; text-align: center; } .fd-person.big .fd-pos { align-self: center; } .fd-person.big .fd-pmeta { justify-content: center; } }
@media (max-width: 575px) { .fd-card { padding: 20px 18px; } .fd-person { flex-direction: column; align-items: center; text-align: center; } .fd-pos { align-self: center; } .fd-pmeta { justify-content: center; } .fd-pact { justify-content: center; } .fd-more { margin-left: 0; } .fd-node, .fd-node.wide { min-width: 0; width: 100%; } .fd-person.big .fd-ph { width: 160px; height: 160px; } }
html.club-dark .fd-card, html.club-dark .fd-person, html.club-dark .fd-mini-p, html.club-dark .fd-links a, html.club-dark .fd-docs, html.club-dark .fd-org, html.club-dark .fd-node, html.club-dark .fd-com { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .fd-person h3 a { color: #eee; } html.club-dark .fd-text ul li, html.club-dark .fd-com-chair { background: #24242b; }
/* ==== v24 Funnel leadleri (/panel/submissions) ==== */
.ld-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.6fr); gap: 12px; margin-bottom: 18px; }
.ld-kpi { position: relative; background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 16px 16px 14px; display: flex; flex-direction: column; }
.ld-kpi > i { position: absolute; right: 14px; top: 14px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #f1f2f5; color: #666; font-size: 14px; }
.ld-kpi b { font-size: 28px; line-height: 1.1; } .ld-kpi span { font-size: 12.5px; color: var(--wsef-muted); }
.ld-kpi.k-new > i { background: #eef3ff; color: #3563e9; } .ld-kpi.k-conv > i { background: #effaf2; color: #1f9d55; }
.ld-kpi em { font-style: normal; font-size: 12px; font-weight: 700; margin-top: 4px; } .ld-kpi em.up { color: #1f9d55; } .ld-kpi em.down { color: #c0392b; }
.ld-chart { background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; }
.ld-chart small { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; }
.ld-bars { flex: 1; display: flex; align-items: flex-end; gap: 3px; min-height: 60px; margin-top: 8px; }
.ld-bars span { flex: 1; border-radius: 3px 3px 0 0; background: #eceef2; }
.ld-bars span.has { background: linear-gradient(180deg, #ff8a7d, var(--wsef-red)); }
.ld-box { padding: 18px; }
.ld-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.ld-forms { display: flex; flex-wrap: wrap; gap: 6px; }
.ld-forms a { padding: 7px 14px; border-radius: 20px; border: 1px solid var(--wsef-line); color: #333; font-size: 13.5px; font-weight: 600; }
.ld-forms a b { margin-left: 4px; font-size: 11px; opacity: .7; } .ld-forms a.active { background: #1d1d24; border-color: #1d1d24; color: #fff; } .ld-forms a:hover { text-decoration: none; border-color: #1d1d24; }
.ld-search { position: relative; margin: 0; } .ld-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #aaa; font-size: 13px; }
.ld-search input { height: 38px; min-width: 260px; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 0 14px 0 34px; }
.ld-status { display: flex; flex-wrap: wrap; gap: 4px; margin: 14px 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--wsef-line); }
.ld-status a { padding: 6px 12px; border-radius: 10px; color: #555; font-size: 13px; font-weight: 600; }
.ld-status a i { font-size: 10px; } .ld-status a b { margin-left: 3px; font-size: 11px; color: var(--wsef-muted); }
.ld-status a:hover { background: #f1f2f5; text-decoration: none; } .ld-status a.active { background: var(--wsef-red); color: #fff; } .ld-status a.active b { color: rgba(255,255,255,.8); }
.s-blue i { color: #3563e9; } .s-amber i { color: #d4a017; } .s-purple i { color: #7a3fd1; } .s-green i { color: #1f9d55; } .s-grey i { color: #888; } .s-red i { color: #c0392b; }
.ld-status a.active i { color: #fff; }
.ld-bulkbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.ld-bulkbar select { height: 34px; border: 1px solid var(--wsef-line); border-radius: 8px; padding: 0 10px; }
.ld-count { margin-left: auto; font-size: 13px; color: var(--wsef-muted); }
.ld-check { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; cursor: pointer; }
.ld-list { display: grid; gap: 10px; }
.ld-card { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 14px 16px; border: 1px solid var(--wsef-line); border-left: 4px solid #3563e9; border-radius: 14px; background: #fff; transition: box-shadow .2s; }
.ld-card:hover { box-shadow: 0 16px 30px -24px rgba(0,0,0,.5); }
.ld-card.st-contacted { border-left-color: #d4a017; } .ld-card.st-qualified { border-left-color: #7a3fd1; } .ld-card.st-converted { border-left-color: #1f9d55; }
.ld-card.st-archived, .ld-card.st-spam { border-left-color: #bbb; opacity: .75; }
.ld-sel { padding-top: 12px; }
.ld-av { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; font-weight: 700; font-size: 17px; }
.ld-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ld-top strong { font-size: 16px; }
.ld-top time { margin-left: auto; font-size: 12.5px; color: var(--wsef-muted); white-space: nowrap; }
.ld-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 10px; font-size: 11.5px; font-weight: 700; background: #f1f2f5; }
.ld-pill i { font-size: 9px; }
.ld-pill.s-blue { background: #eef3ff; color: #2446a8; } .ld-pill.s-amber { background: #fff7e6; color: #8a6200; } .ld-pill.s-purple { background: #f4ecff; color: #5b2aa3; }
.ld-pill.s-green { background: #effaf2; color: #17703d; } .ld-pill.s-red { background: #fff0ee; color: #a3261a; }
.ld-tag { padding: 2px 9px; border-radius: 10px; background: #fff0ee; color: var(--wsef-red); font-size: 11.5px; font-weight: 700; }
.ld-contact { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; font-size: 13.5px; }
.ld-contact a { color: #333; } .ld-contact a:hover { color: var(--wsef-red); text-decoration: none; } .ld-contact i { color: var(--wsef-muted); margin-right: 3px; }
.ld-contact img { width: 18px; vertical-align: -2px; } .ld-src { color: var(--wsef-muted); font-size: 12.5px; }
.ld-more { margin-top: 6px; }
.ld-more summary { cursor: pointer; list-style: none; font-size: 12.5px; font-weight: 600; color: var(--wsef-muted); display: inline-flex; align-items: center; gap: 6px; }
.ld-more summary::-webkit-details-marker { display: none; } .ld-more[open] summary .fa-chevron-down { transform: rotate(180deg); } .ld-hasnote { color: #d4a017; }
.ld-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin-top: 10px; }
.ld-detail dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 12px; border-radius: 12px; background: var(--wsef-soft); }
.ld-detail dt { font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; } .ld-detail dd { margin: 0; font-size: 13.5px; word-break: break-word; }
.ld-note { display: flex; flex-direction: column; gap: 8px; margin: 0; } .ld-note .pp-btn { align-self: flex-start; }
.ld-act { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.ld-act form { margin: 0; }
.ld-steps { display: inline-flex; border: 1px solid var(--wsef-line); border-radius: 10px; overflow: hidden; }
.ld-steps button { border: 0; background: #fff; padding: 6px 10px; font-size: 12px; font-weight: 700; color: #555; cursor: pointer; display: inline-flex; gap: 5px; align-items: center; border-right: 1px solid var(--wsef-line); }
.ld-steps button:last-child { border-right: 0; } .ld-steps button:hover { background: #f6f6f8; }
.ld-steps button.on.s-amber { background: #fff7e6; color: #8a6200; } .ld-steps button.on.s-purple { background: #f4ecff; color: #5b2aa3; } .ld-steps button.on.s-green { background: #effaf2; color: #17703d; }
.ld-act2 { display: flex; gap: 6px; }
@media (max-width: 1199px) { .ld-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ld-chart { grid-column: 1 / -1; } }
@media (max-width: 767px) {
  .ld-card { grid-template-columns: auto minmax(0, 1fr); } .ld-sel { display: none; } .ld-act { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
  .ld-detail { grid-template-columns: 1fr; } .ld-search, .ld-search input { width: 100%; min-width: 0; } .ld-steps button span { display: none; }
}
/* ==== v25 Panel menüsü: kategoriler (açılır-kapanır), ikonlar, arama, kullanıcı kartı, rozetler ==== */
.panel-nav.pn { width: 272px; padding: 16px 12px 20px; background: #16161b; border-right: 1px solid #24242b; display: flex; flex-direction: column; gap: 4px; position: sticky; top: 0; align-self: flex-start; max-height: 100vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3a42 transparent; }
.panel-nav.pn .ls-side { background: #24242b; margin: 0 0 12px; }
.panel-nav.pn .ls-side a { color: #bbb; } .panel-nav.pn .ls-side a.active { background: #34343d; color: #fff; }
.pn-user { display: flex; align-items: center; gap: 10px; padding: 10px; margin-bottom: 8px; border-radius: 14px; background: linear-gradient(135deg, #2a1512, #1d1d24); border: 1px solid #33262a; }
.pn-av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--wsef-red); color: #fff; font-weight: 700; flex: 0 0 38px; }
.pn-user strong { display: block; color: #fff; font-size: 14px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
.pn-user small { color: #ff8a7d; font-size: 11.5px; font-weight: 600; }
.pn-search { position: relative; margin: 0 0 8px; display: block; }
.pn-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #777; font-size: 12px; }
.pn-search input { width: 100%; height: 36px; border-radius: 10px; border: 1px solid #2c2c33; background: #1f1f25; color: #eee; padding: 0 10px 0 32px; font-size: 13px; }
.pn-search input:focus { outline: none; border-color: var(--wsef-red); }
.panel-nav.pn .pn-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #c3c4cc; font-size: 13.5px; border-left: 0; background: none; width: 100%; text-align: left; border: 0; cursor: pointer; transition: background .15s, color .15s; }
.panel-nav.pn .pn-item > i { width: 18px; text-align: center; color: #8b8c96; font-size: 13px; }
.panel-nav.pn .pn-item span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.panel-nav.pn .pn-item:hover { background: #24242b; color: #fff; text-decoration: none; } .panel-nav.pn .pn-item:hover > i { color: #fff; }
.panel-nav.pn .pn-item.active { background: var(--wsef-red); color: #fff; box-shadow: 0 8px 18px -10px rgba(254,69,54,.9); } .panel-nav.pn .pn-item.active > i { color: #fff; }
.pn-dash { margin-bottom: 6px; font-weight: 600; }
.pn-grp { border-radius: 12px; }
.pn-grp + .pn-grp { margin-top: 2px; }
.pn-gh { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 10px; background: none; color: #e7e7ec; font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; cursor: pointer; text-align: left; }
.pn-gh:hover { background: #1f1f25; }
.pn-gh > i:first-child { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: #24242b; color: #ff8a7d; font-size: 12px; flex: 0 0 26px; }
.pn-gh span { flex: 1; }
.pn-gh em { font-style: normal; font-size: 10.5px; color: #6f7079; font-weight: 700; }
.pn-chev { font-size: 10px; color: #6f7079; transition: transform .2s; }
.pn-grp.open .pn-chev { transform: rotate(180deg); }
.pn-grp.has-active > .pn-gh > i:first-child { background: var(--wsef-red); color: #fff; }
.pn-items { display: none; padding: 2px 0 6px 12px; margin-left: 12px; border-left: 1px solid #2c2c33; }
.pn-grp.open .pn-items { display: block; }
.pn-badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: inline-grid; place-items: center; background: var(--wsef-red); color: #fff; font-size: 11px; font-weight: 800; font-style: normal; }
.pn-badge.warn { background: #d4a017; color: #1d1d24; }
.pn-item.active .pn-badge { background: #fff; color: var(--wsef-red); }
.pn-none { color: #8b8c96; font-size: 13px; padding: 8px 10px; margin: 0; }
.pn-foot { margin-top: 12px; padding-top: 10px; border-top: 1px solid #24242b; }
.pn-foot .logout-form { margin: 0; }
.pn-grp[hidden], .pn-item[hidden] { display: none !important; }
@media (max-width: 991px) { .panel-nav.pn { width: 100%; position: static; max-height: none; } }@media (min-width: 992px) { .panel-nav.pn { height: 100vh; } }

/* ==== v26 İletişim: "Let's talk." bölünmüş hero + yüzen form, iletişim yolları, ofis bulucu, harita + SSS ==== */
.ct-hero { position: relative; overflow: hidden; padding: 56px 0 90px; color: #fff; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) 1px, transparent 0) 0 0 / 24px 24px, radial-gradient(900px 500px at 10% 110%, rgba(254,69,54,.35), transparent 60%), linear-gradient(135deg, #0e0e12 0%, #1d1d24 55%, #2d1411 100%); }
.ct-hero::after { content: "@"; position: absolute; right: 44%; top: -80px; font-size: 520px; font-weight: 800; line-height: 1; color: rgba(255,255,255,.025); pointer-events: none; }
.ct-hero-in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 540px); gap: 60px; align-items: center; }
.ct-kicker { display: inline-block; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 800; color: #ff8a7d; margin: 8px 0 6px; }
.ct-intro h1 { color: #fff; font-size: clamp(56px, 8vw, 120px); line-height: .92; letter-spacing: -3px; margin: 0 0 20px; }
.ct-intro h1 em { font-style: normal; color: transparent; -webkit-text-stroke: 2px var(--wsef-red); }
.ct-lead { font-size: clamp(16px, 1.3vw, 20px); color: #c9cad2; max-width: 560px; }
.ct-promise { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 18px 0 26px; font-size: 14px; color: #e3e4ea; } .ct-promise i { color: #ff8a7d; margin-right: 4px; }
.ct-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 520px; }
.ct-quick a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #fff; font-weight: 600; font-size: 14px; transition: all .2s; }
.ct-quick a:hover { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; text-decoration: none; transform: translateY(-2px); }
.ct-quick i { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: rgba(254,69,54,.2); color: #ff8a7d; } .ct-quick a:hover i { background: rgba(255,255,255,.2); color: #fff; }
.ct-card { position: relative; background: #fff; color: #222; border-radius: 26px; padding: 30px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); scroll-margin-top: 100px; }
.ct-card::before { content: ""; position: absolute; inset: -1px; border-radius: 27px; padding: 1px; background: linear-gradient(135deg, var(--wsef-red), transparent 40%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.ct-form h2, .ct-sent h2 { font-size: 24px; margin: 0 0 14px; }
.ct-topics { border: 0; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.ct-topics legend { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; color: var(--wsef-muted); margin-bottom: 8px; }
.ct-topics label { margin: 0; cursor: pointer; }
.ct-topics input { position: absolute; opacity: 0; pointer-events: none; }
.ct-topics span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 20px; border: 1px solid var(--wsef-line); font-size: 13px; font-weight: 600; color: #444; transition: all .2s; }
.ct-topics span i { color: var(--wsef-red); }
.ct-topics input:checked + span { background: var(--wsef-red); border-color: var(--wsef-red); color: #fff; } .ct-topics input:checked + span i { color: #fff; }
.ct-topics input:focus-visible + span { outline: 2px solid var(--wsef-red); outline-offset: 2px; }
.ct-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ct-f { position: relative; margin-bottom: 12px; }
.ct-f .form-control { height: 54px; padding: 22px 14px 6px; border-radius: 12px; border: 1px solid var(--wsef-line); background: #fafafb; font-size: 15px; }
.ct-f textarea.form-control { height: auto; min-height: 130px; padding-top: 26px; resize: vertical; }
.ct-f .form-control:focus { background: #fff; border-color: var(--wsef-red); box-shadow: 0 0 0 4px rgba(254,69,54,.1); }
.ct-f label { position: absolute; left: 15px; top: 17px; margin: 0; font-size: 15px; color: #888; pointer-events: none; transition: all .15s; }
.ct-f .form-control:focus + label, .ct-f .form-control:not(:placeholder-shown) + label { top: 7px; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--wsef-red); }
.ct-count { position: absolute; right: 12px; bottom: 8px; font-size: 11px; color: #aaa; }
.ct-captcha .form-group { margin-bottom: 12px; } .ct-captcha label { font-size: 13px; font-weight: 600; } .ct-captcha .form-control { height: 44px; border-radius: 12px; max-width: 200px; }
.ct-send { width: 100%; justify-content: center; padding: 15px; font-size: 16px; border-radius: 14px; }
.ct-privacy { display: block; text-align: center; margin-top: 10px; color: var(--wsef-muted); }
.ct-sent { text-align: center; padding: 20px 10px; }
.ct-sent-ic { width: 84px; height: 84px; border-radius: 50%; display: inline-grid; place-items: center; background: #effaf2; color: #1f9d55; font-size: 32px; margin-bottom: 14px; animation: mdIn .5s ease both; }
.ct-ref { display: inline-flex; gap: 10px; align-items: center; padding: 8px 16px; border-radius: 12px; background: var(--wsef-soft); } .ct-ref b { font-family: monospace; font-size: 16px; letter-spacing: 1px; }
.ct-ways { position: relative; margin-top: -48px; z-index: 2; }
.ct-ways-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ct-way { position: relative; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; padding: 22px 22px 18px 84px; box-shadow: 0 26px 44px -34px rgba(0,0,0,.55); }
.ct-way > i { position: absolute; left: 22px; top: 22px; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(135deg, var(--wsef-red), #b3261a); color: #fff; font-size: 18px; }
.ct-way small { display: block; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; }
.ct-way strong { display: block; font-size: 16px; margin: 2px 0 12px; word-break: break-word; }
.ct-way > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .ct-way .pp-btn { position: relative; }
.ct-hours { font-size: 12.5px; color: var(--wsef-muted); }
.ct-offices { padding-top: 60px; }
.ct-off-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.ct-off-head h2 { font-size: clamp(24px, 2.4vw, 34px); margin: 10px 0 6px; } .ct-off-head p { color: var(--wsef-muted); margin: 0; max-width: 620px; }
.ct-off-search input { min-width: 280px; height: 44px; }
.ct-off-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.ct-off { display: flex; flex-direction: column; gap: 10px; padding: 18px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 18px; transition: all .2s; }
.ct-off:hover { border-color: #f3c2bc; box-shadow: 0 20px 36px -28px rgba(0,0,0,.55); transform: translateY(-2px); }
.ct-off[hidden] { display: none; }
.ct-off.cont { background: linear-gradient(135deg, #1d1d24, #34130f); border-color: #1d1d24; color: #fff; }
.ct-off-top { display: flex; gap: 12px; align-items: center; }
.ct-off-flag { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--wsef-soft); overflow: hidden; flex: 0 0 44px; }
.ct-off-flag img { width: 30px; } .ct-off.cont .ct-off-flag { background: var(--wsef-red); color: #fff; }
.ct-off small { display: block; font-size: 11px; letter-spacing: .6px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; } .ct-off.cont small { color: #ffb3a8; }
.ct-off strong { font-size: 15.5px; line-height: 1.3; }
.ct-off-pres { margin: 0; font-size: 13.5px; color: #555; } .ct-off-pres i { color: var(--wsef-red); margin-right: 4px; } .ct-off.cont .ct-off-pres { color: #d6d7de; }
.ct-off-act { display: flex; align-items: center; gap: 6px; margin-top: auto; }
.ct-off.cont .pp-icon { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.ct-off-more { margin-left: auto; font-weight: 700; font-size: 13.5px; } .ct-off.cont .ct-off-more { color: #ff8a7d; }
.ct-bottom { padding: 20px 0 80px; }
.ct-bottom-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.ct-map { position: relative; border-radius: 24px; overflow: hidden; border: 1px solid var(--wsef-line); min-height: 420px; }
.ct-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.35); }
.ct-map-card { position: absolute; left: 18px; bottom: 18px; right: 18px; max-width: 420px; display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 20px 40px -20px rgba(0,0,0,.6); }
.ct-map-card i { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--wsef-red); color: #fff; flex: 0 0 40px; }
.ct-map-card small { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--wsef-muted); font-weight: 700; }
.ct-faq h2 { font-size: 26px; margin: 0 0 14px; }
.ct-q { border-bottom: 1px solid var(--wsef-line); }
.ct-q summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 16px 2px; font-weight: 700; font-size: 16px; }
.ct-q summary::-webkit-details-marker { display: none; }
.ct-q summary span { flex: 1; } .ct-q summary i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #fff0ee; color: var(--wsef-red); font-size: 12px; transition: transform .2s; }
.ct-q[open] summary i { transform: rotate(45deg); background: var(--wsef-red); color: #fff; }
.ct-q p { margin: 0 0 16px; color: #555; } .ct-q p a { font-weight: 700; white-space: nowrap; }
@media (max-width: 1199px) { .ct-hero-in { grid-template-columns: 1fr minmax(340px, 460px); gap: 34px; } }
@media (max-width: 991px) {
  .ct-hero { padding: 40px 0 80px; } .ct-hero-in, .ct-bottom-in { grid-template-columns: 1fr; } .ct-hero::after { display: none; }
  .ct-ways-in { grid-template-columns: 1fr; } .ct-map { min-height: 320px; }
}
@media (max-width: 575px) { .ct-card { padding: 22px 18px; border-radius: 20px; } .ct-row, .ct-quick { grid-template-columns: 1fr; } .ct-off-search, .ct-off-search input { width: 100%; min-width: 0; } .ct-intro h1 { letter-spacing: -2px; } }
html.club-dark .ct-card, html.club-dark .ct-way, html.club-dark .ct-off:not(.cont) { background: #1b1b20; border-color: #2c2c33; color: #ddd; }
html.club-dark .ct-f .form-control { background: #24242b; border-color: #34343d; color: #eee; } html.club-dark .ct-map-card { background: rgba(27,27,32,.96); color: #ddd; }.ct-intro h1 { font-size: clamp(50px, 6.2vw, 104px); overflow-wrap: anywhere; } .ct-intro { min-width: 0; }

/* ==== v27 Dil seçici: bayraklı açılır menü (kıta gruplu) ==== */
.lang-dd { position: relative; display: inline-block; }
.lang-dd > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 16px; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .5px; user-select: none; }
.lang-dd > summary::-webkit-details-marker { display: none; }
.lang-dd > summary img, .lang-dd-menu img { width: 20px; height: auto; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.1); }
.lang-dd > summary i { font-size: 9px; opacity: .7; transition: transform .2s; }
.lang-dd[open] > summary i { transform: rotate(180deg); }
.lang-dd-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1200; min-width: 220px; max-height: 70vh; overflow-y: auto; padding: 8px; border-radius: 14px; background: #fff; border: 1px solid var(--wsef-line); box-shadow: 0 24px 50px -20px rgba(0,0,0,.45); }
.lang-dd-menu small { display: block; padding: 8px 10px 4px; font-size: 10.5px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 800; color: var(--wsef-muted); }
.lang-dd-menu a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #222; font-size: 14px; }
.lang-dd-menu a span { flex: 1; } .lang-dd-menu a em { font-style: normal; font-size: 11px; font-weight: 700; color: var(--wsef-muted); }
.lang-dd-menu a:hover { background: #f6f6f8; text-decoration: none; color: #222; }
.lang-dd-menu a.active { background: #fff0ee; color: var(--wsef-red); font-weight: 700; } .lang-dd-menu a.active em { color: var(--wsef-red); }
.ls-top > summary { color: #ddd; } .ls-top > summary:hover, .ls-top[open] > summary { background: rgba(255,255,255,.1); color: #fff; }
.ls-side { display: block; background: none; padding: 0; } .ls-side > summary { display: flex; width: 100%; padding: 9px 12px; border-radius: 10px; background: #f4f5f7; color: #333; font-size: 13px; }
.ls-side > summary span { flex: 1; } .ls-side .lang-dd-menu { left: 0; right: 0; min-width: 0; }
.panel-nav.pn .ls-side { margin: 0 0 12px; } .panel-nav.pn .ls-side > summary { background: #24242b; color: #eee; }
html.club-dark .lang-dd-menu { background: #1b1b20; border-color: #2c2c33; } html.club-dark .lang-dd-menu a { color: #ddd; } html.club-dark .lang-dd-menu a:hover { background: #24242b; }
@media (max-width: 575px) { .ls-top .lang-dd-menu { position: fixed; left: 12px; right: 12px; top: 44px; } }
/* v28 — Dil kütüphanesi (/panel/languages) */
.ll-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ll-group { margin: 22px 0 8px; }
.ll-group h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #333; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; }
.ll-group h3 em { font-style: normal; font-size: 12px; background: #eee; border-radius: 20px; padding: 1px 9px; color: #666; }
.ll-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.ll-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 10px; transition: box-shadow .2s, transform .2s; }
.ll-card:hover { box-shadow: 0 10px 28px rgba(0,0,0,.08); transform: translateY(-2px); }
.ll-card.is-src { background: linear-gradient(135deg, #fff, #f6f7fb); }
.ll-card-top { display: flex; align-items: center; gap: 12px; }
.ll-card-top > div { flex: 1; min-width: 0; }
.ll-card-top strong { display: block; font-size: 18px; line-height: 1.2; }
.ll-card-top span { font-size: 12px; color: var(--wsef-muted); }
.ll-flag { width: 56px; height: 40px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.18); flex: 0 0 auto; }
.ll-pct { font-size: 20px; font-weight: 800; color: #c0392b; }
.ll-pct.mid { color: #d68910; } .ll-pct.hi { color: #1f9d55; }
.ll-bar { height: 6px; background: #eee; border-radius: 6px; overflow: hidden; }
.ll-bar i { display: block; height: 100%; background: linear-gradient(90deg, #c8102e, #f39c12); border-radius: 6px; }
.ll-meta { margin: 0; font-size: 12px; color: #555; display: flex; flex-wrap: wrap; gap: 10px; }
.ll-meta .m { color: #c0392b; }
.ll-conts { margin: 0; display: flex; gap: 5px; } .ll-conts em { font-style: normal; font-size: 11px; font-weight: 700; background: #f1f1f4; border-radius: 6px; padding: 1px 7px; color: #555; }
.ll-act { margin-top: auto; display: flex; align-items: center; gap: 6px; }
.ll-act .pp-btn { flex: 1; justify-content: center; }
.ll-lock { flex: 1; font-size: 12px; color: var(--wsef-muted); }
.ll-head { display: flex; align-items: center; gap: 18px; padding: 18px 22px; }
.ll-head .ll-flag { width: 80px; height: 56px; }
.ll-head-t { flex: 1; min-width: 0; } .ll-head-t strong { font-size: 22px; display: block; } .ll-head-t > span { font-size: 13px; color: var(--wsef-muted); } .ll-head-t em { font-style: normal; font-weight: 700; }
.ll-head-t .ll-bar { margin: 8px 0 4px; max-width: 420px; } .ll-head-t small { color: #666; }
.ll-rows { display: flex; flex-direction: column; }
.ll-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 9px 4px; border-bottom: 1px solid #f0f0f0; }
.ll-row.ll-th { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #888; border-bottom: 2px solid #eee; }
.ll-row.dirty { background: #fffbea; }
.ll-src { font-size: 13px; word-break: break-word; }
.ll-ref { font-size: 12px; color: #888; word-break: break-word; }
.ll-sp { color: #bbb; }
.ll-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; background: #1f9d55; vertical-align: 1px; }
.st-missing .ll-dot { background: #c0392b; } .st-custom .ll-dot { background: #8e44ad; }
.ll-row .form-control { font-size: 13px; }
.ll-save { position: sticky; bottom: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 4px; border-top: 1px solid #eee; margin-top: 8px; z-index: 2; }
.ll-save small { color: #777; }
@media (max-width: 767px) {
    .ll-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ll-row { grid-template-columns: 1fr; gap: 4px; } .ll-row.ll-th { display: none; }
    .ll-head { flex-wrap: wrap; } .ll-import { width: 100%; }
    .ll-save { flex-direction: column; align-items: stretch; }
}

/* v29 — Hero arka plan videosu (poster = slayt görseli; video yüklenip oynayınca yumuşak geçiş) */
.single-slider.has-vbg, .home-hero.has-vbg { position: relative; overflow: hidden; }
.hero-vbg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .9s ease; container-type: size; }
.hero-vbg.on { opacity: 1; }
.hero-vbg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-vbg iframe { position: absolute; top: 50%; left: 50%; width: max(100cqw, 177.78cqh); height: max(100cqh, 56.25cqw); transform: translate(-50%, -50%); border: 0; }
.hero-vbg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,14,.55), rgba(10,10,14,.15) 70%); }
.has-vbg > .container { position: relative; z-index: 1; }

/* v30 — Ana sayfa zengin bölümleri (app/home_sections.php) */
.hs-head .wsef-title { margin-bottom: 30px; }
.hs-head.light .wsef-title h2 { color: #fff; } .hs-head.light .wsef-title p { color: #b9bac4; } .hs-head.light .wsef-title .more { color: #ff7a6e; }
.hs-kick { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #ff7a6e; margin-bottom: 10px; }
.hs-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--wsef-red); color: #fff !important; font-weight: 700; padding: 14px 26px; border-radius: 40px; transition: transform .2s, box-shadow .2s; }
.hs-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(254,69,54,.35); }
.hs-btn.sm { padding: 9px 16px; font-size: 13px; }
/* 1) Geri sayım */
.hs-cd { position: relative; background: #121218 center / cover no-repeat; color: #fff; overflow: hidden; }
.hs-cd::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12,12,18,.94) 0%, rgba(12,12,18,.78) 55%, rgba(200,16,46,.55) 100%); }
.hs-cd:not(.has-bg)::before { background: radial-gradient(circle at 85% 20%, rgba(254,69,54,.35), transparent 50%), linear-gradient(120deg, #121218, #1e1e28); }
.hs-cd-in { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 70px 15px; flex-wrap: wrap; }
.hs-cd-tx { flex: 1 1 420px; min-width: 0; }
.hs-cd-tx h2 { color: #fff; font-size: clamp(28px, 3.4vw, 46px); line-height: 1.1; margin-bottom: 14px; overflow-wrap: anywhere; }
.hs-cd-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; color: #d6d7de; margin-bottom: 26px; font-size: 15px; }
.hs-cd-meta i { color: #ff7a6e; margin-right: 4px; }
.hs-cd-type { background: rgba(255,255,255,.12); border-radius: 20px; padding: 2px 12px; font-size: 13px; }
.hs-cd-clock { display: flex; gap: 12px; }
.hs-cd-clock span { width: 104px; padding: 18px 0 14px; text-align: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; backdrop-filter: blur(6px); }
.hs-cd-clock b { display: block; font-size: 44px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.hs-cd-clock small { display: block; margin-top: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #b9bac4; }
.hs-cd-live { font-size: 28px; font-weight: 800; letter-spacing: .1em; } .hs-cd-live i { color: var(--wsef-red); animation: hsPulse 1.2s infinite; }
@keyframes hsPulse { 50% { opacity: .25; } }
/* 2) Dünya haritası */
.hs-map { background: radial-gradient(circle at 20% 0%, rgba(254,69,54,.14), transparent 45%), linear-gradient(180deg, #111118, #17171f); padding: 80px 0; color: #d6d7de; }
.hs-map-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 34px; align-items: center; }
.hs-map-kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 24px; }
.hs-map-kpi div { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 12px 8px; text-align: center; }
.hs-map-kpi b { display: block; font-size: 26px; color: #fff; line-height: 1.1; } .hs-map-kpi span { font-size: 11px; color: #9a9bab; text-transform: uppercase; letter-spacing: .08em; }
.hs-map-side h4 { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.hs-map-top { list-style: none; padding: 0; margin: 0 0 18px; }
.hs-map-top a { position: relative; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; color: #e6e7ee; overflow: hidden; }
.hs-map-top a:hover, .hs-map-top a:focus { background: rgba(255,255,255,.06); color: #fff; }
.hs-map-top a span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; }
.hs-map-top a i { position: absolute; left: 0; bottom: 0; height: 2px; background: var(--wsef-red); border-radius: 2px; }
.hs-map-top a b { z-index: 1; color: #fff; }
.hs-map-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #9a9bab; margin: 0; }
.hs-map-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: -1px; margin-right: 4px; }
.hs-map-legend .l0 { background: #2b2b36; } .hs-map-legend .l1 { background: #7a2a2a; } .hs-map-legend .l3 { background: #fe4536; }
.hs-map-box { position: relative; min-height: 260px; }
.hs-map-box svg { display: block; width: 100%; height: auto; }
.hs-map-box path { fill: #2b2b36; stroke: #111118; stroke-width: .5; transition: fill .2s; }
.hs-map-box path.on { cursor: pointer; outline: none; } .hs-map-box path.l1 { fill: #7a2a2a; } .hs-map-box path.l2 { fill: #b8352b; } .hs-map-box path.l3 { fill: #fe4536; }
.hs-map-box path.on:hover, .hs-map-box path.on:focus, .hs-map-box path.hl { fill: #ffb199; }
.hs-map-ph { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 260px; font-size: 90px; color: #24242e; }
.hs-map-tip { position: absolute; z-index: 3; min-width: 180px; max-width: 240px; pointer-events: none; background: #fff; color: #222; border-radius: 12px; padding: 10px 14px; box-shadow: 0 12px 30px rgba(0,0,0,.35); font-size: 13px; }
.hs-map-tip strong { display: block; font-size: 15px; } .hs-map-tip span { display: block; color: #888; font-size: 12px; } .hs-map-tip em { font-style: normal; display: block; margin-top: 4px; } .hs-map-tip em i { font-style: normal; color: #777; }
/* 3) Kulüp bulucu */
.hs-cf-box { background: #fff; border: 1px solid var(--wsef-line); border-radius: 22px; padding: 22px; box-shadow: 0 18px 40px rgba(0,0,0,.05); }
.hs-cf-form { display: grid; grid-template-columns: minmax(0, 1fr) 240px auto; gap: 10px; }
.hs-cf-q { position: relative; margin: 0; } .hs-cf-q i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #aaa; }
.hs-cf-q input, .hs-cf-form select { width: 100%; height: 52px; border: 1px solid #e2e2e6; border-radius: 14px; padding: 0 16px; font-size: 15px; background: #fafafb; }
.hs-cf-q input { padding-left: 44px; }
.hs-cf-near { height: 52px; border: 0; border-radius: 14px; padding: 0 20px; background: #1d1d24; color: #fff; font-weight: 700; white-space: nowrap; cursor: pointer; }
.hs-cf-near.on { background: var(--wsef-red); } .hs-cf-near.busy i { animation: hsPulse 1s infinite; }
.hs-cf-status { margin: 16px 2px 10px; font-size: 13px; color: var(--wsef-muted); font-weight: 600; }
.hs-cf-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; transition: opacity .2s; } .hs-cf-list.loading { opacity: .45; }
.hs-cf-card { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #eee; border-radius: 16px; color: #222; transition: border-color .2s, box-shadow .2s; }
.hs-cf-card:hover { border-color: var(--wsef-red); box-shadow: 0 8px 20px rgba(0,0,0,.06); color: #222; }
.hs-cf-card > img { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; flex: 0 0 auto; }
.hs-cf-card > span { flex: 1; min-width: 0; } .hs-cf-card strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-cf-card small { display: block; color: #777; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-cf-card em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--wsef-red); background: #fff1ef; border-radius: 20px; padding: 3px 9px; white-space: nowrap; }
.hs-cf-card > i { color: #ccc; }
.hs-cf-none { grid-column: 1 / -1; text-align: center; color: #888; padding: 20px; margin: 0; }
.hs-cf-all { display: inline-block; margin-top: 16px; font-weight: 700; color: var(--wsef-red); }
/* 4) Soy ağacı şeridi */
.hs-lin { background: linear-gradient(180deg, #16161c, #0f0f14); padding: 80px 0; }
.hs-lin-rail { position: relative; }
.hs-lin-track { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 34px 4px 10px; scrollbar-width: none; position: relative; }
.hs-lin-track::-webkit-scrollbar { display: none; }
.hs-lin-track::before { content: ""; position: absolute; left: 0; right: 0; top: 17px; height: 2px; background: linear-gradient(90deg, #d4a017, #fe4536 40%, rgba(255,255,255,.15)); min-width: 100%; }
.hs-lin-card { position: relative; flex: 0 0 210px; scroll-snap-align: start; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; padding: 22px 16px 18px; text-align: center; color: #e6e7ee; transition: transform .25s, border-color .25s, background .25s; }
.hs-lin-card:hover { transform: translateY(-4px); border-color: rgba(254,69,54,.6); background: rgba(255,255,255,.07); color: #fff; }
.hs-lin-dot { position: absolute; top: -23px; left: 50%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #fe4536; box-shadow: 0 0 0 5px rgba(254,69,54,.2); }
.hs-lin-card.r-supreme_master .hs-lin-dot, .hs-lin-card.r-grand_master .hs-lin-dot { background: #d4a017; box-shadow: 0 0 0 5px rgba(212,160,23,.22); }
.hs-lin-ph { display: block; width: 96px; height: 96px; margin: 0 auto 12px; border-radius: 50%; padding: 3px; background: linear-gradient(135deg, #d4a017, #fe4536); }
.hs-lin-ph img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #16161c; }
.hs-lin-card.passed .hs-lin-ph img { filter: grayscale(.6); }
.hs-lin-rank { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #d4a017; font-weight: 700; }
.hs-lin-card strong { display: block; font-size: 16px; line-height: 1.25; margin: 4px 0 6px; color: #fff; }
.hs-lin-card small { display: block; color: #a4a5b3; font-size: 12px; } .hs-lin-card em { display: block; font-style: normal; color: #8a8b99; font-size: 12px; margin-top: 6px; }
.hs-rail-btn { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: #222; box-shadow: 0 6px 18px rgba(0,0,0,.3); cursor: pointer; }
.hs-rail-btn.prev { left: -18px; } .hs-rail-btn.next { right: -18px; }
/* 5) Video vitrini */
.hs-vw { background: #0d0d12; padding: 80px 0; }
.hs-vw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hs-vw-grid.n5 .hs-vw-item.big, .hs-vw-grid.n4 .hs-vw-item.big { grid-column: span 2; grid-row: span 2; }
.hs-vw-item { min-width: 0; }
.hs-vw .md-vcard, .hs-vw .md-vbody strong { color: #fff; } .hs-vw .md-vbody p, .hs-vw .md-vbody small { color: #a4a5b3; }
/* 6) Kulüp etkinlikleri */
.hs-ce-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; }
.hs-ce-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.hs-ce-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(0,0,0,.08); }
.hs-ce-img { position: relative; display: block; aspect-ratio: 16 / 9; background: #222 center / cover no-repeat; }
.hs-ce-date { position: absolute; left: 14px; top: 14px; background: #fff; color: #222; border-radius: 14px; width: 58px; text-align: center; padding: 6px 0; font-size: 12px; text-transform: uppercase; font-weight: 700; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
.hs-ce-date b { display: block; font-size: 24px; line-height: 1; color: var(--wsef-red); }
.hs-ce-type { position: absolute; left: 14px; bottom: 14px; background: rgba(0,0,0,.65); color: #fff; font-size: 12px; font-weight: 600; border-radius: 20px; padding: 4px 11px; backdrop-filter: blur(4px); }
.hs-ce-body { padding: 18px 18px 16px; display: flex; flex-direction: column; flex: 1; }
.hs-ce-body h3 { font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .hs-ce-body h3 a { color: #222; } .hs-ce-body h3 a:hover { color: var(--wsef-red); }
.hs-ce-meta { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #666; margin-bottom: 14px; } .hs-ce-meta i { width: 16px; color: #aaa; }
.hs-ce-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hs-ce-price { font-size: 16px; color: #222; }
/* 7) Sıklet liderleri */
.hs-tabs { display: inline-flex; background: #f1f1f4; border-radius: 30px; padding: 4px; margin-bottom: 24px; }
.hs-tabs button { border: 0; background: none; padding: 9px 22px; border-radius: 26px; font-weight: 700; color: #666; cursor: pointer; }
.hs-tabs button.active { background: #222; color: #fff; }
.hs-ld-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.hs-ld-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 14px 16px; background: #fff; border: 1px solid var(--wsef-line); border-radius: 20px; color: #222; transition: transform .25s, box-shadow .25s; }
.hs-ld-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0,0,0,.08); color: #222; }
.hs-ld-cls { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wsef-red); margin-bottom: 12px; }
.hs-ld-ph { position: relative; width: 86px; height: 86px; border-radius: 50%; background: linear-gradient(135deg, #f7d774, #d4a017); padding: 3px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; }
.hs-ld-ph img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #fff; }
.hs-ld-ph b { position: absolute; right: -4px; bottom: -2px; width: 28px; height: 28px; border-radius: 50%; background: #222; color: #f7d774; font-size: 14px; line-height: 28px; border: 2px solid #fff; }
.hs-ld-card strong { font-size: 15px; line-height: 1.3; } .hs-ld-card small { color: #777; font-size: 12px; margin: 4px 0 8px; }
.hs-ld-pts { font-size: 12px; color: #666; background: #f6f6f8; border-radius: 20px; padding: 3px 10px; } .hs-ld-pts b { color: #222; } .hs-ld-pts i { color: var(--gold); }
/* 8) Lisans doğrulama */
.hs-lic { background: linear-gradient(110deg, #c8102e, #fe4536); color: #fff; }
.hs-lic-in { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 40px 15px; flex-wrap: wrap; }
.hs-lic-tx { display: flex; align-items: center; gap: 18px; flex: 1 1 380px; }
.hs-lic-tx > i { font-size: 46px; opacity: .9; } .hs-lic-tx h2 { color: #fff; font-size: 26px; margin: 0 0 4px; } .hs-lic-tx p { color: rgba(255,255,255,.85); margin: 0; }
.hs-lic-form { display: flex; flex: 1 1 420px; max-width: 540px; background: #fff; border-radius: 40px; padding: 6px; box-shadow: 0 14px 30px rgba(0,0,0,.2); }
.hs-lic-form input { flex: 1; min-width: 0; border: 0; padding: 0 18px; font-size: 15px; background: none; color: #222; outline: none; }
.hs-lic-form button { border: 0; border-radius: 34px; background: #1d1d24; color: #fff; font-weight: 700; padding: 13px 24px; cursor: pointer; white-space: nowrap; }
/* 10) Sponsorlar + e-bülten */
.hs-sp { padding: 40px 0; background: #fff; border-top: 1px solid var(--wsef-line); overflow: hidden; }
.hs-sp-t { text-align: center; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #999; font-weight: 700; margin-bottom: 20px; }
.hs-sp-mq { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.hs-sp-track { display: flex; width: max-content; animation: hsMarquee 35s linear infinite; }
.hs-sp-mq:hover .hs-sp-track { animation-play-state: paused; }
.hs-sp-track a, .hs-sp-i, .hs-sp-dup > * { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; height: 70px; margin: 0 34px; font-weight: 800; color: #999; font-size: 20px; }
.hs-sp-dup { display: flex; }
.hs-sp-track img { max-height: 60px; max-width: 170px; filter: grayscale(1); opacity: .65; transition: filter .3s, opacity .3s; }
.hs-sp-track a:hover img { filter: none; opacity: 1; }
@keyframes hsMarquee { to { transform: translateX(-50%); } }
.hs-nl { background: radial-gradient(circle at 90% 10%, rgba(254,69,54,.25), transparent 45%), #15151b; color: #d6d7de; }
.hs-nl-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 40px; align-items: center; padding: 64px 15px; }
.hs-nl-tx h2 { color: #fff; font-size: clamp(28px, 3vw, 40px); margin-bottom: 10px; } .hs-nl-tx p { color: #b3b4c0; margin: 0; }
.hs-nl-row { display: flex; gap: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 8px; }
.hs-nl-row input { flex: 1; min-width: 0; height: 48px; border: 0; border-radius: 12px; padding: 0 14px; background: rgba(255,255,255,.08); color: #fff; font-size: 15px; }
.hs-nl-row input::placeholder { color: #9a9bab; }
.hs-nl-row button { border: 0; border-radius: 12px; background: var(--wsef-red); color: #fff; font-weight: 700; padding: 0 22px; cursor: pointer; white-space: nowrap; }
.hs-nl-consent { display: flex; gap: 8px; align-items: flex-start; margin: 12px 4px 0; font-size: 13px; color: #a4a5b3; font-weight: 400; }
.hs-nl-consent input { margin-top: 3px; }
.hs-nl-msg { margin: 12px 4px 0; color: #7fe0a8; font-weight: 600; } .hs-nl-msg.bad { color: #ff9a8f; }
.hs-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
/* Koyu tema */
html.club-dark .hs-cf-box, html.club-dark .hs-ce-card, html.club-dark .hs-ld-card, html.club-dark .hs-sp { background: #1a1a20; border-color: #2c2c33; }
html.club-dark .hs-cf-card { border-color: #2c2c33; color: #ddd; } html.club-dark .hs-cf-q input, html.club-dark .hs-cf-form select { background: #111114; border-color: #2c2c33; color: #ddd; }
html.club-dark .hs-ce-body h3 a, html.club-dark .hs-ld-card, html.club-dark .hs-ce-price, html.club-dark .hs-ld-pts b { color: #eee; } html.club-dark .hs-ld-pts, html.club-dark .hs-tabs { background: #24242b; }
/* Duyarlı */
@media (max-width: 991px) {
    .hs-map-grid { grid-template-columns: 1fr; } .hs-map-side { order: 2; }
    .hs-vw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hs-vw-grid .hs-vw-item.big { grid-column: 1 / -1; grid-row: auto; }
    .hs-nl-in { grid-template-columns: 1fr; gap: 24px; }
    .hs-cf-form { grid-template-columns: 1fr 1fr; } .hs-cf-q { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
    .hs-cd-in { padding: 48px 15px; gap: 24px; } .hs-cd-clock { width: 100%; gap: 8px; } .hs-cd-clock span { flex: 1; width: auto; padding: 14px 0 10px; } .hs-cd-clock b { font-size: 30px; }
    .hs-cd-clock small { font-size: 9px; letter-spacing: .08em; }
    .hs-map, .hs-lin, .hs-vw { padding: 56px 0; } .hs-map-kpi b { font-size: 21px; }
    .hs-cf-box { padding: 14px; border-radius: 18px; } .hs-cf-form { grid-template-columns: 1fr; } .hs-cf-list { grid-template-columns: 1fr; }
    .hs-lin-card { flex-basis: 170px; } .hs-rail-btn { display: none; }
    .hs-vw-grid { grid-template-columns: 1fr; }
    .hs-ld-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .hs-ld-card { padding: 16px 8px 12px; } .hs-ld-ph { width: 70px; height: 70px; }
    .hs-lic-tx > i { display: none; } .hs-lic-form button span { display: none; }
    .hs-nl-row { flex-direction: column; } .hs-nl-row button { height: 48px; }
    .wsef-title .more { float: none; display: inline-block; margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) { .hs-sp-track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; } .hs-sp-dup { display: none; } }
/* v30b — Sayfa oluşturucu: tek tıkla göster / gizle panosu */
.hs-switch-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.hs-switch-h strong { display: block; font-size: 17px; } .hs-switch-h strong i { color: var(--wsef-red); margin-right: 6px; }
.hs-switch-h em { font-style: normal; font-weight: 800; font-size: 20px; white-space: nowrap; } .hs-switch-h em span { font-size: 12px; font-weight: 600; color: var(--wsef-muted); }
.hs-switch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.hs-switch-grid form { margin: 0; }
.hs-sw { width: 100%; display: grid; grid-template-columns: 22px minmax(0, 1fr) 44px; grid-template-rows: auto auto; column-gap: 10px; align-items: center; text-align: left; padding: 11px 14px; border: 1px solid var(--wsef-line); border-radius: 14px; background: #fafafb; cursor: pointer; transition: border-color .2s, background .2s; }
.hs-sw:hover { border-color: #ccc; }
.hs-sw > i { grid-row: 1 / 3; color: #aaa; font-size: 16px; text-align: center; }
.hs-sw > span { font-weight: 700; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #555; }
.hs-sw > small { grid-column: 2; font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: .06em; }
.hs-sw-k { grid-column: 3; grid-row: 1 / 3; position: relative; width: 44px; height: 24px; border-radius: 24px; background: #d5d5da; transition: background .2s; }
.hs-sw-k::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .2s; }
.hs-sw.on { background: #fff; border-color: rgba(31,157,85,.45); } .hs-sw.on > i { color: #1f9d55; } .hs-sw.on > span { color: #222; } .hs-sw.on > small { color: #1f9d55; }
.hs-sw.on .hs-sw-k { background: #1f9d55; } .hs-sw.on .hs-sw-k::after { transform: translateX(20px); }
@media (max-width: 575px) { .hs-switch-h { flex-direction: column; } .hs-switch-grid { grid-template-columns: 1fr; } }

/* v31 — Ana sayfa hero slider (hx): tam boy, yakınlaşan görsel, okunaklı degrade, numaralı ilerleme sekmeleri */
.hx { position: relative; background: #0e0e12; overflow: hidden; }
.hx .hx-track, .hx .slick-list, .hx .slick-track { height: 100%; }
.hx .hx-slide { position: relative; height: clamp(560px, min(41.98vw, 88vh), 920px);   /* 1920x806 görsel oranı (806/1920) */ min-height: 0; display: flex !important; align-items: center; overflow: hidden; }
.hx:not(.ready) .hx-slide + .hx-slide { display: none !important; }   /* JS gelmeden yalnızca ilk slayt */
.hx-bg { position: absolute; inset: 0; background: #1b1b22 center / cover no-repeat; transform: none; will-change: transform; }
.hx-bg { transform-origin: 50% 50%; backface-visibility: hidden; }
.hx .slick-current .hx-bg, .hx:not(.ready) .hx-slide:first-child .hx-bg { animation: hxZoom 7.5s cubic-bezier(.25,.6,.3,1) forwards; }   /* yakından uzağa: slayt süresi (7s) boyunca yavaşça tam kadraja açılır */
.hx.paused .hx-bg, .hx:hover .hx-bg { animation-play-state: paused; }
@keyframes hxZoom { from { transform: scale(1.14); } to { transform: scale(1); } }
.hx-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(10,10,14,.6) 0%, rgba(10,10,14,.32) 32%, rgba(10,10,14,0) 58%),   /* yalnızca metin tarafı; görselin renkleri korunur */
              linear-gradient(0deg, rgba(10,10,14,.5) 0%, rgba(10,10,14,0) 26%); }
.hx-text, .hx-kicker { text-shadow: 0 1px 14px rgba(0,0,0,.45); }
.hx .hero-vbg { z-index: 0; }
.hx-in { position: relative; z-index: 2; width: 100%; padding-bottom: 90px; }
.hx-copy { max-width: 720px; color: #fff; }
.hx-kicker { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: #ff8a7f; margin-bottom: 18px; }
.hx-kicker::before { content: ""; width: 42px; height: 2px; background: var(--wsef-red); }
.hx-title { color: #fff; font-size: clamp(38px, 5.2vw, 78px); line-height: 1.02; font-weight: 800; letter-spacing: -.02em; margin: 0 0 20px; text-shadow: 0 2px 30px rgba(0,0,0,.35); }
.hx-text { color: rgba(255,255,255,.86); font-size: clamp(16px, 1.25vw, 20px); line-height: 1.6; max-width: 600px; margin: 0 0 34px; }
.hx-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.hx-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 30px; border-radius: 40px; background: var(--wsef-red); color: #fff !important; font-weight: 700; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; border: 2px solid var(--wsef-red); transition: transform .2s, box-shadow .2s, background .2s; }
.hx-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(254,69,54,.4); }
.hx-btn.ghost { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.55); backdrop-filter: blur(6px); }
.hx-btn.ghost:hover { background: #fff; color: #111 !important; border-color: #fff; box-shadow: 0 14px 30px rgba(0,0,0,.3); }
/* metin girişi: etkin slaytta sırayla yukarı kayarak */
.hx.ready .hx-copy > * { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.hx.ready .slick-current .hx-copy > * { opacity: 1; transform: none; }
.hx.ready .slick-current .hx-copy > :nth-child(1) { transition-delay: .25s; } .hx.ready .slick-current .hx-copy > :nth-child(2) { transition-delay: .4s; }
.hx.ready .slick-current .hx-copy > :nth-child(3) { transition-delay: .55s; } .hx.ready .slick-current .hx-copy > :nth-child(4) { transition-delay: .7s; }
/* alt denetim: numaralı sekmeler + ilerleme + oklar */
.hx-ui { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; }
.hx-ui-in { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 30px; }
.hx-tabs { display: flex; gap: 10px; flex: 1; min-width: 0; max-width: 900px; }
.hx-tab { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 0 0 12px; border: 0; background: none; color: rgba(255,255,255,.55); text-align: left; cursor: pointer; transition: color .2s; }
.hx-tab b { font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.hx-tab span { flex: 1; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx-tab:hover, .hx-tab.on { color: #fff; }
.hx-bar { flex-basis: 100%; display: block; height: 3px; margin-top: 8px; background: rgba(255,255,255,.22); border-radius: 3px; overflow: hidden; }
.hx-bar i { display: block; height: 100%; width: 0; background: var(--wsef-red); border-radius: 3px; }
.hx-tab.on .hx-bar i { width: 100%; }
.hx-tab.on.run .hx-bar i { width: 0; animation: hxFill 7s linear forwards; }
@keyframes hxFill { to { width: 100%; } }
.hx:hover .hx-bar i, .hx.paused .hx-bar i { animation-play-state: paused !important; }
.hx-arrows { display: flex; align-items: center; gap: 14px; color: #fff; padding-bottom: 8px; }
.hx-arrow { width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.06); color: #fff; cursor: pointer; transition: background .2s, border-color .2s; backdrop-filter: blur(6px); }
.hx-arrow:hover { background: var(--wsef-red); border-color: var(--wsef-red); }
.hx-count { font-size: 14px; color: rgba(255,255,255,.6); letter-spacing: .08em; } .hx-count b { color: #fff; font-size: 20px; }
.hx-scroll { position: absolute; left: 50%; bottom: 118px; z-index: 3; width: 34px; height: 54px; margin-left: -17px; border: 2px solid rgba(255,255,255,.45); border-radius: 20px; color: #fff; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; font-size: 11px; opacity: .8; }
.hx-scroll i { animation: hxBob 1.6s ease-in-out infinite; }
@keyframes hxBob { 50% { transform: translateY(-8px); } }
.hx:not(.multi) .hx-scroll { bottom: 30px; }
@media (max-width: 991px) {
  .hx .hx-slide { height: clamp(520px, 78vh, 760px); }
  .hx-shade { background: linear-gradient(0deg, rgba(10,10,14,.8) 0%, rgba(10,10,14,.35) 50%, rgba(10,10,14,0) 85%); }
  .hx-tab span { display: none; }
  .hx-scroll { display: none; }
}
@media (max-width: 575px) {
  .hx .hx-slide { height: auto; min-height: 76vh; align-items: flex-end; }
  .hx-in { padding-top: 90px; padding-bottom: 110px; }
  .hx-text { font-size: 15px; margin-bottom: 24px; }
  .hx-btn { padding: 13px 22px; font-size: 12.5px; }
  .hx-ui-in { padding-bottom: 20px; gap: 14px; }
  .hx-arrow { width: 42px; height: 42px; } .hx-count { display: none; }
}
@media (prefers-reduced-motion: reduce) { .hx-bg { animation: none !important; } .hx.ready .hx-copy > * { transition: none; } .hx-scroll i { animation: none; } }

/* v32 — Üye ülke bayrakları: bayrak kartı dolduracak kadar büyük, iç boşluk az */
.flag-item { width: 204px; margin: 0 10px; padding: 12px 12px 14px; }
.flag-item img { width: 180px; height: 120px; border-radius: 8px; margin-bottom: 12px; }
.flag-item span { font-size: 16px; line-height: 1.25; }
@media (max-width: 767px) { .flag-item { width: 156px; margin: 0 7px; padding: 10px 10px 12px; } .flag-item img { width: 136px; height: 91px; margin-bottom: 10px; } .flag-item span { font-size: 14px; } }

.hs-map-box svg { overflow: hidden; }   /* antimeridyen kopyaları (Rusya / Fiji) kenarda kırpılır */

/* v33 — SEO & trafik (kulüp portalı + süper admin SEO merkezi) */
.seo-card { background: #fff; border: 1px solid var(--wsef-line); border-radius: 18px; padding: 20px 22px; margin-bottom: 18px; box-shadow: 0 6px 20px rgba(0,0,0,.03); }
.seo-card-h { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.seo-card-h h3, .seo-h3 { font-size: 17px; margin: 0; } .seo-h3 { margin-bottom: 14px; } .seo-card h3 i, .seo-h3 i { color: var(--wsef-red); margin-right: 6px; }
.seo-sub { color: #777; font-size: 13px; margin: 0 0 12px; } .seo-hint { display: block; color: #777; margin: -4px 0 14px; }
.seo-tabs { display: inline-flex; background: #f2f2f5; border-radius: 30px; padding: 3px; flex-wrap: wrap; }
.seo-tabs a { padding: 6px 14px; border-radius: 26px; font-size: 13px; font-weight: 600; color: #555; } .seo-tabs a.on { background: #222; color: #fff; }
.seo-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.seo-kpis > div { background: #fff; border: 1px solid var(--wsef-line); border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; }
.seo-kpis small { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #888; }
.seo-kpis b { font-size: 26px; line-height: 1.2; color: #222; margin: 4px 0 2px; } .seo-kpis span { font-size: 12px; color: #888; }
.seo-kpis .k-search b { color: #1a73e8; } .seo-kpis .k-bot b { color: #8e44ad; }
.seo-chart { display: flex; align-items: flex-end; gap: 4px; height: 220px; padding-top: 8px; overflow-x: auto; }
.seo-col { flex: 1 0 18px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.seo-bars { position: relative; flex: 1; width: 100%; max-width: 44px; }
.seo-bars i { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 5px 5px 0 0; min-height: 2px; }
.seo-bars i.v { background: linear-gradient(180deg, #fe4536, #c8102e); } .seo-bars i.u { background: rgba(255,255,255,.55); left: 25%; right: 25%; }
.seo-col small { font-size: 10px; color: #999; margin-top: 6px; white-space: nowrap; transform: rotate(-35deg); transform-origin: top right; height: 26px; }
.seo-legend { display: flex; gap: 16px; font-size: 12px; color: #777; margin: 6px 0 0; } .seo-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.seo-legend i.v { background: #e0332a; } .seo-legend i.u { background: #f3b1ab; }
.seo-bd-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; }
.seo-bd h4 { font-size: 14px; margin: 0 0 10px; } .seo-bd h4 i { color: #999; margin-right: 5px; }
.seo-bd-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 52px 40px; align-items: center; gap: 10px; font-size: 13px; padding: 4px 0; }
.seo-bd-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .seo-bd-l i { width: 16px; color: #888; } .seo-bd-l code { font-size: 12px; color: #444; }
.seo-bd-bar { height: 8px; background: #f1f1f4; border-radius: 6px; overflow: hidden; } .seo-bd-bar i { display: block; height: 100%; background: var(--wsef-red); border-radius: 6px; }
.seo-bd-row b { text-align: right; } .seo-bd-row em { font-style: normal; color: #999; font-size: 12px; text-align: right; }
.seo-empty { color: #999; font-size: 13px; margin: 0; }
.seo-health { display: flex; align-items: center; gap: 22px; }
.seo-score { --c: #c0392b; flex: 0 0 auto; width: 118px; height: 118px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: radial-gradient(closest-side, #fff 78%, transparent 80% 100%), conic-gradient(var(--c) calc(var(--p) * 1%), #eee 0); }
.seo-score.good { --c: #1f9d55; } .seo-score.ok { --c: #7cb342; } .seo-score.warn { --c: #e6a100; }
.seo-score b { font-size: 34px; line-height: 1; color: #222; } .seo-score small { color: #999; font-size: 12px; }
.seo-health-t { flex: 1; min-width: 0; } .seo-health-t h3 { font-size: 20px; margin: 0 0 6px; } .seo-health-t p { margin: 0 0 6px; font-size: 14px; }
.seo-grade.good { color: #1f9d55; } .seo-grade.ok { color: #689f38; } .seo-grade.warn { color: #d68910; } .seo-grade.bad { color: #c0392b; }
.st-fail { color: #c0392b; font-weight: 700; } .st-warn { color: #d68910; font-weight: 700; } .st-pass { color: #1f9d55; font-weight: 700; }
.seo-health-a { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; } .seo-health-a form { margin: 0; }
.seo-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.seo-check { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 10px 12px; border-radius: 12px; border: 1px solid #eee; }
.seo-check > i { font-size: 16px; margin-top: 2px; } .seo-check.st-pass > i { color: #1f9d55; } .seo-check.st-warn > i { color: #e6a100; } .seo-check.st-fail > i { color: #c0392b; }
.seo-check.st-fail { background: #fff6f5; border-color: #f6d4d0; } .seo-check.st-warn { background: #fffbef; border-color: #f3e3b5; }
.seo-check strong { display: block; font-size: 14px; color: #222; font-weight: 700; } .seo-check span { font-size: 12px; color: #777; } .seo-check p { margin: 4px 0 0; font-size: 12.5px; color: #555; }
.seo-check em { font-style: normal; font-size: 11px; color: #aaa; }
.seo-serp-wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; margin-bottom: 18px; }
.serp { background: #fff; border: 1px solid #e8eaed; border-radius: 12px; padding: 16px 18px; font-family: Arial, sans-serif; }
.serp-top { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.serp-fav { width: 28px; height: 28px; border-radius: 50%; background: #f1f3f4; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--wsef-red); font-size: 14px; }
.serp-top b { display: block; font-size: 14px; color: #202124; font-weight: 400; } .serp-top small { display: block; font-size: 12px; color: #4d5156; }
.serp-title { font-size: 20px; line-height: 1.3; color: #1a0dab; margin-bottom: 4px; }
.serp-body { display: flex; gap: 12px; } .serp-body p { flex: 1; margin: 0; font-size: 14px; line-height: 1.58; color: #4d5156; }
.serp-body img { width: 92px; height: 92px; object-fit: cover; border-radius: 8px; order: 2; }
.seo-social { border: 1px solid #dadde1; border-radius: 12px; overflow: hidden; background: #f0f2f5; }
.seo-social-img { aspect-ratio: 1.91 / 1; background: #ccd center / cover no-repeat; }
.seo-social-t { padding: 10px 12px; } .seo-social-t small { display: block; font-size: 11px; color: #65676b; text-transform: uppercase; }
.seo-social-t b { display: block; font-size: 15px; color: #050505; line-height: 1.3; } .seo-social-t span { font-size: 13px; color: #65676b; }
.seo-count { float: right; font-weight: 700; font-size: 12px; } .seo-count.ok { color: #1f9d55; } .seo-count.warn { color: #d68910; } .seo-count.bad { color: #c0392b; }
.pf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; } .pf-grid .pf-wide { grid-column: span 2; }
.wsef-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 720px; margin: 0 auto; background: #15151b; color: #e6e7ee; border-radius: 16px; padding: 16px 18px; display: flex; gap: 16px; align-items: center; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.wsef-consent[hidden] { display: none; } .wsef-consent p { margin: 0; flex: 1; font-size: 14px; color: #d6d7de; }
.wsef-consent div { display: flex; gap: 8px; } .wsef-consent button { border: 0; border-radius: 30px; padding: 10px 18px; font-weight: 700; cursor: pointer; }
.wsef-consent .btn-yes { background: var(--wsef-red); color: #fff; } .wsef-consent .btn-no { background: rgba(255,255,255,.1); color: #fff; }
.seo-table td, .seo-table th { vertical-align: middle; } .seo-table .seo-mini { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; font-weight: 800; color: #fff; }
.seo-mini.good { background: #1f9d55; } .seo-mini.ok { background: #7cb342; } .seo-mini.warn { background: #e6a100; } .seo-mini.bad { background: #c0392b; }
.seo-int { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.seo-int .pf-row { background: #fafafb; border: 1px solid #eee; border-radius: 14px; padding: 14px; margin: 0; } .seo-int .pf-row label i { margin-right: 6px; color: var(--wsef-red); }
.seo-int .on-badge { float: right; font-size: 11px; font-weight: 700; color: #1f9d55; } .seo-int .off-badge { float: right; font-size: 11px; color: #aaa; }
.seo-files { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.seo-files a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #eee; border-radius: 12px; color: #222; font-weight: 600; font-size: 14px; }
.seo-files a:hover { border-color: var(--wsef-red); } .seo-files a i { color: var(--wsef-red); } .seo-files small { display: block; color: #888; font-weight: 400; font-size: 12px; }
@media (max-width: 1199px) { .seo-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .seo-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .seo-bd-grid, .seo-checks, .seo-serp-wrap, .pf-grid { grid-template-columns: 1fr; } .pf-grid .pf-wide { grid-column: auto; }
  .seo-health { flex-direction: column; align-items: flex-start; } .wsef-consent { flex-direction: column; align-items: stretch; }
}
html.club-dark .seo-card, html.club-dark .seo-kpis > div, html.club-dark .seo-check { background: #1a1a20; border-color: #2c2c33; }
html.club-dark .seo-kpis b, html.club-dark .seo-check strong, html.club-dark .seo-score b { color: #eee; } html.club-dark .seo-score { background: radial-gradient(closest-side, #1a1a20 78%, transparent 80% 100%), conic-gradient(var(--c) calc(var(--p) * 1%), #333 0); }

.portal-side .ps-club span .flag-img { width: 18px !important; height: auto !important; border-radius: 2px !important; margin: 0 4px 0 0 !important; box-shadow: none !important; display: inline-block; vertical-align: -2px; }   /* kenar çubuğunda ülke bayrağı küçük kalsın */

/* v34 — içerik çevirileri (form kartı) */
.ci18n{border:1px solid #e3e6ea;border-radius:8px;padding:14px;margin:6px 0 16px;background:#fafbfc}
.ci18n-h{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.ci18n-h>i{font-size:22px;color:#c8102e;margin-top:3px}
.ci18n-h h4{font-size:16px;margin:0 0 2px}.ci18n-h p{font-size:13px;color:#666;margin:0}
.ci18n-l{border-top:1px solid #e3e6ea}
.ci18n-l>summary{cursor:pointer;padding:9px 4px;display:flex;align-items:center;gap:8px;list-style:none}
.ci18n-l>summary::-webkit-details-marker{display:none}
.ci18n-l>summary:after{content:"+";margin-left:auto;font-weight:700;color:#888}
.ci18n-l[open]>summary:after{content:"−"}
.ci18n-ok{color:#1e9e5a;font-size:12px}.ci18n-no{color:#aaa}
.ci18n-b{padding:4px 4px 12px}.ci18n-b label{display:block;font-size:13px;font-weight:600;margin:8px 0 0}
.ci18n-b .form-control{margin-top:4px;font-weight:400;width:100%}

/* v35 — WAF / güvenlik paneli */
.wf-red{color:#c8102e;font-weight:600;text-decoration:none;display:inline-block;margin:1px 0}
.wf-red:hover{text-decoration:underline}
.wf-rowred{background:rgba(200,16,46,.06)!important}
.wf-rowred td{border-color:rgba(200,16,46,.15)!important}
.wf-cat{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#eef1f5;color:#2c3e50}
.wf-cat.wf-yuksek{background:#fde7ea;color:#c8102e}
.wf-cat.wf-orta{background:#fff4e0;color:#b26a00}
.wf-cat.wf-dusuk{background:#e9f5ee;color:#1e7a46}
.wf-ev{font-size:11px;color:#8a5a00;word-break:break-all}
.wf-full{min-width:220px;max-width:420px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.wf-full .wf-ev.d-block{white-space:pre-wrap;margin-top:3px}
.wf-more{margin-top:4px;font-size:11px}
.wf-more summary{cursor:pointer;color:#666}
.wf-more div{margin-top:2px}
/* v41 — güvenlik paneli: motor durum şeridi, çipler, davranış/bakım sekmeleri */
.wf-status{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:14px 0 20px;padding:12px 16px;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:12px;font-size:14px;color:#2c3e50}
.wf-status>div{display:flex;align-items:center;gap:8px}
.wf-status i{color:#64748b}
.wf-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.wf-chip.on{background:#e9f5ee;color:#1e7a46}
.wf-chip.obs{background:#eaf1fb;color:#1c5fc4}
.wf-chip.off{background:#eef1f5;color:#64748b}
.wf-chip.warn{background:#fde7ea;color:#c8102e}
.wf-mini{font-size:12px;color:#1c5fc4;text-decoration:none;margin-left:4px}
.wf-mini:hover{text-decoration:underline}
.seo-kpis.sm>div{padding:10px 14px}.seo-kpis.sm b{font-size:22px}
.wf-modeform{display:flex;flex-direction:column;gap:10px;max-width:420px}
.wf-modeform .pf-row{display:flex;align-items:center;gap:10px;justify-content:space-between}
.wf-modeform .form-control{width:auto;flex:1 1 220px}
.wf-purge{display:flex;gap:8px;align-items:center}
.wf-purge .form-control.sm{padding:5px 8px}
.pp-btn.sm.danger,.pp-btn.danger{background:#c8102e;border-color:#c8102e;color:#fff}
.pp-btn.sm.danger:hover,.pp-btn.danger:hover{background:#a50d26}
.pp-pill.warn{background:#fff4e0;color:#b26a00}
/* v41 — URL seçici (site adresi kataloğu) */
.url-field{display:block}
.url-field .url-pick{margin-bottom:8px;background:#f7f9fc;cursor:pointer}
.url-field .url-pick optgroup{font-weight:800;color:#16233a;font-style:normal}
.url-field .url-pick option{font-weight:400;color:#2c3e50;padding:2px 0}
.url-field .url-custom{transition:box-shadow .3s,border-color .3s}
.url-field .url-custom.url-filled{border-color:#1e7a46;box-shadow:0 0 0 3px rgba(30,122,70,.15)}

/* v41 — Sayfa oluşturucu: profesyonel blok düzenleme ekranı */
.bld-edit{max-width:1040px;margin:0 auto}
.bld-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  background:linear-gradient(135deg,#16233a,#243b5e);color:#fff;border-radius:14px;padding:16px 20px;margin-bottom:18px;box-shadow:0 10px 28px -14px rgba(20,30,50,.5)}
.bld-head-l{display:flex;align-items:center;gap:14px;min-width:0}
.bld-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.12);font-size:20px;color:#fff;flex-shrink:0}
.bld-head h2{margin:0;font-size:20px;color:#fff;line-height:1.1}
.bld-sub{font-size:13px;color:rgba(255,255,255,.72);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.bld-head-r{display:flex;gap:8px;flex-shrink:0}
.bld-head-r .wsef-btn.dark{background:rgba(255,255,255,.14);border-color:transparent;color:#fff}
.bld-head-r .wsef-btn.dark:hover{background:rgba(255,255,255,.24)}
.bld-section{background:#fff;border:1px solid #e6ebf2;border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow:0 4px 18px -12px rgba(20,30,50,.25)}
.bld-section-h{display:flex;align-items:center;gap:10px;padding:13px 20px;background:#f7f9fc;border-bottom:1px solid #e6ebf2;font-weight:700;color:#16233a;font-size:15px}
.bld-section-h i{color:#fe4536}
.bld-section-h .bld-hint{margin-left:auto;font-weight:400;font-style:normal;font-size:12.5px;color:#8a93a3}
.bld-section-b{padding:18px 20px}
.bld-adminlabel{padding:12px 14px;background:#fbfcfe;border:1px dashed #d8e0ea;border-radius:10px;margin-bottom:18px}
.bld-hint{font-weight:400;font-size:12px;color:#8a93a3;margin-left:6px}
.bld-items{display:flex;flex-direction:column;gap:14px}
.bld-item{border:1px solid #e3e8f0;border-radius:12px;padding:0 16px 14px;background:#fcfdff;transition:border-color .2s,box-shadow .2s}
.bld-item:hover{border-color:#cdd6e4;box-shadow:0 6px 20px -14px rgba(20,30,50,.35)}
.bld-item-head{display:flex;justify-content:space-between;align-items:center;margin:0 -16px 12px;padding:10px 16px;border-bottom:1px solid #eef1f6;background:#f4f7fb;border-radius:12px 12px 0 0}
.bld-item-head .drag{font-weight:700;color:#53607a;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.bld-item-del{color:#c8102e;cursor:pointer;font-size:13px}
.bld-add{margin-top:14px}
.bld-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 4px;border-top:1px solid #e6ebf2;margin-top:4px}
@media(max-width:640px){.bld-head{position:static}.bld-head-r{width:100%}.bld-head-r .wsef-btn{flex:1}}
/* v41 — güvenlik log çubuğu, gelişmiş sayfalama, kural ekleme grid + presetler */
.wf-logbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.wf-rowact{display:flex;gap:4px}
.wf-pager{align-items:center}
.wf-pager .pg-dis{padding:5px 9px;color:#aeb6c2}
.wf-pager .pg-info{margin-left:8px;font-size:13px;color:#64748b}
.wf-ruleadd .wf-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed #e3e8f0}
.wf-presets-l{font-weight:700;color:#16233a;font-size:13px}
.wf-rulegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 16px;align-items:end}
.wf-rf{display:flex;flex-direction:column;gap:5px;min-width:0}
.wf-rf>label{font-size:12.5px;font-weight:700;color:#53607a}
.wf-rf-wide{grid-column:span 2}
.wf-rf-chk{flex-direction:row;align-items:center;gap:6px;font-weight:500;padding:9px 0}
.wf-inline{display:flex;align-items:center;gap:8px}
.wf-inline .form-control{max-width:90px}
.wf-unit{font-size:12.5px;color:#8a93a3}
.wf-rf-submit{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid #eef1f6;padding-top:12px}
@media(max-width:820px){.wf-rulegrid{grid-template-columns:repeat(2,1fr)}.wf-rf-wide{grid-column:span 2}}
@media(max-width:520px){.wf-rulegrid{grid-template-columns:1fr}.wf-rf-wide{grid-column:span 1}}
.wf-blockform,.wf-ruleform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}
.wf-blockform .form-control,.wf-ruleform .form-control{width:auto;flex:1 1 160px;min-width:120px}
.wf-ruleform select,.wf-blockform select{padding:6px 8px;border:1px solid #d5dae1;border-radius:6px}
.pp-table.sm td,.pp-table.sm th{padding:6px 8px;font-size:13px}
.pager{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0}
.pager a{padding:5px 11px;border:1px solid #d5dae1;border-radius:6px;text-decoration:none;color:#2c3e50}
.pager a.on{background:#16233a;color:#fff;border-color:#16233a}

/* v37 — giriş sayfası (/login): "antrenman alanı" sahnesi — banig örgü dokusu, çizilen çember, çarpışan rattan sopalar,
   buzlu cam form kartı. Yalnızca .lx-* sınıfları; hareket azaltma tercihine uyar. */
.lx{position:relative;isolation:isolate;overflow:hidden;min-height:740px;padding:96px 0 110px;color:#fff;
    background:radial-gradient(ellipse 60% 70% at 78% 45%,rgba(254,69,54,.20) 0%,rgba(254,69,54,0) 60%),
               radial-gradient(ellipse 50% 60% at 10% 100%,rgba(212,160,23,.08) 0%,rgba(212,160,23,0) 60%),#111115}
.lx:after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-120px;height:220px;background:var(--wsef-red);opacity:.9;
    transform:rotate(-4deg);box-shadow:0 -30px 80px rgba(254,69,54,.35)}
.lx-weave{position:absolute;inset:0;z-index:-2;opacity:.55;
    background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 12px,transparent 12px 24px),
               repeating-linear-gradient(-45deg,rgba(255,255,255,.028) 0 12px,transparent 12px 24px);
    -webkit-mask-image:radial-gradient(ellipse 70% 80% at 65% 45%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 70% 80% at 65% 45%,#000 25%,transparent 78%)}

/* Sahne sanatı: çember + sopalar */
.lx-art{position:absolute;z-index:-1;left:49%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.lx-s,.lx-spark{opacity:.8}
.lx-ring{fill:none;stroke:rgba(254,69,54,.45);stroke-width:1.5;stroke-dasharray:1571;stroke-dashoffset:1571;animation:lxDraw 2.4s .15s cubic-bezier(.6,.1,.2,1) forwards}
/* Sonsuz döngü (lxSpin/lxFloat) kaldırıldı: drop-shadow'lu SVG her karede yeniden çiziliyor, giriş kartının
   backdrop blur'u da her karede yeniden hesaplanıyordu → input'a odaklanınca takılma. Giriş animasyonları kalır. */
.lx-ring2{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:4 12}
.lx-float{transform-box:view-box;transform-origin:300px 300px}
.lx-s{transform-box:view-box;transform-origin:300px 300px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.lx-s1{animation:lxIn1 1.05s .35s cubic-bezier(.2,.9,.25,1) both}
.lx-s2{animation:lxIn2 1.05s .35s cubic-bezier(.2,.9,.25,1) both}
.lx-tip{fill:var(--wsef-red)}
.lx-grip{fill:#1c1c22;opacity:.85}
.lx-spark{fill:none;stroke:#fff;stroke-width:2;opacity:0;transform-box:view-box;transform-origin:300px 300px;animation:lxSpark .9s 1.25s ease-out both}
@keyframes lxDraw{to{stroke-dashoffset:0}}
@keyframes lxSpin{to{transform:rotate(360deg)}}
@keyframes lxIn1{from{opacity:0;transform:translateY(-220px) rotate(30deg)}70%{transform:translateY(8px) rotate(58deg)}to{opacity:1;transform:rotate(56deg)}}
@keyframes lxIn2{from{opacity:0;transform:translateY(-220px) rotate(-30deg)}70%{transform:translateY(8px) rotate(-58deg)}to{opacity:1;transform:rotate(-56deg)}}
@keyframes lxSpark{0%{opacity:0;transform:scale(.2)}25%{opacity:.9}100%{opacity:0;transform:scale(2.4)}}
@keyframes lxFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1.5deg)}}

/* Yerleşim */
.lx-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.lx-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:22px}
.lx-kicker i{width:34px;height:2px;background:var(--wsef-red);display:inline-block}
.lx-title{font-size:64px;line-height:1.02;font-weight:700;letter-spacing:-1.5px;color:#fff;margin:0 0 24px}
.lx-title span{display:block}
.lx-title em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9);
    background:linear-gradient(90deg,var(--wsef-red),#ff8a5c);-webkit-background-clip:text;background-clip:text}
.lx-lead{font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:460px;margin:0 0 34px}
.lx-stats{list-style:none;display:flex;gap:0;margin:0 0 34px;padding:0}
.lx-stats li{padding:0 28px;border-left:1px solid rgba(255,255,255,.12)}
.lx-stats li:first-child{padding-left:0;border-left:0}
.lx-stats b{display:block;font-size:34px;line-height:1;font-weight:700;color:#fff}
.lx-stats b:after{content:"+";color:var(--wsef-red);margin-left:2px}
.lx-stats span{display:block;margin-top:8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.lx-secure{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;color:rgba(255,255,255,.6)}
.lx-secure i{color:#4cd28a}

/* Kart: backdrop-filter yok (performans) — neredeyse opak zemin aynı görünümü verir */
.lx-card{position:relative;padding:40px 38px 30px;border-radius:20px;background:rgba(24,24,30,.94);border:1px solid rgba(255,255,255,.09);
    box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);animation:lxCard .8s .2s cubic-bezier(.2,.9,.25,1) both}
.lx-card:before{content:"";position:absolute;left:38px;right:38px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--wsef-red),#ff8a5c)}
@keyframes lxCard{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.lx-card-h{margin-bottom:26px}
.lx-card-h .wsef-mark{font-size:20px;color:#fff}
.lx-card-h h2{color:#fff;font-size:30px;margin:14px 0 6px}
.lx-card-h p{color:rgba(255,255,255,.6);margin:0;font-size:14px}

/* Yüzen etiketli alanlar */
.lx-f{position:relative;margin-bottom:16px}
.lx-f:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--wsef-red);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.9,.25,1)}
.lx-f:focus-within:after{transform:scaleX(1)}
.lx-f input{width:100%;height:60px;padding:22px 50px 6px 48px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045);
    color:#fff;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}
.lx-f input:focus{outline:0;border-color:rgba(254,69,54,.7);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(254,69,54,.14)}
.lx-f input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #202027 inset;-webkit-text-fill-color:#fff;caret-color:#fff}
.lx-f label{position:absolute;left:48px;top:20px;margin:0;font-size:15px;color:rgba(255,255,255,.5);pointer-events:none;transition:top .18s,font-size .18s,color .18s,letter-spacing .18s}
.lx-f input:focus + label,.lx-f input:not(:placeholder-shown) + label,.lx-f input:-webkit-autofill + label{top:9px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:#ff7a66}
.lx-f > i{position:absolute;left:18px;top:22px;font-size:15px;color:rgba(255,255,255,.38);pointer-events:none;transition:color .2s}
.lx-f:focus-within > i{color:var(--wsef-red)}
.lx-eye{position:absolute;right:8px;top:10px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.45);cursor:pointer}
.lx-eye:hover,.lx-eye:focus-visible{outline:0;color:#fff;background:rgba(255,255,255,.08)}
.lx-caps{display:flex;align-items:center;gap:6px;margin:-6px 0 12px;font-size:12px;color:#ffb35c}
.lx-caps[hidden]{display:none}

/* Düğme: parıltı geçişi */
.lx-btn{position:relative;overflow:hidden;width:100%;height:58px;margin-top:10px;border:0;border-radius:12px;cursor:pointer;
    background:linear-gradient(135deg,#ff5a45 0%,var(--wsef-red) 50%,#d9331f 100%);color:#fff;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
    display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 14px 32px rgba(254,69,54,.38);transition:transform .15s,box-shadow .2s}
.lx-btn:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.lx-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(254,69,54,.46)}
.lx-btn:hover:before{left:130%}
.lx-btn:active{transform:translateY(0)}
.lx-btn:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:3px}
.lx-btn i{transition:transform .25s}
.lx-btn:hover i{transform:translateX(4px)}
.lx-note{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.55);text-align:center}
.lx-note a{color:#ff7a66;font-weight:600}
.lx-note a:hover{color:#fff}

/* Duyarlı */
@media (max-width:1199px){.lx-title{font-size:54px}.lx-grid{gap:40px}}
@media (max-width:991px){
    .lx{min-height:0;padding:70px 0 120px}
    .lx-grid{grid-template-columns:1fr;gap:44px}
    .lx-art{width:520px;height:520px;left:auto;right:-180px;top:40px;transform:none;opacity:.55}
    .lx-title{font-size:48px}
    .lx-card{max-width:520px}
}
@media (max-width:575px){
    .lx{padding:48px 0 100px}
    .lx-art{width:380px;height:380px;right:-170px;top:10px;opacity:.4}
    .lx-ring2{display:none}
    .lx-title{font-size:38px;letter-spacing:-1px}
    .lx-lead{font-size:15px;margin-bottom:26px}
    .lx-stats li{padding:0 16px}
    .lx-stats b{font-size:26px}
    .lx-stats span{font-size:10.5px;letter-spacing:1px}
    .lx-card{padding:30px 22px 24px;border-radius:16px}
    .lx-card:before{left:22px;right:22px}
    .lx-card-h h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
    .lx-ring,.lx-ring2,.lx-float,.lx-s1,.lx-s2,.lx-spark,.lx-card{animation:none}
    .lx-ring{stroke-dashoffset:0}
    .lx-s1{transform:rotate(56deg)}.lx-s2{transform:rotate(-56deg)}
    .lx-btn:before{display:none}
}

/* v38 — sporcu profili (/athlete/{slug}): "dövüşçü kartı" — dev soyadı, portre/monogram + yörünge, sıralama rozeti,
   G–M rekoru, kazanma oranı halkası, form çipleri, madalya zaman çizelgesi, sporcu pasaportu. Yalnızca .ax-* sınıfları. */
.ax-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 150px;color:#fff;
    background:radial-gradient(ellipse 55% 70% at 78% 45%,rgba(254,69,54,.22) 0%,rgba(254,69,54,0) 62%),
               radial-gradient(ellipse 40% 50% at 8% 90%,rgba(212,160,23,.08) 0%,rgba(212,160,23,0) 60%),#111115}
.ax-weave{position:absolute;inset:0;z-index:-2;opacity:.5;
    background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 12px,transparent 12px 24px),
               repeating-linear-gradient(-45deg,rgba(255,255,255,.028) 0 12px,transparent 12px 24px);
    -webkit-mask-image:radial-gradient(ellipse 70% 80% at 60% 45%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 70% 80% at 60% 45%,#000 25%,transparent 78%)}
.ax-bgname{position:absolute;z-index:-1;left:50%;top:52%;transform:translate(-50%,-50%);font-size:clamp(120px,21vw,330px);font-weight:800;letter-spacing:-.04em;line-height:1;
    white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);pointer-events:none;user-select:none}
.ax-crumbs{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:38px}
.ax-crumbs a{color:rgba(255,255,255,.7)}
.ax-crumbs a:hover{color:#fff}
.ax-crumbs i{font-style:normal;margin:0 10px;opacity:.5}
.ax-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}

.ax-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.ax-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:30px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:600}
a.ax-chip:hover{background:rgba(255,255,255,.13);color:#fff}
.ax-chip .flag{width:20px;height:auto;border-radius:3px;margin:0}
.ax-chip-red{background:rgba(254,69,54,.15);border-color:rgba(254,69,54,.35);color:#ff8a78}
.ax-name{margin:0 0 18px;line-height:.92}
.ax-name span{display:block;font-size:34px;font-weight:500;letter-spacing:.5px;color:rgba(255,255,255,.75);margin-bottom:6px}
.ax-name strong{display:block;font-size:88px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;
    background:linear-gradient(180deg,#fff 35%,#ffb3a8 130%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ax-meta{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;row-gap:8px}
.ax-meta li{padding:0 14px;border-left:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.7);font-size:14px}
.ax-meta li:first-child{padding-left:0;border-left:0}
.ax-meta b{color:#fff}
.ax-record{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ax-record>div:not(.ax-titles) b{display:block;font-size:64px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.ax-record>div:nth-child(3) b{color:rgba(255,255,255,.5)}
.ax-record>div:not(.ax-titles) small{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:6px}
.ax-record>i{font-style:normal;font-size:44px;line-height:1;color:var(--wsef-red);font-weight:300;align-self:flex-start;margin-top:6px}
.ax-titles{margin-left:18px;padding-left:24px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:8px}
.ax-titles>span{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:rgba(255,255,255,.8)}
.ax-titles i{color:var(--gold)}
.ax-title-w b{color:var(--gold)}

/* Portre + yörünge + rozetler */
.ax-portrait{position:relative;width:min(420px,100%);aspect-ratio:1/1;margin-left:auto}
.ax-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ax-orbit circle{fill:none;stroke:rgba(254,69,54,.45);stroke-width:1.5;stroke-dasharray:6 10;transform-box:view-box;transform-origin:200px 200px;animation:axSpin 50s linear infinite}
.ax-orbit .ax-orbit2{stroke:rgba(255,255,255,.1);stroke-dasharray:none;animation:none}
.ax-photo{position:absolute;inset:13%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(145deg,#2c2c34,#18181d);box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 0 0 6px rgba(255,255,255,.04)}
.ax-photo img{width:100%;height:100%;object-fit:cover}
.ax-photo span{font-size:clamp(80px,9vw,124px);font-weight:800;letter-spacing:-.04em;
    background:linear-gradient(135deg,var(--wsef-red),#ffb199);-webkit-background-clip:text;background-clip:text;color:transparent}
.ax-rank{position:absolute;left:0;top:9%;padding:12px 20px;border-radius:14px;background:var(--wsef-red);color:#fff;text-align:center;
    box-shadow:0 16px 34px rgba(254,69,54,.45);transform:rotate(-6deg)}
.ax-rank small{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}
.ax-rank b{display:block;font-size:40px;line-height:1.05;font-weight:800}
.ax-rate{position:absolute;right:2%;bottom:6%;width:114px;height:114px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:rgba(20,20,26,.88);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ax-rate svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);transform:rotate(-90deg)}
.ax-rate .bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}
.ax-rate .fg{fill:none;stroke:#4cd28a;stroke-width:6;stroke-linecap:round;animation:axRate 1.4s .3s cubic-bezier(.2,.9,.25,1) both}
.ax-rate b{position:relative;font-size:24px;font-weight:800;line-height:1}
.ax-rate small{position:relative;max-width:66%;text-align:center;line-height:1.15;font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:4px}
@keyframes axSpin{to{transform:rotate(360deg)}}
@keyframes axRate{from{stroke-dasharray:0 400}}

/* Gövde: istatistik şeridi + kartlar */
.ax-body{position:relative;display:flow-root;padding:0 0 90px;background:var(--wsef-soft)}
.ax-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:-72px 0 36px}
.ax-stats>div{background:#fff;border-radius:16px;padding:22px 16px;text-align:center;border:1px solid rgba(0,0,0,.04);box-shadow:0 14px 34px rgba(20,20,30,.08)}
.ax-stats i{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(254,69,54,.1);color:var(--wsef-red);margin-bottom:12px}
.ax-stats b{display:block;font-size:30px;font-weight:800;line-height:1;color:var(--wsef-dark);font-variant-numeric:tabular-nums}
.ax-stats span{display:block;margin-top:8px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--wsef-muted)}
.ax-medal-tile b{display:flex;justify-content:center;gap:8px}
.ax-medal-tile em{font-style:normal;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
.ax-medal-tile .g{background:var(--gold)}
.ax-medal-tile .s{background:var(--silver)}
.ax-medal-tile .b{background:var(--bronze)}
.ax-card{background:#fff;border-radius:18px;padding:28px 30px;margin-bottom:24px;border:1px solid rgba(0,0,0,.04);box-shadow:0 10px 30px rgba(20,20,30,.05)}
.ax-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ax-card-h h3{margin:0;font-size:20px}
.ax-card-h h3 i{color:var(--wsef-red);margin-right:6px}
.ax-empty{margin:0;color:var(--wsef-muted)}

/* Form çipleri + son maçlar */
.ax-form{display:flex;gap:6px}
.ax-form span{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
.ax-form .w{background:#1e9e5a}
.ax-form .l{background:#d8423a}
.ax-bouts{list-style:none;margin:0;padding:0}
.ax-bouts li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--wsef-line)}
.ax-bouts li:first-child{border-top:0;padding-top:4px}
.ax-res{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.ax-bouts li.w .ax-res{background:rgba(30,158,90,.12);color:#1e9e5a}
.ax-bouts li.l .ax-res{background:rgba(216,66,58,.12);color:#d8423a}
.ax-opp{min-width:0;font-weight:600;color:var(--wsef-dark)}
.ax-opp>small{color:var(--wsef-muted);font-weight:400;text-transform:uppercase;font-size:11px;margin-right:4px}
.ax-opp .flag{width:18px;height:auto;border-radius:2px;margin:0 4px 0 0;vertical-align:-2px}
.ax-opp>a{color:inherit}
.ax-opp>a:hover{color:var(--wsef-red)}
.ax-opp em{display:block;font-style:normal;font-weight:400;font-size:13px;color:var(--wsef-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-opp em a{color:var(--wsef-muted)}
.ax-score{font-size:22px;font-weight:800;color:var(--wsef-dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.ax-bouts li.l .ax-score{color:var(--wsef-muted)}

/* Şampiyona yolculuğu: madalya zaman çizelgesi */
.ax-journey{list-style:none;margin:0;padding:0;position:relative}
.ax-journey:before{content:"";position:absolute;left:93px;top:14px;bottom:14px;width:2px;background:var(--wsef-line)}
.ax-journey li{position:relative;display:grid;grid-template-columns:56px 48px 1fr auto;align-items:center;column-gap:14px;padding:11px 0}
.ax-year{font-weight:800;font-size:15px;color:var(--wsef-dark);text-align:right;font-variant-numeric:tabular-nums}
.ax-node{justify-self:center;z-index:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:#eceef1;color:var(--wsef-muted);font-weight:700;font-size:14px;box-shadow:0 0 0 5px #fff}
.ax-journey li.g .ax-node{background:linear-gradient(145deg,#f6d15a,var(--gold));color:#fff}
.ax-journey li.s .ax-node{background:linear-gradient(145deg,#d9dee2,var(--silver));color:#fff}
.ax-journey li.b .ax-node{background:linear-gradient(145deg,#d79a64,var(--bronze));color:#fff}
.ax-ev{min-width:0}
.ax-ev a{font-weight:700;color:var(--wsef-dark)}
.ax-ev a:hover{color:var(--wsef-red)}
.ax-ev small{display:block;color:var(--wsef-muted);font-size:13px}
.ax-pts{font-weight:800;color:var(--wsef-red);white-space:nowrap}
.ax-pts small{color:var(--wsef-muted);font-weight:500}

/* Sporcu pasaportu */
.ax-pass{position:sticky;top:100px;overflow:hidden;border-radius:20px;padding:26px 24px;color:#fff;
    background:linear-gradient(160deg,#1b1b21,#27272f);box-shadow:0 20px 50px rgba(20,20,30,.2)}
.ax-pass:before{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(254,69,54,.35),rgba(254,69,54,0) 70%);pointer-events:none}
.ax-pass>*{position:relative}
.ax-pass-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:18px;border-bottom:1px dashed rgba(255,255,255,.16)}
.ax-pass-h .wsef-mark{color:#fff;font-size:20px}
.ax-pass-h small{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ax-pass-id{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ax-pass-id .flag{width:38px;height:auto;border-radius:4px;margin:0}
.ax-pass-id b{display:block;font-size:17px}
.ax-pass-id small{color:rgba(255,255,255,.6)}
.ax-pass dl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;margin:0 0 18px;font-size:14px}
.ax-pass dt{color:rgba(255,255,255,.55);font-weight:400}
.ax-pass dd{margin:0;text-align:right;color:#fff;font-weight:600}
.ax-pass dd a{color:#ff8a78}
.ax-social{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ax-social a{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;transition:background .2s}
.ax-social a:hover{background:var(--wsef-red);color:#fff}
.ax-verify{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:var(--wsef-red);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(254,69,54,.3);transition:transform .15s}
.ax-verify:hover{color:#fff;transform:translateY(-1px)}

/* Duyarlı */
@media (max-width:1199px){.ax-name strong{font-size:72px}.ax-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){
    .ax-hero{padding-bottom:120px}
    .ax-grid{grid-template-columns:1fr;gap:26px}
    .ax-portrait{margin:0 auto;width:min(340px,86%)}
    .ax-pass{position:static}
}
@media (max-width:575px){
    .ax-crumbs{margin-bottom:24px}
    .ax-name span{font-size:24px}
    .ax-name strong{font-size:48px;letter-spacing:-.02em}
    .ax-record>div:not(.ax-titles) b{font-size:48px}
    .ax-titles{margin-left:0;padding-left:0;border-left:0;width:100%}
    .ax-rank b{font-size:30px}
    .ax-rate{width:92px;height:92px}
    .ax-rate b{font-size:19px}
    .ax-rate small{font-size:8px;letter-spacing:.4px}
    .ax-stats{grid-template-columns:repeat(2,1fr);margin-top:-64px}
    .ax-stats>div:last-child{grid-column:span 2}
    .ax-stats b{font-size:26px}
    .ax-card{padding:22px 18px}
    .ax-bouts li{grid-template-columns:38px 1fr auto;gap:10px}
    .ax-res{width:38px;height:38px}
    .ax-score{font-size:18px}
    .ax-journey:before{left:77px}
    .ax-journey li{grid-template-columns:44px 40px 1fr}
    .ax-node{width:34px;height:34px}
    .ax-pts{grid-column:3}
}
@media (prefers-reduced-motion:reduce){.ax-orbit circle,.ax-rate .fg{animation:none}}
html.club-dark .ax-body{background:#111114}
html.club-dark .ax-stats>div,html.club-dark .ax-card{background:#1b1b20;border-color:#26262e;box-shadow:none}
html.club-dark .ax-stats b,html.club-dark .ax-card-h h3,html.club-dark .ax-opp,html.club-dark .ax-score,html.club-dark .ax-year,html.club-dark .ax-ev a{color:#e7e7ec}
html.club-dark .ax-bouts li{border-color:#26262e}
html.club-dark .ax-journey:before{background:#2a2a31}
html.club-dark .ax-node{background:#2a2a31;box-shadow:0 0 0 5px #1b1b20}

/* v39 — üye kontrol paneli (/account): koyu karşılama bandı, hızlı erişim kutuları, lisans / beceri / antrenman / etkinlik kartları,
   hesap ayarları (fotoğraf + şifre). Yalnızca .md-* sınıfları. */
.md-hero{position:relative;overflow:hidden;padding:46px 0 96px;color:#fff;
    background:radial-gradient(ellipse 55% 80% at 85% 30%,rgba(254,69,54,.24) 0%,rgba(254,69,54,0) 60%),#111115}
.md-hero:before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
    background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 12px,transparent 12px 24px),repeating-linear-gradient(-45deg,rgba(255,255,255,.028) 0 12px,transparent 12px 24px);
    -webkit-mask-image:radial-gradient(ellipse 70% 90% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 70% 40%,#000 20%,transparent 75%)}
.md-hero-in{position:relative;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.md-avatar{flex:0 0 auto;width:104px;height:104px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(145deg,#2c2c34,#18181d);box-shadow:0 0 0 4px rgba(254,69,54,.55),0 18px 40px rgba(0,0,0,.5)}
.md-avatar img{width:100%;height:100%;object-fit:cover}
.md-avatar span{font-size:40px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--wsef-red),#ffb199);-webkit-background-clip:text;background-clip:text;color:transparent}
.md-avatar.sm{width:84px;height:84px;box-shadow:0 0 0 3px rgba(254,69,54,.4)}
.md-avatar.sm span{font-size:30px}
.md-hello{flex:1 1 280px;min-width:0}
.md-hello small{display:block;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.md-hello h1{margin:0 0 14px;color:#fff;font-size:40px;line-height:1.1}
.md-hello h1 span{font-weight:400;color:rgba(255,255,255,.75)}
.md-chips{display:flex;flex-wrap:wrap;gap:8px}
.md-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:30px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.md-hero a.md-chip{background:rgba(255,255,255,.07);color:#fff}
.md-hero a.md-chip:hover{background:rgba(255,255,255,.14);color:#fff}
.md-chip.ok{background:rgba(76,210,138,.13);border-color:rgba(76,210,138,.35);color:#7fe3ab}
.md-chip.bad{background:rgba(254,69,54,.14);border-color:rgba(254,69,54,.4);color:#ff8a78}
.md-hero-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600}
.md-hero-btn:hover{background:var(--wsef-red);border-color:var(--wsef-red);color:#fff}
.md-hero + .wsef-section{padding-top:0!important;margin-top:-60px;position:relative}

/* Kutucuklar */
.md-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.md-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.05);
    box-shadow:0 12px 30px rgba(20,20,30,.07);color:var(--wsef-dark);transition:transform .15s,box-shadow .2s}
.md-tile:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(20,20,30,.12);color:var(--wsef-dark)}
.md-tile i{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(254,69,54,.1);color:var(--wsef-red);font-size:17px;margin-bottom:8px;transition:background .2s,color .2s}
.md-tile:hover i{background:var(--wsef-red);color:#fff}
.md-tile b{font-size:15px}
.md-tile small{font-size:12.5px;color:var(--wsef-muted);line-height:1.4}

/* Kartlar */
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.md-card{background:#fff;border-radius:18px;padding:24px 24px 22px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 28px rgba(20,20,30,.05);margin-bottom:18px}
.md-grid>.md-card{margin-bottom:0}
.md-card h4{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 16px}
.md-card h4>i{color:var(--wsef-red)}
.md-card h4 em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(254,69,54,.1);color:var(--wsef-red)}
.md-muted{color:var(--wsef-muted);font-size:13.5px;margin:0}
.md-note{margin-top:4px}
.md-lic-no{font-size:24px;font-weight:800;letter-spacing:1px;color:var(--wsef-dark);margin-bottom:8px;font-variant-numeric:tabular-nums}
.md-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:16px}
.md-pill.ok{background:rgba(30,158,90,.12);color:#1e9e5a}
.md-pill.bad{background:rgba(216,66,58,.12);color:#d8423a}
.md-bar{height:8px;border-radius:8px;background:#eef0f3;overflow:hidden}
.md-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ff7a5c,var(--wsef-red))}
.md-lic .md-bar{margin-bottom:8px}
.md-lic .md-bar i{background:linear-gradient(90deg,#4cd28a,#1e9e5a)}
.md-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--wsef-red);font-weight:700;font-size:14px}
.md-skill{display:grid;grid-template-columns:130px 1fr 26px;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
.md-skill b{text-align:right;color:var(--wsef-dark)}

/* Hafta */
.md-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.md-day{padding:12px 10px;border-radius:12px;background:var(--wsef-soft);min-height:84px;display:flex;flex-direction:column;gap:6px}
.md-day>b{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--wsef-muted)}
.md-day>span{font-size:12.5px;line-height:1.35;color:var(--wsef-dark)}
.md-day em{font-style:normal;font-weight:700;color:var(--wsef-red)}
.md-day small{color:#c2c5ca}
.md-day.now{background:var(--wsef-red);box-shadow:0 10px 24px rgba(254,69,54,.3)}
.md-day.now>b,.md-day.now>span,.md-day.now em,.md-day.now small{color:#fff}
.md-day.off{opacity:.7}

/* Listeler */
.md-list{list-style:none;margin:0;padding:0}
.md-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--wsef-line)}
.md-list li:first-child{border-top:0;padding-top:0}
.md-list time{flex:0 0 50px;height:50px;border-radius:12px;background:var(--wsef-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase;color:var(--wsef-muted)}
.md-list time b{font-size:18px;line-height:1;color:var(--wsef-dark)}
.md-list div{min-width:0}
.md-list a{font-weight:600;color:var(--wsef-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-list a:hover{color:var(--wsef-red)}
.md-list small{color:var(--wsef-muted);font-size:12.5px}
.md-list .flag{width:16px;height:auto;margin:0 3px 0 0;vertical-align:-2px}

/* Ayarlar */
.md-photo{display:flex;gap:18px;align-items:flex-start}
.md-photo>div:last-child{flex:1;display:flex;flex-direction:column;gap:10px}
.md-check{display:flex;align-items:center;gap:8px;font-size:13.5px;margin:0}
.md-pw label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.md-in{position:relative}
.md-in .form-control{height:48px;padding-right:48px;border-radius:10px}
.md-eye{position:absolute;right:6px;top:4px;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#8d9095;cursor:pointer}
.md-eye:hover{color:var(--wsef-red);background:rgba(254,69,54,.08)}
.md-caps{margin:8px 0 0}
.md-pw .md-muted{display:block;margin-top:10px}
.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;margin-top:14px;border:0;border-radius:12px;cursor:pointer;
    background:linear-gradient(135deg,#ff5a45,var(--wsef-red) 50%,#d9331f);color:#fff;font-weight:700;box-shadow:0 12px 26px rgba(254,69,54,.3);transition:transform .15s}
.md-btn:hover{transform:translateY(-1px)}

@media (max-width:1199px){.md-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){.md-hero-in{gap:18px}.md-hero + .wsef-section{margin-top:-50px}.md-week{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.md-grid{grid-template-columns:1fr}.md-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.md-hero{padding:32px 0 80px}.md-avatar{width:80px;height:80px}.md-avatar span{font-size:30px}.md-hello h1{font-size:28px}
    .md-hero-btn{width:100%;justify-content:center}.md-week{grid-template-columns:repeat(2,1fr)}.md-skill{grid-template-columns:100px 1fr 22px}.md-photo{flex-direction:column}}
html.club-dark .md-tile,html.club-dark .md-card{background:#1b1b20;border-color:#26262e;box-shadow:none}
html.club-dark .md-tile,html.club-dark .md-tile:hover,html.club-dark .md-card h4,html.club-dark .md-lic-no,html.club-dark .md-list a,html.club-dark .md-skill b,html.club-dark .md-list time b,html.club-dark .md-day>span{color:#e7e7ec}
html.club-dark .md-day,html.club-dark .md-list time{background:#141418}
html.club-dark .md-bar{background:#2a2a31}
html.club-dark .md-list li{border-color:#26262e}
/* Kulüp portalı: öğrenci giriş hesabı düğmesi (yeşil = aktif hesap, soluk = askıda) */
.pp-icon.pp-login-on{color:#1e9e5a}
.pp-icon.pp-login-off{color:#b0b3b8;text-decoration:line-through}

/* ==== v40 Spor sayfaları: teknik sistem (12 açı şeması), eğitim programı, kurallar, kategoriler, ekipman galerisi ==== */
.sp-more { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 30px; }
.pp-btn.sp-ghost-dark { background: transparent; color: #1b1b1f; border: 2px solid #1b1b1f; box-shadow: none; }
.pp-btn.sp-ghost-dark:hover { background: #1b1b1f; color: #fff; }
.sp-grade .sp-pts { margin-top: 12px; }
/* 12 açı */
.sp-angles { display: grid; grid-template-columns: minmax(260px, 380px) minmax(0, 1fr); gap: 40px; align-items: start; }
.sp-angles-fig { position: sticky; top: 90px; padding: 22px; border-radius: 22px; text-align: center; background: radial-gradient(circle at 50% 30%, #2a2a33, #111114 75%); box-shadow: 0 20px 44px -16px rgba(0,0,0,.5); }
.sp-angles-fig small { display: block; margin-top: 10px; color: #9a9ba4; font-size: 12.5px; }
.sp-angles-svg { width: 100%; height: auto; display: block; overflow: visible; }
.sp-fig circle, .sp-fig path { fill: rgba(255,255,255,.07); stroke: rgba(255,255,255,.35); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sp-ang line { stroke: #fe4536; stroke-width: 2; opacity: .55; transition: opacity .2s; }
.sp-ang circle { fill: #fe4536; stroke: #fff; stroke-width: 1.4; transition: r .2s, fill .2s; }
.sp-ang text { fill: #fff; font: 800 9px/1 system-ui, sans-serif; pointer-events: none; }
.sp-ang.on line { opacity: 1; stroke-width: 3; }
.sp-ang.on circle { r: 12; fill: #ffb400; }
.sp-angles-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sp-angles-list li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 16px; background: #fff; border-radius: 14px; box-shadow: 0 8px 22px rgba(20,20,30,.06); border-left: 4px solid transparent; transition: border-color .2s, transform .2s; cursor: default; }
.sp-angles-list li.on, .sp-angles-list li:hover { border-left-color: #fe4536; transform: translateX(3px); }
.sp-ang-no { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-weight: 900; font-size: 17px; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.sp-angles-list h4 { font-size: 15.5px; margin: 0; }
.sp-angles-list small { color: #888; }
.sp-angles-list .sp-body { font-size: 13.5px; margin-top: 3px; }
/* Sıklet / yaş */
.sp-wcs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.sp-wc-col { --gc: #2f6fed; padding: 24px; border-radius: 22px; background: #fff; box-shadow: 0 14px 40px rgba(20,20,30,.08); border-top: 5px solid var(--gc); }
.sp-wc-col.g-f { --gc: #e11d74; }
.sp-wc-col h3 { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; margin: 0 0 18px; }
.sp-wc-col h3 i { color: var(--gc); }
.sp-wc-col h3 b { margin-left: auto; font-size: 13px; padding: 3px 10px; border-radius: 20px; color: #fff; background: var(--gc); }
.sp-wc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 12px; }
.sp-wc { position: relative; overflow: hidden; padding: 14px 12px 12px; border-radius: 14px; text-align: center; background: linear-gradient(160deg, #f6f7f9, #eceef2); transition: transform .2s, box-shadow .2s; }
.sp-wc:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -12px var(--gc); }
.sp-wc-kg { display: block; font-size: 26px; font-weight: 900; line-height: 1.05; color: var(--gc); }
.sp-wc-kg small { font-size: 12px; font-weight: 700; margin-left: 2px; color: #6b7280; }
.sp-wc-name { display: block; margin-top: 4px; font-size: 12.5px; color: #4a4c52; font-weight: 600; }
.sp-ages { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px; }
.sp-age { --gc: #16a34a; position: relative; padding: 24px 18px 20px; border-radius: 20px; text-align: center; background: #fff; box-shadow: 0 12px 34px rgba(20,20,30,.09); border-bottom: 5px solid var(--gc); }
.sp-age.a1 { --gc: #0ea5e9; } .sp-age.a2 { --gc: #6366f1; } .sp-age.a3 { --gc: #f59e0b; } .sp-age.a4 { --gc: #fe4536; } .sp-age.a5 { --gc: #a855f7; }
.sp-age > i { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 12px; border-radius: 50%; font-size: 24px; color: #fff; background: var(--gc); }
.sp-age strong { display: block; font-size: 18px; }
.sp-age span { display: block; margin-top: 4px; font-size: 22px; font-weight: 900; color: var(--gc); }
.sp-age span small { font-size: 12px; color: #6b7280; font-weight: 700; }
/* Ekipman galerisi */
.sp-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; }
.sp-gitem { margin: 0; }
.sp-gitem.sp-off { display: none; }
.sp-gbtn { position: relative; display: block; width: 100%; padding: 0; border: 0; text-align: left; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(20,20,30,.09); cursor: zoom-in; transition: transform .25s, box-shadow .25s; }
.sp-gbtn:hover, .sp-gbtn:focus-visible { transform: translateY(-4px); box-shadow: 0 22px 44px -12px rgba(20,20,30,.3); }
.sp-gbtn:focus-visible { outline: 3px solid #fe4536; outline-offset: 2px; }
.sp-media.sq { aspect-ratio: 1 / 1; }
.sp-gbtn:hover .sp-media > img { transform: scale(1.06); }
.sp-gbtn figcaption { padding: 14px 16px 16px; }
.sp-gbtn figcaption strong { display: block; font-size: 16.5px; color: #1b1b1f; }
.sp-gbtn figcaption small { display: block; margin-top: 2px; color: #fe4536; font-weight: 600; font-size: 12.5px; }
.sp-gzoom { position: absolute; right: 12px; top: 12px; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(0,0,0,.45); opacity: 0; transform: scale(.8); transition: opacity .2s, transform .2s; }
.sp-gbtn:hover .sp-gzoom, .sp-gbtn:focus-visible .sp-gzoom { opacity: 1; transform: none; }
.sp-lb { width: min(980px, calc(100% - 32px)); max-height: calc(100% - 32px); padding: 0; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 40px 80px -20px rgba(0,0,0,.6); overflow: visible; }
.sp-lb::backdrop { background: rgba(10,10,14,.82); backdrop-filter: blur(3px); }
.sp-lb-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); max-height: calc(100vh - 32px); overflow: auto; border-radius: 22px; }
.sp-lb-media .sp-media { height: 100%; min-height: 320px; aspect-ratio: auto; border-radius: 22px 0 0 22px; }
.sp-lb-media .sp-media > img { object-fit: contain; background: #111; }
.sp-lb-txt { padding: 30px 30px 26px; }
.sp-lb-cat { display: inline-block; padding: 3px 12px; border-radius: 20px; font-size: 12px; font-weight: 800; color: #fff; background: #fe4536; }
.sp-lb-txt h3 { font-size: 26px; font-weight: 800; margin: 12px 0 4px; }
.sp-lb-txt .sp-facts { margin-top: 16px; border: 1px solid #eceef1; border-radius: 10px; overflow: hidden; }
.sp-lb-x, .sp-lb-nav { position: absolute; z-index: 2; width: 44px; height: 44px; border: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #1b1b1f; box-shadow: 0 10px 20px -8px rgba(0,0,0,.6); cursor: pointer; }
.sp-lb-x { right: -12px; top: -12px; background: #fe4536; }
.sp-lb-nav { top: 50%; margin-top: -22px; }
.sp-lb-nav.prev { left: -22px; }
.sp-lb-nav.next { right: -22px; }
@media (max-width: 991px) {
  .sp-angles { grid-template-columns: 1fr; }
  .sp-angles-fig { position: static; max-width: 380px; margin: 0 auto; }
  .sp-wcs { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .sp-angles-list { grid-template-columns: 1fr; }
  .sp-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .sp-gbtn figcaption { padding: 10px 12px 12px; }
  .sp-gbtn figcaption strong { font-size: 14.5px; }
  .sp-lb-in { grid-template-columns: 1fr; }
  .sp-lb-media .sp-media { min-height: 220px; border-radius: 22px 22px 0 0; }
  .sp-lb-txt { padding: 20px 18px; }
  .sp-lb-nav { top: auto; bottom: -22px; margin: 0; }
  .sp-lb-nav.prev { left: 16px; } .sp-lb-nav.next { right: 16px; }
  .sp-lb-x { right: 8px; top: 8px; }
  .sp-wc-grid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
}
.sp-lb:not([open]) { display: none; }
.sp-wcs { position: relative; z-index: 1; margin-top: 8px; }
.sp-wc.open { background: linear-gradient(160deg, #1b1b1f, #34343c); }
.sp-wc.open .sp-wc-kg { color: #fff; }
.sp-wc.open .sp-wc-name, .sp-wc.open .sp-wc-kg small { color: #c9cad2; }
.sp-hero { position: relative; }   /* alt kırmızı çizgi (::after) hero'nun kendi altına oturur */

/* ==== v41 Panel: kişi profili düzenleyici (bölümler + ilgili kayıtlar aynı sayfada) ==== */
.pf-group { margin: 0 0 22px; padding: 18px 20px 6px; border: 1px solid #e6e8ec; border-radius: 14px; background: #fbfbfc; }
.pf-group legend { width: auto; margin: 0; padding: 0 10px; font-size: 15px; font-weight: 800; color: #1b1b1f; }
.pf-group legend i { color: var(--wsef-red); margin-right: 4px; }
.pr-records { margin-top: 22px; }
.pr-sec { margin-bottom: 18px; }
.pr-head h3 { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 800; margin: 0 0 12px; }
.pr-head h3 i { color: var(--wsef-red); }
.pr-head h3 b { font-size: 12px; padding: 2px 9px; border-radius: 20px; color: #fff; background: #1b1b1f; }
.pr-add > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.pr-add > summary::-webkit-details-marker { display: none; }
.pr-add[open] > summary { opacity: .7; }

/* ==== v42 Yetkili / antrenör / hakem profili: "görev kartı" sahnesi (.ox-*) ==== */
.ox-hero { position: relative; overflow: hidden; padding: 26px 0 0; color: #fff;
  background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0) 0 0 / 22px 22px,
              radial-gradient(700px 380px at 18% 40%, rgba(254,69,54,.30), transparent 70%),
              radial-gradient(600px 300px at 90% 0%, rgba(201,162,39,.16), transparent 70%),
              linear-gradient(125deg, #0d0d10 0%, #1b1b22 55%, #2a0f0c 100%); }
.ox-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--wsef-red), #c9a227 60%, transparent); }
.ox-bgname { position: absolute; right: -2%; bottom: 36px; font-size: clamp(90px, 15vw, 230px); font-weight: 900; line-height: .8; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.07); white-space: nowrap; pointer-events: none; user-select: none; }
.ox-hero .container { position: relative; z-index: 1; }
.ox-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: center; padding: 24px 0 30px; }
.ox-portrait { position: relative; width: 220px; height: 220px; }
.ox-portrait > img, .ox-mono { position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 5px solid #fff; box-shadow: 0 24px 50px -12px rgba(0,0,0,.7); }
.ox-mono { display: grid; place-items: center; font-size: 78px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536 45%, #8b1c12); letter-spacing: .02em; }
.ox-mono.sm { width: 58px; height: 58px; font-size: 22px; border-width: 3px; box-shadow: none; }
.ox-ring { position: absolute; inset: -14px; border-radius: 50%; border: 2px dashed rgba(254,69,54,.55); animation: ox-spin 40s linear infinite; }
.ox-portrait.world .ox-ring { border-color: rgba(201,162,39,.75); }
@keyframes ox-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ox-ring { animation: none; } }
.ox-scope { position: absolute; z-index: 2; left: 50%; bottom: -10px; transform: translateX(-50%); white-space: nowrap; padding: 6px 14px; border-radius: 20px;
  font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #1b1b1f; background: linear-gradient(135deg, #f5d77a, #c9a227); box-shadow: 0 8px 18px -6px rgba(0,0,0,.6); }
.ox-role { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14px; font-weight: 700; color: #d6d7de; }
.ox-role-t { padding: 5px 14px; border-radius: 20px; color: #fff; background: var(--wsef-red); font-weight: 800; letter-spacing: .02em; }
.ox-role > i { width: 6px; height: 6px; border-radius: 50%; background: #c9a227; }
.ox-name { margin: 0 0 16px; color: #fff; font-size: clamp(34px, 5vw, 60px); line-height: 1.02; letter-spacing: -.01em; }
.ox-name span { font-weight: 300; }
.ox-name strong { font-weight: 900; }
.ox-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.ox-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 10px; font-size: 13px; font-weight: 600; color: #e9e9ee;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
a.ox-chip:hover { color: #fff; background: rgba(255,255,255,.14); }
.ox-chip i { color: var(--wsef-red); }
.ox-chip.gold { color: #1b1b1f; background: linear-gradient(135deg, #f5d77a, #c9a227); border-color: transparent; }
.ox-chip.gold i { color: #1b1b1f; }
.ox-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ox-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 12px; font-weight: 700; font-size: 14px; color: #fff; background: var(--wsef-red);
  box-shadow: 0 12px 24px -10px rgba(254,69,54,.8); transition: transform .2s; }
.ox-btn:hover { color: #fff; transform: translateY(-2px); }
.ox-btn.ghost { background: transparent; border: 2px solid rgba(255,255,255,.35); box-shadow: none; }
.ox-figs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; margin-bottom: -1px; border-radius: 18px 18px 0 0; overflow: hidden; background: rgba(255,255,255,.08); }
.ox-fig { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 18px 20px; background: rgba(12,12,16,.72); backdrop-filter: blur(4px); }
.ox-fig i { grid-row: 1 / 3; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: rgba(254,69,54,.9); }
.ox-fig strong { font-size: 26px; font-weight: 900; line-height: 1; color: #fff; }
.ox-fig span { font-size: 12px; color: #a9aab4; }
/* Gövde: kartlar */
.ox-body { background: #f4f5f7; }
.ox-body .op-block { position: relative; padding: 24px 26px; margin-bottom: 22px; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.07); }
.ox-body .op-block > h3 { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; margin: 0 0 16px; }
.ox-body .op-block > h3 i { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 15px; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.ox-about { border-left: 5px solid var(--wsef-red); }
.ox-bio { font-size: 16px; line-height: 1.85; color: #3a3c42; }
.ox-body .op-duties li { padding: 8px 0; border-bottom: 1px dashed #eceef1; }
.ox-body .op-duties li:last-child { border-bottom: 0; }
.ox-body .wsef-table { margin: 0; }
/* Yan panel */
.ox-side { position: sticky; top: 90px; }
.ox-card { padding: 22px 22px 20px; margin-bottom: 20px; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.07); }
.ox-card h4 { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; margin: 0 0 14px; }
.ox-card h4 i { color: var(--wsef-red); }
.ox-pass { color: #fff; background: linear-gradient(150deg, #16161b, #26262f 60%, #3a1410); }
.ox-pass-h { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.12); }
.ox-pass-h small { color: #c9a227; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
.ox-pass-id { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ox-pass-id img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; }
.ox-pass-id b { display: block; font-size: 16px; }
.ox-pass-id small { color: #f5a79d; font-weight: 700; }
.ox-pass dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 13.5px; }
.ox-pass dt { color: #9d9ea8; font-weight: 600; }
.ox-pass dd { margin: 0; text-align: right; color: #fff; font-weight: 700; }
.ox-pass .ax-verify { margin-top: 16px; }
.ox-line { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 8px; border-radius: 12px; background: #f6f7f9; color: #1b1b1f; font-weight: 600; word-break: break-all; }
.ox-line i { color: var(--wsef-red); }
.ox-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ox-social a { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: #1b1b1f; transition: background .2s, transform .2s; }
.ox-social a:hover { background: var(--wsef-red); transform: translateY(-2px); }
.ox-facts { list-style: none; margin: 0; padding: 0; }
.ox-facts li { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px dashed #eceef1; font-size: 14px; }
.ox-facts li:last-child { border-bottom: 0; }
.ox-facts span { color: #6b7280; }
.ox-facts strong { text-align: right; }
@media (max-width: 991px) {
  .ox-grid { grid-template-columns: 170px minmax(0, 1fr); gap: 26px; }
  .ox-portrait { width: 170px; height: 170px; }
  .ox-mono { font-size: 60px; }
  .ox-side { position: static; margin-top: 10px; }
}
@media (max-width: 767px) {
  .ox-grid { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 22px; }
  .ox-portrait { width: 150px; height: 150px; }
  .ox-mono { font-size: 52px; }
  .ox-chips, .ox-actions { justify-content: center; }
  .ox-role { justify-content: center; }
  .ox-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 14px 14px 0 0; }
  .ox-fig { padding: 14px; }
  .ox-body .op-block { padding: 18px 16px; }
  .ox-bgname { bottom: 120px; }
}
.ox-pass .wsef-mark, .ox-pass .wsef-mark * { color: #fff; }
/* sayı kartları: içerik kadar (tek kart olduğunda boş şerit uzamaz) */
.ox-figs { display: flex; flex-wrap: wrap; gap: 10px; background: none; border-radius: 0; overflow: visible; margin-bottom: 0; padding-bottom: 22px; }
.ox-fig { flex: 0 1 210px; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); }
@media (max-width: 767px) { .ox-figs { justify-content: center; } .ox-fig { flex: 1 1 140px; } }

/* ==== v43 Hakem profili: kariyer (etkinliklere göre) + yönettiği maçlar (.rf-*) ==== */
.rf-count { margin-left: auto; font-size: 12px; padding: 3px 10px; border-radius: 20px; color: #fff; background: #1b1b1f; }
.rf-career { list-style: none; margin: 0; padding: 0 0 0 8px; position: relative; }
.rf-career::before { content: ""; position: absolute; left: 34px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(180deg, var(--wsef-red), #c9a227); opacity: .5; }
.rf-career li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding: 10px 0; }
.rf-year { position: relative; z-index: 1; align-self: start; display: grid; place-items: center; height: 30px; border-radius: 15px; font-size: 13px; font-weight: 900; color: #fff; background: var(--wsef-red); }
.rf-ev > a { font-weight: 800; color: #1b1b1f; }
.rf-ev > a:hover { color: var(--wsef-red); }
.rf-ev > small { display: block; margin: 2px 0 8px; color: #6b7280; }
.rf-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.rf-tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; color: #374151; background: #f1f2f5; }
.rf-tag.r-referee { color: #b91c1c; background: #fee2e2; }
.rf-tag.r-judge { color: #1d4ed8; background: #dbeafe; }
.rf-tag.gold { color: #1b1b1f; background: linear-gradient(135deg, #f5d77a, #c9a227); }
.rf-bouts { list-style: none; margin: 0; padding: 0; }
.rf-bout { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px dashed #eceef1; }
.rf-bout:last-child { border-bottom: 0; }
.rf-when b { display: block; font-size: 13px; font-weight: 900; color: #1b1b1f; }
.rf-when small { color: #6b7280; font-size: 12px; }
.rf-vs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.rf-vs > a { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 10px; font-size: 13.5px; font-weight: 600; color: #374151; background: #f6f7f9; }
.rf-vs > a:first-child { border-left: 3px solid #dc2626; }
.rf-vs > a:nth-child(3) { border-left: 3px solid #2563eb; }
.rf-vs > a.win { color: #111; font-weight: 800; background: #ecfdf5; }
.rf-score { font-weight: 900; font-size: 15px; color: #1b1b1f; min-width: 44px; text-align: center; }
.rf-evn { flex-basis: 100%; color: #6b7280; font-size: 12px; }
.rf-role { padding: 4px 11px; border-radius: 20px; font-size: 12px; font-weight: 800; white-space: nowrap; color: #374151; background: #f1f2f5; }
.rf-role.r-referee { color: #fff; background: var(--wsef-red); }
.rf-role.r-judge { color: #1d4ed8; background: #dbeafe; }
.rf-more { margin-top: 8px; }
.rf-more > summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; font-weight: 700; font-size: 13px; background: #f1f2f5; }
.rf-more > summary::-webkit-details-marker { display: none; }
.rf-more[open] > summary i { transform: rotate(180deg); }
@media (max-width: 767px) {
  .rf-bout { grid-template-columns: 1fr auto; }
  .rf-when { grid-column: 1 / -1; display: flex; gap: 8px; align-items: baseline; }
  .rf-vs > a { font-size: 13px; }
}

/* ==== v44 Etkinlik sayfası (.evx-*): hero, bilgi şeridi, ev sahibi ülke, ülkeler, katılımcılar, madalya, kürsü ==== */
header.evx-hero { position: relative; overflow: hidden; color: #fff; padding: 26px 0 0;   /* yalnızca federasyon etkinliği (header); kulüp etkinliği section.evx-hero kendi tasarımını kullanır */
  background: linear-gradient(115deg, rgba(10,10,14,.96) 0%, rgba(20,20,28,.9) 50%, rgba(60,14,10,.82) 100%), var(--evx-bg, none) center / cover no-repeat, #111; }
header.evx-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--wsef-red), #c9a227 60%, transparent); }
header.evx-hero .evx-hero-in { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: center; padding: 18px 0 30px; }
header.evx-hero .evx-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.evx-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 800; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); }
.evx-chip.red { background: var(--wsef-red); border-color: transparent; }
.evx-chip.live { background: #dc2626; border-color: transparent; }
header.evx-hero h1 { color: #fff; font-size: clamp(32px, 5vw, 58px); font-weight: 900; line-height: 1.04; margin: 0 0 14px; }
.evx-meta { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15px; color: #d6d7de; }
.evx-meta i { color: var(--wsef-red); margin-right: 4px; }
p.evx-org { margin: 0 0 18px; color: #a9aab4; font-size: 14px; }
p.evx-org a { color: #fff; font-weight: 700; margin-left: 4px; }
.evx-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.evx-poster { border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0,0,0,.8); transform: rotate(2deg); border: 4px solid #fff; background: #fff; }
.evx-poster img { display: block; width: 100%; height: auto; }
.evx-poster.flag { transform: none; border: 0; background: none; box-shadow: none; text-align: center; }
.evx-poster.flag .evx-flag-img { width: 260px; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 24px 50px -16px rgba(0,0,0,.8); }
dl.evx-facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding-bottom: 22px; }   /* federasyon etkinliği hero (dl/dt/dd) — kulüp etkinliğindeki div.evx-facts kartlarını etkilemez */
dl.evx-facts > div { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 14px 18px; min-width: 150px; border-radius: 14px; background: rgba(12,12,16,.7); border: 1px solid rgba(255,255,255,.1); }
dl.evx-facts i { grid-row: 1 / 3; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(254,69,54,.9); }
.evx-facts dt { font-size: 12px; font-weight: 600; color: #a9aab4; order: 2; }
.evx-facts dd { margin: 0; font-size: 24px; font-weight: 900; line-height: 1; }
.evx-tabs { position: sticky; top: 0; z-index: 20; }
.wsef-section.evx-body { background: #f4f5f7; }
.evx-body .op-block { padding: 24px 26px; margin-bottom: 22px; background: #fff; border-radius: 18px; box-shadow: 0 12px 34px rgba(20,20,30,.07); }
.evx-side { position: sticky; top: 90px; }
/* ev sahibi ülke */
.evx-host { position: relative; overflow: hidden; border-radius: 20px; color: #fff; padding: 28px; margin-bottom: 22px;
  background: linear-gradient(135deg, rgba(15,15,20,.94), rgba(40,16,12,.9)), var(--host-bg, none) center / cover no-repeat, #16161b; box-shadow: 0 16px 40px -14px rgba(0,0,0,.5); }
.evx-host-head { display: flex; align-items: center; gap: 22px; margin-bottom: 16px; }
.evx-host-head .evx-flag-img { width: 150px; height: auto; border-radius: 10px; box-shadow: 0 16px 30px -10px rgba(0,0,0,.8); flex-shrink: 0; }
.evx-host-head small { color: #c9a227; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; }
.evx-host-head h2 { color: #fff; font-size: 34px; font-weight: 900; margin: 2px 0 8px; }
.evx-host-head ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #d6d7de; }
.evx-host-head ul i { color: var(--wsef-red); margin-right: 4px; }
.evx-host-bio { font-size: 15.5px; line-height: 1.8; color: #e4e4ea; }
.evx-host-bio p:last-child { margin-bottom: 0; }
.evx-host-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.evx-host-links a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 12px; font-weight: 700; font-size: 14px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); }
.evx-host-links a:hover { background: var(--wsef-red); color: #fff; }
/* ülkeler */
.evx-nations { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.evx-nation { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 18px 12px 14px; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px rgba(20,20,30,.07); transition: transform .2s, box-shadow .2s; color: #1b1b1f; }
.evx-nation:hover { transform: translateY(-4px); box-shadow: 0 18px 36px -12px rgba(20,20,30,.25); color: #1b1b1f; }
.evx-nflag { width: 80px; height: auto; border-radius: 6px; box-shadow: 0 6px 14px -6px rgba(0,0,0,.5); margin-bottom: 10px; }
.evx-nation strong { font-size: 15px; }
.evx-nation small { color: #6b7280; font-size: 12px; margin-top: 2px; }
.evx-nmed { display: flex; gap: 4px; margin-top: 8px; }
.evx-nmed b, .evx-mc { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 13px; font-size: 12px; font-weight: 900; color: #1b1b1f; }
.evx-nmed .g, .evx-mc.g { background: linear-gradient(135deg, #fde68a, #d4a017); }
.evx-nmed .s, .evx-mc.s { background: linear-gradient(135deg, #f1f5f9, #a3acb9); }
.evx-nmed .b, .evx-mc.b { background: linear-gradient(135deg, #f5c79a, #b86b2a); color: #fff; }
/* katılımcılar */
.evx-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.evx-person { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(20,20,30,.06); color: #1b1b1f; transition: transform .2s, box-shadow .2s; }
.evx-person:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -12px rgba(20,20,30,.25); color: #1b1b1f; }
.evx-person.sp-off { display: none; }
.evx-person > img, .evx-av { flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.evx-av { display: grid; place-items: center; font-weight: 900; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.evx-person strong { display: block; font-size: 15px; line-height: 1.2; }
.evx-person small { display: block; color: #6b7280; font-size: 12.5px; margin: 2px 0 5px; }
.evx-roles { display: flex; flex-wrap: wrap; gap: 4px; }
.evx-roles em { font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 10px; color: #374151; background: #f1f2f5; }
.evx-roles .r-athlete { color: #b91c1c; background: #fee2e2; }
.evx-roles .r-coach { color: #047857; background: #d1fae5; }
.evx-roles .r-referee { color: #1d4ed8; background: #dbeafe; }
.evx-roles .r-official, .evx-roles .r-team_leader { color: #6d28d9; background: #ede9fe; }
.evx-roles .pend { color: #b45309; background: #fef3c7; }
/* madalya tablosu */
.evx-medals { max-width: 860px; margin: 0 auto; }
.evx-mrow { display: grid; grid-template-columns: 44px minmax(0, 1fr) repeat(3, 44px) 54px; gap: 10px; align-items: center; padding: 12px 16px; margin-bottom: 8px; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(20,20,30,.06); }
.evx-mrow.top1 { border-left: 5px solid #d4a017; } .evx-mrow.top2 { border-left: 5px solid #a3acb9; } .evx-mrow.top3 { border-left: 5px solid #b86b2a; }
.evx-rank { font-weight: 900; font-size: 18px; color: #9ca3af; text-align: center; }
.evx-mrow.top1 .evx-rank { color: #d4a017; }
.evx-mnation { display: flex; align-items: center; gap: 8px; font-weight: 700; min-width: 0; }
.evx-mnation a { color: #1b1b1f; }
.evx-mtot { font-weight: 900; font-size: 18px; text-align: right; }
/* kürsüler */
.evx-podiums { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }
.evx-podium { padding: 18px 20px; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px rgba(20,20,30,.07); border-top: 4px solid var(--wsef-red); }
.evx-podium h4 { font-size: 16px; margin: 0 0 12px; }
.evx-podium h4 span { color: #6b7280; font-weight: 600; }
.evx-podium ol { list-style: none; margin: 0; padding: 0; }
.evx-podium li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px 0; border-bottom: 1px dashed #eceef1; }
.evx-podium li:last-child { border-bottom: 0; }
.evx-podium li.p1 a { font-weight: 800; }
.evx-podium small { color: #6b7280; }
.evx-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.evx-photos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; }
@media (max-width: 991px) {
  header.evx-hero .evx-hero-in { grid-template-columns: 1fr; }
  .evx-poster { max-width: 280px; transform: none; }
  .evx-side { position: static; }
}
@media (max-width: 767px) {
  dl.evx-facts > div { flex: 1 1 140px; min-width: 0; }
  .evx-host { padding: 20px 16px; }
  .evx-host-head { flex-direction: column; align-items: flex-start; }
  .evx-host-head .evx-flag-img { width: 120px; }
  .evx-mrow { grid-template-columns: 30px minmax(0, 1fr) repeat(3, 32px) 36px; gap: 6px; padding: 10px; }
  .evx-nations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evx-people { grid-template-columns: 1fr; }
}
.evx-hero > .container { padding-left: 20px; padding-right: 20px; }
p.evx-org { background: none !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; }
.evx-tabs { position: relative; top: auto; }
.wsef-section.evx-body { margin-top: 0 !important; padding-top: 40px; }
dl.evx-facts > div > i { grid-column: 1; grid-row: 1 / span 2; }
dl.evx-facts > div > dd { grid-column: 2; grid-row: 1; }
dl.evx-facts > div > dt { grid-column: 2; grid-row: 2; }
.evx-hero .evx-facts > div > i, .evx-hero .evx-meta i, .evx-hero .evx-chip i, .evx-hero .ox-btn i { position: static !important; }
/* ==== v45 Üye paneli: herkese açık profil formu ==== */
.md-profile .md-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.md-card h4 .md-link { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--wsef-red); }
.md-card h4 { display: flex; align-items: center; gap: 8px; }
@media (max-width: 767px) { .md-profile .md-cols { grid-template-columns: 1fr; } }

/* ==== v46 Üst kısım: üst şerit (iletişim + kayan yazı), logo görseli, etiketli düğmeler, yapışkan menü, kaydırma çubuğu ==== */
.wsef-topbar { padding: 0; }
.wsef-topbar-in { display: flex; align-items: center; gap: 20px; min-height: 38px; }
.wtb-contact, .wtb-links { display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap; }
.wtb-contact a { display: inline-flex; align-items: center; gap: 6px; margin: 0 18px 0 0; color: #d6d7de; }
.wtb-contact i { color: var(--wsef-red); }
.wtb-links { margin-left: auto; }
.wtb-marquee { position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; height: 38px; display: flex; align-items: center;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.wtb-track { display: flex; width: max-content; animation: wtb-scroll 28s linear infinite; }
.wtb-marquee:hover .wtb-track { animation-play-state: paused; }
.wtb-run { display: inline-flex; align-items: center; }
.wtb-item { padding: 0 22px; font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  background: linear-gradient(90deg, #fff, #f5d77a 45%, #fff 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wtb-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--wsef-red); box-shadow: 0 0 0 3px rgba(254,69,54,.25); flex-shrink: 0; }
@keyframes wtb-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .wtb-track { animation: none; } }
/* logo görseli */
.wsef-logo.has-img img { display: block; max-height: 52px; width: auto; max-width: 220px; transition: max-height .25s; }
#header-sticky.sticky-header .wsef-logo.has-img img { max-height: 42px; }
/* yapışkan menü: cam efekti + ince gölge + kaydırma çubuğu */
#header-sticky { position: relative; transition: box-shadow .25s, background-color .25s, padding .25s; }
#header-sticky.sticky-header { background: rgba(255,255,255,.92) !important; -webkit-backdrop-filter: saturate(160%) blur(10px); backdrop-filter: saturate(160%) blur(10px);
  box-shadow: 0 10px 30px -18px rgba(20,20,30,.45); }
html.club-dark #header-sticky.sticky-header { background: rgba(20,20,24,.92) !important; }
.wsef-hprogress { position: absolute; left: 0; bottom: 0; height: 3px; width: var(--wsef-p, 0%); background: linear-gradient(90deg, var(--wsef-red), #f5d77a); transition: width .1s linear; pointer-events: none; }
/* etiketli düğmeler (ara / giriş / panel / çıkış) */
#header-sticky .header-right.wsef-hr > ul { align-items: center; gap: 8px; }
#header-sticky .header-right.wsef-hr > ul > li { margin: 0; }
#header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn {
  display: inline-flex; align-items: center; gap: 8px; width: auto; height: 44px; line-height: 1; padding: 0 16px; border-radius: 22px; font-size: 14px; font-weight: 700;
  background: #f4f5f7; color: #1b1b1f; border: 0; transition: background .2s, color .2s, transform .2s; }
#header-sticky .header-right > ul > li > a.wsef-hbtn:hover, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn:hover { background: #fe4536; color: #fff; transform: translateY(-1px); }
#header-sticky .header-right > ul > li > a.wsef-hbtn.solid { background: var(--wsef-red); color: #fff; box-shadow: 0 10px 20px -10px rgba(254,69,54,.8); }
#header-sticky .header-right > ul > li > a.wsef-hbtn.solid:hover { background: #1b1b1f; }
#header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 44px; padding: 0; justify-content: center; background: transparent; border: 2px solid #eceef1; }
.wsef-hav { display: grid; place-items: center; width: 28px; height: 28px; margin-left: -8px; border-radius: 50%; font-size: 13px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
html.club-dark #header-sticky .header-right > ul > li > a.wsef-hbtn { background: #24242b; color: #e6e6ea; }
@media (max-width: 1499px) { #header-sticky .wsef-hlabel { display: none; } #header-sticky .header-right > ul > li > a.wsef-hbtn { width: 44px; padding: 0; justify-content: center; }
  #header-sticky .header-right > ul > li > a.wsef-hme .wsef-hav { margin: 0; } }
@media (max-width: 575px) { #header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 40px; height: 40px; } }
/* ==== v47 Ana sayfa: menü bölümleri kartları (hs_explore) ==== */
.hx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.hx-card { display: flex; flex-direction: column; padding: 20px 20px 16px; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(20,20,30,.07); border-top: 4px solid transparent; transition: transform .25s, box-shadow .25s, border-color .25s; }
.hx-card:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -16px rgba(20,20,30,.28); border-top-color: var(--wsef-red); }
.hx-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; color: #1b1b1f; }
.hx-head:hover { color: var(--wsef-red); }
.hx-ic { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; font-size: 18px; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); box-shadow: 0 10px 20px -10px rgba(254,69,54,.8); }
.hx-head strong { font-size: 18px; font-weight: 800; }
.hx-go { margin-left: auto; font-size: 12px; color: #c4c7ce; transition: transform .2s, color .2s; }
.hx-card:hover .hx-go { color: var(--wsef-red); transform: translateX(3px); }
.hx-links { display: flex; flex-wrap: wrap; gap: 6px; }
.hx-links a { padding: 6px 11px; border-radius: 10px; font-size: 13px; font-weight: 600; color: #374151; background: #f4f5f7; transition: background .2s, color .2s; }
.hx-links a:hover { color: #fff; background: #1b1b1f; }
.hx-links a.hx-all { color: var(--wsef-red); background: #fff1f0; }
.hx-links a.hx-all b { font-weight: 900; }
html.club-dark .hx-card { background: #1c1c22; } html.club-dark .hx-head { color: #e6e6ea; } html.club-dark .hx-links a { background: #26262e; color: #d6d7de; }
/* ==== v48 Master profili: yönetici galeri kısayolu ==== */
.mbx-admin { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 16px 20px; border-radius: 16px; background: #fff; border: 2px dashed #e4e6ea; }
.mbx-admin.empty { border-color: rgba(254,69,54,.45); background: #fff8f7; }
.mbx-ic { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); }
.mbx-admin > div { flex: 1 1 260px; min-width: 0; }
.mbx-admin strong { display: block; font-size: 16px; }
.mbx-admin small { color: #6b7280; }
/* telefon: arama + giriş düğmeleri gizlenmez (tema 767px altında gizliyordu) — yalnızca ikon, menü düğmesinin solunda */
@media (max-width: 767px) {
  #header-sticky .header-right.wsef-hr ul li.search-btn, #header-sticky .header-right.wsef-hr ul li.login-btn { display: inline-block; }
  #header-sticky .header-right.wsef-hr { margin-right: 62px; }
  #header-sticky .header-right.wsef-hr > ul { gap: 6px; justify-content: flex-end; }
}
@media (max-width: 767px) { #header-sticky .header-right.wsef-hr > ul { display: flex !important; flex-wrap: nowrap !important; align-items: center; } #header-sticky .header-right.wsef-hr > ul > li { float: none; } }
/* ==== v49 Ana sayfa "Federasyonu keşfet": yatay kaydırmalı kart slider'ı (.hxp-*) ==== */
.hxp-explore { position: relative; overflow: hidden; background: radial-gradient(900px 400px at 85% 0%, rgba(254,69,54,.10), transparent 70%), #f4f5f7; }
.hxp-headrow { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.hxp-headrow .hs-head { margin: 0; }
.hxp-nav { display: flex; gap: 10px; flex-shrink: 0; }
.hxp-btn { width: 52px; height: 52px; border-radius: 50%; border: 0; display: grid; place-items: center; font-size: 16px; color: #1b1b1f; background: #fff; box-shadow: 0 10px 24px -12px rgba(20,20,30,.45); cursor: pointer; transition: background .2s, color .2s, transform .2s, opacity .2s; }
.hxp-btn:hover { background: var(--wsef-red); color: #fff; transform: translateY(-2px); }
.hxp-btn[disabled] { opacity: .35; pointer-events: none; }
.hxp-viewport { position: relative; }
.hxp-track { display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 10px max(20px, calc((100vw - 1170px) / 2)) 26px;
  scrollbar-width: none; cursor: grab; outline: none; }
.hxp-track::-webkit-scrollbar { display: none; }
.hxp-track.dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.hxp-track.dragging a { pointer-events: none; }
.hxp-slide { --c1: #1b1b22; --c2: #3a1410; --ac: #fe4536; position: relative; overflow: hidden; flex: 0 0 300px; scroll-snap-align: start; display: flex; flex-direction: column;
  min-height: 420px; padding: 24px 24px 22px; border-radius: 24px; color: #fff; background: linear-gradient(155deg, var(--c1) 0%, var(--c2) 100%);
  box-shadow: 0 24px 50px -24px rgba(10,10,20,.55); transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; user-select: none; }
.hxp-slide:hover { transform: translateY(-8px); box-shadow: 0 34px 60px -24px rgba(10,10,20,.7); }
.hxp-slide.t1 { --c2: #0f2a4a; --ac: #3b82f6; } .hxp-slide.t2 { --c2: #0f3a2a; --ac: #22c55e; } .hxp-slide.t3 { --c2: #3a2a0a; --ac: #f5b400; }
.hxp-slide.t4 { --c2: #2a1045; --ac: #a855f7; } .hxp-slide.t5 { --c2: #0a3438; --ac: #14b8a6; }
.hxp-slide::before { content: ""; position: absolute; inset: 0; background: radial-gradient(260px 200px at 100% 0%, color-mix(in srgb, var(--ac) 45%, transparent), transparent 70%); pointer-events: none; }
.hxp-wm { position: absolute; right: -26px; bottom: -30px; font-size: 190px; line-height: 1; color: #fff; opacity: .05; transform: rotate(-12deg); pointer-events: none; transition: transform .5s, opacity .5s; }
.hxp-slide:hover .hxp-wm { transform: rotate(-4deg) scale(1.06); opacity: .09; }
.hxp-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.hxp-ic { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; font-size: 22px; color: #fff; background: var(--ac); box-shadow: 0 14px 28px -12px var(--ac); }
.hxp-no { font-size: 44px; font-weight: 900; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.25); }
.hxp-slide h3 { position: relative; margin: 0 0 4px; font-size: 26px; font-weight: 900; }
.hxp-slide h3 a { color: #fff; }
.hxp-cnt { position: relative; display: block; margin-bottom: 18px; color: rgba(255,255,255,.6); font-size: 13px; }
.hxp-cnt b { color: var(--ac); font-size: 15px; }
.hxp-list { position: relative; list-style: none; margin: 0 0 18px; padding: 0; flex: 1; }
.hxp-list li + li { border-top: 1px solid rgba(255,255,255,.08); }
.hxp-list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 2px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.82); transition: color .2s, padding .2s; }
.hxp-list a i { font-size: 11px; opacity: 0; transform: translateX(-6px); transition: opacity .2s, transform .2s; color: var(--ac); }
.hxp-list a:hover { color: #fff; padding-left: 8px; }
.hxp-list a:hover i { opacity: 1; transform: none; }
.hxp-cta { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 14px; font-weight: 800; font-size: 14px; color: #1b1b1f; background: #fff; transition: background .2s, color .2s, gap .2s; }
.hxp-cta:hover { background: var(--ac); color: #fff; gap: 14px; }
.hxp-bar { height: 4px; border-radius: 4px; background: rgba(20,20,30,.08); overflow: hidden; }
.hxp-bar span { display: block; height: 100%; width: 20%; border-radius: 4px; background: linear-gradient(90deg, var(--wsef-red), #f5b400); transition: width .2s, margin-left .2s; }
html.club-dark .hxp-explore { background: #111116; } html.club-dark .hxp-btn { background: #24242b; color: #e6e6ea; }
@media (max-width: 767px) {
  .hxp-headrow { align-items: center; }
  .hxp-nav { display: none; }
  .hxp-slide { flex-basis: 82vw; min-height: 390px; }
  .hxp-track { gap: 14px; padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) { .hxp-track { scroll-behavior: auto; } .hxp-slide, .hxp-wm { transition: none; } }
.hxp-track { scroll-padding-inline: max(20px, calc((100vw - 1170px) / 2)); } @media (max-width: 767px) { .hxp-track { scroll-padding-inline: 16px; } }
/* logo alt yazısı uzunsa iki satıra sığar (menüyü sıkıştırmaz); kayan yazı yazıldığı gibi (dil kuralıyla büyük harf yok) */
#header-sticky .wsef-logo small { max-width: 210px; white-space: normal; line-height: 1.35; letter-spacing: 1.6px; font-size: 9.5px; }
.wtb-item { text-transform: none; letter-spacing: .08em; font-size: 13px; }
/* kayan yazı: her mesaj tek satır, asla alta kaymaz */
.wtb-track, .wtb-run { flex-wrap: nowrap; white-space: nowrap; }
.wtb-item { white-space: nowrap; flex-shrink: 0; }
/* logo: alt yazı üstteki yazının tam altında, ortalı */
#header-sticky .wsef-logo a { align-items: center; text-align: center; }
#header-sticky .wsef-logo small { margin-left: auto; margin-right: auto; }

/* v42 — karanlık tema: logo + giriş/çıkış düğmeleri görünür kalsın */
html.club-dark .wsef-logo .wsef-mark { color: #fff !important; }
html.club-dark .wsef-logo.has-img img { background: rgba(255,255,255,.92); padding: 4px 8px; border-radius: 8px; }
html.club-dark .wsef-hbtn, html.club-dark .wsef-hbtn.ghost, html.club-dark .logout-form .wsef-hbtn { color: #e6e6ea !important; border-color: rgba(255,255,255,.45) !important; background: transparent; }
html.club-dark .wsef-hbtn:hover, html.club-dark .wsef-hbtn.ghost:hover { background: rgba(255,255,255,.12); color: #fff !important; }
html.club-dark .wsef-hbtn.solid { color: #fff !important; }
html.club-dark .wsef-hbtn i { color: inherit !important; }

/* ==== v50 Başlık düzeni (Shop sonrası): menü + Ara / Mağaza / Panel / Çıkış düğmeleri hiçbir genişlikte üst üste binmez ====
   ≥1350 masaüstü menü (yazı ve boşluk genişliğe göre küçülür, logo alt yazısı daralır); düğme etiketleri yalnız ≥1800.
   <1350 hamburger: logo + ikon düğmeleri tek satır, satır taşmaz; çok dar telefonda çıkış düğmesi gizlenir (panel / hesap menüsünde var). */
#header-sticky .header-right.wsef-hr > ul { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; padding: 0; }
#header-sticky .header-right.wsef-hr > ul > li { margin: 0 !important; padding: 0 !important; float: none; flex: 0 0 auto; line-height: 1; }
#header-sticky .header-right.wsef-hr > ul > li:before, #header-sticky .header-right.wsef-hr > ul > li:after { display: none !important; }
#header-sticky .header-right.wsef-hr .logout-form { margin: 0; display: block; }
#header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn { height: 44px; min-width: 44px; justify-content: center; position: relative; }
#header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 44px; height: 44px; }
#header-sticky .sh-hcount { top: -4px; right: -4px; border: 2px solid #fff; line-height: 15px; min-width: 19px; }
.wsef-menu li.nav-mobile-only { display: none !important; }
.mean-container .mean-nav li.nav-mobile-only { display: block !important; }
@media (max-width: 1799px) {
  #header-sticky .wsef-hlabel { display: none; }
  #header-sticky .header-right > ul > li > a.wsef-hbtn { width: 44px; padding: 0; }
  #header-sticky .header-right > ul > li > a.wsef-hme .wsef-hav { margin: 0; }
}
@media (min-width: 1350px) {
  #header-sticky > .container-fluid > .row { flex-wrap: nowrap; }
  #header-sticky .col-xl-2 { flex: 0 0 auto; width: auto; max-width: none; }
  #header-sticky .col-xl-8 { display: block !important; flex: 1 1 auto; min-width: 0; max-width: none; padding-left: 18px; padding-right: 18px; }
  #header-sticky .wsef-menu nav > ul { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; column-gap: 6px; max-width: 1100px; margin: 0 auto; white-space: nowrap; }
  #header-sticky .wsef-menu nav > ul > li { margin: 0 !important; flex: 0 1 auto; min-width: 0; }
  #header-sticky .wsef-menu nav > ul > li > a { font-size: 11.5px; letter-spacing: .1px; padding-left: 0; padding-right: 0; }
  #header-sticky .header-right.wsef-hr > ul { gap: 6px; }
  #header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 40px; min-width: 40px; height: 40px; }
  #header-sticky .wsef-logo:not(.has-img) small { font-size: 8.5px; letter-spacing: 1.6px; max-width: 170px; }
}
@media (min-width: 1500px) {
  #header-sticky .wsef-menu nav > ul { column-gap: 10px; }
  #header-sticky .wsef-menu nav > ul > li > a { font-size: 12.5px; letter-spacing: .3px; }
  #header-sticky .header-right.wsef-hr > ul { gap: 8px; }
  #header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 44px; min-width: 44px; height: 44px; }
  #header-sticky .wsef-logo:not(.has-img) small { font-size: 9.5px; max-width: 210px; }
}
@media (min-width: 1800px) {
  #header-sticky .wsef-menu nav > ul > li > a { font-size: 13px; letter-spacing: .5px; }
  #header-sticky .header-right > ul > li > a.wsef-hbtn { width: auto; padding: 0 16px; }
  #header-sticky .header-right > ul > li > a.wsef-hme { padding-left: 8px; }
}
@media (max-width: 1349px) {
  #header-sticky .col-xl-8 { display: none !important; }
  #header-sticky > .container-fluid > .row > .col-xl-2:first-child { flex: 0 1 auto; width: auto; max-width: none; min-width: 0; }
  #header-sticky > .container-fluid > .row > .col-xl-2:nth-child(3) { flex: 1 1 0; width: auto; max-width: none; min-width: 0; padding-left: 8px; }
  #header-sticky .header-right.wsef-hr { float: none; margin-right: 66px; }
  #header-sticky .header-right.wsef-hr ul li.search-btn, #header-sticky .header-right.wsef-hr ul li.login-btn { display: block; }
}
@media (max-width: 575px) {
  #header-sticky .header-right.wsef-hr { margin-right: 54px; }
  #header-sticky .header-right.wsef-hr > ul { gap: 5px; }
  #header-sticky .header-right > ul > li > a.wsef-hbtn, #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost { width: 38px; min-width: 38px; height: 38px; font-size: 14px; }
  #header-sticky .wsef-hav { width: 24px; height: 24px; font-size: 12px; }
  #header-sticky .wsef-logo:not(.has-img) .wsef-mark { font-size: 24px; }
  #header-sticky .wsef-logo:not(.has-img) small { font-size: 7px; letter-spacing: 1px; max-width: 130px; }
  #header-sticky .wsef-logo.has-img img { max-height: 40px; width: auto; }
}
@media (max-width: 419px) {
  #header-sticky .header-right.wsef-hr li.hb-out { display: none !important; }
}@media (min-width: 1200px) and (max-width: 1349px) {
  #header-sticky:not(.sticky-header) { padding-top: 16px; padding-bottom: 16px; }
  #header-sticky.sticky-header { padding-top: 10px; padding-bottom: 10px; }
}
/* ==== v51 Temsilciler + diplomalar (.rp-*, .sc-cert) — app/certs.php ==== */
.rp-hero { position: relative; overflow: hidden; border-radius: 22px; padding: 30px 32px; margin-bottom: 18px; color: #fff;
  background: radial-gradient(700px 260px at 100% 0, rgba(254,69,54,.42), transparent 60%), linear-gradient(135deg, #111115, #16233a 70%, #1f3150); }
.rp-hero:after { content: ""; position: absolute; right: -40px; bottom: -60px; width: 260px; height: 260px; border-radius: 50%; border: 36px solid rgba(212,160,23,.12); }
.rp-kicker { display: inline-flex; gap: 8px; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #f5d77a; }
.rp-hero h2 { color: #fff; font-size: 30px; line-height: 1.15; margin: 10px 0 8px; }
.rp-hero p { color: rgba(255,255,255,.78); max-width: 620px; margin: 0; }
.rp-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; position: relative; z-index: 1; }
.rp-kpis div { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 12px 14px; }
.rp-kpis b { display: block; font-size: 28px; line-height: 1; color: #fff; }
.rp-kpis span { font-size: 12px; color: rgba(255,255,255,.7); font-weight: 600; }
.rp-signers { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: #fffaf0; border: 1px solid #f3dfb0; margin-bottom: 18px; }
.rp-signers-l { font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #8a6400; margin-right: 6px; }
.rp-signer { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; border-radius: 999px; background: #fff; box-shadow: 0 6px 18px -10px rgba(0,0,0,.35); color: #1b1b1f; }
.rp-signer img, .rp-signer .rp-ini { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.rp-signer span { display: flex; flex-direction: column; line-height: 1.2; } .rp-signer b { font-size: 14px; } .rp-signer small { font-size: 11px; color: #6b7280; }
.rp-signer:hover { color: var(--wsef-red); }
.rp-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.rp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.rp-chips a { padding: 7px 13px; border-radius: 999px; background: #f4f5f7; font-size: 13px; font-weight: 700; color: #374151; }
.rp-chips a em { font-style: normal; font-size: 11px; opacity: .6; margin-left: 2px; }
.rp-chips a.on { background: #1b1b1f; color: #fff; }
.rp-search { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 12px; border-radius: 12px; border: 1px solid #e5e7eb; background: #fff; min-width: 240px; }
.rp-search i { color: #9ca3af; } .rp-search input { border: 0; outline: 0; height: 40px; width: 100%; background: transparent; }
.rp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.rp-card { display: flex; flex-direction: column; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 14px 34px -18px rgba(20,20,30,.35); border: 1px solid #eef0f3; transition: transform .25s, box-shadow .25s; }
.rp-card:hover { transform: translateY(-4px); box-shadow: 0 24px 46px -20px rgba(20,20,30,.45); }
.rp-dip { position: relative; display: block; aspect-ratio: 1.39 / 1; background: #16233a; overflow: hidden; }
.rp-dip img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.rp-card:hover .rp-dip img { transform: scale(1.04); }
.rp-zoom { position: absolute; inset: auto 10px 10px auto; padding: 6px 11px; border-radius: 999px; background: rgba(17,17,21,.78); color: #fff; font-size: 12px; font-weight: 700; opacity: 0; transition: opacity .2s; }
.rp-card:hover .rp-zoom { opacity: 1; }
.rp-body { position: relative; padding: 0 18px 18px; flex: 1; display: flex; flex-direction: column; }
.rp-avwrap { align-self: flex-start; margin-top: -36px; margin-bottom: 8px; }
.rp-av { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 18px -8px rgba(0,0,0,.5); background: #fff; }
.rp-ini { display: grid; place-items: center; font-weight: 900; color: #fff; background: linear-gradient(135deg, #ff7a5c, #fe4536); letter-spacing: 1px; }
.rp-rank { align-self: flex-start; font-size: 11px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; }
.rp-rank.rk-gm { background: linear-gradient(135deg, #f5d77a, #d4a017); color: #3b2800; }
.rp-rank.rk-m { background: #fee4e1; color: #c62a1c; }
.rp-rank.rk-s { background: #e0ecff; color: #1f4fa3; }
.rp-rank.rk-r { background: #f1f2f4; color: #4b5563; }
.rp-body h3 { font-size: 18px; line-height: 1.25; margin: 8px 0 4px; } .rp-body h3 a { color: #1b1b1f; } .rp-body h3 a:hover { color: var(--wsef-red); }
.rp-place { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: #4b5563; }
.rp-role { font-size: 13px; color: #6b7280; margin: 6px 0 0; }
.rp-acad { font-size: 13px; margin: 4px 0 0; } .rp-acad i { color: var(--wsef-red); }
.rp-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 12px 0 8px; padding-top: 10px; border-top: 1px dashed #e5e7eb; }
.rp-meta dt { font-size: 10px; text-transform: uppercase; letter-spacing: .8px; color: #9ca3af; } .rp-meta dd { margin: 0; font-size: 12px; font-weight: 700; }
.rp-signed { display: block; font-size: 11.5px; color: #6b7280; margin-bottom: 12px; } .rp-signed i { color: #d4a017; } .rp-signed a { font-weight: 700; color: #374151; }
.rp-act { display: flex; gap: 8px; margin-top: auto; } .rp-act .wsef-btn { flex: 1; justify-content: center; }
.rp-sub { margin: 34px 0 14px; font-size: 20px; }
/* imzacı şeridi (usta / kişi profili) */
.rp-strip { margin: 10px 0 26px; padding: 22px; border-radius: 20px; background: linear-gradient(135deg, #fffaf0, #fff); border: 1px solid #f3dfb0; }
.rp-strip h3 { font-size: 20px; margin: 0 0 14px; } .rp-strip h3 i { color: #d4a017; } .rp-strip h3 small { font-size: 13px; color: #8a6400; background: #fdeec6; border-radius: 999px; padding: 2px 9px; margin-left: 4px; }
.rp-strip-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 10px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.rp-mini { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; background: #fff; border-radius: 14px; box-shadow: 0 6px 16px -10px rgba(0,0,0,.3); color: #1b1b1f; scroll-snap-align: start; }
.rp-mini-av { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%; object-fit: cover; font-size: 14px; }
.rp-mini span { display: flex; flex-direction: column; min-width: 0; } .rp-mini b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rp-mini small { display: flex; gap: 5px; align-items: center; font-size: 11px; color: #6b7280; white-space: nowrap; overflow: hidden; }
.rp-mini:hover b { color: var(--wsef-red); }
.rp-strip-more { display: inline-block; margin-top: 8px; font-weight: 700; color: var(--wsef-red); }
/* kişi profili diploma galerisi */
.rp-pgal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.rp-pgal-grid figure { margin: 0; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 10px 26px -16px rgba(0,0,0,.4); }
.rp-pgal-grid img { width: 100%; aspect-ratio: 1.39 / 1; object-fit: cover; display: block; }
.rp-pgal-grid figcaption { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 3px; } .rp-pgal-grid figcaption small { color: #6b7280; }
/* ana sayfa diploma carousel kartı (Club blog vitrini ile aynı iskelet) */
.sc-cert .sc-cert-img { aspect-ratio: 1.39 / 1; height: auto !important; background: #16233a; }
.sc-cert .sc-cert-img img { width: 100%; height: 100%; object-fit: cover; }
.sc-cert .sc-zoom { position: absolute; right: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(17,17,21,.75); color: #fff; font-size: 13px; }
.sc-cert-body { position: relative; padding-top: 34px !important; }
.sc-cert-av { position: absolute; top: -30px; left: 18px; width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 8px 16px -8px rgba(0,0,0,.5); display: grid; place-items: center; font-size: 15px; }
.sc-cert .rp-rank { position: absolute; top: 10px; right: 14px; }
.sc-cert h4 { margin-top: 4px; }
html.club-dark .rp-card, html.club-dark .rp-mini, html.club-dark .rp-pgal-grid figure, html.club-dark .rp-signer { background: #1c1c22; border-color: #2a2a33; color: #e6e6ea; }
html.club-dark .rp-body h3 a, html.club-dark .rp-signer b { color: #f1f1f4; } html.club-dark .rp-signers, html.club-dark .rp-strip { background: #221f17; border-color: #4a3d16; }
html.club-dark .rp-chips a { background: #26262e; color: #d6d7de; } html.club-dark .rp-search { background: #1c1c22; border-color: #33333d; }
@media (max-width: 767px) { .rp-kpis { grid-template-columns: repeat(2, 1fr); } .rp-hero { padding: 22px; } .rp-hero h2 { font-size: 23px; } .rp-search { min-width: 0; width: 100%; } }
.rp-signer .rp-ini { display: grid; place-items: center; flex: 0 0 40px; font-size: 13px; line-height: 1; }

.owl-carousel .owl-item .sc-cert img.sc-cert-av, .sc-cert img.sc-cert-av { width: 58px !important; height: 58px !important; max-width: none; object-fit: cover; display: block; }
.owl-carousel .owl-item .sc-cert .sc-cert-img img { width: 100%; height: 100%; object-fit: cover; }

/* ==== v52 Eğitmen / yetkili profili (.ox-*) gece modu: kartlar ve metinler temaya uyar ==== */
.ox-bio p { margin: 0 0 12px; } .ox-bio p:last-child { margin-bottom: 0; }
html.club-dark .ox-body .op-block, html.club-dark .evx-body .op-block { background: #1c1c22; border-color: #2a2a33; box-shadow: 0 12px 34px rgba(0,0,0,.35); }
html.club-dark .ox-body .op-block h3, html.club-dark .ox-body .op-block h4, html.club-dark .ox-body .op-block strong, html.club-dark .ox-body .op-block b { color: #f1f1f4; }
html.club-dark .ox-bio, html.club-dark .ox-body .op-block p, html.club-dark .ox-body .op-block li, html.club-dark .ox-body .op-block td, html.club-dark .ox-body .op-block dd { color: #d6d7de; }
html.club-dark .ox-body .op-block small, html.club-dark .ox-body .op-block dt, html.club-dark .ox-body .op-block .meta { color: #9a9ca8; }
html.club-dark .ox-body .op-block a:not(.wsef-btn) { color: #ff8a78; }
html.club-dark .ox-about { border-left-color: var(--wsef-red); }
html.club-dark .rp-pgal-grid figcaption small, html.club-dark .rp-signed { color: #9a9ca8; } html.club-dark .rp-signed a { color: #e6e6ea; }html.club-dark .ox-card { background: #1c1c22; border-color: #2a2a33; box-shadow: 0 12px 34px rgba(0,0,0,.35); color: #d6d7de; }
html.club-dark .ox-card h4, html.club-dark .ox-card h4 span, html.club-dark .ox-facts strong { color: #f1f1f4; }
html.club-dark .ox-card .meta, html.club-dark .ox-facts span { color: #9a9ca8; }
html.club-dark .ox-facts li { border-color: #2a2a33; }
html.club-dark .ox-line { color: #e6e6ea; background: rgba(255,255,255,.05); }
html.club-dark .ox-social a { background: #26262e; color: #e6e6ea; }
/* ==== v53 Vitrin sekme (ülke bayrağı) şeridi: fareyle akıcı sürükleme, dokunmatikte yerel kaydırma ==== */
.sc-nav { touch-action: pan-x pan-y; overscroll-behavior-x: contain; cursor: default; }
.sc-navwrap.has-overflow .sc-nav { cursor: grab; }
.sc-nav.dragging, .sc-navwrap.has-overflow .sc-nav.dragging { cursor: grabbing; scroll-behavior: auto !important; scroll-snap-type: none !important; }
.sc-nav.dragging a { pointer-events: none; }                       /* sürüklerken bağlantı hover / tıklama yok */
.sc-nav img { -webkit-user-drag: none; user-drag: none; pointer-events: none; }
.sc-navwrap.has-overflow .sc-nav { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%); }
.sc-navwrap.has-overflow.at-start .sc-nav { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
.sc-navwrap.has-overflow.at-end .sc-nav { -webkit-mask-image: linear-gradient(90deg, transparent, #000 28px); mask-image: linear-gradient(90deg, transparent, #000 28px); }
.sc-navwrap.has-overflow.at-start.at-end .sc-nav { -webkit-mask-image: none; mask-image: none; }
@media (max-width: 1199px) { .sc-nav > li:first-child { margin-left: 0; } }
@media (hover: none), (pointer: coarse) {
  .sc-nav { scroll-snap-type: x proximity; scroll-padding-inline: 12px; scroll-behavior: auto; }
  .sc-nav > li { scroll-snap-align: start; }
  .sc-navwrap.has-overflow .sc-nav { cursor: default; }
}
@media (max-width: 767px) { .sc-nav { padding-inline: 2px; gap: 6px; } .sc-nav li a { padding: 8px 13px !important; font-size: 13px; } }

/* ==== AUTO-DARK (gen_dark.php) — başla ==== */
/* Otomatik üretildi: gece karşılığı olmayan koyu metin / açık zemin kuralları. Elle düzenleme yerine gen_dark.php yeniden çalıştırılır. */
html.club-dark .wsef-table tr:hover td,
html.club-dark .badge-status,
html.club-dark .badge-status.valid,
html.club-dark .badge-status.active,
html.club-dark .badge-status.published,
html.club-dark .badge-status.approved,
html.club-dark .badge-status.completed,
html.club-dark .badge-status.upcoming,
html.club-dark .badge-status.provisional,
html.club-dark .badge-status.pending,
html.club-dark .badge-status.new,
html.club-dark .wsef-tabs a,
html.club-dark .verify-result,
html.club-dark .verify-result.bad,
html.club-dark .skill-bar,
html.club-dark .arts-tags span,
html.club-dark .design-tile.active,
html.club-dark .cv-channel:hover,
html.club-dark .rank-badge,
html.club-dark .pf-img-box > img,
html.club-dark .pf-noimg,
html.club-dark .pf-switch span::after,
html.club-dark .ps-admin,
html.club-dark .ps-admin.warn,
html.club-dark .portal-side nav a:hover,
html.club-dark .pp-icon.danger:hover,
html.club-dark .pp-post img,
html.club-dark .pp-post-noimg,
html.club-dark .pm-seg input:checked + span,
html.club-dark .pm-seg label:last-child input:checked + span,
html.club-dark .route-msg.info,
html.club-dark .route-msg.ok,
html.club-dark .route-msg.warn,
html.club-dark .ev-date,
html.club-dark .ev-meta .bad,
html.club-dark .ev-meta .gold,
html.club-dark .ev-closed,
html.club-dark .ev-req,
html.club-dark .pp-hint kbd,
html.club-dark .pp-members td.pp-editing,
html.club-dark .pp-ed-no,
html.club-dark .pp-status span::after,
html.club-dark .gm-folders a:hover,
html.club-dark .gm-tb:hover,
html.club-dark .act-diff td.old,
html.club-dark .act-diff td.new,
html.club-dark .cs-dname em,
html.club-dark .sc-badge,
html.club-dark .sc-navbtn,
html.club-dark .header-right > ul > li > .logout-form button,
html.club-dark .review-box,
html.club-dark .as-alert.overdue,
html.club-dark .as-alert.expired,
html.club-dark .as-alert.soon,
html.club-dark .club-sched .cs-slot:hover,
html.club-dark .cs-lv,
html.club-dark .cs-lv.lv-1,
html.club-dark .cs-lv.lv-2,
html.club-dark .cs-lv.lv-3,
html.club-dark .cs-lv.lv-4,
html.club-dark .cs-lv.lv-6,
html.club-dark .feat-card:hover .fc-ic,
html.club-dark .bio-status.live i,
html.club-dark .ln-side,
html.club-dark .ln-list a:hover,
html.club-dark .ln-stats div,
html.club-dark .ln-tabs a,
html.club-dark .ln-mcard,
html.club-dark .ln-mdel,
html.club-dark .bi-prev,
html.club-dark .pb-theme-light,
html.club-dark .pb-theme-gradient .pb-btn-dark,
html.club-dark .pb-back,
html.club-dark .pb-switch span::after,
html.club-dark .pb-pal-item:hover,
html.club-dark .pb-device,
html.club-dark .pb-tabs,
html.club-dark .pb-tabs button.active,
html.club-dark .pb-formprev .form-control,
html.club-dark .pb-bulk-aud,
html.club-dark .pb-tag,
html.club-dark .pb-tag.all,
html.club-dark .pb-tag.more,
html.club-dark .pb-tag.cty,
html.club-dark .pb-prio,
html.club-dark .pb-prio.p2,
html.club-dark .pb-bar,
html.club-dark .pb-state,
html.club-dark .pb-state.s-on,
html.club-dark .pb-state.s-end,
html.club-dark .fm-card,
html.club-dark .fm-spark i,
html.club-dark .fm-field em,
html.club-dark .gm-search input,
html.club-dark .gm-search input:focus,
html.club-dark .gm-st,
html.club-dark .db-hbars i,
html.club-dark .db-mail:hover,
html.club-dark .db-ev:hover,
html.club-dark .db-pbar,
html.club-dark .db-feed li > i,
html.club-dark .db-feed li > i.a-new,
html.club-dark .db-feed li > i.a-login,
html.club-dark .db-thumb,
html.club-dark .st-period a:hover,
html.club-dark .st-miss,
html.club-dark .st-state b,
html.club-dark .eg b,
html.club-dark .st-state.st-sub,
html.club-dark .st-state.st-clk,
html.club-dark .st-state.st-none,
html.club-dark .eg-active,
html.club-dark .eg-occ,
html.club-dark .se-live,
html.club-dark .se-to,
html.club-dark .se-inv,
html.club-dark .st-reach i,
html.club-dark .st-ev.ev-click,
html.club-dark .st-ev.ev-submit,
html.club-dark .lg-heat i,
html.club-dark .sp-tl-dot,
html.club-dark .sp-st,
html.club-dark .sp-st.st-allowed,
html.club-dark .sp-st.st-restricted,
html.club-dark .sp-tabs-track a:hover,
html.club-dark .md-head > span,
html.club-dark .md-ph-zoom,
html.club-dark .md-facts i,
html.club-dark .md-side-link > i:first-child,
html.club-dark .md-logo figcaption,
html.club-dark .md-logo.lg-light > div,
html.club-dark .md-dos .do,
html.club-dark .md-dos .dont,
html.club-dark .md-kpi,
html.club-dark .md-kpi i,
html.club-dark .md-drop-zone,
html.club-dark .md-drop-zone:hover,
html.club-dark .md-drop-zone.over,
html.club-dark .md-thumb,
html.club-dark .md-typepick label i,
html.club-dark .md-typepick label.on,
html.club-dark .md-preview,
html.club-dark .md-switch span::after,
html.club-dark .md-docnow,
html.club-dark .bio-tabs .bio-back:hover,
html.club-dark .bio-stu-count,
html.club-dark .ln-st-card,
html.club-dark .ln-st-extra,
html.club-dark .ln-dir-filter button,
html.club-dark .ln-dir-filter button b,
html.club-dark .ln-dir-card,
html.club-dark .ln-dir-bar,
html.club-dark .md-vnow > i,
html.club-dark .md-srcpick label.on,
html.club-dark .md-upmsg,
html.club-dark .md-upmsg.bad,
html.club-dark .md-vcard .md-vnow > i,
html.club-dark .bio-tab-av,
html.club-dark .bio-club-av,
html.club-dark .ln-so-ic,
html.club-dark .cm-form input,
html.club-dark .cm-form select,
html.club-dark .evg-club,
html.club-dark .evg-club:hover,
html.club-dark .evg-admin-ph,
html.club-dark .evm-admin-item,
html.club-dark .evm-admin-item .pp-icon,
html.club-dark .mc-sub h3 i,
html.club-dark .mc-count,
html.club-dark .pr-doc-sheet,
html.club-dark .pr-doc-sheet.s3,
html.club-dark .pr-doc-sheet.s2,
html.club-dark .pr-doc-page,
html.club-dark .dc-cover,
html.club-dark .dc-page i,
html.club-dark .c-competition .dc-page i,
html.club-dark .c-referee .dc-page i,
html.club-dark .c-ethics .dc-page i,
html.club-dark .c-antidoping .dc-page i,
html.club-dark .c-education .dc-page i,
html.club-dark .c-technical .dc-page i,
html.club-dark .dv-page,
html.club-dark .dv-img,
html.club-dark .dp-page,
html.club-dark .fd-links a > i:first-child,
html.club-dark .fd-pos,
html.club-dark .fd-node i,
html.club-dark .fd-com-nav a,
html.club-dark .ld-kpi,
html.club-dark .ld-kpi > i,
html.club-dark .ld-chart,
html.club-dark .ld-bars span,
html.club-dark .ld-status a:hover,
html.club-dark .ld-card,
html.club-dark .ld-pill,
html.club-dark .ld-pill.s-blue,
html.club-dark .ld-pill.s-amber,
html.club-dark .ld-pill.s-purple,
html.club-dark .ld-pill.s-green,
html.club-dark .ld-pill.s-red,
html.club-dark .ld-tag,
html.club-dark .ld-steps button,
html.club-dark .ld-steps button:hover,
html.club-dark .ld-steps button.on.s-amber,
html.club-dark .ld-steps button.on.s-purple,
html.club-dark .ld-steps button.on.s-green,
html.club-dark .pn-item.active .pn-badge,
html.club-dark .ct-f .form-control:focus,
html.club-dark .ct-sent-ic,
html.club-dark .ct-off,
html.club-dark .ct-q summary i,
html.club-dark .lang-dd-menu a.active,
html.club-dark .ls-side > summary,
html.club-dark .ll-group h3 em,
html.club-dark .ll-card,
html.club-dark .ll-bar,
html.club-dark .ll-conts em,
html.club-dark .ll-row.dirty,
html.club-dark .ll-save,
html.club-dark .hs-map-tip,
html.club-dark .hs-cf-card em,
html.club-dark .hs-rail-btn,
html.club-dark .hs-ce-date,
html.club-dark .hs-lic-form,
html.club-dark .hs-sw,
html.club-dark .hs-sw-k::after,
html.club-dark .hs-sw.on,
html.club-dark .seo-tabs,
html.club-dark .seo-bars i.u,
html.club-dark .seo-bd-bar,
html.club-dark .seo-check.st-fail,
html.club-dark .seo-check.st-warn,
html.club-dark .serp,
html.club-dark .serp-fav,
html.club-dark .seo-social,
html.club-dark .seo-int .pf-row,
html.club-dark .ci18n,
html.club-dark .wf-status,
html.club-dark .url-field .url-pick,
html.club-dark .bld-section,
html.club-dark .bld-section-h,
html.club-dark .bld-adminlabel,
html.club-dark .bld-item,
html.club-dark .bld-item-head,
html.club-dark .sp-angles-list li,
html.club-dark .sp-wc-col,
html.club-dark .sp-age,
html.club-dark .sp-gbtn,
html.club-dark .sp-lb,
html.club-dark .pf-group,
html.club-dark .rf-tag,
html.club-dark .rf-vs > a,
html.club-dark .rf-vs > a.win,
html.club-dark .rf-role,
html.club-dark .rf-more > summary,
html.club-dark #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn,
html.club-dark .mbx-admin,
html.club-dark .mbx-admin.empty,
html.club-dark .hxp-cta,
html.club-dark .rp-av,
html.club-dark .rp-rank.rk-r,
html.club-dark .rp-strip h3 small,
html.club-dark .sh-search,
html.club-dark .sh-chips button.on,
html.club-dark .sh-tog span:after,
html.club-dark .sha-board li:nth-child(1) .sha-rank,
html.club-dark .sha-switch span:after,
html.club-dark .sha-gw-reg .off { background-color: #1a1a20; }
html.club-dark .badge-status.expired,
html.club-dark .badge-status.suspended,
html.club-dark .badge-status.revoked,
html.club-dark .badge-status.rejected,
html.club-dark .badge-status.cancelled,
html.club-dark .club-id .avatar,
html.club-dark .pf-switch span,
html.club-dark .ev-badges .gold,
html.club-dark .pp-status span,
html.club-dark .gm-folders a.active,
html.club-dark .op-timeline li::before,
html.club-dark .cs-lv.lv-5,
html.club-dark .pb-switch span,
html.club-dark .pb-prio.p3,
html.club-dark .pb-state.s-wait,
html.club-dark .dot,
html.club-dark .db-count,
html.club-dark .db-pbar b,
html.club-dark .db-feed li > i.a-del,
html.club-dark .db-thumb i,
html.club-dark .st-bars i.c,
html.club-dark .st-legend .c i,
html.club-dark .st-state.st-seen,
html.club-dark .st-state.st-dis,
html.club-dark .eg-inact,
html.club-dark .se-out,
html.club-dark .st-ev.ev-view,
html.club-dark .st-ev.ev-close,
html.club-dark .lg-heat i.h1,
html.club-dark .lg-heat i.h2,
html.club-dark .lg-roles i,
html.club-dark .sp-st.st-prohibited,
html.club-dark .sp-st.st-info,
html.club-dark .md-switch span,
html.club-dark .hs-sw-k,
html.club-dark .rf-tag.r-referee,
html.club-dark .rf-tag.r-judge,
html.club-dark .rf-role.r-judge,
html.club-dark .rp-rank.rk-m,
html.club-dark .rp-rank.rk-s,
html.club-dark .sh-tog span,
html.club-dark .sha-board li:nth-child(2) .sha-rank,
html.club-dark .sha-board li:nth-child(3) .sha-rank,
html.club-dark .sha-switch span { background-color: #22222a; }
html.club-dark .badge-status.valid,
html.club-dark .badge-status.active,
html.club-dark .badge-status.published,
html.club-dark .badge-status.approved,
html.club-dark .badge-status.completed,
html.club-dark .badge-status.expired,
html.club-dark .badge-status.suspended,
html.club-dark .badge-status.revoked,
html.club-dark .badge-status.rejected,
html.club-dark .badge-status.cancelled,
html.club-dark .badge-status.upcoming,
html.club-dark .badge-status.provisional,
html.club-dark .badge-status.pending,
html.club-dark .badge-status.new,
html.club-dark .wsef-content p,
html.club-dark .wsef-content li,
html.club-dark .master-card .living,
html.club-dark .panel-nav .grp,
html.club-dark .cv-channel:hover,
html.club-dark .cv-info small i,
html.club-dark .lead-text,
html.club-dark .pf-head p,
html.club-dark .pf-row small,
html.club-dark .pf-check,
html.club-dark .pf-switch em,
html.club-dark .ps-club span,
html.club-dark .ps-admin,
html.club-dark .ps-admin.warn,
html.club-dark .portal-side nav a,
html.club-dark .pp-title p,
html.club-dark .pp-btn.danger,
html.club-dark .pp-icon,
html.club-dark .pp-icon.danger:hover,
html.club-dark .pp-kpi span,
html.club-dark .pp-list a,
html.club-dark .pp-txt em,
html.club-dark .pp-table thead th,
html.club-dark .gm-table thead th,
html.club-dark .dataTables_wrapper .dataTables_info,
html.club-dark .pm-del:hover,
html.club-dark .pm-section h6,
html.club-dark .pm-f label,
html.club-dark .pm-seg span,
html.club-dark .pm-seg input:checked + span,
html.club-dark .pm-seg label:last-child input:checked + span,
html.club-dark .cc-head p,
html.club-dark .cc-send small,
html.club-dark .route-msg.info,
html.club-dark .route-msg.ok,
html.club-dark .route-msg.warn,
html.club-dark .ev-meta .bad,
html.club-dark .ev-meta .gold,
html.club-dark .ev-info li strong,
html.club-dark .ev-closed,
html.club-dark .ev-consent,
html.club-dark .roster-card small,
html.club-dark .pp-hint,
html.club-dark .pp-hint kbd,
html.club-dark .pp-ed-no,
html.club-dark .pp-status,
html.club-dark .pp-status.on,
html.club-dark .gm-folders a,
html.club-dark .gm-folders a i,
html.club-dark .gm-folders a.active,
html.club-dark .gm-folders a.active i,
html.club-dark .gm-tb,
html.club-dark .gm-count,
html.club-dark .gm-link,
html.club-dark .gm-replied,
html.club-dark .gm-date,
html.club-dark .gm-from span,
html.club-dark .gm-from time,
html.club-dark .cs-inst,
html.club-dark .op-side h4,
html.club-dark .op-facts span,
html.club-dark .ls-side a,
html.club-dark .showcase .area-title p,
html.club-dark .up-empty,
html.club-dark .as-date.late,
html.club-dark .as-date.soon,
html.club-dark .as-alert.overdue,
html.club-dark .as-alert.expired,
html.club-dark .as-alert.soon,
html.club-dark .doc-alerts h4 i,
html.club-dark .nw-vtag i,
html.club-dark .nw-meta,
html.club-dark .nw-fed,
html.club-dark .nw-side h4,
html.club-dark .rs-more,
html.club-dark .club-sched .cs-time small,
html.club-dark .club-sched .cs-inst,
html.club-dark .cs-lv,
html.club-dark .cs-lv.lv-1,
html.club-dark .cs-lv.lv-2,
html.club-dark .cs-lv.lv-3,
html.club-dark .cs-lv.lv-4,
html.club-dark .cs-lv.lv-5,
html.club-dark .cs-lv.lv-6,
html.club-dark .bio-famnote i,
html.club-dark .bio-rel,
html.club-dark .ln-list small,
html.club-dark .ln-stats div,
html.club-dark .ln-tabs a,
html.club-dark .ln-check small,
html.club-dark .ln-empty,
html.club-dark .ln-tl-body small,
html.club-dark .ln-tl-body p,
html.club-dark .ln-fcard small,
html.club-dark .ln-fcard span,
html.club-dark .bi-warn,
html.club-dark .bi-rec,
html.club-dark .pb-top label,
html.club-dark .pb-stage-bar,
html.club-dark .pb-device button,
html.club-dark .pb-ph.video,
html.club-dark .pb-tabs button,
html.club-dark .pb-prop-head i,
html.club-dark .pb-aud-grp > small,
html.club-dark .pb-tpl small,
html.club-dark .db-kpis span,
html.club-dark .db-kpis em.down,
html.club-dark .pb-cell small,
html.club-dark .pb-tag,
html.club-dark .pb-tag.all,
html.club-dark .pb-tag.more,
html.club-dark .pb-tag.cty,
html.club-dark .pb-sch,
html.club-dark .pb-prio.p3,
html.club-dark .pb-prio.p2,
html.club-dark .pb-perf,
html.club-dark .pb-state,
html.club-dark .pb-state.s-on,
html.club-dark .pb-state.s-wait,
html.club-dark .fm-head small,
html.club-dark .fm-rate span,
html.club-dark .fm-field span,
html.club-dark .fm-more,
html.club-dark .fm-camps small,
html.club-dark .fm-camps a span,
html.club-dark .fm-card.fm-new,
html.club-dark .gm-search i,
html.club-dark .gm-subj,
html.club-dark .gm-meta,
html.club-dark .gm-status small,
html.club-dark .gm-st,
html.club-dark .db-count,
html.club-dark .db-legend,
html.club-dark .db-bars b,
html.club-dark .db-col small,
html.club-dark .db-mail,
html.club-dark .db-ev,
html.club-dark .db-mail small,
html.club-dark .db-ev small,
html.club-dark .db-mail time,
html.club-dark .db-pops small,
html.club-dark .db-feed li > i,
html.club-dark .db-feed li > i.a-del,
html.club-dark .db-feed li > i.a-new,
html.club-dark .db-feed li > i.a-login,
html.club-dark .db-feed em,
html.club-dark .db-design small,
html.club-dark .st-period a,
html.club-dark .st-head small,
html.club-dark .st-miss,
html.club-dark .st-subh,
html.club-dark .st-state.st-sub,
html.club-dark .st-state.st-clk,
html.club-dark .st-state.st-seen,
html.club-dark .st-state.st-dis,
html.club-dark .st-state.st-none,
html.club-dark .eg-active,
html.club-dark .eg-occ,
html.club-dark .eg-inact,
html.club-dark .se-live,
html.club-dark .se-out,
html.club-dark .se-to,
html.club-dark .se-inv,
html.club-dark .st-reach small,
html.club-dark .st-ev.ev-view,
html.club-dark .st-ev.ev-click,
html.club-dark .st-ev.ev-submit,
html.club-dark .st-ev.ev-close,
html.club-dark .lg-roles small,
html.club-dark .sp-post-head p,
html.club-dark .sp-st,
html.club-dark .sp-st.st-allowed,
html.club-dark .sp-st.st-restricted,
html.club-dark .sp-st.st-prohibited,
html.club-dark .sp-st.st-info,
html.club-dark .sp-tech small,
html.club-dark .sp-score-card small,
html.club-dark .sc-txt small,
html.club-dark .md-head > span,
html.club-dark .md-now p,
html.club-dark .md-dl-body p,
html.club-dark .md-logo figcaption,
html.club-dark .md-kpi i,
html.club-dark .md-typepick label i,
html.club-dark .bio-stu-card p,
html.club-dark .ln-dir-nums,
html.club-dark .md-vsrc i,
html.club-dark .md-vbody p,
html.club-dark .md-upmsg,
html.club-dark .md-upmsg.bad,
html.club-dark .ln-so-ic,
html.club-dark .evg-card p,
html.club-dark .mc-count,
html.club-dark .pr-kit p,
html.club-dark .pr-news-body em,
html.club-dark .c-competition .dc-page i,
html.club-dark .c-referee .dc-page i,
html.club-dark .dc-info p,
html.club-dark .dp-head strong i,
html.club-dark .dp-status,
html.club-dark .fd-duties,
html.club-dark .fd-bio,
html.club-dark .ld-kpi > i,
html.club-dark .ld-kpi em.down,
html.club-dark .ld-status a,
html.club-dark .s-blue i,
html.club-dark .s-purple i,
html.club-dark .s-grey i,
html.club-dark .s-red i,
html.club-dark .ld-pill.s-blue,
html.club-dark .ld-pill.s-amber,
html.club-dark .ld-pill.s-purple,
html.club-dark .ld-pill.s-green,
html.club-dark .ld-pill.s-red,
html.club-dark .ld-steps button,
html.club-dark .ld-steps button.on.s-amber,
html.club-dark .ld-steps button.on.s-purple,
html.club-dark .ld-steps button.on.s-green,
html.club-dark .pn-search i,
html.club-dark .pn-gh em,
html.club-dark .pn-chev,
html.club-dark .ct-topics span,
html.club-dark .ct-f label,
html.club-dark .ct-off-pres,
html.club-dark .ct-q p,
html.club-dark .ll-group h3 em,
html.club-dark .ll-pct,
html.club-dark .ll-meta,
html.club-dark .ll-meta .m,
html.club-dark .ll-conts em,
html.club-dark .ll-head-t small,
html.club-dark .ll-row.ll-th,
html.club-dark .ll-ref,
html.club-dark .ll-save small,
html.club-dark .hs-map-tip span,
html.club-dark .hs-map-tip em i,
html.club-dark .hs-cf-card small,
html.club-dark .hs-cf-none,
html.club-dark .hs-ce-meta,
html.club-dark .hs-tabs button,
html.club-dark .hs-ld-card small,
html.club-dark .hs-sw > span,
html.club-dark .seo-sub,
html.club-dark .seo-hint,
html.club-dark .seo-tabs a,
html.club-dark .seo-kpis small,
html.club-dark .seo-kpis span,
html.club-dark .seo-legend,
html.club-dark .seo-bd-l i,
html.club-dark .seo-bd-l code,
html.club-dark .seo-grade.bad,
html.club-dark .st-fail,
html.club-dark .seo-check.st-fail > i,
html.club-dark .seo-check span,
html.club-dark .seo-check p,
html.club-dark .serp-top small,
html.club-dark .serp-body p,
html.club-dark .seo-social-t small,
html.club-dark .seo-social-t span,
html.club-dark .seo-count.bad,
html.club-dark .seo-files small,
html.club-dark .ci18n-h>i,
html.club-dark .ci18n-h p,
html.club-dark .ci18n-l>summary:after,
html.club-dark .wf-red,
html.club-dark .wf-ev,
html.club-dark .wf-more summary,
html.club-dark .wf-status i,
html.club-dark .wf-mini,
html.club-dark .bld-item-head .drag,
html.club-dark .bld-item-del,
html.club-dark .wf-pager .pg-info,
html.club-dark .wf-rf>label,
html.club-dark .ax-bouts li.l .ax-res,
html.club-dark .md-pill.bad,
html.club-dark .sp-angles-list small,
html.club-dark .sp-wc-kg small,
html.club-dark .sp-wc-name,
html.club-dark .sp-age span small,
html.club-dark .rf-ev > small,
html.club-dark .rf-tag,
html.club-dark .rf-tag.r-referee,
html.club-dark .rf-tag.r-judge,
html.club-dark .rf-when small,
html.club-dark .rf-vs > a,
html.club-dark .rf-evn,
html.club-dark .rf-role,
html.club-dark .rf-role.r-judge,
html.club-dark .mbx-admin small,
html.club-dark .rp-signers-l,
html.club-dark .rp-signer small,
html.club-dark .rp-rank.rk-m,
html.club-dark .rp-rank.rk-s,
html.club-dark .rp-rank.rk-r,
html.club-dark .rp-place,
html.club-dark .rp-role,
html.club-dark .rp-strip h3 small,
html.club-dark .rp-mini small,
html.club-dark .sh-preview,
html.club-dark .sh-preview a,
html.club-dark .sha-board li:nth-child(1) .sha-rank,
html.club-dark .sha-board li:nth-child(2) .sha-rank,
html.club-dark .sha-board li:nth-child(3) .sha-rank,
html.club-dark .sha-secbox.ok,
html.club-dark .sha-secbox.bad,
html.club-dark .sha-gw-reg .off { color: #a9a9b3; }
html.club-dark .rank-badge,
html.club-dark .pf-row > label,
html.club-dark .portal-side nav a:hover,
html.club-dark .pp-kpi:hover,
html.club-dark .pp-list a.unread strong,
html.club-dark .pp-post,
html.club-dark .pp-week div.on,
html.club-dark .ev-date strong,
html.club-dark .ev-badges .gold,
html.club-dark .roster-card:hover,
html.club-dark .gm-tb:hover,
html.club-dark .gm-table tbody tr.unread .gm-name,
html.club-dark .gm-table tbody tr.unread .gm-snip,
html.club-dark .gm-table tbody tr.unread .gm-date,
html.club-dark .gm-body,
html.club-dark .op-contact,
html.club-dark .sc-badge,
html.club-dark .sc-navbtn,
html.club-dark .rs-card:hover,
html.club-dark .ab-list a,
html.club-dark .feat-card h4 a,
html.club-dark .ft-node:hover,
html.club-dark a.bio-fcard:hover,
html.club-dark .ln-list a,
html.club-dark .ln-stats strong,
html.club-dark .pb-theme-light,
html.club-dark .pb-h,
html.club-dark .pb-theme-gradient .pb-btn-dark,
html.club-dark .pb-back,
html.club-dark .pb-top .pb-switch,
html.club-dark .pb-tabs button.active,
html.club-dark .db-kpis > a:hover,
html.club-dark .pb-perf small,
html.club-dark .fm-camps a,
html.club-dark .gm-who,
html.club-dark .gm-subj strong,
html.club-dark .gm-table tbody tr.unread .gm-who span,
html.club-dark .gm-table tbody tr.unread .gm-subj strong,
html.club-dark .db-mail:hover,
html.club-dark .db-ev:hover,
html.club-dark .db-pops a,
html.club-dark .sp-tabs-track a:hover,
html.club-dark .md-side-link:hover,
html.club-dark .md-kpi,
html.club-dark a.md-kpi:hover,
html.club-dark .bio-stu-card:hover,
html.club-dark .ln-st-id,
html.club-dark .ln-dir-card,
html.club-dark .ln-dir-card:hover,
html.club-dark .bio-club:hover,
html.club-dark .bio-peer:hover,
html.club-dark .evg-card.r-gold .evg-role,
html.club-dark .evg-club,
html.club-dark .evg-role.r-gold,
html.club-dark .pr-doc,
html.club-dark .pr-doc:hover,
html.club-dark .pr-news-item:hover,
html.club-dark .dc-page b,
html.club-dark .fd-mini-p:hover,
html.club-dark .fd-links a:hover,
html.club-dark .fd-docs a,
html.club-dark a.fd-node:hover,
html.club-dark .fd-com:hover,
html.club-dark .fd-com-nav a,
html.club-dark .ld-forms a,
html.club-dark .ld-contact a,
html.club-dark .pn-badge.warn,
html.club-dark .ls-side > summary,
html.club-dark .ll-group h3,
html.club-dark .hs-map-ph,
html.club-dark .hs-map-tip,
html.club-dark .hs-cf-card:hover,
html.club-dark .hs-rail-btn,
html.club-dark .hs-ce-date,
html.club-dark .hs-ld-card:hover,
html.club-dark .hs-lic-form input,
html.club-dark .hs-sw.on > span,
html.club-dark .serp-top b,
html.club-dark .serp-title,
html.club-dark .seo-social-t b,
html.club-dark .seo-files a,
html.club-dark .wf-status,
html.club-dark .url-field .url-pick optgroup,
html.club-dark .url-field .url-pick option,
html.club-dark .bld-section-h,
html.club-dark .wf-presets-l,
html.club-dark .pager a,
html.club-dark .pp-btn.sp-ghost-dark,
html.club-dark .sp-gbtn figcaption strong,
html.club-dark .pf-group legend,
html.club-dark .rf-ev > a,
html.club-dark .rf-tag.gold,
html.club-dark .rf-when b,
html.club-dark .rf-vs > a.win,
html.club-dark .rf-score,
html.club-dark #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn,
html.club-dark .hxp-cta,
html.club-dark .rp-rank.rk-gm,
html.club-dark .sh-search input,
html.club-dark .sh-chips button.on,
html.club-dark .sh-b.feat { color: #e6e6ea; }
html.club-dark img.flag,
html.club-dark .club-id .avatar,
html.club-dark .pp-list a,
html.club-dark .pp-timeline,
html.club-dark .pp-timeline li::before,
html.club-dark .pm-f .form-control,
html.club-dark .pm-seg,
html.club-dark .pm-seg label + label span,
html.club-dark .pm-photo-prev,
html.club-dark .roster-card img,
html.club-dark .gm-body,
html.club-dark .gm-reply,
html.club-dark .act-diff th,
html.club-dark .act-diff td,
html.club-dark .op-timeline,
html.club-dark .op-timeline li::before,
html.club-dark .op-contact,
html.club-dark .op-facts li,
html.club-dark .ft-ph img,
html.club-dark .ft-ph b,
html.club-dark .ft-live,
html.club-dark .ft-rip,
html.club-dark .bio-fcard img,
html.club-dark .pb-theme-gradient .pb-btn-dark,
html.club-dark .fm-field em,
html.club-dark .fm-camps a,
html.club-dark .fm-foot,
html.club-dark .gm-labels,
html.club-dark .gm-st,
html.club-dark .db-mail,
html.club-dark .db-ev,
html.club-dark .db-pops a,
html.club-dark .db-feed li,
html.club-dark .st-clicks li,
html.club-dark .sp-wcard .sp-facts,
html.club-dark .bio-stu-ph,
html.club-dark .bio-club-av,
html.club-dark .evg-ph img,
html.club-dark .evg-ph b,
html.club-dark .ll-row,
html.club-dark .ll-row.ll-th,
html.club-dark .ll-save,
html.club-dark .hs-ld-ph img,
html.club-dark .hs-ld-ph b,
html.club-dark .seo-check.st-fail,
html.club-dark .seo-check.st-warn,
html.club-dark .serp,
html.club-dark .seo-social,
html.club-dark .seo-int .pf-row,
html.club-dark .seo-files a,
html.club-dark .ci18n,
html.club-dark .ci18n-l,
html.club-dark .wf-status,
html.club-dark .bld-section,
html.club-dark .bld-section-h,
html.club-dark .bld-adminlabel,
html.club-dark .bld-item,
html.club-dark .bld-item-head,
html.club-dark .bld-actions,
html.club-dark .wf-ruleadd .wf-presets,
html.club-dark .wf-rf-submit,
html.club-dark .sp-lb-txt .sp-facts,
html.club-dark .pf-group,
html.club-dark .rf-bout,
html.club-dark #header-sticky .header-right > ul > li > .logout-form button.wsef-hbtn.ghost,
html.club-dark .mbx-admin,
html.club-dark #header-sticky .sh-hcount,
html.club-dark .rp-av,
html.club-dark .rp-meta,
html.club-dark .sc-cert-av,
html.club-dark .sh-preview,
html.club-dark .sh-chips button.on,
html.club-dark .sh-sw { border-color: #2c2c33; }
/* ==== AUTO-DARK — bitir ==== */