/* Never show buffering UI before playback actually needs it.
   The [hidden] attribute must win over this file's display:flex!important rules. */
#main-content .pati-reel-item .pati-reel-buffering[hidden],
#main-content .pati-reels-viewport>.pati-reels-load-more[hidden]{
 display:none!important;
}

/* Reels loading should be rare and subtle, not a large repeated dialog.
   Actual decoding/preload/pagination logic lives in app.js. */
#main-content .pati-reel-item .pati-reel-buffering:not(.pati-reel-buffering-error){
 display:flex;justify-content:center;align-items:center;
 width:46px!important;height:46px!important;
 min-width:46px!important;max-width:46px!important;
 min-height:46px!important;max-height:46px!important;
 padding:0!important;margin:0!important;gap:0!important;
 border:1px solid #ffffff36!important;
 border-radius:50%!important;background:#090b11b8!important;
 box-shadow:0 3px 16px #0004!important;
 -webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important;
 pointer-events:none!important;
}
#main-content .pati-reel-item .pati-reel-buffering .pati-reel-spinner{
 display:block!important;width:22px!important;height:22px!important;
 border-width:2px!important;
}
#main-content .pati-reel-item .pati-reel-buffering:not(.pati-reel-buffering-error) :is(.pati-reel-loading-label,progress){
 position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;
 white-space:nowrap!important;
}
#main-content .pati-reel-item .pati-reel-buffering.pati-reel-buffering-error{
 width:auto!important;min-width:155px!important;max-width:calc(100% - 70px)!important;
 padding:12px 16px!important;min-height:52px!important;
 border-radius:14px!important;background:#101319ed!important;
 color:#fff!important;
}
#main-content .pati-reel-item .pati-reel-buffering.pati-reel-buffering-error .pati-reel-loading-label{
 display:block!important;font-weight:700!important;font-size:12px!important;
 line-height:1.4!important;color:#fff!important;
}
#main-content .pati-reel-item .pati-reel-buffering.pati-reel-buffering-error progress{
 display:none!important;
}
/* Fetch next Reels unobtrusively, without a tall "Videolar yükleniyor" card. */
#main-content .pati-reels-viewport>.pati-reels-load-more[hidden]{
 display:none!important;
}
#main-content .pati-reels-viewport>.pati-reels-load-more:not(:has(button)){
 display:none!important;
}
@media(prefers-reduced-motion:reduce){
 #main-content .pati-reel-item .pati-reel-spinner{animation:none!important}
}