/* Search-led Home restructure */
#page-home-legacy{display:none!important}
#page-home>.srp-hero{display:none!important}
#page-home>.srp-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-inline:0!important;
  padding-top:clamp(18px,2.25vw,32px)!important;
  overflow-x:clip!important;
}
#page-home .srp-default,
#page-home #srp-results{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}
#page-home .srp-poster-section{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  box-sizing:border-box;
  contain:inline-size;
}
#page-home .srp-poster-row{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  grid-auto-columns:clamp(190px,16vw,240px)!important;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
}
#page-home .srp-spotlight{
  width:100%!important;
  min-height:clamp(360px,42vw,620px)!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* The search-led home is a viewport canvas, not a centered search panel. */
html body #page-home{
  width:100vw!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow-x:clip!important;
}
html body #page-home > .srp-body,
html body #page-home #srp-results,
html body #page-home .srp-default{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body #page-home .srp-spotlight{
  width:100vw!important;
  max-width:none!important;
  border-radius:0!important;
}
html body #page-home .srp-poster-section{
  width:100vw!important;
  max-width:none!important;
  padding-left:clamp(16px,2.78vw,40px)!important;
  padding-right:clamp(16px,2.78vw,40px)!important;
}
.das-brand-sub{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important;max-width:24ch}
.srp-filters{position:relative;padding-right:42px!important}
.srp-hero>div{position:relative}
.srp-hero>div::after{
  content:"›";
  position:absolute;
  right:0;
  bottom:7px;
  z-index:4;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.82);
  font-size:24px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(7,7,11,.98) 45%);
}
.srp-upload-cta{
  flex:0 0 auto;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(200,255,0,.34);
  background:rgba(200,255,0,.09);
  color:var(--accent);
  font:800 11px/1 'Inter',sans-serif;
  cursor:pointer;
}
.srp-row-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.srp-scroll-controls{display:flex;align-items:center;gap:6px}
.srp-scroll-btn{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(16,16,24,.9);
  color:rgba(255,255,255,.88);
  font-size:21px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.24);
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.srp-scroll-btn:hover{background:rgba(200,255,0,.1);border-color:rgba(200,255,0,.38);color:var(--accent)}
.srp-scroll-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.srp-poster-creator{margin-top:4px;color:rgba(255,255,255,.46);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srp-creator-empty{padding:22px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;color:var(--muted);font-size:12px}
.srp-creator-empty button{margin-left:6px;border:0;background:none;color:var(--accent);font:inherit;font-weight:800;cursor:pointer}
#page-home{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
#page-home #home-footer{margin-top:20px}
@media(min-width:769px){
  #page-home{padding-bottom:32px!important}
  .srp-hero>div::after{right:-4px}
}
@media(max-width:560px){
  #page-home>.srp-body{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-inline:0!important;
  }
  #page-home .srp-spotlight{min-height:360px!important}
  #page-home .srp-poster-row{grid-auto-columns:minmax(156px,46vw)!important}
  .srp-row-head{align-items:flex-end!important}
  .srp-row-sub{display:block!important;max-width:210px}
  .srp-scroll-btn{width:32px;height:32px;font-size:18px}
  .srp-row-actions{gap:6px}
  .srp-upload-cta{min-height:32px;padding:0 11px}
}