/* One category strip, sized to the available screen rather than a second grid below the catalog. */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.site-footer > div{line-height:1.6;overflow-wrap:anywhere}
.site-footer #back-to-top{grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:7px 11px;border:1px solid #ffffff24;border-radius:8px;background:#17151c;color:#b9b9c4;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:normal}
.site-footer #back-to-top:hover{background:#28222e;color:#fff;border-color:#ffffff50}
.site-footer #back-to-top:focus-visible{outline:2px solid #fff;outline-offset:3px}
.category-section{min-width:0;margin:0 0 26px}
.category-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 2px;min-width:0;cursor:grab;user-select:none;-webkit-user-select:none}
.category-track::-webkit-scrollbar{display:none}
.category-track .category-card{cursor:grab}
.category-track.is-dragging,.category-track.is-dragging .category-card{cursor:grabbing;scroll-snap-type:none}
.category-card{flex:0 0 clamp(170px,16vw,220px);height:130px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;border:1px solid #ffffff24;border-radius:10px;background:transparent;scroll-snap-align:start;white-space:normal}
.category-card:hover{background:transparent;border-color:#ffffff80}
.category-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.category-card .category-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(#0001,#0003);pointer-events:none}
.category-card strong{position:relative;z-index:1;font-size:18px;line-height:1.25;overflow-wrap:anywhere;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000;font-weight:800;color:#fff;padding:8px 12px}

/* Desktop search shares the top bar; narrower screens place it directly below the menu. */
.film-card button.film-art{display:block;width:100%;padding:0;border:0;border-radius:0;text-align:initial;cursor:pointer;appearance:none;-webkit-appearance:none}
.film-card button.film-art:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.film-card .film-play{width:35px;height:35px;min-height:0;padding:0;border-radius:50%;border:1px solid #ffffff88;background:#0d0d0d88;display:grid;place-items:center;pointer-events:none;box-sizing:border-box}
.film-card .film-play::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;margin-left:3px}
.catalog-topbar.topbar{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(220px,320px) auto;gap:12px 18px}
.catalog-topbar > nav{min-width:0;width:auto;order:initial;gap:5px}
.catalog-topbar .original-logo{width:210px}
.catalog-topbar > .header-actions{margin-left:0;gap:4px;min-width:0}
.catalog-topbar .header-actions button{padding:10px 8px}
.catalog-topbar > .search-wrap{width:100%;min-width:0;max-width:none;z-index:30}
.catalog-topbar .search-wrap input{width:100%;min-height:44px;font-size:13px}
.catalog-topbar .media-suggestions{width:min(560px,calc(100vw - 40px));right:0}
.media-suggestion .suggestion-thumbnail{display:block;width:72px;height:45px;flex:0 0 72px;object-fit:cover;border-radius:5px;background:#151319}
.media-suggestion .suggestion-thumbnail.is-logo-fallback{padding:4px}
@media(min-width:781px){.catalog-topbar + .workspace :is(.watch,#catalog-section,#catalog-location){scroll-margin-top:var(--catalog-header-height,110px)}}
@media(max-width:1550px) and (min-width:1101px){
  .catalog-topbar.topbar{grid-template-columns:auto minmax(220px,1fr) auto;gap:10px 18px}
  .catalog-topbar > .original-brand{grid-column:1;grid-row:1}
  .catalog-topbar > .search-wrap{grid-column:2;grid-row:1}
  .catalog-topbar > .header-actions{grid-column:3;grid-row:1}
  .catalog-topbar > nav{grid-column:1/-1;grid-row:2;width:100%}
}
@media(max-width:1100px){
  .catalog-topbar.topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
  .catalog-topbar > .original-brand{grid-column:1;grid-row:1}
  .catalog-topbar > .header-actions{grid-column:2;grid-row:1;justify-self:end}
  .catalog-topbar > nav{grid-column:1/-1;grid-row:2;width:100%;order:initial}
  .catalog-topbar > .search-wrap{grid-column:1/-1;grid-row:3}
  .catalog-topbar .media-suggestions{width:100%}
}
@media(max-width:600px){
  .catalog-topbar.topbar:has(.stream-link){grid-template-columns:minmax(0,1fr) 124px auto;gap:8px}
  .catalog-topbar.topbar:has(.stream-link) .original-brand{grid-column:1;grid-row:1;max-width:200px}
  .catalog-topbar.topbar:has(.stream-link) .stream-link{grid-column:2;grid-row:1}
  .catalog-topbar.topbar:has(.stream-link) .header-actions{display:contents}
  .catalog-topbar.topbar:has(.stream-link) .original-brand .original-logo{width:100%;height:auto;object-fit:contain}
  .catalog-topbar.topbar:has(.stream-link) .header-actions form{grid-column:3;grid-row:1;justify-self:end;margin:0}
  .catalog-topbar.topbar:has(.stream-link) .header-actions button{white-space:nowrap;padding:10px 4px}
  .catalog-topbar.topbar:has(.stream-link) nav{grid-column:1/-1;grid-row:2;width:100%}
  .catalog-topbar.topbar:has(.stream-link) > .search-wrap{grid-column:1/-1;grid-row:3}
  .catalog-topbar .search-wrap input{font-size:16px}
  .category-track{gap:10px}
  .category-card{flex-basis:156px;height:112px;padding:12px}
  .category-card strong{font-size:16px}
}

.catalog-sort{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#ccc}.catalog-sort select{width:auto;min-height:44px;font-size:13px;padding:9px 10px}.catalog-pagination .pagination-controls{margin-left:auto}@media(max-width:600px){.catalog-sort{width:100%;justify-content:space-between}.catalog-sort select{min-width:175px;font-size:16px}}

/* Compact category buttons retain the same navigation and permissions. */
body[data-category-display="buttons"] .category-card,body[data-category-display="buttons"] .folder-card{background:linear-gradient(155deg,#3b3c44 0%,#282930 48%,#1b1c22 100%);border:1px solid #ffffff29;box-shadow:0 5px 12px #0005,inset 0 1px 0 #ffffff18;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;padding:11px 17px;color:#eee;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}
body[data-category-display="buttons"] .category-card{flex:0 0 auto;width:auto;max-width:250px;height:auto;aspect-ratio:auto;min-width:100px}
body[data-category-display="buttons"] .category-card::after,body[data-category-display="buttons"] .folder-card::after{display:none}
body[data-category-display="buttons"] .category-card strong,body[data-category-display="buttons"] .folder-card strong{font-size:14px;line-height:1.4;font-weight:650;padding:0;letter-spacing:0;-webkit-text-stroke:0;text-shadow:0 1px 2px #0008}
body[data-category-display="buttons"] .category-card:hover,body[data-category-display="buttons"] .folder-card:hover{background:linear-gradient(155deg,#4a4b55,#30313a 60%,#23242c);border-color:#ffffff70;box-shadow:0 6px 16px #0006,inset 0 1px 0 #ffffff20}
body[data-category-display="buttons"] .category-card.is-current{border-color:#ef3648;background:linear-gradient(155deg,#66333d,#3b252d 65%,#2b2027);box-shadow:0 5px 12px #0005,inset 0 0 0 1px #ef36485c}
body[data-category-display="buttons"] .folder-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
body[data-category-display="buttons"] .folder-card{min-height:54px}
body[data-category-display="buttons"] .category-card:focus-visible,body[data-category-display="buttons"] .folder-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){body[data-category-display="buttons"] .category-track{gap:9px}body[data-category-display="buttons"] .category-card{min-width:90px;padding:10px 14px}body[data-category-display="buttons"] .folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* A single sticky strip keeps horizontal dragging and category permissions intact. */
body[data-category-sticky="true"] #category-section{position:sticky;top:var(--catalog-header-offset,100px);z-index:18;background:transparent;padding:0;border:0;box-shadow:none}
body[data-category-sticky="true"] :is(#video-frame,#watch,#catalog-section,#catalog-location){scroll-margin-top:calc(var(--catalog-header-offset,100px) + var(--category-strip-height,70px) + 16px)}
@media(max-width:1100px){body[data-category-sticky="true"] .catalog-topbar{position:relative;top:auto}body[data-category-sticky="true"] #category-section{top:0}body[data-category-sticky="true"] :is(#video-frame,#watch,#catalog-section,#catalog-location){scroll-margin-top:calc(var(--category-strip-height,70px) + 16px)}}