/* .ro homepage measurements, with local WordPress data and uploaded branding. */
.header-watchlist{color:white;display:grid;place-items:center;width:48px;height:40px}.header-watchlist:hover{color:white}.header-watchlist .jk-icon{width:28px;height:28px}
.brand{transform-origin:50% 50%;transition:transform .5s ease}
.brand:hover,.brand:focus-visible{transform:rotate(-3deg)}
.brand__logo{display:block;width:auto;height:36.27px;max-width:170px;max-height:36.27px;object-fit:contain}
.homepage .jk-hero__text h2{text-transform:uppercase;font-size:44px}
.homepage .jk-hero__text p{-webkit-line-clamp:4;line-height:25px}
.homepage .jk-hero__shade{background:linear-gradient(90deg,#000b,transparent 65%),linear-gradient(0deg,#000d,transparent 60%)}
.homepage .hero-tags{gap:0;margin-bottom:8px}
.homepage .hero-tags span{border-radius:0;font-size:14px;padding:3px 8px}
.homepage .hero-tags span:first-child{border-radius:4px 0 0 4px}
.homepage .hero-tags span:last-child{border-radius:0 4px 4px 0}
.homepage .hero-actions a{padding:10px 30px;font-size:14px;letter-spacing:0;min-height:44px}
.homepage .jk-hero__controls button{width:40px;height:40px}
.homepage .hero-dots{left:50%;transform:translateX(-50%);gap:9px}
.homepage .hero-dots button{width:8px;height:8px}
.homepage .section-head h2{padding-left:16px;font-size:24px}
.homepage .home-types{width:max-content;max-width:100%;gap:0;padding:4px;background:var(--surface2);border-radius:10px;margin:0 0 24px;flex-wrap:nowrap}
.homepage .home-types>button:not(.icon-button){padding:8px 16px;font-size:16px;background:transparent;border-radius:10px}
.homepage .home-types>button.is-active{background:#f9a510;color:#fff}
.homepage .home-types>.icon-button{margin-left:0;width:40px;height:38px;border:0;background:transparent;color:var(--text)}
.homepage .home-types>.icon-button[aria-pressed=true]{color:var(--primary)}
.home-bookmark{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:5px;padding:12px 16px;margin:0 0 45px;font-size:14px}
.home-bookmark button{border:0;background:none;color:var(--muted);font-size:25px;line-height:1;padding:4px}
.homepage .jk-continue{margin-bottom:28px}
.homepage .latest-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}
.history-card{position:relative;min-width:0;color:var(--text);font-size:12px;line-height:1.4}
.history-card__art{display:block;height:150px;position:relative;border-radius:4px;overflow:hidden;background:var(--surface2);margin-bottom:8px}
.history-card__art img{width:100%;height:100%;object-fit:cover}
.history-card__art span{position:absolute;top:10px;left:10px;border-radius:20px;background:#008cff;color:white;padding:2px 9px;font-size:11px}
.history-card strong{font-weight:700}
.homepage .home-episode-grid{gap:24px 16px}
.homepage .home-episode-grid .jk-episode-card__image{aspect-ratio:5/3;box-shadow:0 1px 2px #0004;border-radius:4px}
.homepage .home-episode-grid .jk-episode-card__image>strong{font-size:17px;font-weight:500;line-height:1.25;left:20px;right:14px;bottom:20px;-webkit-line-clamp:3}
.homepage .home-episode-grid .episode-tag{top:10px;right:72px;padding:4px 10px;border-radius:20px;font-size:12px;background:#008cff}
.homepage .home-episode-grid .episode-time{top:10px;right:6px;max-width:64px;white-space:nowrap;overflow:hidden;padding:4px 8px;border-radius:20px;font-size:11px;background:#6c7c86cc}
.homepage .home-recent{align-self:start;background:var(--surface);border-radius:5px;padding:19px;max-height:1500px;overflow:auto;scrollbar-width:thin;margin-top:24px}
.homepage .home-recent .section-head{margin-bottom:20px}
.homepage .jk-recent-list{padding:0;background:transparent}
.homepage .jk-recent-list article{gap:12px;margin-bottom:30px}
.homepage .recent-cover{width:70px;height:100px}
.homepage .jk-recent-list article>div>a{font-size:17px;font-weight:500;margin-bottom:10px}
.homepage .jk-recent-list small{font-size:14px;line-height:25px}
.homepage .anime-badges{gap:4px;margin-bottom:10px}
.homepage .anime-badges span{border-radius:18px;padding:6px 10px;font-size:11px;background:#337d90;color:#fff}
.homepage .anime-badges span:first-child{background:#dc3545}
.homepage .anime-badges .status-en-emision{background:#28a745!important}
.homepage .anime-badges .type-serie{background:#1687ff}
.homepage .jk-ranking-grid{gap:24px 30px}
.homepage .jk-ranking-grid>a{aspect-ratio:1.45}
.homepage .jk-ranking-grid>a:nth-child(n+5){aspect-ratio:1.3}
.homepage .jk-ranking-grid .rank{top:auto;bottom:10px;left:10px;padding:0 8px;height:50px;line-height:50px;min-width:46px;text-align:center;font-family:Mulish,sans-serif;font-size:23px;font-weight:400;border-radius:5px;background:#e08604;text-shadow:none}
.homepage .jk-ranking-grid strong{left:68px;font-size:15px;bottom:13px;max-height:42px;overflow:hidden}
@media(min-width:993px){
 :root{--rail:94px;--header-height:76px}
 .main-nav{padding-top:24px}.main-nav>a,.main-nav>button{height:68px;font-size:12px;gap:5px}.main-nav .is-current{background:#e4f5fd;border-right:2px solid #35a9e2}
 .homepage .jk-home-columns{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:40px}
 .homepage .jk-hero__text{bottom:64px;width:64%}
 .homepage .hero-actions{bottom:68px;right:30px}
}
@media(max-width:1200px) and (min-width:993px){.homepage .home-episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.homepage .jk-home-columns{gap:24px}}
@media(max-width:992px){
 .header-watchlist{width:30px}.header-watchlist .jk-icon{width:24px;height:24px}
 .brand__logo{height:26.88px;max-height:26.88px;max-width:126px}
 .homepage .jk-home-columns{display:block}.homepage .home-recent{margin:0 0 45px}
 .homepage .home-episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .homepage .latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .homepage .jk-hero__text h2{font-size:36px}.homepage .hero-dots{right:auto}
}
@media(max-width:600px){
 .homepage .jk-hero__text h2{font-size:30px}.homepage .jk-hero__text p{font-size:13px;line-height:21px}
 .homepage .hero-actions a{padding:10px 18px;font-size:11px}.homepage .hero-tags span{font-size:11px}
 .homepage .section-head h2{font-size:22px}.homepage .hero-dots{bottom:14px}
 .homepage .home-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .homepage .home-episode-grid .jk-episode-card__image>strong{font-size:13px;left:10px;bottom:10px;right:10px;-webkit-line-clamp:2}
 .homepage .home-episode-grid .episode-tag{font-size:10px;padding:2px 7px;right:61px;top:7px}
 .homepage .home-episode-grid .episode-time{font-size:9px;top:7px;max-width:55px;padding:2px 5px}
 .homepage .home-types>button:not(.icon-button){font-size:14px;padding:8px 12px}
 .homepage .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .home-bookmark{font-size:12px;margin-bottom:30px}.homepage .jk-ranking-grid{gap:15px}
 .homepage .jk-ranking-grid strong{left:53px;font-size:12px}.homepage .jk-ranking-grid .rank{min-width:34px;padding:0 5px;font-size:19px;height:40px;line-height:40px}
}
@media(prefers-reduced-motion:reduce){.brand{transition:none}.brand:hover,.brand:focus-visible{transform:none}}
