/* 123 Movies homepage, light layout (Oct 2026). Loaded only by dist/index.html; every rule is scoped to body.home. */
body.home{--color-bg-dark:#f5f6f8;--color-bg-card:#ffffff;--color-bg-hover:#f1f2f5;--color-text:#15171c;--color-text-muted:#4b5260;--color-text-dim:#5f6673;--color-border:#e4e6eb;--color-primary:#e50914;--home-red-text:#c8102e;--home-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--home-shadow-hover:0 8px 24px rgba(16,24,40,.12);background:#f5f6f8;color:var(--color-text)}
body.home .site,body.home .site-content,body.home .site-main{background:transparent}

/* Header */
body.home .site-header,body.home .site-header.scrolled{background:rgba(255,255,255,.97);border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px rgba(16,24,40,.04)}
body.home .site-title a,body.home .brand-movies,body.home .footer-brand-title a span:not(.brand-123){color:var(--color-text)}
body.home .brand-123{color:var(--color-primary)}
body.home .nav-menu>li>a{color:var(--color-text)}
body.home .nav-menu>li>a:hover,body.home .nav-menu>li>a:focus-visible,body.home .nav-menu>li.current-menu-item>a{color:var(--home-red-text)}
body.home .nav-menu .sub-menu{background:#fff;border:1px solid var(--color-border);box-shadow:var(--home-shadow-hover)}
body.home .nav-menu .sub-menu a{color:var(--color-text)}
body.home .nav-menu .sub-menu a:hover{background:var(--color-bg-hover);color:var(--home-red-text)}
body.home .search-field{background:#fff;color:var(--color-text);border:1px solid #cfd3da}
body.home .header-search .search-form{background:#fff;border:1px solid #cfd3da;border-radius:999px}
body.home .header-search .search-field{border:0;background:transparent}
body.home .search-field::placeholder{color:#6b7280}
body.home .header-search .search-submit,body.home .mobile-nav-search .search-submit{color:var(--color-text-muted);background:transparent}
body.home .menu-toggle,body.home .submenu-toggle,body.home .sub-menu-toggle{color:var(--color-text)}
body.home .menu-toggle span,body.home .menu-toggle .bar{background:var(--color-text)}
@media (max-width:1024px){body.home .main-navigation{background:#fff}body.home .main-navigation.toggled,body.home .main-navigation .nav-menu{background:#fff}}

/* Hero */
body.home .hero-section{background:linear-gradient(180deg,#ffffff 0,#f5f6f8 100%);border-bottom:1px solid var(--color-border)}
body.home .hero-section::before{background:radial-gradient(circle at 50% 30%,rgba(229,9,20,.06) 0,transparent 65%)}
body.home .hero-title{color:var(--color-text)}
body.home .hero-subtitle{color:var(--color-text)}
body.home .hero-description{color:var(--color-text-muted);max-width:720px;margin-left:auto;margin-right:auto}
body.home .hero-search .search-form{background:#fff;border:1px solid #d5d9e0;border-radius:999px;box-shadow:var(--home-shadow-hover);padding:6px;display:flex;gap:6px;max-width:620px;margin:0 auto}
body.home .hero-search .search-field{border:0;background:transparent;flex:1;min-width:0;padding:.7rem 1rem;font-size:1rem}
body.home .hero-search .search-field:focus{outline:none}
body.home .hero-search .search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(229,9,20,.15)}
body.home .hero-search .search-submit{background:var(--color-primary);color:#fff;border-radius:999px;padding:.7rem 1.5rem;font-weight:600;min-height:44px}
body.home .hero-search .search-submit:hover{background:#c40812}

/* Section scaffolding */
body.home .categories-section,body.home .movies-section,body.home .blog-section,body.home .trust-section{background:transparent;border-top:1px solid var(--color-border)}
body.home .section-title,body.home .trust-title{color:var(--color-text);border-left:4px solid var(--color-primary);padding-left:.65rem;line-height:1.2}
body.home .section-title::before,body.home .section-title::after,body.home .trust-title::before,body.home .trust-title::after{display:none}
body.home .trust-title{text-align:left}
body.home .view-all{color:var(--color-text-muted)}
body.home .view-all:hover,body.home .view-all:focus-visible{color:var(--home-red-text)}
body.home .view-all svg{fill:currentColor;stroke:currentColor}
body.home a:focus-visible,body.home button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

/* Genre cards: picture on top, label on white below */
body.home .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}
body.home .category-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--home-shadow);padding:calc(var(--home-genre-img,104px) + 18px) .6rem .85rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none}
body.home .category-card.has-bg::before{inset:0 0 auto 0;height:var(--home-genre-img,104px);background-position:center 25%}
body.home .category-card.has-bg::after{inset:0 0 auto 0;height:var(--home-genre-img,104px);background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.25) 100%)}
body.home .category-card.has-bg:hover::after{background:linear-gradient(180deg,rgba(229,9,20,0) 40%,rgba(229,9,20,.25) 100%)}
body.home .category-icon{position:absolute;top:calc(var(--home-genre-img,104px) - 16px);left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;display:flex;align-items:center;justify-content:center;margin:0;box-shadow:0 2px 6px rgba(0,0,0,.2)}
body.home .category-icon svg{width:16px;height:16px;fill:#fff}
body.home .category-card:hover .category-icon svg{transform:none}
body.home .category-name{color:var(--color-text);font-size:.9rem;line-height:1.25;margin:0}
body.home .category-count{color:var(--color-text-dim);font-size:.78rem}
body.home .category-card:hover{transform:translateY(-3px);box-shadow:var(--home-shadow-hover);border-color:#f2b8bb}

/* Shared card surfaces */
body.home .trust-pillar-card,body.home .blog-card,body.home .trust-editor-bio{background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--home-shadow)}
body.home .trust-pillar-title,body.home .trust-pillar-title a,body.home .blog-title,body.home .blog-title a{color:var(--color-text)}
body.home .trust-pillar-title a:hover,body.home .blog-title a:hover{color:var(--home-red-text)}
body.home .trust-pillar-desc,body.home .trust-editor-bio-text,body.home .blog-excerpt{color:var(--color-text-muted)}
body.home .blog-category{color:var(--home-red-text)!important;background:transparent;padding:0;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
body.home .blog-meta,body.home .blog-date,body.home .blog-read-time{color:var(--color-text-dim)}
body.home .blog-meta svg{fill:none;stroke:currentColor}
body.home .s-b260900db856{color:var(--color-text-dim)!important}
body.home .s-ce60d0d91a34,body.home .trust-pillar-desc a,body.home .trust-editor-bio-text a{color:var(--home-red-text)!important}

/* Mood picks: poster + text */
body.home .pick-card{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:start;padding:1rem}
body.home .pick-poster{display:block;border-radius:6px;overflow:hidden;aspect-ratio:2/3;background:#e9ebef}
body.home .pick-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
body.home .pick-card:hover .pick-poster img{transform:scale(1.04)}
body.home .pick-body{min-width:0}
body.home .pick-body .trust-pillar-title{font-size:1rem;margin:.25rem 0 .35rem}
body.home .pick-body .trust-pillar-desc{font-size:.88rem;line-height:1.55}
@media (max-width:420px){body.home .pick-card{grid-template-columns:76px 1fr;gap:.75rem}}

/* Movie grids */
body.home .movie-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--home-shadow);overflow:hidden}
body.home .movie-card:hover{box-shadow:var(--home-shadow-hover)}
body.home .movie-info{background:#fff}
body.home .movie-title{color:var(--color-text)}
body.home .movie-meta,body.home .movie-year,body.home .movie-genre{color:var(--color-text-dim)}
body.home .movie-rating{background:rgba(17,17,17,.82);color:#fff}

/* Article cards */
body.home .blog-card{overflow:hidden;display:flex;flex-direction:column}
body.home .blog-thumbnail{aspect-ratio:16/9;overflow:hidden;background:#e9ebef}
body.home .blog-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
body.home .feature-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.25rem}
body.home .feature-side{display:grid;gap:1.25rem;align-content:start}
body.home .blog-card--feature .blog-title{font-size:1.3rem}
body.home .blog-card--row{display:grid;grid-template-columns:minmax(120px,40%) 1fr;align-items:stretch}
body.home .blog-card--row .blog-thumbnail{aspect-ratio:auto;height:100%;min-height:120px}
body.home .blog-card--row .blog-content{padding:1rem}
body.home .blog-card--row .blog-title{font-size:1rem;margin:.3rem 0 .4rem}
body.home .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.25rem}
@media (max-width:860px){body.home .feature-grid{grid-template-columns:1fr}}
@media (max-width:480px){body.home .blog-card--row{grid-template-columns:110px 1fr}}

/* Link chips in "More Ways to Find a Movie" */
body.home .hp-links a{background:#fff;border:1px solid var(--color-border);color:var(--color-text);border-radius:999px}
body.home .hp-links a:hover{border-color:var(--color-primary);color:var(--home-red-text);background:#fff5f5}

/* Footer */
body.home .site-footer,body.home .footer-main,body.home .footer-bottom{background:#fff;color:var(--color-text-muted);border-color:var(--color-border)}
body.home .site-footer{border-top:1px solid var(--color-border)}
body.home .footer-col-title{color:var(--color-text)}
body.home .footer-links a,body.home .footer-description,body.home .footer-copyright,body.home .footer-disclaimer,body.home .footer-tmdb{color:var(--color-text-muted)}
body.home .footer-links a:hover{color:var(--home-red-text)}
body.home .footer-social-link{background:var(--color-bg-hover);color:var(--color-text-muted);border:1px solid var(--color-border)}
body.home .footer-social-link svg{fill:currentColor}
body.home .footer-social-link:hover{background:var(--color-primary);color:#fff}
body.home .privacy-settings{background:#fff;color:var(--color-text);border:1px solid var(--color-border)}
body.home #scroll-to-top{background:var(--color-primary);color:#fff}

@media (prefers-reduced-motion:reduce){body.home .category-card,body.home .pick-poster img,body.home .movie-card{transition:none}body.home .category-card:hover{transform:none}}
body.home .footer-links a{color:var(--color-text-muted)!important}
body.home .footer-links a:hover,body.home .footer-links a:focus-visible{color:var(--home-red-text)!important}
body.home .tmdb-wordmark{color:#0d253f}
body.home .movie-meta{flex-wrap:wrap}
body.home .movie-year{flex-shrink:0}
body.home .blog-meta{flex-wrap:wrap;gap:.25rem .9rem}
body.home .blog-meta>span{white-space:nowrap}

body.home .editorial-note{background:transparent;border:0;border-radius:0;padding:0;margin:2.5rem 0}
body.home .editorial-note .container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--home-shadow);padding:1.5rem 1.75rem;color:var(--color-text)}
body.home .editorial-note h2,body.home .editorial-note h3{color:var(--color-text);line-height:1.25;margin:0 0 .75rem}
body.home .editorial-note h2{font-size:1.5rem;border-left:4px solid var(--color-primary);padding-left:.65rem}
body.home .editorial-note h3{font-size:1.15rem;margin-top:1.25rem}
body.home .editorial-note p{color:var(--color-text-muted)}
body.home .editorial-note p:last-child{margin-bottom:0}
body.home .editorial-note a{color:var(--home-red-text)}
@media (max-width:600px){body.home .editorial-note .container{padding:1.25rem 1rem;margin:0 1rem}}