/* ========================================================================== LINK CARD SIZING & DYNAMIC ROW PATTERN LAYOUT Pure CSS responsive row pattern definitions First row: Desktop = 6, Tablet = 4, Mobile = 2 ========================================================================== */ /* Container Base Setup */ #home-popular-grid, #home-explore-grid, #explore-links-grid { --link-card-gap: 8px; --link-card-gap-mobile: 7px; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: var(--link-card-gap) !important; width: 100% !important; box-sizing: border-box !important; margin-bottom: 24px !important; } /* Card Base Styling (Compact Proportionate Design) */ #home-popular-grid > .poster-card, #home-popular-grid > .skeleton-card, #home-popular-grid > .skeleton-poster-card, #home-explore-grid > .poster-card, #home-explore-grid > .skeleton-card, #home-explore-grid > .skeleton-poster-card, #explore-links-grid > .poster-card, #explore-links-grid > .skeleton-card, #explore-links-grid > .skeleton-poster-card { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; border-radius: 8px !important; border: 1px solid var(--border-subtle, #E2E8F0) !important; background: #FFFFFF !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease !important; min-width: 0 !important; height: auto !important; margin: 0 !important; } #home-popular-grid > .poster-card:hover, #home-explore-grid > .poster-card:hover, #explore-links-grid > .poster-card:hover { transform: translateY(-2px) !important; border-color: rgba(79, 70, 229, 0.35) !important; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.12) !important; } /* Card Sub-Elements */ #home-popular-grid .poster-thumbnail-wrapper, #home-explore-grid .poster-thumbnail-wrapper, #explore-links-grid .poster-thumbnail-wrapper, #home-popular-grid .skeleton-thumbnail, #home-explore-grid .skeleton-thumbnail, #explore-links-grid .skeleton-thumbnail { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #F1F5F9 !important; display: block !important; flex-shrink: 0 !important; } #home-popular-grid .poster-thumbnail-img, #home-explore-grid .poster-thumbnail-img, #explore-links-grid .poster-thumbnail-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform 0.3s ease !important; } #home-popular-grid .poster-card:hover .poster-thumbnail-img, #home-explore-grid .poster-card:hover .poster-thumbnail-img, #explore-links-grid .poster-card:hover .poster-thumbnail-img { transform: scale(1.03) !important; } #home-popular-grid .poster-badge-platform, #home-explore-grid .poster-badge-platform, #explore-links-grid .poster-badge-platform { position: absolute !important; top: 4px !important; left: 4px !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; padding: 2px 4px !important; border-radius: 4px !important; background: rgba(15, 23, 42, 0.75) !important; color: #FFFFFF !important; backdrop-filter: blur(2px) !important; max-width: 65% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; z-index: 2 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; } #home-popular-grid .poster-badge-trending, #home-explore-grid .poster-badge-trending, #explore-links-grid .poster-badge-trending { position: absolute !important; top: 4px !important; right: 4px !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; padding: 2px 4px !important; border-radius: 4px !important; background: #EF4444 !important; color: #FFFFFF !important; display: inline-flex !important; align-items: center !important; gap: 2px !important; z-index: 2 !important; box-shadow: 0 1px 3px rgba(239, 68, 68, 0.3) !important; } #home-popular-grid .poster-badge-trending svg, #home-explore-grid .poster-badge-trending svg, #explore-links-grid .poster-badge-trending svg { width: 8px !important; height: 8px !important; } #home-popular-grid .poster-card-body, #home-explore-grid .poster-card-body, #explore-links-grid .poster-card-body { padding: 6px 7px 7px 7px !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 2px !important; box-sizing: border-box !important; } #home-popular-grid .poster-card-title, #home-explore-grid .poster-card-title, #explore-links-grid .poster-card-title { font-size: 11px !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 0 0 2px 0 !important; color: var(--text-main, #0F172A) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; } #home-popular-grid .poster-card-desc, #home-explore-grid .poster-card-desc, #explore-links-grid .poster-card-desc { font-size: 9.5px !important; line-height: 1.22 !important; margin: 0 0 3px 0 !important; color: var(--text-secondary, #64748B) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; } #home-popular-grid .poster-card-meta, #home-explore-grid .poster-card-meta, #explore-links-grid .poster-card-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 3px !important; font-size: 8.5px !important; color: var(--text-muted, #94A3B8) !important; margin-top: auto !important; padding-top: 3px !important; white-space: nowrap !important; overflow: hidden !important; } #home-popular-grid .poster-card-meta > span:first-child, #home-explore-grid .poster-card-meta > span:first-child, #explore-links-grid .poster-card-meta > span:first-child { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-weight: 600 !important; color: var(--text-secondary, #64748B) !important; font-size: 8.5px !important; max-width: 55% !important; } #home-popular-grid .poster-clicks-indicator, #home-explore-grid .poster-clicks-indicator, #explore-links-grid .poster-clicks-indicator { font-size: 8.5px !important; display: inline-flex !important; align-items: center !important; gap: 2px !important; color: var(--text-muted, #94A3B8) !important; } #home-popular-grid .poster-clicks-indicator svg, #home-explore-grid .poster-clicks-indicator svg, #explore-links-grid .poster-clicks-indicator svg { width: 9px !important; height: 9px !important; } #home-popular-grid .badge-clicks-today, #home-explore-grid .badge-clicks-today, #explore-links-grid .badge-clicks-today { display: none !important; } #home-popular-grid .poster-card-body > div:last-child, #home-explore-grid .poster-card-body > div:last-child, #explore-links-grid .poster-card-body > div:last-child { margin-top: 4px !important; display: flex !important; gap: 3px !important; width: 100% !important; padding: 0 !important; } #home-popular-grid .poster-card-body > div:last-child .btn, #home-popular-grid .poster-card-body > div:last-child a.btn, #home-explore-grid .poster-card-body > div:last-child .btn, #home-explore-grid .poster-card-body > div:last-child a.btn, #explore-links-grid .poster-card-body > div:last-child .btn, #explore-links-grid .poster-card-body > div:last-child a.btn { flex: 1 1 0 !important; min-width: 0 !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; padding: 0 3px !important; font-size: 9.5px !important; font-weight: 600 !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; box-sizing: border-box !important; line-height: 1 !important; } /* Empty state and retry button protection */ #home-popular-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card), #home-explore-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card), #explore-links-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } /* -------------------------------------------------------------------------- 1. HOME SECTIONS - DESKTOP (width >= 1200px) - First row 6 cards Row pattern: [6, 8, 6, 8, 12, 6, 10, 8], cycle length: 64 -------------------------------------------------------------------------- */ @media (min-width: 1200px) { /* 6 cards per row */ #home-popular-grid > .poster-card:nth-child(64n + 1), #home-popular-grid > .skeleton-card:nth-child(64n + 1), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 1), #home-popular-grid > .poster-card:nth-child(64n + 2), #home-popular-grid > .skeleton-card:nth-child(64n + 2), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 2), #home-popular-grid > .poster-card:nth-child(64n + 3), #home-popular-grid > .skeleton-card:nth-child(64n + 3), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 3), #home-popular-grid > .poster-card:nth-child(64n + 4), #home-popular-grid > .skeleton-card:nth-child(64n + 4), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 4), #home-popular-grid > .poster-card:nth-child(64n + 5), #home-popular-grid > .skeleton-card:nth-child(64n + 5), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 5), #home-popular-grid > .poster-card:nth-child(64n + 6), #home-popular-grid > .skeleton-card:nth-child(64n + 6), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 6), #home-popular-grid > .poster-card:nth-child(64n + 15), #home-popular-grid > .skeleton-card:nth-child(64n + 15), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 15), #home-popular-grid > .poster-card:nth-child(64n + 16), #home-popular-grid > .skeleton-card:nth-child(64n + 16), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 16), #home-popular-grid > .poster-card:nth-child(64n + 17), #home-popular-grid > .skeleton-card:nth-child(64n + 17), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 17), #home-popular-grid > .poster-card:nth-child(64n + 18), #home-popular-grid > .skeleton-card:nth-child(64n + 18), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 18), #home-popular-grid > .poster-card:nth-child(64n + 19), #home-popular-grid > .skeleton-card:nth-child(64n + 19), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 19), #home-popular-grid > .poster-card:nth-child(64n + 20), #home-popular-grid > .skeleton-card:nth-child(64n + 20), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 20), #home-popular-grid > .poster-card:nth-child(64n + 41), #home-popular-grid > .skeleton-card:nth-child(64n + 41), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 41), #home-popular-grid > .poster-card:nth-child(64n + 42), #home-popular-grid > .skeleton-card:nth-child(64n + 42), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 42), #home-popular-grid > .poster-card:nth-child(64n + 43), #home-popular-grid > .skeleton-card:nth-child(64n + 43), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 43), #home-popular-grid > .poster-card:nth-child(64n + 44), #home-popular-grid > .skeleton-card:nth-child(64n + 44), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 44), #home-popular-grid > .poster-card:nth-child(64n + 45), #home-popular-grid > .skeleton-card:nth-child(64n + 45), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 45), #home-popular-grid > .poster-card:nth-child(64n + 46), #home-popular-grid > .skeleton-card:nth-child(64n + 46), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 46), #home-explore-grid > .poster-card:nth-child(64n + 1), #home-explore-grid > .skeleton-card:nth-child(64n + 1), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 1), #home-explore-grid > .poster-card:nth-child(64n + 2), #home-explore-grid > .skeleton-card:nth-child(64n + 2), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 2), #home-explore-grid > .poster-card:nth-child(64n + 3), #home-explore-grid > .skeleton-card:nth-child(64n + 3), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 3), #home-explore-grid > .poster-card:nth-child(64n + 4), #home-explore-grid > .skeleton-card:nth-child(64n + 4), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 4), #home-explore-grid > .poster-card:nth-child(64n + 5), #home-explore-grid > .skeleton-card:nth-child(64n + 5), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 5), #home-explore-grid > .poster-card:nth-child(64n + 6), #home-explore-grid > .skeleton-card:nth-child(64n + 6), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 6), #home-explore-grid > .poster-card:nth-child(64n + 15), #home-explore-grid > .skeleton-card:nth-child(64n + 15), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 15), #home-explore-grid > .poster-card:nth-child(64n + 16), #home-explore-grid > .skeleton-card:nth-child(64n + 16), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 16), #home-explore-grid > .poster-card:nth-child(64n + 17), #home-explore-grid > .skeleton-card:nth-child(64n + 17), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 17), #home-explore-grid > .poster-card:nth-child(64n + 18), #home-explore-grid > .skeleton-card:nth-child(64n + 18), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 18), #home-explore-grid > .poster-card:nth-child(64n + 19), #home-explore-grid > .skeleton-card:nth-child(64n + 19), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 19), #home-explore-grid > .poster-card:nth-child(64n + 20), #home-explore-grid > .skeleton-card:nth-child(64n + 20), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 20), #home-explore-grid > .poster-card:nth-child(64n + 41), #home-explore-grid > .skeleton-card:nth-child(64n + 41), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 41), #home-explore-grid > .poster-card:nth-child(64n + 42), #home-explore-grid > .skeleton-card:nth-child(64n + 42), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 42), #home-explore-grid > .poster-card:nth-child(64n + 43), #home-explore-grid > .skeleton-card:nth-child(64n + 43), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 43), #home-explore-grid > .poster-card:nth-child(64n + 44), #home-explore-grid > .skeleton-card:nth-child(64n + 44), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 44), #home-explore-grid > .poster-card:nth-child(64n + 45), #home-explore-grid > .skeleton-card:nth-child(64n + 45), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 45), #home-explore-grid > .poster-card:nth-child(64n + 46), #home-explore-grid > .skeleton-card:nth-child(64n + 46), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 46) { flex: 0 0 calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; max-width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; box-sizing: border-box !important; } /* 8 cards per row */ #home-popular-grid > .poster-card:nth-child(64n + 7), #home-popular-grid > .skeleton-card:nth-child(64n + 7), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 7), #home-popular-grid > .poster-card:nth-child(64n + 8), #home-popular-grid > .skeleton-card:nth-child(64n + 8), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 8), #home-popular-grid > .poster-card:nth-child(64n + 9), #home-popular-grid > .skeleton-card:nth-child(64n + 9), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 9), #home-popular-grid > .poster-card:nth-child(64n + 10), #home-popular-grid > .skeleton-card:nth-child(64n + 10), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 10), #home-popular-grid > .poster-card:nth-child(64n + 11), #home-popular-grid > .skeleton-card:nth-child(64n + 11), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 11), #home-popular-grid > .poster-card:nth-child(64n + 12), #home-popular-grid > .skeleton-card:nth-child(64n + 12), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 12), #home-popular-grid > .poster-card:nth-child(64n + 13), #home-popular-grid > .skeleton-card:nth-child(64n + 13), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 13), #home-popular-grid > .poster-card:nth-child(64n + 14), #home-popular-grid > .skeleton-card:nth-child(64n + 14), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 14), #home-popular-grid > .poster-card:nth-child(64n + 21), #home-popular-grid > .skeleton-card:nth-child(64n + 21), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 21), #home-popular-grid > .poster-card:nth-child(64n + 22), #home-popular-grid > .skeleton-card:nth-child(64n + 22), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 22), #home-popular-grid > .poster-card:nth-child(64n + 23), #home-popular-grid > .skeleton-card:nth-child(64n + 23), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 23), #home-popular-grid > .poster-card:nth-child(64n + 24), #home-popular-grid > .skeleton-card:nth-child(64n + 24), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 24), #home-popular-grid > .poster-card:nth-child(64n + 25), #home-popular-grid > .skeleton-card:nth-child(64n + 25), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 25), #home-popular-grid > .poster-card:nth-child(64n + 26), #home-popular-grid > .skeleton-card:nth-child(64n + 26), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 26), #home-popular-grid > .poster-card:nth-child(64n + 27), #home-popular-grid > .skeleton-card:nth-child(64n + 27), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 27), #home-popular-grid > .poster-card:nth-child(64n + 28), #home-popular-grid > .skeleton-card:nth-child(64n + 28), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 28), #home-popular-grid > .poster-card:nth-child(64n + 57), #home-popular-grid > .skeleton-card:nth-child(64n + 57), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 57), #home-popular-grid > .poster-card:nth-child(64n + 58), #home-popular-grid > .skeleton-card:nth-child(64n + 58), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 58), #home-popular-grid > .poster-card:nth-child(64n + 59), #home-popular-grid > .skeleton-card:nth-child(64n + 59), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 59), #home-popular-grid > .poster-card:nth-child(64n + 60), #home-popular-grid > .skeleton-card:nth-child(64n + 60), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 60), #home-popular-grid > .poster-card:nth-child(64n + 61), #home-popular-grid > .skeleton-card:nth-child(64n + 61), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 61), #home-popular-grid > .poster-card:nth-child(64n + 62), #home-popular-grid > .skeleton-card:nth-child(64n + 62), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 62), #home-popular-grid > .poster-card:nth-child(64n + 63), #home-popular-grid > .skeleton-card:nth-child(64n + 63), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 63), #home-popular-grid > .poster-card:nth-child(64n), #home-popular-grid > .skeleton-card:nth-child(64n), #home-popular-grid > .skeleton-poster-card:nth-child(64n), #home-explore-grid > .poster-card:nth-child(64n + 7), #home-explore-grid > .skeleton-card:nth-child(64n + 7), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 7), #home-explore-grid > .poster-card:nth-child(64n + 8), #home-explore-grid > .skeleton-card:nth-child(64n + 8), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 8), #home-explore-grid > .poster-card:nth-child(64n + 9), #home-explore-grid > .skeleton-card:nth-child(64n + 9), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 9), #home-explore-grid > .poster-card:nth-child(64n + 10), #home-explore-grid > .skeleton-card:nth-child(64n + 10), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 10), #home-explore-grid > .poster-card:nth-child(64n + 11), #home-explore-grid > .skeleton-card:nth-child(64n + 11), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 11), #home-explore-grid > .poster-card:nth-child(64n + 12), #home-explore-grid > .skeleton-card:nth-child(64n + 12), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 12), #home-explore-grid > .poster-card:nth-child(64n + 13), #home-explore-grid > .skeleton-card:nth-child(64n + 13), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 13), #home-explore-grid > .poster-card:nth-child(64n + 14), #home-explore-grid > .skeleton-card:nth-child(64n + 14), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 14), #home-explore-grid > .poster-card:nth-child(64n + 21), #home-explore-grid > .skeleton-card:nth-child(64n + 21), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 21), #home-explore-grid > .poster-card:nth-child(64n + 22), #home-explore-grid > .skeleton-card:nth-child(64n + 22), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 22), #home-explore-grid > .poster-card:nth-child(64n + 23), #home-explore-grid > .skeleton-card:nth-child(64n + 23), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 23), #home-explore-grid > .poster-card:nth-child(64n + 24), #home-explore-grid > .skeleton-card:nth-child(64n + 24), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 24), #home-explore-grid > .poster-card:nth-child(64n + 25), #home-explore-grid > .skeleton-card:nth-child(64n + 25), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 25), #home-explore-grid > .poster-card:nth-child(64n + 26), #home-explore-grid > .skeleton-card:nth-child(64n + 26), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 26), #home-explore-grid > .poster-card:nth-child(64n + 27), #home-explore-grid > .skeleton-card:nth-child(64n + 27), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 27), #home-explore-grid > .poster-card:nth-child(64n + 28), #home-explore-grid > .skeleton-card:nth-child(64n + 28), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 28), #home-explore-grid > .poster-card:nth-child(64n + 57), #home-explore-grid > .skeleton-card:nth-child(64n + 57), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 57), #home-explore-grid > .poster-card:nth-child(64n + 58), #home-explore-grid > .skeleton-card:nth-child(64n + 58), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 58), #home-explore-grid > .poster-card:nth-child(64n + 59), #home-explore-grid > .skeleton-card:nth-child(64n + 59), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 59), #home-explore-grid > .poster-card:nth-child(64n + 60), #home-explore-grid > .skeleton-card:nth-child(64n + 60), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 60), #home-explore-grid > .poster-card:nth-child(64n + 61), #home-explore-grid > .skeleton-card:nth-child(64n + 61), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 61), #home-explore-grid > .poster-card:nth-child(64n + 62), #home-explore-grid > .skeleton-card:nth-child(64n + 62), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 62), #home-explore-grid > .poster-card:nth-child(64n + 63), #home-explore-grid > .skeleton-card:nth-child(64n + 63), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 63), #home-explore-grid > .poster-card:nth-child(64n), #home-explore-grid > .skeleton-card:nth-child(64n), #home-explore-grid > .skeleton-poster-card:nth-child(64n) { flex: 0 0 calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; width: calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; max-width: calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; box-sizing: border-box !important; } /* 10 cards per row */ #home-popular-grid > .poster-card:nth-child(64n + 47), #home-popular-grid > .skeleton-card:nth-child(64n + 47), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 47), #home-popular-grid > .poster-card:nth-child(64n + 48), #home-popular-grid > .skeleton-card:nth-child(64n + 48), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 48), #home-popular-grid > .poster-card:nth-child(64n + 49), #home-popular-grid > .skeleton-card:nth-child(64n + 49), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 49), #home-popular-grid > .poster-card:nth-child(64n + 50), #home-popular-grid > .skeleton-card:nth-child(64n + 50), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 50), #home-popular-grid > .poster-card:nth-child(64n + 51), #home-popular-grid > .skeleton-card:nth-child(64n + 51), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 51), #home-popular-grid > .poster-card:nth-child(64n + 52), #home-popular-grid > .skeleton-card:nth-child(64n + 52), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 52), #home-popular-grid > .poster-card:nth-child(64n + 53), #home-popular-grid > .skeleton-card:nth-child(64n + 53), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 53), #home-popular-grid > .poster-card:nth-child(64n + 54), #home-popular-grid > .skeleton-card:nth-child(64n + 54), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 54), #home-popular-grid > .poster-card:nth-child(64n + 55), #home-popular-grid > .skeleton-card:nth-child(64n + 55), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 55), #home-popular-grid > .poster-card:nth-child(64n + 56), #home-popular-grid > .skeleton-card:nth-child(64n + 56), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 56), #home-explore-grid > .poster-card:nth-child(64n + 47), #home-explore-grid > .skeleton-card:nth-child(64n + 47), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 47), #home-explore-grid > .poster-card:nth-child(64n + 48), #home-explore-grid > .skeleton-card:nth-child(64n + 48), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 48), #home-explore-grid > .poster-card:nth-child(64n + 49), #home-explore-grid > .skeleton-card:nth-child(64n + 49), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 49), #home-explore-grid > .poster-card:nth-child(64n + 50), #home-explore-grid > .skeleton-card:nth-child(64n + 50), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 50), #home-explore-grid > .poster-card:nth-child(64n + 51), #home-explore-grid > .skeleton-card:nth-child(64n + 51), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 51), #home-explore-grid > .poster-card:nth-child(64n + 52), #home-explore-grid > .skeleton-card:nth-child(64n + 52), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 52), #home-explore-grid > .poster-card:nth-child(64n + 53), #home-explore-grid > .skeleton-card:nth-child(64n + 53), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 53), #home-explore-grid > .poster-card:nth-child(64n + 54), #home-explore-grid > .skeleton-card:nth-child(64n + 54), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 54), #home-explore-grid > .poster-card:nth-child(64n + 55), #home-explore-grid > .skeleton-card:nth-child(64n + 55), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 55), #home-explore-grid > .poster-card:nth-child(64n + 56), #home-explore-grid > .skeleton-card:nth-child(64n + 56), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 56) { flex: 0 0 calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; width: calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; max-width: calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; box-sizing: border-box !important; } /* Hide description on very small cards (10 per row) */ #home-popular-grid > .poster-card:nth-child(64n + 47) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 48) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 49) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 50) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 51) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 52) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 53) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 54) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 55) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 56) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 47) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 48) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 49) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 50) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 51) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 52) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 53) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 54) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 55) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 56) .poster-card-desc { display: none !important; } /* 12 cards per row */ #home-popular-grid > .poster-card:nth-child(64n + 29), #home-popular-grid > .skeleton-card:nth-child(64n + 29), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 29), #home-popular-grid > .poster-card:nth-child(64n + 30), #home-popular-grid > .skeleton-card:nth-child(64n + 30), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 30), #home-popular-grid > .poster-card:nth-child(64n + 31), #home-popular-grid > .skeleton-card:nth-child(64n + 31), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 31), #home-popular-grid > .poster-card:nth-child(64n + 32), #home-popular-grid > .skeleton-card:nth-child(64n + 32), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 32), #home-popular-grid > .poster-card:nth-child(64n + 33), #home-popular-grid > .skeleton-card:nth-child(64n + 33), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 33), #home-popular-grid > .poster-card:nth-child(64n + 34), #home-popular-grid > .skeleton-card:nth-child(64n + 34), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 34), #home-popular-grid > .poster-card:nth-child(64n + 35), #home-popular-grid > .skeleton-card:nth-child(64n + 35), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 35), #home-popular-grid > .poster-card:nth-child(64n + 36), #home-popular-grid > .skeleton-card:nth-child(64n + 36), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 36), #home-popular-grid > .poster-card:nth-child(64n + 37), #home-popular-grid > .skeleton-card:nth-child(64n + 37), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 37), #home-popular-grid > .poster-card:nth-child(64n + 38), #home-popular-grid > .skeleton-card:nth-child(64n + 38), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 38), #home-popular-grid > .poster-card:nth-child(64n + 39), #home-popular-grid > .skeleton-card:nth-child(64n + 39), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 39), #home-popular-grid > .poster-card:nth-child(64n + 40), #home-popular-grid > .skeleton-card:nth-child(64n + 40), #home-popular-grid > .skeleton-poster-card:nth-child(64n + 40), #home-explore-grid > .poster-card:nth-child(64n + 29), #home-explore-grid > .skeleton-card:nth-child(64n + 29), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 29), #home-explore-grid > .poster-card:nth-child(64n + 30), #home-explore-grid > .skeleton-card:nth-child(64n + 30), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 30), #home-explore-grid > .poster-card:nth-child(64n + 31), #home-explore-grid > .skeleton-card:nth-child(64n + 31), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 31), #home-explore-grid > .poster-card:nth-child(64n + 32), #home-explore-grid > .skeleton-card:nth-child(64n + 32), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 32), #home-explore-grid > .poster-card:nth-child(64n + 33), #home-explore-grid > .skeleton-card:nth-child(64n + 33), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 33), #home-explore-grid > .poster-card:nth-child(64n + 34), #home-explore-grid > .skeleton-card:nth-child(64n + 34), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 34), #home-explore-grid > .poster-card:nth-child(64n + 35), #home-explore-grid > .skeleton-card:nth-child(64n + 35), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 35), #home-explore-grid > .poster-card:nth-child(64n + 36), #home-explore-grid > .skeleton-card:nth-child(64n + 36), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 36), #home-explore-grid > .poster-card:nth-child(64n + 37), #home-explore-grid > .skeleton-card:nth-child(64n + 37), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 37), #home-explore-grid > .poster-card:nth-child(64n + 38), #home-explore-grid > .skeleton-card:nth-child(64n + 38), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 38), #home-explore-grid > .poster-card:nth-child(64n + 39), #home-explore-grid > .skeleton-card:nth-child(64n + 39), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 39), #home-explore-grid > .poster-card:nth-child(64n + 40), #home-explore-grid > .skeleton-card:nth-child(64n + 40), #home-explore-grid > .skeleton-poster-card:nth-child(64n + 40) { flex: 0 0 calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; width: calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; max-width: calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; box-sizing: border-box !important; } /* Hide description on very small cards (12 per row) */ #home-popular-grid > .poster-card:nth-child(64n + 29) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 30) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 31) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 32) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 33) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 34) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 35) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 36) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 37) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 38) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 39) .poster-card-desc, #home-popular-grid > .poster-card:nth-child(64n + 40) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 29) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 30) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 31) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 32) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 33) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 34) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 35) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 36) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 37) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 38) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 39) .poster-card-desc, #home-explore-grid > .poster-card:nth-child(64n + 40) .poster-card-desc { display: none !important; } } /* -------------------------------------------------------------------------- 2. EXPLORE PAGE - DESKTOP (width >= 1200px) - First row 6 cards Row pattern: [6, 6, 10, 8, 12, 6, 10, 12], cycle length: 70 -------------------------------------------------------------------------- */ @media (min-width: 1200px) { /* 6 cards per row */ #explore-links-grid > .poster-card:nth-child(70n + 1), #explore-links-grid > .skeleton-card:nth-child(70n + 1), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 1), #explore-links-grid > .poster-card:nth-child(70n + 2), #explore-links-grid > .skeleton-card:nth-child(70n + 2), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 2), #explore-links-grid > .poster-card:nth-child(70n + 3), #explore-links-grid > .skeleton-card:nth-child(70n + 3), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 3), #explore-links-grid > .poster-card:nth-child(70n + 4), #explore-links-grid > .skeleton-card:nth-child(70n + 4), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 4), #explore-links-grid > .poster-card:nth-child(70n + 5), #explore-links-grid > .skeleton-card:nth-child(70n + 5), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 5), #explore-links-grid > .poster-card:nth-child(70n + 6), #explore-links-grid > .skeleton-card:nth-child(70n + 6), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 6), #explore-links-grid > .poster-card:nth-child(70n + 7), #explore-links-grid > .skeleton-card:nth-child(70n + 7), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 7), #explore-links-grid > .poster-card:nth-child(70n + 8), #explore-links-grid > .skeleton-card:nth-child(70n + 8), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 8), #explore-links-grid > .poster-card:nth-child(70n + 9), #explore-links-grid > .skeleton-card:nth-child(70n + 9), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 9), #explore-links-grid > .poster-card:nth-child(70n + 10), #explore-links-grid > .skeleton-card:nth-child(70n + 10), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 10), #explore-links-grid > .poster-card:nth-child(70n + 11), #explore-links-grid > .skeleton-card:nth-child(70n + 11), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 11), #explore-links-grid > .poster-card:nth-child(70n + 12), #explore-links-grid > .skeleton-card:nth-child(70n + 12), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 12), #explore-links-grid > .poster-card:nth-child(70n + 43), #explore-links-grid > .skeleton-card:nth-child(70n + 43), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 43), #explore-links-grid > .poster-card:nth-child(70n + 44), #explore-links-grid > .skeleton-card:nth-child(70n + 44), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 44), #explore-links-grid > .poster-card:nth-child(70n + 45), #explore-links-grid > .skeleton-card:nth-child(70n + 45), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 45), #explore-links-grid > .poster-card:nth-child(70n + 46), #explore-links-grid > .skeleton-card:nth-child(70n + 46), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 46), #explore-links-grid > .poster-card:nth-child(70n + 47), #explore-links-grid > .skeleton-card:nth-child(70n + 47), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 47), #explore-links-grid > .poster-card:nth-child(70n + 48), #explore-links-grid > .skeleton-card:nth-child(70n + 48), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 48) { flex: 0 0 calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; max-width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; box-sizing: border-box !important; } /* 8 cards per row */ #explore-links-grid > .poster-card:nth-child(70n + 23), #explore-links-grid > .skeleton-card:nth-child(70n + 23), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 23), #explore-links-grid > .poster-card:nth-child(70n + 24), #explore-links-grid > .skeleton-card:nth-child(70n + 24), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 24), #explore-links-grid > .poster-card:nth-child(70n + 25), #explore-links-grid > .skeleton-card:nth-child(70n + 25), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 25), #explore-links-grid > .poster-card:nth-child(70n + 26), #explore-links-grid > .skeleton-card:nth-child(70n + 26), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 26), #explore-links-grid > .poster-card:nth-child(70n + 27), #explore-links-grid > .skeleton-card:nth-child(70n + 27), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 27), #explore-links-grid > .poster-card:nth-child(70n + 28), #explore-links-grid > .skeleton-card:nth-child(70n + 28), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 28), #explore-links-grid > .poster-card:nth-child(70n + 29), #explore-links-grid > .skeleton-card:nth-child(70n + 29), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 29), #explore-links-grid > .poster-card:nth-child(70n + 30), #explore-links-grid > .skeleton-card:nth-child(70n + 30), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 30) { flex: 0 0 calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; width: calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; max-width: calc((100% - 7 * var(--link-card-gap) - 0.2px) / 8) !important; box-sizing: border-box !important; } /* 10 cards per row */ #explore-links-grid > .poster-card:nth-child(70n + 13), #explore-links-grid > .skeleton-card:nth-child(70n + 13), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 13), #explore-links-grid > .poster-card:nth-child(70n + 14), #explore-links-grid > .skeleton-card:nth-child(70n + 14), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 14), #explore-links-grid > .poster-card:nth-child(70n + 15), #explore-links-grid > .skeleton-card:nth-child(70n + 15), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 15), #explore-links-grid > .poster-card:nth-child(70n + 16), #explore-links-grid > .skeleton-card:nth-child(70n + 16), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 16), #explore-links-grid > .poster-card:nth-child(70n + 17), #explore-links-grid > .skeleton-card:nth-child(70n + 17), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 17), #explore-links-grid > .poster-card:nth-child(70n + 18), #explore-links-grid > .skeleton-card:nth-child(70n + 18), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 18), #explore-links-grid > .poster-card:nth-child(70n + 19), #explore-links-grid > .skeleton-card:nth-child(70n + 19), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 19), #explore-links-grid > .poster-card:nth-child(70n + 20), #explore-links-grid > .skeleton-card:nth-child(70n + 20), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 20), #explore-links-grid > .poster-card:nth-child(70n + 21), #explore-links-grid > .skeleton-card:nth-child(70n + 21), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 21), #explore-links-grid > .poster-card:nth-child(70n + 22), #explore-links-grid > .skeleton-card:nth-child(70n + 22), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 22), #explore-links-grid > .poster-card:nth-child(70n + 49), #explore-links-grid > .skeleton-card:nth-child(70n + 49), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 49), #explore-links-grid > .poster-card:nth-child(70n + 50), #explore-links-grid > .skeleton-card:nth-child(70n + 50), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 50), #explore-links-grid > .poster-card:nth-child(70n + 51), #explore-links-grid > .skeleton-card:nth-child(70n + 51), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 51), #explore-links-grid > .poster-card:nth-child(70n + 52), #explore-links-grid > .skeleton-card:nth-child(70n + 52), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 52), #explore-links-grid > .poster-card:nth-child(70n + 53), #explore-links-grid > .skeleton-card:nth-child(70n + 53), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 53), #explore-links-grid > .poster-card:nth-child(70n + 54), #explore-links-grid > .skeleton-card:nth-child(70n + 54), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 54), #explore-links-grid > .poster-card:nth-child(70n + 55), #explore-links-grid > .skeleton-card:nth-child(70n + 55), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 55), #explore-links-grid > .poster-card:nth-child(70n + 56), #explore-links-grid > .skeleton-card:nth-child(70n + 56), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 56), #explore-links-grid > .poster-card:nth-child(70n + 57), #explore-links-grid > .skeleton-card:nth-child(70n + 57), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 57), #explore-links-grid > .poster-card:nth-child(70n + 58), #explore-links-grid > .skeleton-card:nth-child(70n + 58), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 58) { flex: 0 0 calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; width: calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; max-width: calc((100% - 9 * var(--link-card-gap) - 0.2px) / 10) !important; box-sizing: border-box !important; } /* Hide description on very small cards (10 per row) */ #explore-links-grid > .poster-card:nth-child(70n + 13) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 14) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 15) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 16) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 17) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 18) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 19) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 20) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 21) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 22) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 49) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 50) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 51) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 52) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 53) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 54) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 55) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 56) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 57) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 58) .poster-card-desc { display: none !important; } /* 12 cards per row */ #explore-links-grid > .poster-card:nth-child(70n + 31), #explore-links-grid > .skeleton-card:nth-child(70n + 31), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 31), #explore-links-grid > .poster-card:nth-child(70n + 32), #explore-links-grid > .skeleton-card:nth-child(70n + 32), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 32), #explore-links-grid > .poster-card:nth-child(70n + 33), #explore-links-grid > .skeleton-card:nth-child(70n + 33), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 33), #explore-links-grid > .poster-card:nth-child(70n + 34), #explore-links-grid > .skeleton-card:nth-child(70n + 34), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 34), #explore-links-grid > .poster-card:nth-child(70n + 35), #explore-links-grid > .skeleton-card:nth-child(70n + 35), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 35), #explore-links-grid > .poster-card:nth-child(70n + 36), #explore-links-grid > .skeleton-card:nth-child(70n + 36), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 36), #explore-links-grid > .poster-card:nth-child(70n + 37), #explore-links-grid > .skeleton-card:nth-child(70n + 37), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 37), #explore-links-grid > .poster-card:nth-child(70n + 38), #explore-links-grid > .skeleton-card:nth-child(70n + 38), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 38), #explore-links-grid > .poster-card:nth-child(70n + 39), #explore-links-grid > .skeleton-card:nth-child(70n + 39), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 39), #explore-links-grid > .poster-card:nth-child(70n + 40), #explore-links-grid > .skeleton-card:nth-child(70n + 40), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 40), #explore-links-grid > .poster-card:nth-child(70n + 41), #explore-links-grid > .skeleton-card:nth-child(70n + 41), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 41), #explore-links-grid > .poster-card:nth-child(70n + 42), #explore-links-grid > .skeleton-card:nth-child(70n + 42), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 42), #explore-links-grid > .poster-card:nth-child(70n + 59), #explore-links-grid > .skeleton-card:nth-child(70n + 59), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 59), #explore-links-grid > .poster-card:nth-child(70n + 60), #explore-links-grid > .skeleton-card:nth-child(70n + 60), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 60), #explore-links-grid > .poster-card:nth-child(70n + 61), #explore-links-grid > .skeleton-card:nth-child(70n + 61), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 61), #explore-links-grid > .poster-card:nth-child(70n + 62), #explore-links-grid > .skeleton-card:nth-child(70n + 62), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 62), #explore-links-grid > .poster-card:nth-child(70n + 63), #explore-links-grid > .skeleton-card:nth-child(70n + 63), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 63), #explore-links-grid > .poster-card:nth-child(70n + 64), #explore-links-grid > .skeleton-card:nth-child(70n + 64), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 64), #explore-links-grid > .poster-card:nth-child(70n + 65), #explore-links-grid > .skeleton-card:nth-child(70n + 65), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 65), #explore-links-grid > .poster-card:nth-child(70n + 66), #explore-links-grid > .skeleton-card:nth-child(70n + 66), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 66), #explore-links-grid > .poster-card:nth-child(70n + 67), #explore-links-grid > .skeleton-card:nth-child(70n + 67), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 67), #explore-links-grid > .poster-card:nth-child(70n + 68), #explore-links-grid > .skeleton-card:nth-child(70n + 68), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 68), #explore-links-grid > .poster-card:nth-child(70n + 69), #explore-links-grid > .skeleton-card:nth-child(70n + 69), #explore-links-grid > .skeleton-poster-card:nth-child(70n + 69), #explore-links-grid > .poster-card:nth-child(70n), #explore-links-grid > .skeleton-card:nth-child(70n), #explore-links-grid > .skeleton-poster-card:nth-child(70n) { flex: 0 0 calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; width: calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; max-width: calc((100% - 11 * var(--link-card-gap) - 0.2px) / 12) !important; box-sizing: border-box !important; } /* Hide description on very small cards (12 per row) */ #explore-links-grid > .poster-card:nth-child(70n + 31) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 32) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 33) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 34) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 35) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 36) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 37) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 38) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 39) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 40) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 41) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 42) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 59) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 60) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 61) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 62) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 63) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 64) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 65) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 66) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 67) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 68) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n + 69) .poster-card-desc, #explore-links-grid > .poster-card:nth-child(70n) .poster-card-desc { display: none !important; } } /* -------------------------------------------------------------------------- 3. TABLET / SMALL LAPTOP (768px to 1199px) - First row 4 cards Row pattern: [4, 5, 4, 6, 5, 4], cycle length: 28 -------------------------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 1199px) { /* 4 cards per row */ #home-popular-grid > .poster-card:nth-child(28n + 1), #home-popular-grid > .skeleton-card:nth-child(28n + 1), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 1), #home-popular-grid > .poster-card:nth-child(28n + 2), #home-popular-grid > .skeleton-card:nth-child(28n + 2), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 2), #home-popular-grid > .poster-card:nth-child(28n + 3), #home-popular-grid > .skeleton-card:nth-child(28n + 3), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 3), #home-popular-grid > .poster-card:nth-child(28n + 4), #home-popular-grid > .skeleton-card:nth-child(28n + 4), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 4), #home-popular-grid > .poster-card:nth-child(28n + 10), #home-popular-grid > .skeleton-card:nth-child(28n + 10), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 10), #home-popular-grid > .poster-card:nth-child(28n + 11), #home-popular-grid > .skeleton-card:nth-child(28n + 11), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 11), #home-popular-grid > .poster-card:nth-child(28n + 12), #home-popular-grid > .skeleton-card:nth-child(28n + 12), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 12), #home-popular-grid > .poster-card:nth-child(28n + 13), #home-popular-grid > .skeleton-card:nth-child(28n + 13), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 13), #home-popular-grid > .poster-card:nth-child(28n + 25), #home-popular-grid > .skeleton-card:nth-child(28n + 25), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 25), #home-popular-grid > .poster-card:nth-child(28n + 26), #home-popular-grid > .skeleton-card:nth-child(28n + 26), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 26), #home-popular-grid > .poster-card:nth-child(28n + 27), #home-popular-grid > .skeleton-card:nth-child(28n + 27), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 27), #home-popular-grid > .poster-card:nth-child(28n), #home-popular-grid > .skeleton-card:nth-child(28n), #home-popular-grid > .skeleton-poster-card:nth-child(28n), #home-explore-grid > .poster-card:nth-child(28n + 1), #home-explore-grid > .skeleton-card:nth-child(28n + 1), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 1), #home-explore-grid > .poster-card:nth-child(28n + 2), #home-explore-grid > .skeleton-card:nth-child(28n + 2), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 2), #home-explore-grid > .poster-card:nth-child(28n + 3), #home-explore-grid > .skeleton-card:nth-child(28n + 3), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 3), #home-explore-grid > .poster-card:nth-child(28n + 4), #home-explore-grid > .skeleton-card:nth-child(28n + 4), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 4), #home-explore-grid > .poster-card:nth-child(28n + 10), #home-explore-grid > .skeleton-card:nth-child(28n + 10), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 10), #home-explore-grid > .poster-card:nth-child(28n + 11), #home-explore-grid > .skeleton-card:nth-child(28n + 11), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 11), #home-explore-grid > .poster-card:nth-child(28n + 12), #home-explore-grid > .skeleton-card:nth-child(28n + 12), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 12), #home-explore-grid > .poster-card:nth-child(28n + 13), #home-explore-grid > .skeleton-card:nth-child(28n + 13), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 13), #home-explore-grid > .poster-card:nth-child(28n + 25), #home-explore-grid > .skeleton-card:nth-child(28n + 25), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 25), #home-explore-grid > .poster-card:nth-child(28n + 26), #home-explore-grid > .skeleton-card:nth-child(28n + 26), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 26), #home-explore-grid > .poster-card:nth-child(28n + 27), #home-explore-grid > .skeleton-card:nth-child(28n + 27), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 27), #home-explore-grid > .poster-card:nth-child(28n), #home-explore-grid > .skeleton-card:nth-child(28n), #home-explore-grid > .skeleton-poster-card:nth-child(28n), #explore-links-grid > .poster-card:nth-child(28n + 1), #explore-links-grid > .skeleton-card:nth-child(28n + 1), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 1), #explore-links-grid > .poster-card:nth-child(28n + 2), #explore-links-grid > .skeleton-card:nth-child(28n + 2), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 2), #explore-links-grid > .poster-card:nth-child(28n + 3), #explore-links-grid > .skeleton-card:nth-child(28n + 3), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 3), #explore-links-grid > .poster-card:nth-child(28n + 4), #explore-links-grid > .skeleton-card:nth-child(28n + 4), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 4), #explore-links-grid > .poster-card:nth-child(28n + 10), #explore-links-grid > .skeleton-card:nth-child(28n + 10), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 10), #explore-links-grid > .poster-card:nth-child(28n + 11), #explore-links-grid > .skeleton-card:nth-child(28n + 11), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 11), #explore-links-grid > .poster-card:nth-child(28n + 12), #explore-links-grid > .skeleton-card:nth-child(28n + 12), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 12), #explore-links-grid > .poster-card:nth-child(28n + 13), #explore-links-grid > .skeleton-card:nth-child(28n + 13), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 13), #explore-links-grid > .poster-card:nth-child(28n + 25), #explore-links-grid > .skeleton-card:nth-child(28n + 25), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 25), #explore-links-grid > .poster-card:nth-child(28n + 26), #explore-links-grid > .skeleton-card:nth-child(28n + 26), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 26), #explore-links-grid > .poster-card:nth-child(28n + 27), #explore-links-grid > .skeleton-card:nth-child(28n + 27), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 27), #explore-links-grid > .poster-card:nth-child(28n), #explore-links-grid > .skeleton-card:nth-child(28n), #explore-links-grid > .skeleton-poster-card:nth-child(28n) { flex: 0 0 calc((100% - 3 * var(--link-card-gap) - 0.2px) / 4) !important; width: calc((100% - 3 * var(--link-card-gap) - 0.2px) / 4) !important; max-width: calc((100% - 3 * var(--link-card-gap) - 0.2px) / 4) !important; box-sizing: border-box !important; } /* 5 cards per row */ #home-popular-grid > .poster-card:nth-child(28n + 5), #home-popular-grid > .skeleton-card:nth-child(28n + 5), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 5), #home-popular-grid > .poster-card:nth-child(28n + 6), #home-popular-grid > .skeleton-card:nth-child(28n + 6), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 6), #home-popular-grid > .poster-card:nth-child(28n + 7), #home-popular-grid > .skeleton-card:nth-child(28n + 7), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 7), #home-popular-grid > .poster-card:nth-child(28n + 8), #home-popular-grid > .skeleton-card:nth-child(28n + 8), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 8), #home-popular-grid > .poster-card:nth-child(28n + 9), #home-popular-grid > .skeleton-card:nth-child(28n + 9), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 9), #home-popular-grid > .poster-card:nth-child(28n + 20), #home-popular-grid > .skeleton-card:nth-child(28n + 20), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 20), #home-popular-grid > .poster-card:nth-child(28n + 21), #home-popular-grid > .skeleton-card:nth-child(28n + 21), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 21), #home-popular-grid > .poster-card:nth-child(28n + 22), #home-popular-grid > .skeleton-card:nth-child(28n + 22), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 22), #home-popular-grid > .poster-card:nth-child(28n + 23), #home-popular-grid > .skeleton-card:nth-child(28n + 23), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 23), #home-popular-grid > .poster-card:nth-child(28n + 24), #home-popular-grid > .skeleton-card:nth-child(28n + 24), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 24), #home-explore-grid > .poster-card:nth-child(28n + 5), #home-explore-grid > .skeleton-card:nth-child(28n + 5), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 5), #home-explore-grid > .poster-card:nth-child(28n + 6), #home-explore-grid > .skeleton-card:nth-child(28n + 6), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 6), #home-explore-grid > .poster-card:nth-child(28n + 7), #home-explore-grid > .skeleton-card:nth-child(28n + 7), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 7), #home-explore-grid > .poster-card:nth-child(28n + 8), #home-explore-grid > .skeleton-card:nth-child(28n + 8), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 8), #home-explore-grid > .poster-card:nth-child(28n + 9), #home-explore-grid > .skeleton-card:nth-child(28n + 9), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 9), #home-explore-grid > .poster-card:nth-child(28n + 20), #home-explore-grid > .skeleton-card:nth-child(28n + 20), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 20), #home-explore-grid > .poster-card:nth-child(28n + 21), #home-explore-grid > .skeleton-card:nth-child(28n + 21), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 21), #home-explore-grid > .poster-card:nth-child(28n + 22), #home-explore-grid > .skeleton-card:nth-child(28n + 22), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 22), #home-explore-grid > .poster-card:nth-child(28n + 23), #home-explore-grid > .skeleton-card:nth-child(28n + 23), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 23), #home-explore-grid > .poster-card:nth-child(28n + 24), #home-explore-grid > .skeleton-card:nth-child(28n + 24), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 24), #explore-links-grid > .poster-card:nth-child(28n + 5), #explore-links-grid > .skeleton-card:nth-child(28n + 5), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 5), #explore-links-grid > .poster-card:nth-child(28n + 6), #explore-links-grid > .skeleton-card:nth-child(28n + 6), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 6), #explore-links-grid > .poster-card:nth-child(28n + 7), #explore-links-grid > .skeleton-card:nth-child(28n + 7), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 7), #explore-links-grid > .poster-card:nth-child(28n + 8), #explore-links-grid > .skeleton-card:nth-child(28n + 8), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 8), #explore-links-grid > .poster-card:nth-child(28n + 9), #explore-links-grid > .skeleton-card:nth-child(28n + 9), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 9), #explore-links-grid > .poster-card:nth-child(28n + 20), #explore-links-grid > .skeleton-card:nth-child(28n + 20), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 20), #explore-links-grid > .poster-card:nth-child(28n + 21), #explore-links-grid > .skeleton-card:nth-child(28n + 21), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 21), #explore-links-grid > .poster-card:nth-child(28n + 22), #explore-links-grid > .skeleton-card:nth-child(28n + 22), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 22), #explore-links-grid > .poster-card:nth-child(28n + 23), #explore-links-grid > .skeleton-card:nth-child(28n + 23), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 23), #explore-links-grid > .poster-card:nth-child(28n + 24), #explore-links-grid > .skeleton-card:nth-child(28n + 24), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 24) { flex: 0 0 calc((100% - 4 * var(--link-card-gap) - 0.2px) / 5) !important; width: calc((100% - 4 * var(--link-card-gap) - 0.2px) / 5) !important; max-width: calc((100% - 4 * var(--link-card-gap) - 0.2px) / 5) !important; box-sizing: border-box !important; } /* 6 cards per row */ #home-popular-grid > .poster-card:nth-child(28n + 14), #home-popular-grid > .skeleton-card:nth-child(28n + 14), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 14), #home-popular-grid > .poster-card:nth-child(28n + 15), #home-popular-grid > .skeleton-card:nth-child(28n + 15), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 15), #home-popular-grid > .poster-card:nth-child(28n + 16), #home-popular-grid > .skeleton-card:nth-child(28n + 16), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 16), #home-popular-grid > .poster-card:nth-child(28n + 17), #home-popular-grid > .skeleton-card:nth-child(28n + 17), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 17), #home-popular-grid > .poster-card:nth-child(28n + 18), #home-popular-grid > .skeleton-card:nth-child(28n + 18), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 18), #home-popular-grid > .poster-card:nth-child(28n + 19), #home-popular-grid > .skeleton-card:nth-child(28n + 19), #home-popular-grid > .skeleton-poster-card:nth-child(28n + 19), #home-explore-grid > .poster-card:nth-child(28n + 14), #home-explore-grid > .skeleton-card:nth-child(28n + 14), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 14), #home-explore-grid > .poster-card:nth-child(28n + 15), #home-explore-grid > .skeleton-card:nth-child(28n + 15), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 15), #home-explore-grid > .poster-card:nth-child(28n + 16), #home-explore-grid > .skeleton-card:nth-child(28n + 16), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 16), #home-explore-grid > .poster-card:nth-child(28n + 17), #home-explore-grid > .skeleton-card:nth-child(28n + 17), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 17), #home-explore-grid > .poster-card:nth-child(28n + 18), #home-explore-grid > .skeleton-card:nth-child(28n + 18), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 18), #home-explore-grid > .poster-card:nth-child(28n + 19), #home-explore-grid > .skeleton-card:nth-child(28n + 19), #home-explore-grid > .skeleton-poster-card:nth-child(28n + 19), #explore-links-grid > .poster-card:nth-child(28n + 14), #explore-links-grid > .skeleton-card:nth-child(28n + 14), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 14), #explore-links-grid > .poster-card:nth-child(28n + 15), #explore-links-grid > .skeleton-card:nth-child(28n + 15), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 15), #explore-links-grid > .poster-card:nth-child(28n + 16), #explore-links-grid > .skeleton-card:nth-child(28n + 16), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 16), #explore-links-grid > .poster-card:nth-child(28n + 17), #explore-links-grid > .skeleton-card:nth-child(28n + 17), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 17), #explore-links-grid > .poster-card:nth-child(28n + 18), #explore-links-grid > .skeleton-card:nth-child(28n + 18), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 18), #explore-links-grid > .poster-card:nth-child(28n + 19), #explore-links-grid > .skeleton-card:nth-child(28n + 19), #explore-links-grid > .skeleton-poster-card:nth-child(28n + 19) { flex: 0 0 calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; max-width: calc((100% - 5 * var(--link-card-gap) - 0.2px) / 6) !important; box-sizing: border-box !important; } } /* -------------------------------------------------------------------------- 4. MOBILE (below 768px) - 2 cards per row everywhere (reverted to original) Simple 2 equal columns in every row, filling full width equally No mixed pattern, no first-row override, no empty space on right, no sideways scroll Original normal card size & design with full image, title, description, category, and Details + Visit buttons fully visible (not cut) -------------------------------------------------------------------------- */ @media (max-width: 767px) { #home-popular-grid, #home-explore-grid, #explore-links-grid, .home-popular-grid, .home-explore-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; row-gap: 12px !important; column-gap: 10px !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 24px !important; box-sizing: border-box !important; overflow-x: hidden !important; } /* Base card rule for mobile: equal row width, box-sizing, and normal proportions */ #home-popular-grid > .poster-card, #home-popular-grid > .skeleton-card, #home-popular-grid > .skeleton-poster-card, #home-explore-grid > .poster-card, #home-explore-grid > .skeleton-card, #home-explore-grid > .skeleton-poster-card, #explore-links-grid > .poster-card, #explore-links-grid > .skeleton-card, #explore-links-grid > .skeleton-poster-card { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; border-radius: 12px !important; border: 1px solid var(--border-subtle, #E2E8F0) !important; background: #FFFFFF !important; overflow: hidden !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; flex: none !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important; } /* Empty state and retry button protection */ #home-popular-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card), #home-explore-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card), #explore-links-grid > div:not(.poster-card):not(.skeleton-card):not(.skeleton-poster-card) { grid-column: 1 / -1 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Full Image on Top */ #home-popular-grid .poster-thumbnail-wrapper, #home-explore-grid .poster-thumbnail-wrapper, #explore-links-grid .poster-thumbnail-wrapper, #home-popular-grid .skeleton-thumbnail, #home-explore-grid .skeleton-thumbnail, #explore-links-grid .skeleton-thumbnail { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #F1F5F9 !important; display: block !important; flex-shrink: 0 !important; } #home-popular-grid .poster-thumbnail-img, #home-explore-grid .poster-thumbnail-img, #explore-links-grid .poster-thumbnail-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } #home-popular-grid .poster-badge-platform, #home-explore-grid .poster-badge-platform, #explore-links-grid .poster-badge-platform { position: absolute !important; top: 6px !important; left: 6px !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; padding: 3px 6px !important; border-radius: 4px !important; background: rgba(15, 23, 42, 0.8) !important; color: #FFFFFF !important; backdrop-filter: blur(2px) !important; max-width: 65% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; z-index: 2 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; } #home-popular-grid .poster-badge-trending, #home-explore-grid .poster-badge-trending, #explore-links-grid .poster-badge-trending { position: absolute !important; top: 6px !important; right: 6px !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; padding: 3px 6px !important; border-radius: 4px !important; background: #EF4444 !important; color: #FFFFFF !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; z-index: 2 !important; box-shadow: 0 1px 3px rgba(239, 68, 68, 0.3) !important; } #home-popular-grid .poster-badge-trending svg, #home-explore-grid .poster-badge-trending svg, #explore-links-grid .poster-badge-trending svg { width: 10px !important; height: 10px !important; } /* Card Interior Elements */ #home-popular-grid .poster-card-body, #home-explore-grid .poster-card-body, #explore-links-grid .poster-card-body { padding: 10px !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-width: 0 !important; box-sizing: border-box !important; } /* Title: clamped to 2 lines, legible size */ #home-popular-grid .poster-card-title, #home-explore-grid .poster-card-title, #explore-links-grid .poster-card-title { font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 4px 0 !important; color: var(--text-main, #0F172A) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; } /* Description: fully visible, clamped to 2 lines on all cards */ #home-popular-grid .poster-card-desc, #home-explore-grid .poster-card-desc, #explore-links-grid .poster-card-desc { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 11.5px !important; line-height: 1.35 !important; color: var(--text-secondary, #64748B) !important; margin: 0 0 8px 0 !important; word-break: break-word !important; } /* Category text & clicks indicator: fully visible */ #home-popular-grid .poster-card-meta, #home-explore-grid .poster-card-meta, #explore-links-grid .poster-card-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; font-size: 11px !important; color: var(--text-muted, #94A3B8) !important; margin-top: auto !important; padding-top: 6px !important; border-top: 1px solid var(--border-subtle, #F1F5F9) !important; white-space: nowrap !important; overflow: hidden !important; } #home-popular-grid .poster-card-meta > span:first-child, #home-explore-grid .poster-card-meta > span:first-child, #explore-links-grid .poster-card-meta > span:first-child, #home-popular-grid .poster-card-meta > a:first-child, #home-explore-grid .poster-card-meta > a:first-child, #explore-links-grid .poster-card-meta > a:first-child { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-weight: 600 !important; color: var(--text-secondary, #64748B) !important; font-size: 11px !important; max-width: 58% !important; display: block !important; } #home-popular-grid .poster-clicks-indicator, #home-explore-grid .poster-clicks-indicator, #explore-links-grid .poster-clicks-indicator { font-size: 10.5px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; color: var(--text-muted, #94A3B8) !important; flex-shrink: 0 !important; white-space: nowrap !important; } #home-popular-grid .poster-clicks-indicator svg, #home-explore-grid .poster-clicks-indicator svg, #explore-links-grid .poster-clicks-indicator svg { width: 11px !important; height: 11px !important; } /* Details + Visit buttons: side by side, 2 equal columns, fully visible, NOT cut */ #home-popular-grid .poster-card-body > div:last-child, #home-explore-grid .poster-card-body > div:last-child, #explore-links-grid .poster-card-body > div:last-child { margin-top: 8px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; width: 100% !important; padding: 0 !important; } #home-popular-grid .poster-card-body > div:last-child .btn, #home-popular-grid .poster-card-body > div:last-child a.btn, #home-explore-grid .poster-card-body > div:last-child .btn, #home-explore-grid .poster-card-body > div:last-child a.btn, #explore-links-grid .poster-card-body > div:last-child .btn, #explore-links-grid .poster-card-body > div:last-child a.btn { flex: 1 1 0 !important; min-width: 0 !important; width: 100% !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; padding: 0 4px !important; font-size: 11.5px !important; font-weight: 600 !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; box-sizing: border-box !important; line-height: 1 !important; } /* Skeleton card button adjustments matching 2-column layout */ #home-popular-grid > .skeleton-card div[style*="display: flex"], #home-popular-grid > .skeleton-poster-card div[style*="display: flex"], #home-explore-grid > .skeleton-card div[style*="display: flex"], #home-explore-grid > .skeleton-poster-card div[style*="display: flex"], #explore-links-grid > .skeleton-card div[style*="display: flex"], #explore-links-grid > .skeleton-poster-card div[style*="display: flex"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-top: 8px !important; width: 100% !important; } }