/* Phase56xt: real fullscreen cleanup + group cover radius 0 */

/* Disable the Phase53 custom fake overlay and keep native ShortVid fullscreen path only */
.sv-p53FsOverlay{ display:none !important; }

/* Group cover must be square */
.group-cover,
.group-cover img,
.group-cover-wrapper,
.group-header-cover,
body.single-sv_group #sv-group-head .sv-ghCover,
.sv-gFbCover,
.sv-gFbCover img{
  border-radius:0 !important;
  overflow:hidden !important;
}

/* Native fullscreen overlays: no extra top/bottom bars, no padding, no fake side chrome */
.sv-p28fsOverlay,
.sv-p42Overlay,
.sv-p29player{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  background:#000 !important;
  overflow:hidden !important;
}

.sv-p28fsStage,
.sv-p42Stage,
.sv-p29playerStage,
.sv-p28fsStage.is-portrait,
.sv-p28fsStage.is-landscape,
.sv-p42Overlay .sv-p28fsStage,
.sv-p42Overlay .sv-p42Stage{
  width:100vw !important;
  height:100dvh !important;
  max-width:100vw !important;
  max-height:100dvh !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.sv-p28FsLockCtx,
.sv-p42Overlay .sv-p28FsLockCtx,
.sv-p42Overlay .sv-p28fsLockedInner,
.sv-p28fsLockedPoster,
.sv-p28fsVideo,
.sv-p42Video,
.sv-p29playerVideo,
.sv-p28fsFrame,
.sv-p53FsVideo,
.sv-p53FsFrame{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
  background:#000 !important;
}

/* remove oversized bars / controls chrome that were causing imbalance */
.sv-p42TopBar,
.sv-p42BottomBar,
.sv-p42Mute,
.sv-p42TimelineWrap,
.sv-p42CtlGroup,
.sv-p49FsCenterUnlock,
.sv-p53FsMeta,
.sv-p53FsHint,
.sv-p53FsBackdrop,
.sv-p53FsShade{
  display:none !important;
}

.sv-p28fsClose,
.sv-p42Close,
.sv-p29playerClose{
  position:fixed !important;
  top:max(8px, env(safe-area-inset-top)) !important;
  right:max(8px, env(safe-area-inset-right)) !important;
  width:36px !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(0,0,0,.28) !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:2147483647 !important;
}

/* stop fullscreen vibration from extra transitions/transforms */
.sv-p28fsOverlay *,
.sv-p42Overlay *,
.sv-p29player *{
  animation:none !important;
}
.sv-p28fsOverlay,
.sv-p42Overlay,
.sv-p29player,
.sv-p28fsStage,
.sv-p42Stage,
.sv-p29playerStage,
.sv-p28fsVideo,
.sv-p42Video,
.sv-p29playerVideo,
.sv-p28fsFrame{
  transform:none !important;
  transition:none !important;
}

body.sv-p53FsOpen,
body:has(.sv-p28fsOverlay),
body:has(.sv-p42Overlay){
  overflow:hidden !important;
}


/* Phase87xt: uniform desktop header restore + reels desktop right sidebar + feed offset */
:root{
  --sv-p87-header-shell-h: 58px;
  --sv-p87-header-control-h: 40px;
  --sv-p87-header-gap: 18px;
  --sv-p87-sidebar-top: 86px;
  --sv-p87-main-pad-top: 8px;
}

@media (min-width: 981px){
  body:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop.sv-dTop--uniform,
  body.sv-reelsPage .sv-main > .sv-dTop.sv-dTop--uniform{
    position: sticky !important;
    top: 8px !important;
    z-index: 520 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: var(--sv-p87-header-shell-h) !important;
    margin: 0 0 var(--sv-p87-header-gap) !important;
    padding: 4px 10px !important;
    border-radius: 18px !important;
    border: 1px solid color-mix(in srgb, var(--sv-border) 92%, transparent) !important;
    background: var(--sv-card) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }
  body.sv-dark:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop.sv-dTop--uniform,
  body.sv-dark.sv-reelsPage .sv-main > .sv-dTop.sv-dTop--uniform{
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
  }
  body.admin-bar:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop.sv-dTop--uniform,
  body.admin-bar.sv-reelsPage .sv-main > .sv-dTop.sv-dTop--uniform{
    top: 40px !important;
  }

  .sv-dTop--uniform .sv-dTop__left,
  .sv-dTop--uniform .sv-dTop__center,
  .sv-dTop--uniform .sv-dTop__right{
    min-width: 0 !important;
    align-items: center !important;
  }
  .sv-dTop--uniform .sv-dTopBrand{ display: none !important; }
  .sv-dTop--uniform .sv-dTop__search{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--sv-p87-header-control-h) !important;
    min-height: var(--sv-p87-header-control-h) !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }
  .sv-dTop--uniform .sv-dTop__search input{
    height: var(--sv-p87-header-control-h) !important;
    min-height: var(--sv-p87-header-control-h) !important;
    line-height: var(--sv-p87-header-control-h) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px !important;
  }
  .sv-dTop--uniform .sv-dTopNavLink,
  .sv-dTop--uniform .sv-dTopIco,
  .sv-dTop--uniform .sv-dTopCreate,
  .sv-dTop--uniform .sv-dTopProfile{
    min-height: var(--sv-p87-header-control-h) !important;
    height: var(--sv-p87-header-control-h) !important;
    border-radius: 14px !important;
  }
  .sv-dTop--uniform .sv-dTopNavLink{
    min-width: 54px !important;
    padding: 0 14px !important;
  }
  .sv-dTop--uniform .sv-dTopNavLbl{ display: none !important; }
  .sv-dTop--uniform .sv-dTopIco{
    width: var(--sv-p87-header-control-h) !important;
    min-width: var(--sv-p87-header-control-h) !important;
  }
  .sv-dTop--uniform .sv-dTopCreate{ padding-inline: 18px !important; }
  .sv-dTop--uniform .sv-dTopProfile{
    width: var(--sv-p87-header-control-h) !important;
    min-width: var(--sv-p87-header-control-h) !important;
    max-width: var(--sv-p87-header-control-h) !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .sv-dTop--uniform .sv-dTopProfileTxt{ display: none !important; }

  body:not(.sv-reelsPage):not(.sv-auth-page):not(.sv-authPage) .sv-main,
  body.sv-reelsPage .sv-layoutReels > .sv-main{
    min-width: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }
  body:not(.sv-reelsPage):not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-shell,
  body.page-template-page-explore .sv-main > .sv-shell,
  body.home .sv-main > .sv-shell,
  body.blog .sv-main > .sv-shell{
    padding-top: var(--sv-p87-main-pad-top) !important;
    margin-top: 0 !important;
  }
  body:not(.sv-reelsPage) #sv-stories,
  body:not(.sv-reelsPage) .sv-stories,
  body:not(.sv-reelsPage) .sv-homeTabs,
  body:not(.sv-reelsPage) .sv-feed > .sv-stories,
  body:not(.sv-reelsPage) .sv-feed > .sv-homeTabs,
  body:not(.sv-reelsPage) .sv-feed > .sv-card,
  body:not(.sv-reelsPage) .sv-feed > .sv-shelf,
  body.page-template-page-explore #sv-explore-media.sv-exploreMedia{
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    margin-top: 0 !important;
  }

  body:not(.sv-auth-page):not(.sv-authPage) .sv-side,
  body:not(.sv-auth-page):not(.sv-authPage) .sv-sideRight,
  body.sv-reelsPage .sv-layoutReels > .sv-side,
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{
    top: var(--sv-p87-sidebar-top) !important;
    max-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    overflow-y: auto !important;
  }
}

