/* v2026.10-zzh · org (site yeniden tasarımı): kulüp profiline özgü bölümler + yarışma belgesi (şartname §4d Kulüp, Yarışma; §2.7 R7/R8; §3.2)
   Kapsam: kulüp için .pv2[data-pk="kulup"], yarışma için belge sınıfları (.page.doc / .doc-*). Ortak profil çerçevesi (başlık, künye,
   göstergeler, sekmeler) prof grubunundur; burada yalnız kulüp logosunun boyu ayarlanır.
   Hareket yalnız transform/opacity; son hâl taban stil (animation … backwards); hareketi azaltınca index.html genel kuralı hepsini kapatır. */

/* ============================================================ KULÜP */
/* logo 64 px (profil başı ortak koddan; yalnız boyut) */
.pv2[data-pk="kulup"] .prof-hero > .bav.lg{width:64px;height:64px;margin-top:0}

/* Yılın ölçüsü: 420 → ≤ 220 px şerit kartı (afiş solda dar sütun, yıl çipleri tek satır kayar, oynat düğmesi korunur) */
.pv2[data-pk="kulup"] .ku-wr .wr-card{grid-template-columns:208px minmax(0,1fr);margin:0 0 16px}
.pv2[data-pk="kulup"] .ku-wr .wr-art{min-height:0}
.pv2[data-pk="kulup"] .ku-wr .wr-body{padding:16px 20px;gap:6px;justify-content:center}
.pv2[data-pk="kulup"] .ku-wr .wr-h{font-size:20px}
.pv2[data-pk="kulup"] .ku-wr .wr-p{font-size:13.5px}
.pv2[data-pk="kulup"] .ku-wr .wr-yrs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:2px -20px 0 0;padding:0 20px 0 0;
  -webkit-mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.pv2[data-pk="kulup"] .ku-wr .wr-yrs::-webkit-scrollbar{display:none}
.pv2[data-pk="kulup"] .ku-wr .wr-yc{flex:none}
.pv2[data-pk="kulup"] .ku-wr .wr-go{margin-top:4px}
.pv2[data-pk="kulup"] .ku-wr .wr-dot{animation-iteration-count:6}   /* sonsuz döngü yok */
.pv2[data-pk="kulup"] .ku-wr .wr-mani{transform-box:fill-box;transform-origin:50% 100%;animation:kuRise .6s var(--spring) .1s backwards}
@media (max-width:680px){
  .pv2[data-pk="kulup"] .ku-wr .wr-card{grid-template-columns:92px minmax(0,1fr);margin:0 0 14px}
  .pv2[data-pk="kulup"] .ku-wr .wr-art > svg{left:-60px;width:calc(100% + 120px)}
  .pv2[data-pk="kulup"] .ku-wr .wr-mark{left:12px;top:12px;width:30px}
  .pv2[data-pk="kulup"] .ku-wr .wr-body{padding:14px 14px 14px 14px;gap:6px}
  .pv2[data-pk="kulup"] .ku-wr .wr-h{font-size:17px;line-height:1.22}
  .pv2[data-pk="kulup"] .ku-wr .wr-p{display:none}   /* afişin tanıtım cümlesi telefonda gizli; oynatıcı aynı içeriği anlatır */
  .pv2[data-pk="kulup"] .ku-wr .wr-yrs{margin-right:-14px;padding-right:14px}
  .pv2[data-pk="kulup"] .ku-wr .wr-yc{min-height:44px;padding:0 14px}
  .pv2[data-pk="kulup"] .ku-wr .wr-card .wr-go{align-self:stretch;min-height:44px}
}
@keyframes kuRise{from{transform:scaleY(0)}}

/* 2026'nın öne çıkan üyeleri: 8 satır + Tümü (44 px) */
.pv2[data-pk="kulup"] .ku-all{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;margin:8px 0 -6px;padding:0;border:0;border-top:1px solid var(--line);background:none;
  font:600 14px/1 var(--f-body);color:var(--accent-ink);cursor:pointer;text-align:left}
