/* Buchee / 4. aşama: yalnızca Reels — video ve etkileşim verilerine dokunmaz. */
html[data-pati-view="reels"] #main-content{
 background:#050507!important;
 overflow-x:hidden!important;
}
html[data-pati-view="reels"] #main-content .pati-reels-viewport{
 scroll-snap-type:y mandatory!important;
 overscroll-behavior-y:contain!important;
 -webkit-overflow-scrolling:touch;
 scroll-behavior:auto!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item{
 scroll-snap-align:start!important;
 scroll-snap-stop:normal;
 isolation:isolate!important;
 background:#050507!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-video{
 background:#050507!important;
 object-fit:contain!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info>.pati-reel-caption.is-empty{
 display:none!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info .pati-reel-caption-text{
 overflow-wrap:anywhere;
 text-shadow:0 1px 5px rgba(0,0,0,.7)!important;
}
html[data-pati-view="reels"] #main-content .pati-reels-empty{
 box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 gap:13px!important;padding:34px 20px!important;
 color:#fff!important;text-align:center!important;
 min-height:45dvh;
}
html[data-pati-view="reels"] #main-content .pati-reels-empty p{
 margin:0!important;color:#eee!important;font-size:14px!important;line-height:1.5!important;
}
html[data-pati-view="reels"] #main-content .pati-reels-empty button{
 min-height:44px!important;min-width:120px!important;
 padding:10px 18px!important;border:1px solid #fff5!important;border-radius:11px!important;
 background:#fff!important;color:#191a22!important;font-weight:750!important;
}
html[data-pati-view="reels"] #main-content :is(.buchee-reels-camera,.pati-reel-action,.pati-reel-tool,.buchee-pause-control,.pati-reel-follow,.pati-reel-caption-toggle,.pati-reel-avatar-link):focus-visible{
 outline:2px solid #fff!important;outline-offset:3px!important;
}
html[data-pati-view="reels"] #main-content>.pati-reels-head .buchee-reels-camera{
 width:46px!important;height:46px!important;
 min-width:46px!important;min-height:46px!important;
 border:0!important;border-radius:12px!important;
 background:transparent!important;color:#fff!important;
 box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-pati-view="reels"] #main-content>.pati-reels-head .buchee-reels-camera svg{
 width:26px!important;height:26px!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-rail .pati-reel-action-label{
 display:none!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-rail .pati-reel-count{
 font-size:11px!important;line-height:1.15!important;
 font-variant-numeric:tabular-nums!important;
 color:#fff!important;
 text-shadow:0 1px 4px #000d!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-rail>button:focus-visible,
html[data-pati-view="reels"] #main-content .pati-reel-item [data-action="reel-sound"]:focus-visible{
 outline:2px solid #fff!important;outline-offset:1px!important;
}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-rail>button.active[data-action="save"]{
 color:#fff!important;
}
@media(max-width:740px){
 html[data-pati-view="reels"] #main-content>.pati-reels-head{
  padding:calc(8px + env(safe-area-inset-top,0px)) 12px 9px!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0))!important;
 }
 html[data-pati-view="reels"] #main-content>.pati-reels-head h1{
  font-size:22px!important;line-height:1.2!important;color:#fff!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info{
  position:absolute!important;left:max(12px,env(safe-area-inset-left,0px))!important;
  right:70px!important;top:auto!important;
  bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
  z-index:25!important;display:flex!important;flex-direction:column!important;
  gap:6px!important;max-height:min(42dvh,280px)!important;
  padding:0!important;pointer-events:none!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info>.pati-reel-author{
  position:relative!important;inset:auto!important;
  min-height:42px!important;max-width:100%!important;
  display:flex!important;align-items:center!important;
  margin:0!important;gap:7px!important;pointer-events:auto!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info .pati-reel-avatar-link{
  display:grid!important;place-items:center!important;
  min-width:42px!important;min-height:42px!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info>.pati-reel-caption{
  position:relative!important;inset:auto!important;max-width:100%!important;
  max-height:64px!important;overflow:hidden!important;
  font-size:13px!important;line-height:1.42!important;
  margin:0!important;pointer-events:auto!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info>.pati-reel-caption.is-expanded{
  max-height:min(28dvh,190px)!important;overflow:auto!important;
  background:rgba(10,13,20,.86)!important;border-radius:12px!important;
  padding:10px!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-caption-toggle{
  min-height:36px!important;min-width:44px!important;color:#fff!important;
  font-size:12px!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail{
  position:absolute!important;
  left:auto!important;top:auto!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
  bottom:calc(123px + env(safe-area-inset-bottom,0px))!important;
  width:51px!important;max-width:51px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-end!important;
  gap:1px!important;z-index:26!important;
  background:transparent!important;transform:none!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail>button{
  box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:center!important;flex-direction:column!important;
  width:49px!important;min-width:49px!important;max-width:49px!important;
  min-height:46px!important;padding:5px 1px!important;margin:0!important;
  border:0!important;border-radius:9px!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;
  gap:2px!important;touch-action:manipulation!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail>button svg{
  width:26px!important;height:26px!important;
  filter:drop-shadow(0 1px 3px #000a)!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility{
  box-sizing:border-box!important;
  position:absolute!important;
  left:auto!important;right:max(9px,env(safe-area-inset-right,0px))!important;
  top:auto!important;bottom:calc(69px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:49px!important;height:48px!important;min-height:48px!important;
  padding:0!important;margin:0!important;gap:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;
  visibility:visible!important;opacity:1!important;z-index:33!important;
  pointer-events:none!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility [data-action="reel-sound"]{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;
  margin:0!important;padding:7px!important;border:0!important;border-radius:11px!important;
  background:#0007!important;color:#fff!important;box-shadow:none!important;
  pointer-events:auto!important;touch-action:manipulation!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility [data-action="reel-sound"] svg{
  width:25px!important;height:25px!important;stroke:#fff!important;
  filter:drop-shadow(0 1px 3px #0008)!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility [data-action="reel-speed"]{
  display:none!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility .pati-reel-tool-label{
  display:none!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-progress{
  z-index:28!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  left:12px!important;right:12px!important;
  pointer-events:auto!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.buchee-pause-control{
  width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  background:#0009!important;border-radius:50%!important;
  z-index:30!important;
 }
}
@media(max-width:740px) and (max-height:570px){
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-info{
  bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  max-height:min(34dvh,175px)!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail{
  bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;gap:0!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail>button{
  min-height:41px!important;padding:3px 1px!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-rail>button svg{
  width:23px!important;height:23px!important;
 }
 html[data-pati-view="reels"] #main-content .pati-reel-item>.pati-reel-utility{
  bottom:calc(51px + env(safe-area-inset-bottom,0px))!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-pati-view="reels"] #main-content .pati-reel-rail>button,
 html[data-pati-view="reels"] #main-content .pati-reel-utility [data-action="reel-sound"]{
  transition:none!important;animation:none!important;
 }
}