/* Nontara v0.8 public catalog; mobile first */
:root{color-scheme:dark}
.catalog-body{background:radial-gradient(circle at 80% 0,#202344 0,transparent 32%),#080c13;color:#f5f6ff;min-height:100dvh}
.catalog-shell{max-width:1210px;margin:0 auto;padding:0 18px}
.catalog-header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28304a}
.catalog-brand{display:flex;align-items:center;gap:10px;font-size:24px;color:#fff;font-weight:850;letter-spacing:-.8px;text-decoration:none}
.catalog-brand .brand-mark{width:34px;height:34px;display:grid;place-items:center;font-size:15px;border-radius:10px;background:linear-gradient(125deg,#c9c4ff,#6e7add);color:#111729}
.catalog-header-tag{font-size:10px;letter-spacing:.12em;color:#a9b2d1}
.catalog-hero{padding:38px 0 23px}.catalog-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a7a8fc}
.catalog-hero h1{font-weight:850;font-size:clamp(27px,6vw,52px);letter-spacing:-1.2px;line-height:1.15;margin:12px 0 11px;max-width:850px}
.catalog-hero h1 em{font-style:normal;color:#aab3ff}.catalog-hero p{color:#99a9c4;line-height:1.65;font-size:14px;margin:0 0 23px}
.catalog-search{display:flex;gap:10px;max-width:650px;background:#151b2d;border:1px solid #35415c;border-radius:14px;padding:6px}
.catalog-search:focus-within{border-color:#afb4ff}.catalog-search input{background:transparent;border:none;outline:none;color:#fff;padding:10px;flex:1;min-width:0;font-size:15px}
.catalog-search button,.catalog-pages a{background:#898ff1;color:#0b1020;border-radius:9px;border:0;padding:11px 19px;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer}
.catalog-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:32px 0 18px}
.catalog-section-title h2{margin:7px 0 0;font-size:clamp(20px,4vw,27px);letter-spacing:-.4px}
.catalog-section-title small{white-space:nowrap;color:#b1bfd7;font-size:12px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
.catalog-card{text-decoration:none;color:#e8eafd;min-width:0;display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:5px;transition:background .15s ease}
.catalog-card:hover,.catalog-card:focus-visible{background:#1b2138;outline:0}
.catalog-picture{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#2b315b,#171c30);border:1px solid #3f456f;border-radius:12px}
.catalog-picture img{width:100%;height:100%;object-fit:cover;display:block}
.catalog-play{position:absolute;inset:auto 10px 10px auto;background:#111626d9;border:1px solid #9b9cef88;color:#f4f4ff;border-radius:7px;padding:5px 8px;font-size:10px;letter-spacing:1px;font-weight:800}
.catalog-title{font-size:13px;font-weight:750;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:36px}
.catalog-meta{font-size:11px;color:#8e9bb5}.catalog-empty{border:1px solid #29334b;border-radius:14px;padding:30px 20px;color:#b7bfd3;background:#111728}.catalog-empty strong{color:#fff}
.catalog-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:35px 0 22px}.catalog-pages span{min-width:55px;text-align:center;color:#9badd0;font-size:13px}
.catalog-pages a{padding:11px 14px}.catalog-footer{margin:38px 0 20px;border-top:1px solid #2c3347;padding:20px 0;display:flex;gap:10px;justify-content:space-between;color:#a7b2c8;font-size:12px}
.catalog-body .ad-slot{margin:24px 0 12px}.catalog-body .ad-sticky{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:620px){.catalog-shell{padding:0 28px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-title{font-size:14px}.catalog-hero{padding:60px 0 35px}}
@media(min-width:950px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}}
@media(max-width:400px){.catalog-shell{padding:0 12px}.catalog-header-tag{display:none}.catalog-search button{padding:9px 15px}.catalog-grid{gap:15px 8px}.catalog-title{font-size:12px}.catalog-meta{font-size:10px}.catalog-footer{flex-direction:column}}

.catalog-picture img.is-broken{display:none}

/* v1.9: in-feed sponsored units, separated from video cards. */
.catalog-feed-ad{display:flex;justify-content:center;align-items:center;margin:24px auto;max-width:100%;min-height:230px}
.catalog-feed-ad>.ad-slot{width:min(100%,360px);min-height:210px}
.catalog-mobile-ad{display:none}
.catalog-grid+.catalog-grid{margin-top:20px}
@media(max-width:767px){
 .catalog-feed-ad{margin:18px auto;min-height:190px}
 .catalog-feed-ad>.ad-slot{min-height:180px}
 .catalog-mobile-ad{display:flex}
}
@media(min-width:768px){.catalog-body .ad-sticky{display:none}}

/* v2.0: denser placements inside the feed, without repeated provider scripts. */
.catalog-feed-wide{max-width:100%;min-height:120px}
.catalog-feed-wide>.ad-slot{width:100%;min-height:120px;overflow-x:auto}
.catalog-feed-wide .ad-code{max-width:100%}
@media(max-width:767px){.catalog-feed-wide{min-height:100px;margin:14px auto}.catalog-feed-wide>.ad-slot{min-height:100px}}

/* v2.3: distinct desktop and phone layouts. Desktop never stacks the ad rails. */
.catalog-shell{width:100%;max-width:1900px;margin-inline:auto;padding-inline:clamp(12px,2vw,36px)}
.catalog-three-column{display:grid;grid-template-columns:clamp(180px,21vw,300px) minmax(0,1fr) clamp(180px,21vw,300px);grid-template-areas:"left center right";gap:clamp(12px,1.4vw,24px);align-items:start;min-width:0}
.catalog-center{grid-area:center;min-width:0}
.catalog-ad-left{grid-area:left}.catalog-ad-right{grid-area:right}
.catalog-ad-rail{min-width:0;position:sticky;top:14px;padding-top:22px}
.catalog-ad-rail .ad-slot{width:100%;max-width:100%;min-width:0;margin:0;min-height:260px;overflow:hidden;contain:layout inline-size}
.catalog-ad-rail .ad-code{max-width:100%;width:100%;min-width:0}
.catalog-ad-rail iframe{max-width:100%}
.catalog-preview-fallback{display:none;position:absolute;bottom:13px;left:10px;right:10px;padding:6px 8px;background:#0c1225cf;border-radius:7px;color:#b9c6ea;font-size:10px;letter-spacing:.02em;text-align:left}
.catalog-picture.awaiting-thumb .catalog-preview-fallback,.catalog-picture:has(img.is-broken) .catalog-preview-fallback{display:block}
.catalog-picture.awaiting-thumb .catalog-play{top:12px;bottom:auto}
/* On desktop, cards share one continuous horizontal grid. Ads follow the grid. */
.catalog-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;align-items:start;min-width:0}
.catalog-feed>.catalog-grid{display:contents}
.catalog-feed .catalog-card{order:0;width:100%;min-width:0}
.catalog-feed>.catalog-feed-ad{order:1;grid-column:1/-1;min-height:116px;max-width:100%;width:100%;margin:8px 0 0}
.catalog-feed>.catalog-feed-ad>.ad-slot{min-height:116px;max-width:100%;width:100%;margin:0}
.catalog-feed .catalog-mobile-ad{display:none}
.catalog-body{overflow-x:clip}
@media(min-width:1250px){.catalog-feed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1750px){.catalog-feed{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Phones: no narrow desktop columns or squeezed thumbnails. */
@media(max-width:767px){
 .catalog-shell{padding-inline:12px}
 .catalog-three-column{display:flex;flex-direction:column;gap:12px}
 .catalog-center{order:0;width:100%;min-width:0}
 .catalog-ad-left{order:1}.catalog-ad-right{order:2}
 .catalog-ad-rail{position:static;padding-top:0;margin-inline:auto;width:min(100%,340px)}
 .catalog-feed{display:block}
 .catalog-feed>.catalog-grid{display:grid}
 .catalog-feed>.catalog-feed-ad{margin:16px auto;min-height:190px}
 .catalog-feed>.catalog-feed-ad>.ad-slot{min-height:180px}
 .catalog-feed .catalog-mobile-ad{display:flex}
 .catalog-grid+.catalog-grid{margin-top:14px}
}

/* v2.4 category selection in desktop/mobile catalog search */
.catalog-search select{min-width:120px;max-width:160px;border:1px solid #3a4658;border-radius:8px;background:#131c2b;color:#f1f5fa;padding:10px;cursor:pointer}
@media(max-width:600px){.catalog-search select{width:100%;max-width:none}}
@media(max-width:600px){.catalog-search{flex-wrap:wrap}.catalog-search input{flex-basis:100%}.catalog-search select{flex:1;min-width:0}.catalog-search button{flex:0 0 auto}}

/* v2.8: compact local bookmarks/history, kept separate from the video grid. */
.catalog-library{margin:8px 0 26px;padding:15px;border:1px solid #354160;border-radius:12px;background:#101729}
.catalog-library[hidden]{display:none!important}
.catalog-library h3{font-size:13px;margin:0 0 9px;color:#dce5ff}
.catalog-library-group{margin:10px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.catalog-library-group a{display:inline-block;max-width:100%;padding:8px 10px;border:1px solid #465777;border-radius:8px;text-decoration:none;color:#dfe7ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-library-clear{border:0;border-radius:7px;background:#242c44;color:#cbd9f2;padding:6px 9px;cursor:pointer;font-size:11px}