/* KVANTYRA TRENDS QUICK REPEAT V127 MOBILE LAYOUT START */

/*
  V127 fixes the phone layout structurally:
  - the overlay itself never scrolls;
  - only the inner shell scrolls;
  - the top bar is moved outside the scroll container and stays fixed;
  - the create button returns to the normal document flow immediately
    after the aspect/balance section.
*/
#kvTrendsV125QuickRepeat{
  --kv-trends-v127-top:96px;
  --kv-trends-v127-header-h:64px;
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  padding:0!important;
  overscroll-behavior:none!important;
  touch-action:pan-y;
}

#kvTrendsV125QuickRepeat:after{
  display:none!important;
  content:none!important;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-shell{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:min(100%,720px)!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:
    calc(var(--kv-trends-v127-top) + var(--kv-trends-v127-header-h) + 14px)
    12px
    calc(18px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  align-content:start!important;
  gap:14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scroll-padding-top:calc(var(--kv-trends-v127-header-h) + 14px)!important;
  scroll-padding-bottom:24px!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-shell::-webkit-scrollbar{
  display:none;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-top{
  position:absolute!important;
  z-index:30!important;
  top:var(--kv-trends-v127-top)!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 18px),720px)!important;
  height:var(--kv-trends-v127-header-h)!important;
  min-height:var(--kv-trends-v127-header-h)!important;
  margin:0!important;
  padding:7px 7px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:minmax(94px,1fr) auto minmax(94px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(181,156,255,.18)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(111,72,255,.16),transparent 58%),
    linear-gradient(180deg,rgba(10,11,31,.992),rgba(7,8,23,.985))!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.028) inset,
    0 0 30px rgba(105,63,255,.12)!important;
  backdrop-filter:blur(24px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-back{
  justify-self:start!important;
  min-width:94px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:16px!important;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-brand{
  justify-self:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:176px!important;
  margin:0!important;
  transform:none!important;
  text-align:center!important;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-brand img{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}

#kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-share{
  justify-self:end!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  border-radius:16px!important;
}

/* The action is no longer floating or sticky. */
#kvTrendsV125QuickRepeat .kv-trends-v125-submit{
  position:relative!important;
  z-index:2!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  transform:none!important;
  border-radius:21px!important;
  box-shadow:
    0 18px 44px rgba(84,51,224,.34),
    0 0 28px rgba(161,59,255,.16),
    inset 0 1px 0 rgba(255,255,255,.21)!important;
}

/* Admin controls follow the create action instead of being hidden behind it. */
#kvTrendsV125QuickRepeat .kv-trends-v125-admin{
  margin:0!important;
  padding-top:0!important;
}

/* Remove every remaining V126 footer reserve. */
#kvTrendsV125QuickRepeat .kv-trends-v125-shell{
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}

@media(max-width:600px){
  #kvTrendsV125QuickRepeat > .kv-trends-v125-shell{
    width:100%!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top{
    width:calc(100% - 18px)!important;
    grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr)!important;
    border-radius:20px!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-back{
    min-width:88px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-brand{
    max-width:146px!important;
    gap:7px!important;
    font-size:10px!important;
    letter-spacing:.11em!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-brand img{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-share{
    width:46px!important;
    height:46px!important;
  }

  #kvTrendsV125QuickRepeat .kv-trends-v125-submit{
    min-height:58px!important;
    font-size:15px!important;
    border-radius:19px!important;
  }
}

@media(max-width:360px){
  #kvTrendsV125QuickRepeat > .kv-trends-v125-top{
    grid-template-columns:84px minmax(0,1fr) 84px!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-brand span{
    display:none!important;
  }

  #kvTrendsV125QuickRepeat > .kv-trends-v125-top .kv-trends-v125-back{
    min-width:80px!important;
  }
}

/* KVANTYRA TRENDS QUICK REPEAT V127 MOBILE LAYOUT END */