/* ═══ PORT KAPLARI — site CSS'i portun içine sızmasın ═══ */
.yp { font:400 1rem/normal var(--font-b);
      color: var(--cream); text-align: left; margin: 0 0 1.35rem; }
.yp:last-child { margin-bottom: 0; }
.yp, .yp *, .yp *::before, .yp *::after { box-sizing: border-box; }
.yp h1, .yp h2, .yp h3, .yp h4, .yp h5, .yp p, .yp table, .yp thead, .yp tbody,
.yp tr, .yp th, .yp td, .yp ul, .yp li, .yp button, .yp b, .yp i, .yp s, .yp em,
.yp span, .yp div, .yp svg, .yp a {
  margin: revert; padding: revert; font: revert; font-family: inherit;
  letter-spacing: normal; text-transform: none; color: inherit;
  background: none; border: 0; border-radius: 0; box-shadow: none;
  text-align: revert; line-height: revert; text-decoration: revert;
}
.yp table { border-collapse: collapse; width: 100%; }
.yp svg { display: block; }
.yp button { cursor: pointer; }

.yp-p10 *{ box-sizing:border-box; }
.yp-p10 .bn{ display:grid; gap:.85rem; grid-template-columns:1fr; }
@media (min-width:840px){.yp-p10 .bn{ grid-template-columns:1.05fr 1fr; } }
.yp-p10 .kt{ border-radius:2px; padding:1.5rem 1.6rem; }
.yp-p10 .bg{ background:var(--bg-3); color:var(--cream); display:flex; flex-direction:column;
        justify-content:space-between; min-height:14.5rem; position:relative; overflow:hidden; }
.yp-p10 .bg::after{ content:''; position:absolute; inset:0; opacity:.055; pointer-events:none;
        background:repeating-linear-gradient(115deg, var(--bg-2) 0 1px, transparent 1px 9px); }
.yp-p10 .hp{ display:inline-block; align-self:flex-start; font-size: 0.9375rem; letter-spacing:0;
        text-transform:none; background:color-mix(in srgb, var(--bg-2) 12%, transparent); border-radius:999px; padding:.3rem .7rem; }
.yp-p10 .bg .n{ font-size: clamp(3.2rem, 7.4vw, 4.25rem); font-weight:600; letter-spacing:-0.045em;
        line-height:1; margin:.9rem 0 .7rem; font-variant-numeric:tabular-nums; ;font-family:var(--font-d)}