.pv2[data-pk="kulup"] .ku-all .ku-n{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.pv2[data-pk="kulup"] .ku-all .ku-ar{margin-left:auto;transition:transform .2s var(--spring)}
.pv2[data-pk="kulup"] .ku-all:hover .ku-ar{transform:translateX(2px)}
.pv2[data-pk="kulup"] .ku-all:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
/* çubukların değer sayıları çubuk bitince gelir (§3.2 değer etiketi) */
.pv2[data-pk="kulup"] .ku-g .hbar .hv{animation:kuFade .26s ease-out backwards;animation-delay:calc(var(--d,0) * 40ms + 560ms)}
.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(2){--d:1}.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(3){--d:2}.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(4){--d:3}
.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(5){--d:4}.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(6){--d:5}.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(7){--d:6}.pv2[data-pk="kulup"] .ku-g .hbar:nth-child(8){--d:7}
@keyframes kuFade{from{opacity:0;transform:translateX(-4px)}}

/* antrenör notu: cümle ekranda değil, katlanır satırda (R6/R7) */
.pv2[data-pk="kulup"] details.ku-nt{margin:14px 0 0;border-radius:var(--r);background:var(--surface);box-shadow:var(--sh)}
.pv2[data-pk="kulup"] details.ku-nt > summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;cursor:pointer;list-style:none;font:650 15px/1.2 var(--f-body);color:var(--ink)}
.pv2[data-pk="kulup"] details.ku-nt > summary::-webkit-details-marker{display:none}
.pv2[data-pk="kulup"] details.ku-nt > summary .ku-nd{color:var(--muted);font-weight:500}
.pv2[data-pk="kulup"] details.ku-nt > summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s var(--spring)}
.pv2[data-pk="kulup"] details.ku-nt[open] > summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.pv2[data-pk="kulup"] details.ku-nt > p{margin:0;padding:0 16px 14px;font-size:13.5px;line-height:1.55;color:var(--ink-2);max-width:72ch}
.pv2[data-pk="kulup"] details.ku-nt > summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r)}

/* ============================================================ YARIŞMA BELGESİ (v10-zp düzeni korunur: gölgesiz, sakin, çizgili) */
/* manşet: ev sahibi işareti 48 px (başlığın solunda, antet gibi) */
.doc-mast.lg{grid-template-columns:48px minmax(0,1fr) auto;column-gap:16px}
.doc-mast.lg > *{grid-column:2}
.doc-mast.lg > .doc-logo{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:2px}
.doc-mast.lg > .doc-act{grid-column:3;grid-row:1 / span 2}
.doc-logo{width:48px;height:48px}
.doc-lg{display:block;width:48px;height:48px;border-radius:50%;text-decoration:none!important}
.doc-lg .av{width:48px;height:48px;font-size:16px}
.doc-lg .av svg{width:22px;height:22px}
.doc-lg .av.pl{border-radius:12px;font-size:17px}
a.doc-lg:hover .av{box-shadow:0 0 0 3px var(--hover)}
a.doc-lg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.doc-lg .av.lg img{animation:docLg .42s var(--bounce) backwards}
@keyframes docLg{from{opacity:0;transform:scale(.7)}}

/* manşet altı: 2 px çizgi yerine ölçü çizgisi (taban 2 px mürekkep, 10'da bir çentik, 50'de bir yarışma tonlu uzun çentik) */
.doc-mast.rul{border-bottom:0;padding-bottom:0}
.doc-mast > .doc-hs,.doc-mast > .doc-rul{grid-column:1 / -1}
.doc-rul{height:9px;margin-top:20px;transform-origin:0 50%;
  background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 2px no-repeat,
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 38%,transparent) 0 1px,transparent 1px 10px) 0 2px/100% 4px no-repeat,
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--e-yarisma) 75%,var(--ink)) 0 1.5px,transparent 1.5px 50px) 0 2px/100% 7px no-repeat;
  animation:docRul .6s cubic-bezier(.25,1,.5,1) .16s backwards}
