
.seo-breadcrumbs,.seo-genres,.seo-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.seo-breadcrumbs a,.seo-genres a,.seo-pagination a{color:#d9a75d;text-decoration:none}.seo-pagination a{padding:8px 12px;border:1px solid #35383b;border-radius:6px}.seo-pagination [aria-current]{background:#d9a75d;color:#080a0c}.seo-intro,.seo-listing{max-width:1400px;margin:32px auto;padding:0 24px}.seo-intro p{line-height:1.9;color:#bfc0c2}.seo-intro a{color:#d9a75d}.seo-listing form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.seo-listing input,.seo-listing button{padding:12px;border:1px solid #444;border-radius:8px;background:#15181b;color:#f3eee4}.seo-listing .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.seo-listing .poster{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.seo-listing h2{font-size:16px}.seo-listing a{color:inherit}.seo-listing~.seo-genres,main>.seo-breadcrumbs{margin:24px}.player-only .seo-breadcrumbs,.player-only .seo-title-links{display:none}@media(max-width:600px){.seo-listing .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.catalog-page main{padding-top:100px}.catalog-page .seo-listing h1{font-size:clamp(28px,4vw,48px);line-height:1.35;margin:24px 0}.catalog-page .content-card-link{text-decoration:none}.catalog-page .seo-listing .poster{display:block;border-radius:12px}.catalog-page .topbar .nav{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:600px){.catalog-page .topbar{display:flex;flex-wrap:wrap;gap:12px;padding:12px 20px}.catalog-page .topbar .nav{width:100%;justify-content:space-between}.catalog-page main{padding-top:125px}.catalog-page .seo-listing{padding:0 18px}.catalog-page .seo-listing form label{width:100%}.catalog-page .seo-listing input{min-width:0;flex:1}}

/* Keep the Persian breadcrumb on its own line below the absolute title header. */
#page:has(>.seo-breadcrumbs){padding-top:96px}
#page>.seo-breadcrumbs{margin:0 5vw 16px;max-width:90vw;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#page>.seo-breadcrumbs+.detail-hero,#page>.seo-breadcrumbs+.person-hero{padding-top:24px}
#page>.seo-title-links{margin:24px 7vw}
@media(max-width:600px){#page>.seo-breadcrumbs{margin-inline:18px;max-width:calc(100% - 36px)}}

/* Reuse the homepage search position on every catalogue/search route. */
.catalog-page .topbar{flex-wrap:nowrap;gap:0}.catalog-page .topbar .nav{flex-wrap:nowrap}.catalog-page .header-search{margin-left:auto}.catalog-page .header-search input::-webkit-search-cancel-button{cursor:pointer}@media(max-width:600px){.catalog-page .topbar{height:132px;padding:0 18px 64px}.catalog-page .topbar .nav{width:auto;margin-left:auto;gap:12px;font-size:12px}.catalog-page .topbar .nav a:first-child{display:none}.catalog-page main{padding-top:142px}}