.yp-p10 .bg p{ margin:0; font-size: 0.9375rem; line-height:1.6; color:var(--cream-2); max-width:30ch; }
.yp-p10 .sag{ display:grid; gap:.85rem; grid-template-rows:auto auto; }
.yp-p10 .ust{ border:1px solid rgba(255,255,255,0.120); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.yp-p10 .ust .l .e{ font-size: 0.9375rem; letter-spacing:0; text-transform:none; color:var(--cream-2); }
.yp-p10 .ust .l .v{ font-size: 1.625rem; font-weight:600; letter-spacing:-0.03em; margin-top:.2rem;
        font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p10 .cb{ display:flex; align-items:flex-end; gap:2.5px; height:38px; }
.yp-p10 .cb i{ width:5px; border-radius:2px; background:var(--bg-3); }
.yp-p10 .ikili{ display:grid; gap:.85rem; grid-template-columns:.62fr 1fr; }
.yp-p10 .kk{ border:1px solid rgba(255,255,255,0.120); display:flex; flex-direction:column; justify-content:center; }
.yp-p10 .kk .v{ font-size: 1.625rem; font-weight:600; letter-spacing:-0.03em; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p10 .kk .e{ font-size: 0.9375rem; letter-spacing:0; text-transform:none; color:var(--cream-2); margin-top:.25rem; }
.yp-p10 .yz{ border:1px solid rgba(255,255,255,0.120); display:flex; align-items:center; gap:.8rem; }
.yp-p10 .yz .d{ width:30px; height:30px; border-radius:50%; background:var(--bg-3); flex:none;
        display:grid; place-items:center; color:var(--cream); font-size: 0.9375rem; font-weight:600; }
.yp-p10 .yz .t1{ font-size: 0.9375rem; font-weight:600; }
.yp-p10 .yz .t2{ font-size: 0.9375rem; color:var(--cream-2); margin-top:.1rem; }

.yp-p2 *{ box-sizing:border-box; }
.yp-p2 .sira{
    display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:2rem;
    max-width:68rem; margin:0 auto; width:100%;
  }
@media (max-width: 860px){.yp-p2 .sira{ grid-template-columns:1fr; gap:1rem; } }
.yp-p2 .kart{
    background:var(--bg-2); border:1px solid rgba(255,255,255,0.100); border-radius:2px;
    padding:1.75rem 1.75rem 1.5rem;
    box-shadow:0 1px 2px color-mix(in srgb, rgba(255,255,255,0.120) 4%, transparent), 0 4px 16px color-mix(in srgb, rgba(255,255,255,0.120) 3%, transparent);
  }
.yp-p2 .bas{ display:flex; align-items:center; gap:0.625rem; margin-bottom:1.75rem; }
.yp-p2 .bas h3{ margin:0; font-size: 1.375rem; font-weight:700; color:var(--cream); letter-spacing:-0.015em; }
.yp-p2 .bas svg{ flex:none; }
.yp-p2 .alt{ font-size:1rem; color:var(--cream-2); margin:0 0 0.125rem; font-weight:400; }
.yp-p2 .sat{ display:flex; align-items:flex-end; justify-content:space-between; gap:0.75rem; }
.yp-p2 .deg{
    font-size: 2.75rem; font-weight:800; color:var(--cream); letter-spacing:-0.03em;
    line-height:1; font-variant-numeric:tabular-nums; margin:0;
  ;font-family:var(--font-d)}
.yp-p2 .kivilcim{ width:100px; height:78px; flex:none; margin-bottom:-6px; }
.yp-p2 .kivilcim svg{ display:block; overflow:visible; }

.yp-p6 *{ box-sizing:border-box; }
.yp-p6 .k{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.15rem; }
.yp-p6 h2{ font-size: 1.375rem; font-weight:600; letter-spacing:-0.02em; margin:0; }
.yp-p6 .ip{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p6 .kap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.yp-p6 table{ border-collapse:separate; border-spacing:4px; width:100%; min-width:30rem; }
.yp-p6 th{ font-size: 0.9375rem; font-weight:500; color:var(--cream-2); padding-bottom:2px; }
.yp-p6 th.sag{ text-align:right; padding-right:4px; }
.yp-p6 td.ay{ font-size: 0.9375rem; color:var(--cream-2); text-align:right; padding-right:6px; white-space:nowrap; width:1%; }
.yp-p6 .h{ position:relative; height:3.1rem; border-radius:2px; text-align:center; vertical-align:middle; }
.yp-p6 .h.y{ background:rgba(47,191,116,var(--o)); }
.yp-p6 .h.d{ background:rgba(47,191,116,var(--o)); }
.yp-p6 .h.n{ background:rgba(236,234,229,var(--o)); }
.yp-p6 .h .g{ position:absolute; top:5px; left:7px; font-size: 0.9375rem; color:var(--cream-2); font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p6 .h b{ font-size: 0.9375rem; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:-0.01em; ;font-family:var(--font-m)}
.yp-p6 .h.y b{ color:#1d7748; }
.yp-p6 .h.d b{ color:#1d7748; }
.yp-p6 .bos{ background:transparent; }
.yp-p6 .t{ text-align:center; font-size: 0.9375rem; font-weight:600; border-radius:2px;
       font-variant-numeric:tabular-nums; background:var(--bg-3); ;font-family:var(--font-m)}
.yp-p6 .t.y{ color:#1d7748; background:color-mix(in srgb, #2fbf74 13%, transparent); }
.yp-p6 .t.d{ color:#1d7748; background:color-mix(in srgb, #2fbf74 13%, transparent); }
.yp-p6 .t.n{ color:var(--cream-2); }
.yp-p6 .alt{ margin-top:1.3rem; font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:52ch; }
.yp-p6 .alt b{ color:var(--cream); font-weight:600; }

.yp-p7 *{ box-sizing:border-box; }
.yp-p7 .kart{ border:1px solid rgba(255,255,255,0.120); border-radius:2px; padding:1.5rem 1.6rem 1.7rem; }
.yp-p7 .k{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.yp-p7 h2{ font-size: 1.375rem; font-weight:600; letter-spacing:-0.02em; margin:0; }
.yp-p7 .rz{ font-size: 0.9375rem; color:var(--cream-2); border:1px solid rgba(255,255,255,0.120); border-radius:2px; padding:.42rem .8rem; }
.yp-p7 .sa{ margin-bottom:1.15rem; }
.yp-p7 .ba{ display:flex; align-items:baseline; gap:.55rem; flex-wrap:wrap; margin-bottom:.45rem; }
.yp-p7 .dt{ width:9px; height:9px; border-radius:50%; flex:none; align-self:center; }
.yp-p7 .dt.on{ background:var(--bg-3); }
.yp-p7 .dt.off{ background:var(--bg-3); }
.yp-p7 .ba b{ font-size: 1rem; font-weight:600; }
.yp-p7 .du{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p7 .sn{ margin-left:auto; font-size: 0.9375rem; color:var(--cream-2); font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p7 .cu{ display:flex; gap:3px; }
.yp-p7 .cu i{ flex:1; height:26px; border-radius:2px; background:var(--bg-3); }
.yp-p7 .cu i.v{ background:var(--bg-3); }
.yp-p7 .alt{ margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid rgba(255,255,255,0.076);
         font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:56ch; }
.yp-p7 .alt b{ color:var(--cream); font-weight:600; }

.yp-p8 *{ box-sizing:border-box; }
.yp-p8 .fl{ display:inline-flex; align-items:center; gap:.4rem; font-size: 0.9375rem; font-weight:500;
        border:1px solid rgba(255,255,255,0.120); border-radius:2px; padding:.5rem .85rem; margin-bottom:1rem;
        background:var(--bg-2); box-shadow:0 1px 2px color-mix(in srgb, rgba(255,255,255,0.120) 5%, transparent); cursor:default; }
.yp-p8 .kart{ border:1px solid rgba(255,255,255,0.120); border-radius:2px; padding:.35rem 1.4rem; }
.yp-p8 ul{ list-style:none; margin:0; padding:0; }
.yp-p8 li{ display:flex; gap:.95rem; padding:1.15rem 0 .2rem; position:relative; }
.yp-p8 li:not(:last-child) .ik::after{ content:''; position:absolute; left:50%; top:30px; bottom:-18px;
        width:1px; background:var(--bg-3); transform:translateX(-50%); }
.yp-p8 .ik{ position:relative; flex:none; width:30px; height:30px; border-radius:50%;
        border:1px solid rgba(255,255,255,0.120); display:grid; place-items:center; background:var(--bg-2); }
.yp-p8 .ik.in{ color:#1d7748; }
.yp-p8 .ik.cik{ color:#1d7748; }
.yp-p8 .gv{ flex:1; min-width:0; padding-bottom:1.15rem; }
.yp-p8 .us{ display:flex; gap:1rem; align-items:baseline; justify-content:space-between; }
.yp-p8 .us b{ font-size: 1rem; font-weight:600; letter-spacing:-0.01em; }
.yp-p8 .zm{ font-size: 0.9375rem; color:var(--cream-2); white-space:nowrap; }
.yp-p8 .ac{ margin:.3rem 0 .6rem; font-size: 0.9375rem; color:var(--cream-2); font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p8 .ka{ color:var(--muted); padding:0 .15rem; }
.yp-p8 .et{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.yp-p8 .ak{ font-size: 0.9375rem; font-weight:600; margin-right:.15rem; }
.yp-p8 .tg{ font-size: 0.9375rem; color:var(--cream-2); border:1px solid rgba(255,255,255,0.120); border-radius:999px; padding:.15rem .6rem;
        font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p8 .tg.in{ color:#1d7748; border-color:rgba(255,255,255,0.120); }
.yp-p8 .tg.cik{ color:#1d7748; border-color:rgba(255,255,255,0.120); }
.yp-p8 .alt{ margin-top:1.15rem; font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:56ch; }
.yp-p8 .alt b{ color:var(--cream); font-weight:600; }


.yp-p9a .kv.bt { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9a .kv.bt i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.8; }
.yp-p9a .kv.bt s { position:absolute; top:9px; width:2px; height:12px; border:0; }
.yp-p9a .sr.ince .kv.bt i { top:14px; height:2px; opacity:.6; }
.yp-p9a .kv.sp { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9a .kv.sp i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.85; }
.yp-p9a .kv.sp s { position:absolute; top:7px; width:1px; height:16px; border:0; opacity:.9; }
.yp-p9a *{ box-sizing:border-box; }
.yp-p9a .kart{ border:1px solid rgba(255,255,255,0.120); border-radius:2px; overflow:hidden; }
.yp-p9a .k{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
       padding:1.25rem 1.5rem; }
.yp-p9a h2{ font-size: 1.125rem; font-weight:600; letter-spacing:-0.02em; margin:0; }
.yp-p9a .sy{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p9a .bs{ display:flex; align-items:center; gap:1.1rem; padding:.65rem 1.5rem;
        border-top:1px solid rgba(255,255,255,0.076); border-bottom:1px solid rgba(255,255,255,0.076);
        font-size: 0.9375rem; letter-spacing:0; text-transform:none; color:var(--cream-2); }
.yp-p9a .bs .a{ flex:1; }
.yp-p9a .bs .b{ width:108px; text-align:center; }
.yp-p9a .bs .c{ width:7.5rem; text-align:right; }
.yp-p9a .sr{ display:flex; align-items:center; gap:1.1rem; padding:.85rem 1.5rem .85rem 1.5rem;
        position:relative; border-bottom:1px solid rgba(255,255,255,0.058); }
.yp-p9a .sr:last-child{ border-bottom:0; }
.yp-p9a .sr.se{ background:var(--bg-3); }
.yp-p9a .ry{ position:absolute; left:0; top:12px; bottom:12px; width:3px; background:var(--bg-3); border-radius:0 3px 3px 0; }
.yp-p9a .sr.se .ry{ background:var(--bg-3); }
.yp-p9a .ad{ flex:1; min-width:0; }
.yp-p9a .ad b{ display:block; font-size: 0.9375rem; font-weight:600; letter-spacing:-0.01em; }
.yp-p9a .ad span{ display:block; font-size: 0.9375rem; color:var(--cream-2); margin-top:.1rem; }
.yp-p9a .kv{ flex:none; }
.yp-p9a .kv path{ fill:none; stroke-width:1.6; vector-effect:non-scaling-stroke; }
.yp-p9a .kv.y path{ stroke:#0b7a50; }
.yp-p9a .kv.d path{ stroke:#b03b3b; }
.yp-p9a .kv.dz path{ stroke:var(--muted); }
.yp-p9a .dg{ width:7.5rem; text-align:right; }
.yp-p9a .dg b{ display:block; font-size: 0.9375rem; font-weight:600; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9a .dg span{ display:block; font-size: 0.9375rem; margin-top:.1rem; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9a .dg .y{ color:#1d7748; }
.yp-p9a .dg .d{ color:#1d7748; }
.yp-p9a .dg .n{ color:var(--muted); }
.yp-p9a .alt{ margin-top:1.25rem; font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:58ch; }
.yp-p9a .alt b{ color:var(--cream); font-weight:600; }

.yp-p4 *{ box-sizing:border-box; }
.yp-p4 .sec{ max-width:82rem; margin:0 auto; padding:3rem 1.5rem; display:grid; gap:2.5rem;
         grid-template-columns:1fr; align-items:center; }
@media (min-width: 1000px){.yp-p4 .sec{ grid-template-columns:0.9fr 1.1fr; gap:3.5rem; } }
.yp-p4 h2{ font-size: clamp(1.5rem, 2.4vw, 1.75rem); font-weight:500; letter-spacing:-0.02em; margin:0 0 0.9rem; }
.yp-p4 .metin{ font-size: clamp(1.1rem, 1.9vw, 1.375rem); line-height:1.85; color:var(--cream-2);
           font-weight:400; margin:0 0 2.4rem; }
.yp-p4 .cta{ display:flex; align-items:center; justify-content:center; gap:0.45rem;
         width:100%; background:var(--bg-3); color:var(--cream); border:0; border-radius:2px;
         padding:1.05rem 1.5rem; font:600 0.9375rem var(--font-b); cursor:pointer; }
.yp-p4 .sahne{ position:relative; min-height:22rem; }
.yp-p4 .sahne svg{ display:block; width:100%; height:22rem; overflow:visible; }
.yp-p4 .orta{ position:absolute; left:33%; top:40%; transform:translate(-50%, -50%); text-align:center; pointer-events:none; }
.yp-p4 .orta b{ display:block; font-size: clamp(2.6rem, 5.2vw, 4.25rem); font-weight:800;
            letter-spacing:-0.045em; color:var(--cream); line-height:1; font-variant-numeric:tabular-nums; ;font-family:var(--font-d)}
.yp-p4 .orta span{ display:block; font-size:1rem; color:var(--cream-2); margin-top:0.4rem; }
.yp-p4 .yuzen{                                 
    position:absolute; right:0; top:50%; transform:translateY(-50%);
    background:var(--bg-2); border-radius:2px; padding:1.1rem 1.4rem;
    box-shadow:0 10px 30px color-mix(in srgb, rgba(255,255,255,0.120) 10%, transparent), 0 2px 6px color-mix(in srgb, rgba(255,255,255,0.120) 5%, transparent);
    display:grid; gap:0.85rem; min-width:9.5rem;
  }
.yp-p4 .yuzen b{ display:block; font-size: 0.9375rem; font-weight:700; letter-spacing:-0.02em;
             font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p4 .yuzen span{ display:block; font-size: 0.9375rem; color:var(--cream-2); }

.yp-p5 *{ box-sizing:border-box; }
.yp-p5 .pano{ max-width:84rem; margin:0 auto; border:1px solid rgba(255,255,255,0.120); border-radius:2px; overflow:hidden; }
.yp-p5 .sira{ display:grid; }
.yp-p5 .sira--kpi{ grid-template-columns:repeat(2, 1fr); }
.yp-p5 .sira--orta{ grid-template-columns:1fr; }
.yp-p5 .sira--alt{ grid-template-columns:1fr; }
@media (min-width: 760px){.yp-p5 .sira--kpi{ grid-template-columns:repeat(4, 1fr); } }
@media (min-width: 900px){.yp-p5 .sira--orta{ grid-template-columns:1fr 1fr; }.yp-p5 .sira--alt{ grid-template-columns:1.1fr 0.9fr 1fr; } }
.yp-p5 .h{ border-bottom:1px solid rgba(255,255,255,0.120); }
.yp-p5 .hucre{ padding:1.5rem 1.6rem; border-right:1px solid rgba(255,255,255,0.120); }
.yp-p5 .hucre:last-child{ border-right:0; }
.yp-p5 .kpi__e{ color:var(--cream-2); font-size: 0.9375rem; margin:0 0 0.9rem; }
.yp-p5 .kpi__d{ font-size: 1.75rem; font-weight:600; letter-spacing:-0.03em; margin:0 0 1.1rem;
            font-variant-numeric:tabular-nums; ;font-family:var(--font-d)}
.yp-p5 .kpi__f{ font-size: 0.9375rem; color:var(--cream-2); display:flex; align-items:center; gap:0.35rem; }
.yp-p5 .yesil{ color:#1d7748; font-weight:600; }
.yp-p5 .kirmizi{ color:#1d7748; font-weight:600; }
.yp-p5 .p__b{ font-size: 1rem; font-weight:600; margin:0; display:flex; align-items:center; gap:0.6rem; }
.yp-p5 .rozet{ font-size: 0.9375rem; font-weight:600; color:#1d7748; background:var(--bg-3);
           border-radius:2px; padding:0.1rem 0.45rem; display:inline-flex; align-items:center; gap:0.25rem; }
.yp-p5 .p__a{ color:var(--cream-2); margin:0.35rem 0 1.2rem; font-size: 0.9375rem; }
.yp-p5 svg.cz{ display:block; width:100%; height:15rem; overflow:visible; }
.yp-p5 table{ width:100%; border-collapse:collapse; font-size: 0.9375rem; }
.yp-p5 th{ text-align:left; color:var(--cream-2); font-weight:400; padding:0 0 0.7rem; }
.yp-p5 th.r, .yp-p5 td.r{ text-align:right; }
.yp-p5 td{ padding:0.72rem 0; border-top:1px solid rgba(255,255,255,0.070); font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p5 .liste{ display:grid; }
.yp-p5 .liste > div{ display:flex; align-items:center; gap:0.8rem; padding:0.85rem 0; border-top:1px solid rgba(255,255,255,0.070); }
.yp-p5 .liste > div:first-child{ border-top:0; }
.yp-p5 .ik{ width:2rem; height:2rem; border-radius:2px; background:var(--bg-3); display:flex;
        align-items:center; justify-content:center; flex:none; font:500 0.9375rem var(--font-m); color:var(--cream); }
.yp-p5 .liste b{ display:block; font-weight:500; }
.yp-p5 .liste span{ display:block; color:var(--cream-2); font-size: 0.9375rem; }
.yp-p5 .tam{ display:flex; flex-direction:column; align-items:center; justify-content:center;
         text-align:center; color:var(--cream-2); padding:2.5rem 1rem; }
.yp-p5 .tam .yuv{ width:2.6rem; height:2.6rem; border-radius:2px; background:var(--bg-3);
              display:flex; align-items:center; justify-content:center; margin-bottom:0.9rem; }


.yp-p9b .kv.bt { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9b .kv.bt i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.8; }
.yp-p9b .kv.bt s { position:absolute; top:9px; width:2px; height:12px; border:0; }
.yp-p9b .sr.ince .kv.bt i { top:14px; height:2px; opacity:.6; }
.yp-p9b .kv.sp { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9b .kv.sp i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.85; }
.yp-p9b .kv.sp s { position:absolute; top:7px; width:1px; height:16px; border:0; opacity:.9; }
.yp-p9b *{ box-sizing:border-box; }
.yp-p9b .kart{ border:1px solid rgba(255,255,255,0.120); border-radius:2px; overflow:hidden; }
.yp-p9b .k{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
       padding:1.25rem 1.5rem; }
.yp-p9b h2{ font-size: 1.125rem; font-weight:600; letter-spacing:-0.02em; margin:0; }
.yp-p9b .sy{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p9b .bs{ display:flex; align-items:center; gap:1.1rem; padding:.65rem 1.5rem;
        border-top:1px solid rgba(255,255,255,0.076); border-bottom:1px solid rgba(255,255,255,0.076);
        font-size: 0.9375rem; letter-spacing:0; text-transform:none; color:var(--cream-2); }
.yp-p9b .bs .a{ flex:1; }
.yp-p9b .bs .b{ width:108px; text-align:center; }
.yp-p9b .bs .c{ width:7.5rem; text-align:right; }
.yp-p9b .sr{ display:flex; align-items:center; gap:1.1rem; padding:.85rem 1.5rem .85rem 1.5rem;
        position:relative; border-bottom:1px solid rgba(255,255,255,0.058); }
.yp-p9b .sr:last-child{ border-bottom:0; }
.yp-p9b .sr.se{ background:var(--bg-3); }
.yp-p9b .ry{ position:absolute; left:0; top:12px; bottom:12px; width:3px; background:var(--bg-3); border-radius:0 3px 3px 0; }
.yp-p9b .sr.se .ry{ background:var(--bg-3); }
.yp-p9b .ad{ flex:1; min-width:0; }
.yp-p9b .ad b{ display:block; font-size: 0.9375rem; font-weight:600; letter-spacing:-0.01em; }
.yp-p9b .ad span{ display:block; font-size: 0.9375rem; color:var(--cream-2); margin-top:.1rem; }
.yp-p9b .kv{ flex:none; }
.yp-p9b .kv path{ fill:none; stroke-width:1.6; vector-effect:non-scaling-stroke; }
.yp-p9b .kv.y path{ stroke:#0b7a50; }
.yp-p9b .kv.d path{ stroke:#b03b3b; }
.yp-p9b .kv.dz path{ stroke:var(--muted); }
.yp-p9b .dg{ width:7.5rem; text-align:right; }
.yp-p9b .dg b{ display:block; font-size: 0.9375rem; font-weight:600; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9b .dg span{ display:block; font-size: 0.9375rem; margin-top:.1rem; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9b .dg .y{ color:#1d7748; }
.yp-p9b .dg .d{ color:#1d7748; }
.yp-p9b .dg .n{ color:var(--muted); }
.yp-p9b .alt{ margin-top:1.25rem; font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:58ch; }
.yp-p9b .alt b{ color:var(--cream); font-weight:600; }

.yp-p3 *{ box-sizing:border-box; }
.yp-p3 .sec{ max-width:76rem; margin:0 auto; padding:3.5rem 1.5rem; display:grid; gap:3rem;
         grid-template-columns:1fr; align-items:center; }
@media (min-width: 960px){.yp-p3 .sec{ grid-template-columns:1fr 1fr; gap:4.5rem; } }
.yp-p3 .hap{ display:inline-block; background:var(--bg-3); color:var(--cream); font-size: 0.9375rem; font-weight:600;
         padding:0.3rem 0.85rem; border-radius:999px; margin:0 0 1.4rem; }
.yp-p3 h2{ font-size: clamp(2.2rem, 4.6vw, 2.75rem); line-height:1.04; letter-spacing:-0.035em;
       font-weight:500; margin:0 0 1.4rem; max-width:12ch; }
.yp-p3 .metin{ font-size: 1rem; line-height:1.95; color:var(--cream-2); margin:0; max-width:46ch; }
.yp-p3 .izgara{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.yp-p3 .kart{ border:1px solid rgba(255,255,255,0.085); border-radius:2px; padding:1.5rem 1.4rem 1.4rem;
          display:flex; flex-direction:column; justify-content:space-between; min-height:10.5rem; }
.yp-p3 .ok{ margin-bottom:2.6rem; }
.yp-p3 .sat{ display:flex; align-items:baseline; gap:0.6rem; flex-wrap:wrap; }
.yp-p3 .buyuk{ font-size: 1.75rem; font-weight:400; letter-spacing:-0.03em; line-height:1;
           font-variant-numeric:tabular-nums; ;font-family:var(--font-d)}
.yp-p3 .delta{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p3 .etiket{ font-size: 0.9375rem; color:var(--cream-2); margin:0.55rem 0 0; }


.yp-p9c .kv.bt { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9c .kv.bt i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.8; }
.yp-p9c .kv.bt s { position:absolute; top:9px; width:2px; height:12px; border:0; }
.yp-p9c .sr.ince .kv.bt i { top:14px; height:2px; opacity:.6; }
.yp-p9c .kv.sp { position:relative; display:block; width:108px; height:30px; flex:none; }
.yp-p9c .kv.sp i { position:absolute; top:13px; height:4px; border-radius:2px; opacity:.85; }
.yp-p9c .kv.sp s { position:absolute; top:7px; width:1px; height:16px; border:0; opacity:.9; }
.yp-p9c *{ box-sizing:border-box; }
.yp-p9c .kart{ border:1px solid rgba(255,255,255,0.120); border-radius:2px; overflow:hidden; }
.yp-p9c .k{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
       padding:1.25rem 1.5rem; }
.yp-p9c h2{ font-size: 1.125rem; font-weight:600; letter-spacing:-0.02em; margin:0; }
.yp-p9c .sy{ font-size: 0.9375rem; color:var(--cream-2); }
.yp-p9c .bs{ display:flex; align-items:center; gap:1.1rem; padding:.65rem 1.5rem;
        border-top:1px solid rgba(255,255,255,0.076); border-bottom:1px solid rgba(255,255,255,0.076);
        font-size: 0.9375rem; letter-spacing:0; text-transform:none; color:var(--cream-2); }
.yp-p9c .bs .a{ flex:1; }
.yp-p9c .bs .b{ width:108px; text-align:center; }
.yp-p9c .bs .c{ width:7.5rem; text-align:right; }
.yp-p9c .sr{ display:flex; align-items:center; gap:1.1rem; padding:.85rem 1.5rem .85rem 1.5rem;
        position:relative; border-bottom:1px solid rgba(255,255,255,0.058); }
.yp-p9c .sr:last-child{ border-bottom:0; }
.yp-p9c .sr.se{ background:var(--bg-3); }
.yp-p9c .ry{ position:absolute; left:0; top:12px; bottom:12px; width:3px; background:var(--bg-3); border-radius:0 3px 3px 0; }
.yp-p9c .sr.se .ry{ background:var(--bg-3); }
.yp-p9c .ad{ flex:1; min-width:0; }
.yp-p9c .ad b{ display:block; font-size: 0.9375rem; font-weight:600; letter-spacing:-0.01em; }
.yp-p9c .ad span{ display:block; font-size: 0.9375rem; color:var(--cream-2); margin-top:.1rem; }
.yp-p9c .kv{ flex:none; }
.yp-p9c .kv path{ fill:none; stroke-width:1.6; vector-effect:non-scaling-stroke; }
.yp-p9c .kv.y path{ stroke:#0b7a50; }
.yp-p9c .kv.d path{ stroke:#b03b3b; }
.yp-p9c .kv.dz path{ stroke:var(--muted); }
.yp-p9c .dg{ width:7.5rem; text-align:right; }
.yp-p9c .dg b{ display:block; font-size: 0.9375rem; font-weight:600; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9c .dg span{ display:block; font-size: 0.9375rem; margin-top:.1rem; font-variant-numeric:tabular-nums; ;font-family:var(--font-m)}
.yp-p9c .dg .y{ color:#1d7748; }
.yp-p9c .dg .d{ color:#1d7748; }
.yp-p9c .dg .n{ color:var(--muted); }
.yp-p9c .alt{ margin-top:1.25rem; font-size: 0.9375rem; color:var(--cream-2); line-height:1.75; max-width:58ch; }
.yp-p9c .alt b{ color:var(--cream); font-weight:600; }


/* ═══ KÜNYE SATIRI ═══ grafiğin altındaki TEK satır kaynak notu (ONS/FT
   "Kaynak · Not" grameri). 23 Eyl'e kadar dört sütunlu, 9px büyük harfli bir
   ızgaraydı: her bölümde cümlenin söylediğini ikinci kez, dört kutuda
   söylüyordu (Çağkan: "endeks çok karışık"). Mono etiket kademesi (13px),
   büyük harf ve açık harf aralığı yok (core.css mono kilidi). */
.yp-kunye { display:flex; flex-wrap:wrap; gap:.3rem 1.4rem;
  margin:0; padding-top:.75rem; border-top:1px solid var(--border);
  font-family:var(--font-m); font-size: 0.9375rem; line-height:1.5; }
.yp-kunye > div { display:flex; gap:.45em; min-width:0; }
.yp-kunye dt { margin:0; color:var(--muted); }
.yp-kunye dd { margin:0; color:var(--cream-2); overflow-wrap:anywhere; }
/* Dördüncü yuva DIŞARIDA: sayfanın dürüstlük iddiası; okunur kademede kalır. */
.yp-kunye > div:last-child dd { color:var(--muted); }

/* Güçlü tonlu takvim hücresinde sayı karşıt çapaya döner (kontrast 1,30 → yukarı) */
.yp .h.guclu b { color:var(--bg); }
.yp .h.guclu .g { color:rgba(8,8,8,.62); }

/* ── Sayfa başlığı bloğu, enstrümanlarla aynı dile iner ── */
.ex-kpi { border-radius:var(--r); overflow:hidden; border-color:var(--border-2); }
/* ⚠️ Endeks yüzdesi forest basılıyordu; sayfa genelinde forest artık DÜŞEN
   yönün rengi. Yükselen değer bal altın olmak zorunda, yoksa aynı renk
   sayfanın iki yerinde iki ayrı şey söyler. */
/* Aynı sayı sayfanın iki yerinde: KPI şeridi ve günlük panelin iri okuması.
   İkisi de yön rengini taşır, yoksa tek sayı iki ayrı şey söylüyormuş gibi durur. */
.ex-k--ana .ex-k-v, .ex-buyuk, .ex-eks--son { color:#2fbf74; }
.ex-ray { stroke:#2fbf74; }
.ex-son { fill:#2fbf74;
  stroke:#2fbf74; }

/* ── 3 · Çağkan: "endeks günlüğün köşeli duruşunu diğer portlar gibi yumuşat" ── */
.ex-panel { border-radius:var(--r); }
.ex-tab-kap, .ex-graf, .ex-olay { border-radius:4px; }

/* ── 4 · pencere rozeti (anlamsız ikonun yerine) ── */
.yp-p2 .pnc { display:inline-flex; align-items:center; justify-content:center;
  min-width:2.1rem; height:1.55rem; padding:0 .45rem; border-radius:2px;
  border:1px solid var(--border-2); background:var(--bg-2);
  font-family:var(--font-m); font-size: 0.9375rem; color:var(--cream-2); }

/* ── 5 · Çağkan: "tüm sütunları yeşil yapmışsın" → ısı rampasının iki ucu ──
   🔒 Renk YÖN söyler, YARGI söylemez: rampanın kendi tanımı "değer değil ısı
   kodlanır". Yükselen fiyat daha SICAK, düşen daha serin. */
.yp-p6 .h.y { background:color-mix(in srgb, #e0a038 calc(var(--o) * 100%), transparent); }
.yp-p6 .h.d { background:color-mix(in srgb, #2fbf74 calc(var(--o) * 100%), transparent); }
.yp-p6 .h.y b { color:#e0a038; }
.yp-p6 .h.d b { color:#2fbf74; }
.yp-p6 .h.guclu b { color:var(--bg); }
.yp-p6 .t.y { color:#e0a038; background:color-mix(in srgb, #e0a038 13%, transparent); }
.yp-p6 .t.d { color:#2fbf74; background:color-mix(in srgb, #2fbf74 13%, transparent); }

/* ── 6 · Çağkan: "yeşil çekirdekten rafa başlık/metin ölçüsünü boy başına da uygula" ──
   p3'ün ölçüsü p4'e taşındı: h1 clamp(2,2-3,4rem), gövde 1,06rem/1,95. */
/* ⚠️ Bu kural seciciIndir'den GECMIYOR (yay.js'in kendi sistem katmani metni,
   portCss ciktisi degil). Baslik seviyesi indirilince h1 olarak kalinca kural
   OLU dustu ve p4'un basligi 54,4px -> 31,2px kuculdu; gozle bakilmasaydi
   gorulmezdi. Seviye degistirirsen BURAYI DA degistir.
   ⚠️ Bu blok bir template literal: yoruma TERS TIRNAK koyma, diziyi kapatir. */
.yp-p4 h2 { font-size: clamp(2.2rem, 4.6vw, 2.75rem); line-height:1.04;
  letter-spacing:-0.035em; font-weight:500; margin:0 0 .9rem; }
/* 23 Eyl rol sözlüğü: portun KENDİ başlığı bir GRAFİK başlığıdır (22px / 600),
   bölüm başlığının (28) altında durur. p3/p4'ün 48px'lik başlığı bölüm başlığını
   geçiyordu, p3'te bölüm adını ikinci kez basıyordu; p9 18, p6/p7 22 idi. */
.yp.yp h2 { font-size:1.375rem; line-height:1.2; letter-spacing:-0.02em; font-weight:600; }
.yp-p4 .metin { font-size: 1rem; line-height:1.95; max-width:46ch; }

/* ── 7 · Çağkan: "menşe tahtasındaki çalışma disiplinini genel sayfaya
   yayabilirsin" ── O disiplin efferd grameri: PANEL ARASI BOŞLUK YOK,
   ayrım saç teli çizgi, ızgara tam genişlik, köşe yok. Kart ızgaraları
   (02 ve 10) yüzen yuvarlak kartlardan tek panele iner. p9/p6/p7/p8 zaten
   kendi tutarlı gramerlerinde, onlara dokunulmuyor. */
.yp-p2 .sira, .yp-p10 .bn, .yp-p10 .sag, .yp-p10 .ikili { gap:0; }
.yp-p2 .sira { border:1px solid var(--border-2); border-radius:var(--r); overflow:hidden; }
.yp-p2 .kart { border:0; border-radius:0; border-right:1px solid var(--border); }
.yp-p2 .kart:last-child { border-right:0; }
.yp-p10 .bn { border:1px solid var(--border-2); border-radius:var(--r); overflow:hidden; background:var(--bg-2); }
/* 28 Eyl (Cagkan, foy B): gri dolgu hicbir zeminde yok. Kart beyaz; siyah bantta secili satir dolgusuz + beyaz sol cubuk. */
.yp-p10 .bg { background:var(--bg-2); }
.yp-p9a .sr.se, .yp-p9b .sr.se { background:var(--bg-2); }
.yp-p9c .sr.se { background:transparent; }
.yp-p9c .sr.se .ry { background:var(--cream); }
/* 28 Eyl (tip ölçeği 15 taban): telefonda ad sütununa 42px kalıyordu, "Anaerobic" 71px — ad kendi satırına, çubuk ve değer altına. */
@media (max-width:480px){ .yp-p9a .sr, .yp-p9b .sr, .yp-p9c .sr { flex-wrap:wrap; row-gap:.4rem; } .yp-p9a .ad, .yp-p9b .ad, .yp-p9c .ad { flex:1 1 100%; } }
.yp-p4 .cta { background:var(--bg-2); border:1px solid var(--border-3); }
.yp-p10 .kt { border:0; border-radius:0; }
.yp-p10 .kt.bg { border-right:1px solid var(--border); }
.yp-p10 .ust { border-bottom:1px solid var(--border); }
.yp-p10 .ikili > .kt + .kt { border-left:1px solid var(--border); }
@media (max-width:839px){
  .yp-p2 .kart { border-right:0; border-bottom:1px solid var(--border); }
  .yp-p2 .kart:last-child { border-bottom:0; }
  .yp-p10 .kt.bg { border-right:0; border-bottom:1px solid var(--border); }
}

/* ── Çağkan 19 Eyl: "raf hareketindeki ışıklar gitmiş" ──────────────────
   p7'nin işaretleri portta #0f172a (koyu = kımıldadı). Koyu KART'ı ters
   çevirmeyi kapatınca bu küçük İŞARETLER de sayfa zeminine indi ve
   kayboldu. Kart yüzeyi ile işaret ayrı şeyler: yüzey sayfaya uyar,
   işaret RENK taşır. Kımıldayan gece aksanı alır, sessiz gece yüzey. */
.yp-p7 .cu i { background:var(--bg-3); }
.yp-p7 .cu i.v { background:#2fbf74; }
.yp-p7 .dt.on { background:#2fbf74; }
.yp-p7 .dt.off { background:var(--border-3); }

/* ── Yön çifti sayfanın geri kalanına yayılıyor ──
   Aynı iki ton her yerde aynı şeyi söyler: yükselen bal altın, düşen forest. */
.yp-p8 .ik.cik, .yp-p8 .tg.cik { color:#e0a038; }
.yp-p8 .tg.cik { border-color:color-mix(in srgb, #e0a038 34%, transparent); }
.yp-p8 .ik.in, .yp-p8 .tg.in { color:#2fbf74; }
.yp-p8 .tg.in { border-color:color-mix(in srgb, #2fbf74 34%, transparent); }
[class*="yp-p9"] .dg .y { color:#e0a038; }
[class*="yp-p9"] .dg .d { color:#2fbf74; }
[class*="yp-p9"] .kv.y path { stroke:#e0a038; }
[class*="yp-p9"] .kv.d path { stroke:#2fbf74; }

/* ═══ TAHTA ═══ efferd grameri: paneller arası boşluk yok, saç teli ayrım.
   Enstrümanlar bölüm içinde üst üste değil ARDIŞIK durur; aralarındaki
   1px çizgi hem ayraç hem ritim. Sayfa bu yüzden kısalıyor. */
.yp + .yp { margin-top:0; border-top:1px solid var(--border); padding-top:1.6rem; }
.yp-ikili { display:grid; gap:0; }
@media (min-width:1080px){
  /* 🔒 Asimetrik açıklık: 7/5. Eşit iki kolon "3 eşit kart"ın ikizidir. */
  .yp-ikili { grid-template-columns:7fr 5fr; }
  .yp-ikili > .yp + .yp { border-top:0; border-left:1px solid var(--border);
    padding-top:0; padding-left:1.6rem; }
  .yp-ikili > .yp:first-child { padding-right:1.6rem; }
  /* İki liste farklı uzunlukta; kısa olan bitince altında ölü boşluk
     kalıyordu. Yapışkan yapılınca o boşluk okuma yardımına dönüşüyor:
     marka şeridi kaydırılırken "bu gece ne oldu" gözde kalıyor.
     Nav 64px + nefes payı. */
  .yp-ikili > .yp + .yp { position:sticky; top:8.5rem; align-self:start; }   /* nav 70 + şerit 38 + nefes */
}

/* ═══ BÖLÜM TİPOGRAFİSİ ═══ hüküm okunur kademeye çıkar, kapsam sıkışır */
.ex-blok > h2, .ex-panel h2 { font-family:var(--font-d); }
.ex-hukum { max-width:68ch; color:var(--cream-2); font-size: 1rem; line-height:1.62; }
.ex-hukum b { color:var(--cream); font-weight:600; }
/* ⚠️ Kapsam paragrafı sitede MONO basılıyordu. Mono bizim sistemimizde
   etiket/sayı/zaman damgası taşır (TASARIM.md tipografi tablosu); dört
   satırlık düzyazıda okuma hızını düşürüyor. Gövde fontuna alındı,
   terminal dili etiketlerde ve künye rayında duruyor. */
.ex-kapsam { max-width:78ch; color:var(--muted); font-size: 0.9375rem;
  line-height:1.65; font-family:var(--font-b); letter-spacing:0; }
.ex-kapsam a { color:var(--pop); }
/* 🔒 Doku yok: grain 31 Tem'de emekli edildi (kilit terminal-black-zemin).
   Portun çapraz şerit dokusu ters çevrilince karta kirlilik olarak biniyor. */
.yp .bg::after, .yp .kt.bg::after { display:none; }
.ex-alt-h { font-family:var(--font-d); }

/* ⚠️ Şerit 0'a yapışınca nav'ın (fixed, z-index 200) ALTINDA kalıyordu.
   Yapışma noktası nav'ın bittiği yer: var(--nav-h). 24 Eyl 2026'ya kadar 74px
   sabitti (nav yüzen hap iken alt kenarı 70'ti); bant hâline gelen nav 57'de
   bitiyor ve arada 17px boş bant kalıyordu (Çağkan: "rahatsız olduğum bant"). */
.yp-serit { position:sticky; top:var(--nav-h); z-index:40; background:var(--bg);
  border-bottom:1px solid var(--border); margin:0 0 1.6rem;
  margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); }
/* 28 Eyl (Cagkan, telefon): kenardan kenara; yapisinca yanlarda arkadaki icerik gorunuyordu. */
/* Nav yüzen bir hap (top:12, alt kenar 70) ve arkasından içerik geçiyor.
   Şerit 74'e yapışınca aradaki 24px'lik bantta içerik sızıyordu; şeridin
   zemini yukarı uzatılıyor.
   ⚠️ Bant YALNIZ yapışıkken boyanır: sayfa en üstteyken şerit akış içinde
   duruyor ve band ÜSTÜNDEKİ içeriği örtüyordu (KPI şeridinin üçüncü satırı
   kayboldu, hit-test ile yakalandi). Yapisma durumu bir nobetci oge ile
   olculur; scroll dinleyicisi yasak (backtick YOK: sablonu kirar). */
.yp-serit::before { content:''; position:absolute; left:0; right:0; bottom:100%;
  height:var(--nav-h); background:var(--bg); opacity:0; pointer-events:none; }
.yp-serit.yapisik::before { opacity:1; }
/* Mobil (24 Eyl 2026): nav 60px ve asagi kaydirinca gizleniyor (nav.css, nav--mgizli).
   Serit 74'te sabit kalinca nav'in bosalttigi yer bos bir bant olarak kaliyordu
   ("nav kalinlasti", telefon). Serit nav'i izler: gorunurken altina, gizlenince tepeye;
   ayni 0.4s ease ile. */
@media (max-width:768px){
  .yp-serit { transition:top .4s ease; margin-inline:-1.1rem; padding-inline:1.1rem; }
  body:has(.nav--mgizli) .yp-serit { top:0; }
}
@media (max-width:768px) and (prefers-reduced-motion: reduce){ .yp-serit { transition:none; } }
.yp-serit ol { display:flex; gap:0; margin:0; padding:0; list-style:none;
  overflow-x:auto; scrollbar-width:none; }
.yp-serit ol::-webkit-scrollbar { display:none; }
/* Dokunma hedefi 44px (WCAG 2.5.5 / ux-kurallari §2): 0.7rem dolgu 38px
   veriyordu, telefonda ıskalanan bir sekme şeridi hiç olmayandan kötüdür. */
/* ⚠️ 21 Eyl 2026: bu kural bir kez duzlestirildi (mono disiplini: pozitif harf
   arali yok) ama duzeltme URETILEN dosyaya yazilmisti (website/css/endeks-port.css),
   KAYNAGA degil. Ilk build:endeks kosusu onu geri aldi ve test kirmizi yandi —
   yani gece dongusu de her gece geri aliyordu ve kimse gormuyordu.
   Uretilen dosyayi duzenleme: hukum burada. */
.yp-serit a { display:block; white-space:nowrap; padding:.85rem 1rem; min-height:44px;
  font-family:var(--font-m); font-weight:400; font-size: 0.9375rem; letter-spacing:0;
  color:var(--muted); text-decoration:none; border-bottom:2px solid transparent;
  transition:color 150ms cubic-bezier(.23,1,.32,1); }
.yp-serit a:hover { color:var(--cream-2); }
.yp-serit a[aria-current="true"] { color:var(--cream); border-bottom-color:var(--pop); }
.yp-serit a:focus-visible { outline:2px solid var(--pop); outline-offset:-2px; }
.yp-nobet { height:1px; margin:0; }
/* çapaya atlayınca bölüm başlığı nav+şeridin altında kalmasın */
.ex-blok, .ex-panel { scroll-margin-top:8.5rem; }
@media (prefers-reduced-motion: reduce){ .yp-serit a { transition:none; } }