.doc-hs + .doc-rul{margin-top:0}
@keyframes docRul{from{transform:scaleX(0)}}

/* dik mani yükseklik şeridi: gün başına grup (dokununca o gün açılır), mani yüksekliği cm ile orantılı, ölçü çizgisinin üstünde durur */
.doc-hs{--k:.36;display:flex;align-items:flex-end;gap:0 24px;margin-top:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.doc-hs::-webkit-scrollbar{display:none}
.hs-d{flex:0 1 calc(var(--n) * 20px);min-width:max(44px,calc(var(--n) * 9px));display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:6px 6px 0 0}
.hs-l{font:600 var(--t-1)/16px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.hs-d:hover .hs-l{color:var(--accent-ink)}
.hs-d:hover .hs-f{--pst:color-mix(in srgb,var(--ink) 70%,transparent)}
.hs-d:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hs-fs{display:flex;align-items:flex-end;gap:5px;height:calc(var(--mx) * var(--k) * 1px + 16px)}
.hs-f{--c:color-mix(in srgb,var(--ink) 70%,transparent);--pst:color-mix(in srgb,var(--ink) 48%,transparent);position:relative;display:block;flex:0 1 15px;min-width:5px;
  height:calc(var(--h) * var(--k) * 1px);transform-origin:50% 100%;
  background:linear-gradient(var(--pst),var(--pst)) 0 0/2px 100% no-repeat,
    linear-gradient(var(--pst),var(--pst)) 100% 0/2px 100% no-repeat,
    repeating-linear-gradient(90deg,var(--c) 0 4px,color-mix(in srgb,var(--c) 26%,var(--surface)) 4px 8px) 0 3px/100% 3px no-repeat,
    repeating-linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,transparent) 0 2px,transparent 2px 13px) 2px 14px/calc(100% - 4px) calc(100% - 18px) no-repeat;
  animation:hsUp .52s var(--spring) backwards;animation-delay:calc(min(var(--i),24) * 40ms)}
.hs-f.nh{height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 28%,transparent)}   /* yüksekliği yayımlanmamış: yer sırığı */
.hs-f.on{--c:var(--accent);--pst:color-mix(in srgb,var(--accent) 70%,var(--ink))}
.hs-pk{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);font:700 var(--t-1)/1 var(--f-body);color:var(--accent-ink);white-space:nowrap;
  font-variant-numeric:tabular-nums;animation:hsPk .3s ease-out backwards;animation-delay:calc(min(var(--i),24) * 40ms + 440ms)}
@keyframes hsUp{from{transform:scaleY(0)}}
@keyframes hsPk{from{opacity:0}}
/* "En yüksek parkur" bloğu: parkurun tek manisi */
.doc-ll.hf{position:relative;padding-right:36px}
.doc-lf{--k:.36;position:absolute;right:0;top:0;display:flex;align-items:flex-end;height:calc(var(--k) * 170px)}
.doc-lf .hs-f{flex:none;width:18px}

/* ölçü satırı sayıları sayarken genişlik sabit */
.doc-fig > b.doc-cu{display:inline-block}

