/* "olsun." ortak sayacı — ana sayfa açılışı + /sarkilar/ (olsun-sayac.js). Değişkenler sayfadan gelir: --ink --paper --red --rule --blue --muted */
.olsun-sayac{position:relative;display:flex;align-items:center;gap:18px;margin-top:32px}
.os-dugme{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;font:inherit;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .09s,box-shadow .09s,background .2s}
.os-dugme:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.os-yazi{display:inline-flex;align-items:baseline;font-size:17px;font-weight:600;letter-spacing:-.04em}
.os-nokta{position:relative;display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:2px}
.os-nokta::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;pointer-events:none}
.os-dugme.bas .os-nokta::after{animation:os-murekkep .6s ease-out}
.os-sayi{display:inline-block;min-width:1ch;font-size:17px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.olsun-sayac.bos .os-sayi{opacity:.55}
.olsun-sayac .os-satir{margin:0;max-width:none;font-size:12px;line-height:1.4;color:var(--muted);letter-spacing:-.01em}

/* her hane ayrı pencerede döner */
.olsun-sayac .os-dugme{gap:14px;padding:8px 8px 8px 18px;border:1.5px solid var(--ink);border-radius:12px;background:var(--red);color:#fff;box-shadow:3px 3px 0 var(--ink)}
.olsun-sayac .os-sayi{display:inline-flex;gap:3px;animation:none}
.os-hane{display:inline-block;width:21px;padding:8px 0;border-radius:4px;background:linear-gradient(#2a2623 50%,#1b1816 50%);color:#f5f3ef;text-align:center;font-size:17px;font-weight:500;box-shadow:inset 0 0 0 1px #00000040}
.os-hane.art{animation:os-hane .32s cubic-bezier(.3,.7,.3,1)}
.olsun-sayac .os-dugme:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}

.os-cip{position:absolute;z-index:3;display:flex;align-items:center;gap:5px;padding:4px 8px 4px 7px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font-size:11px;line-height:1;letter-spacing:.06em;color:var(--blue);white-space:nowrap;pointer-events:none;animation:os-uc 1.9s cubic-bezier(.2,.7,.3,1) forwards}
.os-cip i{width:5px;height:5px;border-radius:50%;background:var(--red)}
.os-cip.kendi{color:var(--ink);letter-spacing:.02em}
@keyframes os-murekkep{from{transform:scale(1);opacity:.6}to{transform:scale(6);opacity:0}}
@keyframes os-hane{from{transform:translateY(-35%) scaleY(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes os-uc{0%{opacity:0;transform:translate(-50%,0)}14%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-64px)}}
@media(max-width:600px){.olsun-sayac{margin-top:22px;gap:14px}.os-yazi,.os-sayi,.os-hane{font-size:15px}.os-hane{width:18px;padding:7px 0}.olsun-sayac .os-dugme{padding:7px 7px 7px 15px;gap:11px}.olsun-sayac .os-satir{font-size:11px}}
@media(prefers-reduced-motion:reduce){.os-dugme.bas .os-nokta::after,.os-hane.art{animation:none}}