@media (min-width: 981px) and (max-width: 1279px){
  body.sv-reelsPage .sv-layoutReels{
    display: grid !important;
    grid-template-columns: 236px minmax(0,1fr) !important;
    gap: 16px !important;
    width: min(1180px, calc(100vw - 24px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    align-items: start !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-side{ display: block !important; }
  body.sv-reelsPage .sv-layoutReels > .sv-main{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{ display: none !important; }
  body.sv-reelsPage #sv-reels.sv-reels{
    width: 100% !important;
    max-width: 740px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    min-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    max-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    border-radius: 24px !important;
    overflow-y: auto !important;
  }
  body.sv-reelsPage #sv-reels > .sv-reel,
  body.sv-reelsPage #sv-reels > .sv-reelAd,
  body.sv-reelsPage #sv-reels .sv-reel{
    height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    min-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    max-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1280px){
  body.sv-reelsPage{
    background: var(--sv-bg) !important;
    overflow-y: auto !important;
  }
  body.sv-reelsPage .sv-layoutReels{
    display: grid !important;
    grid-template-columns: 248px minmax(0,760px) 320px !important;
    gap: 16px !important;
    width: min(1660px, calc(100vw - 36px)) !important;
    max-width: 1660px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: start !important;
    background: transparent !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-side{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 1 !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-main{
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    order: 2 !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    padding-top: 0 !important;
    align-self: start !important;
    order: 3 !important;
  }
  body.sv-reelsPage #sv-reels.sv-reels{
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    min-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    max-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 26px !important;
    scroll-snap-type: y mandatory !important;
  }
  body.sv-reelsPage #sv-reels > .sv-reel,
  body.sv-reelsPage #sv-reels > .sv-reelAd,
  body.sv-reelsPage #sv-reels .sv-reel{
    width: 100% !important;
    height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    min-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    max-height: calc(100vh - var(--sv-p87-sidebar-top) - 12px) !important;
    margin: 0 0 12px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
  }
  body.sv-reelsPage #sv-reels .sv-reelMedia,
  body.sv-reelsPage #sv-reels .sv-reelVid,
  body.sv-reelsPage #sv-reels .sv-reelFrame{
    border-radius: 26px !important;
  }
  body.sv-reelsPage .sv-bottom{ display: none !important; }
}

/* Phase88xt: authoritative desktop reels shell + full header visibility */
:root{
  --sv-p88-header-shell-h:56px;
  --sv-p88-header-control-h:40px;
  --sv-p88-header-gap:16px;
  --sv-p88-header-top:10px;
  --sv-p88-sidebar-top:82px;
}
@media (min-width: 981px){
  body:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop.sv-dTop--uniform,
  body.sv-reelsPage .sv-main > .sv-dTop.sv-dTop--uniform{
    position:sticky !important;
    top:var(--sv-p88-header-top) !important;
    z-index:620 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:10px !important;
    min-height:var(--sv-p88-header-shell-h) !important;
    margin:0 0 var(--sv-p88-header-gap) !important;
    padding:6px 10px !important;
    border-radius:18px !important;
    overflow:visible !important;
  }
  body.admin-bar:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop.sv-dTop--uniform,
  body.admin-bar.sv-reelsPage .sv-main > .sv-dTop.sv-dTop--uniform{
    top:42px !important;
  }
  .sv-dTop--uniform .sv-dTopBrand{display:none !important;}
  .sv-dTop--uniform .sv-dTop__left,
  .sv-dTop--uniform .sv-dTop__center,
  .sv-dTop--uniform .sv-dTop__right{min-width:0 !important;align-items:center !important;}
  .sv-dTop--uniform .sv-dTop__search,
  .sv-dTop--uniform .sv-dTopNavLink,
  .sv-dTop--uniform .sv-dTopIco,
  .sv-dTop--uniform .sv-dTopCreate,
  .sv-dTop--uniform .sv-dTopProfile{
    height:var(--sv-p88-header-control-h) !important;
    min-height:var(--sv-p88-header-control-h) !important;
    border-radius:14px !important;
  }
  .sv-dTop--uniform .sv-dTop__search{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 14px !important;
  }
  .sv-dTop--uniform .sv-dTop__search input{
    height:var(--sv-p88-header-control-h) !important;
    min-height:var(--sv-p88-header-control-h) !important;
    line-height:var(--sv-p88-header-control-h) !important;
  }
  .sv-dTop--uniform .sv-dTopProfile{
    width:var(--sv-p88-header-control-h) !important;
    min-width:var(--sv-p88-header-control-h) !important;
    max-width:var(--sv-p88-header-control-h) !important;
    padding:0 !important;
    justify-content:center !important;
  }
  .sv-dTop--uniform .sv-dTopProfileTxt,
  .sv-dTop--uniform .sv-dTopNavLbl{display:none !important;}
  body:not(.sv-auth-page):not(.sv-authPage) .sv-main,
  body.sv-reelsPage .sv-layoutReels > .sv-main{
    padding-top:0 !important;
    overflow:visible !important;
  }
  body:not(.sv-auth-page):not(.sv-authPage) .sv-main > .sv-dTop + *,
  body.sv-reelsPage .sv-main > .sv-dTop + *{
    margin-top:0 !important;
  }
  body:not(.sv-auth-page):not(.sv-authPage) .sv-side,
  body:not(.sv-auth-page):not(.sv-authPage) .sv-sideRight,
  body.sv-reelsPage .sv-layoutReels > .sv-side,
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{
    top:var(--sv-p88-sidebar-top) !important;
    max-height:calc(100vh - var(--sv-p88-sidebar-top) - 12px) !important;
    overflow-y:auto !important;
  }
  body.admin-bar:not(.sv-auth-page):not(.sv-authPage) .sv-side,
  body.admin-bar:not(.sv-auth-page):not(.sv-authPage) .sv-sideRight,
  body.admin-bar.sv-reelsPage .sv-layoutReels > .sv-side,
  body.admin-bar.sv-reelsPage .sv-layoutReels > .sv-sideRight{
    top:114px !important;
    max-height:calc(100vh - 126px) !important;
  }
}
@media (min-width: 1200px){
  body.sv-reelsPage .sv-layoutReels{
    display:grid !important;
    grid-template-columns:248px minmax(0,760px) 320px !important;
    grid-template-areas:"left main right" !important;
    align-items:start !important;
    column-gap:18px !important;
    row-gap:0 !important;
    width:min(1500px, calc(100vw - 32px)) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-side{
    grid-area:left !important;
    grid-column:1 !important;
    display:block !important;
    width:248px !important;
    min-width:248px !important;
    margin:0 !important;
    align-self:start !important;
    position:sticky !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-main{
    grid-area:main !important;
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:760px !important;
    margin:0 !important;
    align-self:start !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{
    grid-area:right !important;
    grid-column:3 !important;
    display:block !important;
    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
    margin:0 !important;
    align-self:start !important;
    position:sticky !important;
    right:auto !important;
    float:none !important;
    clear:none !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight:empty{display:block !important;}
  body.sv-reelsPage #sv-reels.sv-reels{
    width:100% !important;
    max-width:760px !important;
    margin:0 !important;
    height:calc(100vh - var(--sv-p88-sidebar-top) - 12px) !important;
    min-height:calc(100vh - var(--sv-p88-sidebar-top) - 12px) !important;
    max-height:calc(100vh - var(--sv-p88-sidebar-top) - 12px) !important;
    border-radius:24px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  body.admin-bar.sv-reelsPage #sv-reels.sv-reels{
    height:calc(100vh - 126px) !important;
    min-height:calc(100vh - 126px) !important;
    max-height:calc(100vh - 126px) !important;
  }
  body.sv-reelsPage #sv-reels > .sv-reel,
  body.sv-reelsPage #sv-reels > .sv-reelAd,
  body.sv-reelsPage #sv-reels .sv-reel{
    height:inherit !important;
    min-height:inherit !important;
    max-height:inherit !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
}
@media (min-width: 981px) and (max-width: 1199px){
  body.sv-reelsPage .sv-layoutReels{
    display:grid !important;
    grid-template-columns:236px minmax(0,1fr) !important;
    grid-template-areas:"left main" !important;
    width:min(1180px, calc(100vw - 24px)) !important;
    max-width:1180px !important;
    gap:16px !important;
    align-items:start !important;
  }
  body.sv-reelsPage .sv-layoutReels > .sv-side{grid-area:left !important;position:sticky !important;display:block !important;}
  body.sv-reelsPage .sv-layoutReels > .sv-main{grid-area:main !important;min-width:0 !important;max-width:none !important;margin:0 !important;}
  body.sv-reelsPage .sv-layoutReels > .sv-sideRight{display:none !important;}
}