.cartoonSectionHead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0 23px}.cartoonSectionHead h2{font-size:30px;margin:5px 0}.cartoonSectionHead p{font-size:12px;color:#85917b;line-height:1.9;margin:0}.cartoonSectionHead>.secondary{white-space:nowrap;font-size:12px}.cartoonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:35px}.cartoonCard{background:#fffdf4;border:1px solid #e2dfcd;border-radius:28px;overflow:hidden}.cartoonPoster{position:relative;display:block;width:100%;aspect-ratio:9/13;border:0;padding:0;background:#e9eddc;overflow:hidden}.cartoonPoster img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:scale .18s}.cartoonPoster:hover img{scale:1.025}.cartoonPlay{position:absolute;bottom:19px;left:20px;height:49px;width:49px;display:grid;place-items:center;background:#fff9e6ed;border:1px solid #fff5d4;border-radius:50%;font-size:17px;color:#385d48;padding-left:3px;box-shadow:0 3px 20px #3b5f3c13}.cartoonDuration{position:absolute;bottom:23px;right:18px;padding:6px 10px;background:#fff9e6eb;border-radius:20px;color:#617853;font-size:11px}.cartoonBody{padding:24px}.cartoonTheme{font-size:11px;color:#ad7b51}.cartoonBody h3{font-size:24px;margin:9px 0;line-height:1.7}.cartoonBody p{font-size:12px;color:#829079;line-height:2;margin:0 0 17px}.cartoonBody .smallPlay{font-size:12px}.cartoonLibraryNote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 50px;padding:25px 28px;border-radius:25px;background:#e9eedb;color:#6d825c}.cartoonLibraryNote p{font-size:12px;line-height:2;margin:0;max-width:750px}.cartoonLibraryNote b{display:block;color:#3a624b;font-size:16px}.cartoonLibraryNote .secondary{white-space:nowrap;font-size:12px}.heroButtons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.heroCartoons{font-size:13px;background:#fff6da8c;border:1px solid #507b6030;border-radius:20px;padding:12px 18px;color:#3f694f}.cartoonBadge{display:inline-block;font-size:12px;padding:8px 14px;border:1px solid #d9dec8;border-radius:30px;background:#fff9e8;margin-top:12px}.cartoonDialog{width:min(950px,96vw);max-width:96vw;max-height:96vh;border:1px solid #d2d9c0;border-radius:29px;padding:22px;background:#f8f4e6;color:#315747;overflow:auto}.cartoonDialog::backdrop{background:#17382dd9;backdrop-filter:blur(5px)}.cartoonDialogHeader{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px 16px}.cartoonDialogHeader h2{font-size:22px;margin:0;line-height:1.7}.closeCartoon{background:#e8ead9;border:1px solid #d0d8bf;border-radius:50%;font-size:27px;line-height:1;width:37px;height:37px;flex-shrink:0}.cartoonPlayerLayout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;direction:ltr;align-items:center}.cartoonVideoWrap{border-radius:20px;overflow:hidden;background:#14372b;aspect-ratio:9/16;max-height:78vh;margin:auto;width:100%}.cartoonVideoWrap video{display:block;width:100%;height:100%;object-fit:contain;background:#fff8e8}.cartoonPlayerInfo{direction:rtl;padding:10px}.cartoonPlayerInfo>span{font-size:12px;color:#ad7b51}.cartoonPlayerInfo>p{font-size:13px;color:#7a8a71;line-height:2}.cartoonActivity{padding:20px;background:#e9eed9;border-radius:20px;margin:24px 0}.cartoonActivity b{font-size:15px}.cartoonActivity p{font-size:13px;color:#728461;line-height:2;margin-bottom:0}.cartoonPlayerInfo .primary{width:100%;margin-bottom:12px;font-size:15px}.cartoonPlayerInfo .secondary{width:100%;font-size:13px}.cartoonPlayerInfo button:disabled{opacity:.4;cursor:default}.cartoonPlayerInfo small{display:block;font-size:10px;line-height:1.9;color:#92a084;margin-top:20px}.cartoonError{padding:30px;background:#fff5e0;border-radius:20px;line-height:2}.cartoonScreen .pageIntro h1{font-size:47px}.cartoonScreen .pageIntro p{max-width:740px}.homeCartoonsSection{margin-bottom:40px}.cartoonPoster:focus-visible,.heroCartoons:focus-visible,.closeCartoon:focus-visible{outline:4px solid #d9ac67;outline-offset:-4px}
@media(max-width:1100px){.topbar nav button{padding:9px 10px;font-size:11px}.cartoonBody{padding:19px}.cartoonBody h3{font-size:21px}.cartoonGrid{gap:18px}.heroButtons{gap:9px}.heroCartoons{font-size:11px;padding:10px 13px}}
@media(max-width:750px){.topbar{height:124px}.topbar nav{left:9px;right:9px;gap:1px}.topbar nav button{font-size:9px;padding:8px 5px;white-space:nowrap}.heroButtons{justify-content:center;gap:8px}.heroCartoons{font-size:11px;padding:10px 13px}.cartoonSectionHead{align-items:flex-start;margin:30px 4px 19px;gap:12px}.cartoonSectionHead h2{font-size:24px}.cartoonSectionHead p{font-size:10px}.cartoonSectionHead .eyebrow{font-size:9px}.cartoonSectionHead>.secondary{font-size:9px;padding:9px 11px}.cartoonGrid{grid-template-columns:1fr;gap:19px;margin-bottom:25px}.cartoonCard{display:grid;grid-template-columns:42% 58%;direction:ltr;border-radius:24px}.cartoonPoster{aspect-ratio:9/14;min-height:230px;height:100%}.cartoonPoster img{object-position:center}.cartoonBody{direction:rtl;padding:18px 15px;align-self:center}.cartoonBody h3{font-size:21px;line-height:1.8}.cartoonBody p{font-size:11px;margin-bottom:15px}.cartoonTheme{font-size:9px}.cartoonBody .smallPlay{font-size:10px}.cartoonDuration{right:8px;bottom:13px;font-size:8px;padding:4px 7px}.cartoonPlay{width:35px;height:35px;font-size:12px;left:10px;bottom:10px}.cartoonScreen .pageIntro h1{font-size:35px}.cartoonBadge{font-size:10px;padding:6px 11px}.cartoonLibraryNote{padding:20px;display:block;margin-bottom:30px;border-radius:22px}.cartoonLibraryNote p{font-size:11px}.cartoonLibraryNote b{font-size:15px}.cartoonLibraryNote .secondary{font-size:11px;margin-top:15px}.cartoonDialog{padding:13px;border-radius:22px;max-height:96vh;width:95vw}.cartoonDialogHeader{padding:0 2px 10px}.cartoonDialogHeader h2{font-size:17px}.closeCartoon{width:33px;height:33px;font-size:24px}.cartoonPlayerLayout{display:block}.cartoonVideoWrap{width:auto;height:min(62svh,580px);max-width:100%;max-height:62svh}.cartoonPlayerInfo{padding:14px 4px 4px}.cartoonPlayerInfo>p{font-size:11px;margin:6px 0}.cartoonPlayerInfo>span{font-size:10px}.cartoonActivity{padding:13px 15px;margin:12px 0}.cartoonActivity b{font-size:12px}.cartoonActivity p{font-size:11px;line-height:1.9}.cartoonPlayerInfo .primary{font-size:12px;padding:10px 16px;margin-bottom:8px}.cartoonPlayerInfo .secondary{font-size:11px;padding:9px 15px}.cartoonPlayerInfo small{font-size:9px;margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){.cartoonPoster img{transition:none}}