/* Blog yazısı: okuma yardımcısı (sağ boşluk) + "Yazıda geçen ürünler" kayar şeridi. Yalnız blog-yazi sayfasında yüklenir.
   Okuma sütunu 760px (orisa-post.css) daralmaz: yardımcı, sütunun sağındaki boş alana mutlak konumla oturur.
   Kaydırmada yalnız transform/opacity/renk değişir; düzen ölçüsü sabit. */

/* site.css'teki eski genişlik tabanlı çubuk bu sayfada yerini aşağıdaki .ori-rd-top'a bırakır */
.bar-top{display:none}

/* ---- okuma yardımcısı ---- */
.ori .ori-post-body{position:relative}
.ori .ori-rd{display:none}
@media (min-width:1300px){
  .ori .ori-rd{display:block;position:absolute;top:0;bottom:0;left:calc(min(100%,760px) + clamp(48px,4.5vw,88px));width:clamp(200px,15.5vw,252px)}
}
.ori .ori-rd__in{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:2px 2px 8px}
.ori .ori-rd__in::-webkit-scrollbar{display:none}
.ori .ori-rd__osd{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:9px 14px;border:1px solid #E4E4E4;border-radius:999px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--yk-ink,#0D1015);white-space:nowrap;font-variant-numeric:tabular-nums}
.ori .ori-rd__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--yk-red,#E1243A);box-shadow:0 0 0 3px rgba(225,36,58,.14);animation:oriRdRec 1.4s steps(1) infinite}
.ori .ori-rd__rec{color:var(--yk-red,#E1243A)}
.ori .ori-rd__left{margin-left:auto;letter-spacing:.02em;text-transform:none;font-weight:500;color:#585959}
.ori .ori-rd.is-done .ori-rd__dot{animation:none;background:var(--yk-ink,#0D1015);box-shadow:none}
.ori .ori-rd.is-done .ori-rd__rec{color:var(--yk-ink,#0D1015)}
@keyframes oriRdRec{0%{opacity:1}50%{opacity:.2}}
.ori .ori-rd__bar{height:2px;margin:0 0 28px;border-radius:2px;background:#E4E4E4;overflow:hidden}
.ori .ori-rd__bar i{display:block;height:100%;background:var(--yk-red,#E1243A);transform-origin:0 50%;transform:scaleX(0);will-change:transform}
.ori .ori-rd__h{margin:0 0 10px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#8a8f97}
.ori .ori-rd__map{position:relative;padding-left:28px}
.ori .ori-rd__rail{position:absolute;left:8px;top:6px;bottom:6px;width:2px;border-radius:2px;background:#E4E4E4;overflow:hidden}
.ori .ori-rd__rail i{position:absolute;inset:0;background:var(--yk-red,#E1243A);transform-origin:50% 0;transform:scaleY(0);will-change:transform}
.ori .ori-rd__mark{position:absolute;left:0;top:0;width:18px;height:18px;z-index:1;transform:translateY(-9px);transition:transform .5s cubic-bezier(.2,.8,.1,1);will-change:transform}
.ori .ori-rd__mark svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ori .ori-rd__mark circle{fill:#fff;stroke:var(--yk-red,#E1243A);stroke-width:1.8}
.ori .ori-rd__mark .vf{stroke:var(--yk-ink,#0D1015);stroke-width:1.4;transform-origin:10px 10px}
.ori .ori-rd__list{list-style:none;margin:0;padding:0}
.ori .ori-rd__list li{margin:0;padding:0}
.ori .ori-rd__list a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px;padding:7px 0;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:#8a8f97;text-decoration:none;transition:color .3s ease}
.ori .ori-rd__list .n{padding-top:2px;font-size:11px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:color .3s ease}
.ori .ori-rd__list .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ori .ori-rd__list a.is-done{color:#3a3f48}
.ori .ori-rd__list a.is-on{color:var(--yk-ink,#0D1015)}
.ori .ori-rd__list a.is-on .n{color:var(--yk-red,#E1243A)}
.ori .ori-rd__list a:hover,.ori .ori-rd__list a:focus-visible{color:var(--yk-red,#E1243A)}

/* telefon / dar ekran karşılığı: üstte ince kırmızı ilerleme çizgisi (JS body'e ekler) */
.ori-rd-top{position:fixed;left:0;right:0;top:0;height:3px;z-index:96;pointer-events:none}
.ori-rd-top i{display:block;height:100%;background:#E1243A;transform-origin:0 50%;transform:scaleX(0);will-change:transform}
@media (min-width:1300px){.ori-rd-top{display:none}}

/* ---- yazıda geçen ürünler: kayar şerit (mağaza kartları) ---- */
.ori .ori-prail{margin-top:clamp(64px,6vw,104px)}
.ori .ori-prail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:760px;margin-bottom:clamp(20px,2vw,32px)}
.ori .ori-prail__h{margin:0;font-size:clamp(26px,2.2vw,36px);font-weight:600;line-height:1.08;letter-spacing:-.05em;color:var(--yk-ink,#0D1015)}
.ori .ori-prail__n{display:inline-block;margin-left:4px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--yk-red,#E1243A);vertical-align:super;font-variant-numeric:tabular-nums}
.ori .ori-prail__note{margin:10px 0 0;max-width:46ch;font-size:15px;font-weight:400;line-height:1.45;color:#585959}
.ori .ori-prail__nav{flex:none;display:flex;gap:10px}
.ori .ori-prail.is-static .ori-prail__nav,.ori .ori-prail.is-static .ori-prail__prog{visibility:hidden}
.ori .ori-prail__btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #D9D9D9;border-radius:50%;background:#fff;color:var(--yk-ink,#0D1015);cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,opacity .25s ease}
.ori .ori-prail__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ori .ori-prail__btn:hover:not(:disabled),.ori .ori-prail__btn:focus-visible{background:var(--yk-ink,#0D1015);border-color:var(--yk-ink,#0D1015);color:#fff}
.ori .ori-prail__btn:disabled{opacity:.35;cursor:default}
.ori .ori-prail__track{position:relative;display:flex;gap:clamp(16px,1.6vw,24px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:calc(50% - 50vw);padding:4px calc(50vw - 50% + 24px) 8px 0;border-radius:20px 0 0 20px}
.ori .ori-prail__track::-webkit-scrollbar{display:none}
.ori .ori-prail__track:focus-visible{outline:2px solid var(--yk-red,#E1243A);outline-offset:4px}
.ori .ori-prail__item{position:relative;flex:0 0 clamp(236px,18vw,272px);min-width:0;scroll-snap-align:start}
.ori .ori-prail__prog{max-width:760px;height:2px;margin-top:24px;border-radius:2px;background:#E4E4E4;overflow:hidden}
.ori .ori-prail__prog i{display:block;width:100%;height:100%;background:var(--yk-ink,#0D1015);transform-origin:0 50%;transform:scaleX(.25);will-change:transform}
@media (max-width:767.98px){
  .ori .ori-prail__head{gap:16px}
  .ori .ori-prail__btn{width:42px;height:42px}
  .ori .ori-prail__item{flex-basis:min(248px,66vw)}
}

@media (prefers-reduced-motion:reduce){
  .ori .ori-rd__dot{animation:none}
  .ori .ori-rd__mark,.ori .ori-rd__list a,.ori .ori-prail__btn{transition:none}
  .ori .ori-prail__track{scroll-behavior:auto}
}

/* Blog stüdyosu: kaynaklar bölümü ve metin içi dipnotlar (<sup><a href="#kaynak-n">[n]</a></sup>) */
.ori .ori-post-content sup{font-size:.62em;line-height:0;vertical-align:super;margin-left:1px}
.ori .ori-post-content sup a{text-decoration:none;color:var(--yk-red,#E1243A);font-weight:600;font-variant-numeric:tabular-nums}
.ori .ori-post-content .yk-refs{margin:56px 0 0;padding-top:8px;border-top:1px solid var(--at-neutral-100,#E4E4E4)}
.ori .ori-post-content .yk-refs h2{font-size:22px;letter-spacing:-.03em;margin:24px 0 14px}
.ori .ori-post-content .yk-refs ol{font-size:15px;line-height:1.5;padding-left:1.4em}
.ori .ori-post-content .yk-refs li{margin-bottom:6px;scroll-margin-top:120px;border-radius:6px;transition:background .6s}
.ori .ori-post-content .yk-refs li:target{background:rgba(225,36,58,.08)}
.ori .ori-post-content .yk-refs a{word-break:break-word}