/* günler katlanır: başlık 44 px, kapalıyken de "6 parkur · 277 start · 60–140 cm" + ortak önek */
.doc-progw > details.doc-day{margin-top:0}
.doc-progw > details.doc-day:first-child{margin-top:12px}
.doc-progw > details.doc-day[open]{margin-bottom:20px}
.doc-paper details.doc-day > summary.doc-day-h{position:relative;min-height:44px;box-sizing:border-box;padding-right:36px;cursor:pointer;list-style:none;align-items:baseline}
.doc-paper details.doc-day > summary::-webkit-details-marker{display:none}
.doc-paper details.doc-day > summary::after{content:"+";position:absolute;right:4px;top:7px;font:400 var(--t-4)/1.3 var(--f-body);color:var(--muted)}
.doc-paper details.doc-day[open] > summary::after{content:"−"}
.doc-paper details.doc-day > summary:hover{background:var(--hover)}
.doc-paper details.doc-day > summary:hover::after{color:var(--ink)}
.doc-day-h .doc-meta{white-space:normal}
.doc-dpf{flex-basis:100%;order:3;font-size:var(--t-1);line-height:16px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-paper details.doc-day:not([open]) > summary .doc-dpf{display:none}
.doc-pr.pr-sx > .pr-nm > a{font-variant-numeric:tabular-nums}

/* Görevliler katlanır */
.doc-fold.doc-offf > summary .doc-meta{font-variant-numeric:tabular-nums}

@media (min-width:681px){
  .doc-hs{--k:.42;gap:0 40px}
  .hs-d{flex-basis:calc(var(--n) * 28px)}
  .hs-fs{gap:8px}
  .hs-f{flex-basis:20px}
}
@media (max-width:680px){
  .doc-mast.lg{grid-template-columns:48px minmax(0,1fr) auto;column-gap:12px}
  .doc-mast.lg > .doc-logo{grid-row:1 / span 2;margin-top:0}
  .doc-mast.lg > .doc-kick{grid-column:2;grid-row:1}
  .doc-mast.lg > .doc-act{grid-column:3;grid-row:1}
  .doc-mast.lg > .doc-h1{grid-column:2 / -1;grid-row:2}
  .doc-mast.lg > .doc-when,.doc-mast.lg > .doc-spec,.doc-mast.lg > .doc-src,.doc-mast.lg > .doc-note{grid-column:1 / -1}
  .doc-hs{--k:.3;gap:0 16px;margin:14px -16px 0;padding:0 16px}
  .doc-mast.rul > .doc-src{margin-top:12px}
  .doc-mast.rul + .doc-figs{padding:12px 0}
  .hs-fs{gap:4px}
  .doc-mast.rul .doc-rul{margin-left:-16px;margin-right:-16px}
  .doc-lf{--k:.3}
  .doc-ll.hf{padding-right:30px}
  .doc-progw > details.doc-day[open]{margin-bottom:16px}
  .doc-progw .doc-pr{padding:10px 0}
}

/* kulüp · Üyeler sekmesi: yıllık kulüp şeridi hücreleri soldan sağa gelir (ilk 24 satır; §3.2 vize şeridi) */
.pv2[data-pk="kulup"] .dt tbody tr:nth-child(-n+24) .vs.cs i{animation:kuCell .24s ease-out backwards;animation-delay:calc(var(--c,0) * 30ms)}
.pv2[data-pk="kulup"] .vs.cs i:nth-child(2){--c:1}.pv2[data-pk="kulup"] .vs.cs i:nth-child(3){--c:2}.pv2[data-pk="kulup"] .vs.cs i:nth-child(4){--c:3}
.pv2[data-pk="kulup"] .vs.cs i:nth-child(5){--c:4}.pv2[data-pk="kulup"] .vs.cs i:nth-child(6){--c:5}.pv2[data-pk="kulup"] .vs.cs i:nth-child(7){--c:6}
.pv2[data-pk="kulup"] .vs.cs i:nth-child(8){--c:7}.pv2[data-pk="kulup"] .vs.cs i:nth-child(9){--c:8}.pv2[data-pk="kulup"] .vs.cs i:nth-child(10){--c:9}
.pv2[data-pk="kulup"] .vs.cs i:nth-child(11){--c:10}.pv2[data-pk="kulup"] .vs.cs i:nth-child(12){--c:11}
@keyframes kuCell{from{opacity:0;transform:scale(.6)}}
.pv-ky .ky-why{display:none}
.hkv .ky-why{display:block;margin-top:2px;font-size:13px;color:var(--muted)}