Created
January 14, 2026 22:24
-
-
Save OmnixDiscordBot/8db3a950f2dcc2e5ef91debf6bf70985 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Here is the home page and a movies page html code from inspect element. I want you to create me a website just like this in Y:\movie-site. The media source is https://vidsrc.cc/v2/embed/movie/<IMDB or TMDB ID> | |
| https://vlix.ai/web/index.html | |
| <html lang="en"><head> | |
| <!-- Google tag (gtag.js) --> | |
| <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-N7PEKMT0N5"></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag() { dataLayer.push(arguments); } | |
| gtag('js', new Date()); | |
| gtag('config', 'G-N7PEKMT0N5'); | |
| console.log('[SANITY] You are using the latest version of Vlix web app. Enjoy') | |
| </script> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Vlix: Premium Streaming</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="manifest" href="manifest.json"> | |
| <style type="text/css" id="operaUserStyle"></style><style type="text/css">:root img[width="728"][height="90"], :root [href="https://adstub.net/cina777/"], :root [href="https://adstub.net/arab777/"], :root [href="https://adstub.net/ratu89/"], :root [href="https://adstub.net/judi89/"], :root [href^="//mage98rquewz.com/"], :root [href^="//x4pollyxxpush.com/"], :root span[id^="ezoic-pub-ad-placeholder-"], :root ins.adsbygoogle[data-ad-slot], :root ins.adsbygoogle[data-ad-client], :root img[src^="https://s-img.adskeeper.com/"], :root guj-ad, :root gpt-ad, :root div[id^="zergnet-widget"], :root div[id^="vuukle-ad-"], :root div[id^="taboola-stream-"], :root div[id^="sticky_ad_"], :root div[id^="st"][style^="z-index: 999999999;"], :root div[id^="gpt_ad_"], :root div[id^="ezoic-pub-ad-"], :root div[id^="dfp-ad-"], :root div[id^="crt-"][style], :root div[id^="apn_native_ad_slot_"], :root div[id^="adspot-"], :root div[id^="adrotate_widgets-"], :root ps-connatix-module, :root div[id^="ad_position_"], :root div[id^="ad-div-"], :root div[id*="ScriptRoot"], :root div[id*="MarketGid"], :root [href="https://adstub.net/rusia777/"], :root div[data-id-advertdfpconf], :root div[data-dfp-id], :root hl-adsense, :root div[data-contentexchange-widget], :root div[data-alias="300x250 Ad 2"], :root div[data-adzone], :root div[data-adunit-path], :root div[data-adname], :root div[data-ad-targeting], :root div[data-ad-region], :root div[data-ad-placeholder], :root div[aria-label="Ads"], :root display-ads, :root display-ad-component, :root atf-ad-slot, :root aside[id^="adrotate_widgets-"], :root amp-fx-flying-carpet, :root amp-embed[type="taboola"], :root amp-connatix-player, :root amp-ad-custom, :root amp-ad, :root div[id^="google_dfp_"], :root ad-slot, :root ad-shield-ads, :root a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], :root a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"] + .ob_source, :root a[onclick^="window.location.replace('https://random-affiliate.atimaze.com/"], :root a[href^="https://xbet-4.com/"], :root div[id^="ad-position-"], :root a[href^="https://www.toprevenuegate.com/"], :root a[href^="https://www.purevpn.com/"][href*="&utm_source=aff-"], :root a[href^="https://www.privateinternetaccess.com/"] > img, :root a[href^="https://financeads.net/tc.php?"], :root a[href^="https://www.mrskin.com/tour"], :root a[href^="https://www.infowarsstore.com/"] > img, :root a[href^="https://www.highperformancecpmgate.com/"], :root a[href^="https://www.highcpmrevenuenetwork.com/"], :root a[href^="https://www.get-express-vpn.com/offer/"], :root a[href^="https://lnkxt.bannerator.com/"], :root a[href^="https://www.geekbuying.com/dynamic-ads/"], :root a[href^="https://www.financeads.net/tc.php?"], :root a[href^="https://www.effectiveratecpm.com/"], :root [href^="https://www.herbanomic.com/"] > img, :root a[href^="https://maymooth-stopic.com/"], :root a[href^="https://www.dql2clk.com/"], :root a[href^="https://www.nutaku.net/signup/landing/"], :root a[href^="https://www.dating-finder.com/signup/?ai_d="], :root a[href^="https://explore-site.com/"], :root a[href^="https://www.brazzersnetwork.com/landing/"], :root [data-template-type="nativead"], :root a[href^="https://www.endorico.com/Smartlink/"], :root a[href^="https://www.adultempire.com/"][href*="?partner_id="], :root a[href^="https://voluum.prom-xcams.com/"], :root a[href^="https://twinrdsyte.com/"], :root a[href^="https://twinrdsrv.com/"], :root a[href^="https://trk.nfl-online-streams.club/"], :root a[href^="https://tracking.avapartner.com/"], :root a[href^="https://track.wg-aff.com"], :root a[href^="https://track.ultravpn.com/"], :root a[href^="https://track.afcpatrk.com/"], :root a[href^="https://torguard.net/aff.php"] > img, :root [data-identity="adhesive-ad"], :root a[href^="https://tc.tradetracker.net/"] > img, :root a[href^="https://tatrck.com/"], :root a[href^="https://click.candyoffers.com/"], :root [href^="https://zstacklife.com/"] img, :root a[href^="https://t.aslnk.link/"], :root a[href^="https://t.adating.link/"], :root a[href^="https://go.trackitalltheway.com/"], :root [href^="https://track.fiverr.com/visit/"] > img, :root a[href^="https://syndication.exoclick.com/"], :root a[href^="https://syndication.dynsrvtbg.com/"], :root div[data-alias="300x250 Ad 1"], :root a[href^="https://syndicate.contentsserved.com/"], :root a[href^="https://svb-analytics.trackerrr.com/"], :root a[href^="https://track.aftrk5.com/"], :root a[href^="https://slkmis.com/"], :root a[href^="https://myclick-2.com/"], :root a[href^="https://sexynearme.com/"], :root [data-ad-manager-id], :root a[href^="https://s.zlinkr.com/"], :root bottomadblock, :root a[href^="https://s.zlinkd.com/"], :root [href="https://adstub.net/gaza88/"], :root a[href^="https://ad.doubleclick.net/"], :root a[href^="https://static.fleshlight.com/images/banners/"], :root a[href^="https://s.zlink7.com/"], :root a[href^="https://s.zlink3.com/"], :root a[href^="https://www.mrskin.com/account/"], :root a[href^="https://s.optzsrv.com/"], :root a[href^="https://s.ma3ion.com/"], :root a[href^="https://s.eunow4u.com/"], :root #kt_player > div[style$="display: block;"][style*="inset: 0px;"], :root [href$="/sexdating.php"], :root a[href^="https://quotationfirearmrevision.com/"], :root a[href^="https://pubads.g.doubleclick.net/"], :root a[href^="https://prf.hn/click/"][href*="/camref:"] > img, :root a[href^="https://www.dating-finder.com/?ai_d="], :root a[href^="https://serve.awmdelivery.com/"], :root a[href^="https://prf.hn/click/"][href*="/adref:"] > img, :root app-ad, :root [href^="https://ap.octopuspop.com/click/"] > img, :root a[href^="https://postback1win.com/"], :root a[href^="https://mmwebhandler.aff-online.com/"], :root a[href^="https://www.bet365.com/"][href*="affiliate="], :root a[href^="https://pb-track.com/"], :root a[href^="https://pb-front.com/"], :root a[href^="https://paid.outbrain.com/network/redir?"], :root a[href^="https://streamate.com/landing/click/"], :root div[class^="Adstyled__AdWrapper-"], :root a[href^="https://osfultrbriolenai.info/"], :root a[href^="https://upsups.click/"], :root a[href^="https://ndt5.net/"], :root a[href^="https://natour.naughtyamerica.com/track/"], :root a[href^="https://mediaserver.entainpartners.com/renderBanner.do?"], :root a[href^="https://lead1.pl/"], :root a[href^="https://landing.brazzersnetwork.com/"], :root a[href^="https://join.virtuallust3d.com/"], :root a[href^="https://kiksajex.com/"], :root a[href^="https://juicyads.in/"], :root a[href^="https://snowdayonline.xyz/"], :root a[href^="https://mediaserver.gvcaffiliates.com/renderBanner.do?"], :root a[href^="https://join.dreamsexworld.com/"], :root a[href^="https://join.bannedsextapes.com/track/"], :root a[href^="https://jaxofuna.com/"], :root a[href^="https://italarizege.xyz/"], :root a[href^="https://iqbroker.com/"][href*="?aff="], :root a[href^="https://identicaldrench.com/"], :root a[href^="https://hot-growngames.life/"], :root a[href^="https://helmethomicidal.com/"], :root a[href^="https://golinks.work/"], :root a[href^="https://s.zlinkn.com/"], :root a[href^="https://go.xxxvjmp.com/"], :root a[href^="https://go.xxxjmp.com"], :root [class^="tile-picker__CitrusBannerContainer-sc-"], :root a[href^="https://go.xxxiijmp.com"], :root a[href^="https://go.xtbaffiliates.com/"], :root [data-role="tile-ads-module"], :root a[href^="https://go.xlviirdr.com"], :root div[class$="-adlabel"], :root a[href^="https://go.xlviiirdr.com"], :root a[href^="https://ismlks.com/"], :root [href^="https://www.mypillow.com/"] > img, :root a[href^="https://go.xlirdr.com"], :root [data-css-class="dfp-inarticle"], :root a[href^="https://l.hyenadata.com/"], :root a[href^="https://go.tmrjmp.com"], :root a[href^="https://zirdough.net/"], :root a[href^="https://s.deltraff.com/"], :root a[href^="https://go.markets.com/visit/?bta="], :root a[href^="https://billing.purevpn.com/aff.php"] > img, :root a[href^="https://go.hpyrdr.com/"], :root a[href^="https://lijavaxa.com/"], :root a[href^="https://go.goaserv.com/"], :root a[href^="https://t.hrtye.com/"], :root a[href^="https://go.etoro.com/"] > img, :root a[href^="https://go.dmzjmp.com"], :root a[href^="https://www.bang.com/?aff="], :root #mgb-container > #mgb, :root a[href^="https://go.admjmp.com"], :root a[href^="https://ak.stikroltiltoowi.net/"], :root a[href^="https://get.surfshark.net/aff_c?"][href*="&aff_id="] > img, :root a[href^="https://www.adskeeper.com"], :root a[data-redirect^="https://paid.outbrain.com/network/redir?"], :root [href^="https://clicks.affstrack.com/"] > img, :root a[href^="https://engine.phn.doublepimp.com/"], :root a[href^="https://engine.blueistheneworanges.com/"], :root a[href^="https://drumskilxoa.click/"], :root a[href^="https://dl-protect.net/"], :root a[href*=".foxqck.com/"], :root a[href^="https://ctosrd.com/"], :root a[href^="https://clixtrac.com/"], :root [href^="https://noqreport.com/"] > img, :root a[href^="https://clicks.pipaffiliates.com/"], :root app-advertisement, :root a[href^="https://getmatchedlocally.com/"], :root a[href^="https://clickins.slixa.com/"], :root a[href^="https://datewhisper.life/"], :root a[href^="https://get-link.xyz/"], :root a[href^="https://click.linksynergy.com/fs-bin/"] > img, :root a[href^="https://combodef.com/"], :root a[href^="https://click.hoolig.app/"], :root a[href^="https://www.onlineusershielder.com/"], :root a[href^="https://click.ggpickaff.com/"], :root a[href^="https://track.totalav.com/"], :root a[href^="https://ctrdwm.com/"], :root img[src^="https://images.purevpnaffiliates.com"], :root a[href^="https://porntubemate.com/"], :root a[href^="https://clickadilla.com/"], :root a[href^="https://click.dtiserv2.com/"], :root a[href^="https://www.adxsrve.com/"], :root a[href^="https://click.Ggpickaff.com/"], :root a[href^="https://go.xlvirdr.com"], :root a[href^="http://www.iyalc.com/"], :root a[href^="https://stardomcoit.com/"], :root a[href^="https://claring-loccelkin.com/"], :root a[href^="https://bongacams2.com/track?"], :root a[href^="https://t.ajrkm1.com/"], :root a[href^="https://bongacams10.com/track?"], :root a[href^="https://www.sheetmusicplus.com/"][href*="?aff_id="], :root a[href^="https://bngpt.com/"], :root a[href^="//hoodingluster.com/"], :root a[href^="https://black77854.com/"], :root a[href^="http://annulmentequitycereals.com/"], :root [data-taboola-options], :root a[href^="https://believessway.com/"], :root a[href^="https://Click.ggpickaff.com/"], :root a[href^="https://banners.livepartners.com/"], :root a[href^="http://revolvemockerycopper.com/"], :root a[href^="https://awptjmp.com/"], :root a[href^="https://join.sexworld3d.com/track/"], :root a[href^="https://aweptjmp.com/"], :root a[href^="https://ausoafab.net/"], :root a[href^="https://aj1070.online/"], :root a[href^="https://bc.game/"], :root a[href^="https://ak.oalsauwy.net/"], :root a[href^="https://a.bestcontentoperation.top/"], :root a[href^="https://adultfriendfinder.com/go/"], :root a[href^="https://ads.planetwin365affiliate.com/"], :root a[href^="https://ads.leovegas.com/"], :root .nya-slot[style], :root a[href^="https://a.bestcontentweb.top/"], :root a[href^="https://a2.adform.net/"], :root a[href^="https://a.candyai.love/"], :root a[href^="https://playnano.online/offerwalls/?ref="], :root a[href^="https://a.adtng.com/"], :root .banner-img > .pbl, :root [data-m-ad-id], :root a[href^="https://a-ads.com/"], :root [id^="ad_slider"], :root a[href^="https://click.ggpickyaff.com/"], :root broadstreet-zone-container, :root a[href^="https://ak.psaltauw.net/"], :root a[href^="https://1winpb.com/"], :root div[id^="rc-widget-"], :root a[href^="https://turnstileunavailablesite.com/"], :root a[href^="https://chaturbate.com/in/?"], :root a[href^="https://prf.hn/click/"][href*="/creativeref:"] > img, :root a[href*="&maxads="], :root a[href^="http://www.adultempire.com/unlimited/promo?"][href*="&partner_id="], :root a[href^="https://1betandgonow.com/"], :root div[id^="optidigital-adslot"], :root [href^="https://wsup.ai/"], :root a[href^="https://123-stream.org/"], :root a[href^="https://in.rabbtrk.com/"], :root a[href^="http://www.h4trck.com/"], :root a[href^="http://www.friendlyduck.com/AF_"], :root a[href^="http://partners.etoro.com/"], :root [href="https://chaturbate.jjgirls.com/"] > img, :root a[href^="http://cam4com.go2cloud.org/aff_c?"], :root a[href^="https://ads.betfair.com/redirect.aspx?"], :root a[href^="http://trk.globwo.online/"], :root a[href^="http://troopsassistedstupidity.com/"], :root a[href^="https://random-affiliate.atimaze.com/"], :root a-ad, :root a[href^="https://offhandpump.com/"], :root a[href^="http://stickingrepute.com/"], :root #slashboxes > .deals-rail, :root a[href^="http://join.brokestraightboys.com/track/"], :root a[href^="http://roadcontagion.com/"], :root a[href^="http://premonitioninventdisagree.com/"], :root [href^="http://mypillow.com/"] > img, :root a[href^="http://bongacams.com/track?"], :root a[href^="https://track.adform.net/"], :root a[href^="http://avthelkp.net/"], :root a[href^="https://a.medfoodhome.com/"], :root a[href^="https://engine.flixtrial.com/"], :root [data-type="ad-vertical"], :root a[href^="//startgaming.net/tienda/" i], :root a[href^="https://a.medfoodsafety.com/"], :root a[href^="//go.eabids.com/"], :root a[href^="//ejitsirdosha.net/"], :root a[href^=" https://www.friendlyduck.com/AF_"], :root [data-cl-spot-id], :root a[href*="/jump/next.php?r="], :root a[href^="https://go.rmishe.com/"], :root [href^="https://ilovemyfreedoms.com/landing-"], :root a[href^="https://syndication.optimizesrv.com/"], :root a[href*="//daichoho.com/"], :root a[href^="https://go.nordvpn.net/aff"] > img, :root .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], :root [href^="http://clicks.totemcash.com/"], :root a[href^="https://ad.zanox.com/ppc/"] > img, :root a[href^="https://lone-pack.com/"], :root [data-d-ad-id], :root a[href*=".engine.adglare.net/"], :root a[href^="https://t.ajrkm3.com/"], :root [href^="https://aads.com/campaigns/"], :root a[href^="//stighoazon.com/"], :root div[id^="lazyad-"], :root a[href^="http://com-1.pro/"], :root [href^="https://www.profitablegatecpm.com/"], :root a[href*=".cfm?domain="][href*="&fp="], :root [data-ad-name], :root a[href^="https://loboclick.com/"], :root a[data-url^="https://vulpix.bet/?ref="], :root a[href^="https://ab.advertiserurl.com/aff/"], :root a[data-oburl^="https://paid.outbrain.com/network/redir?"], :root a[href^="https://go.xlivrdr.com"], :root [onclick^="location.href='https://1337x.vpnonly.site/"], :root [id^="section-ad-banner"], :root a[href^="https://www.goldenfrog.com/vyprvpn?offer_id="][href*="&aff_id="], :root a[href^="https://wmctjd.com/"], :root a[href*="//jjgirls.com/sex/Chaturbate"], :root [id^="ad-wrap-"], :root [href^="https://zone.gotrackier.com/"], :root a[href^="http://sarcasmadvisor.com/"], :root [href^="https://www.restoro.com/"], :root [href^="https://www.targetingpartner.com/"], :root .section-subheader > .section-hotel-prices-header, :root [href^="https://www.hostg.xyz/"] > img, :root a[href^="http://adultfriendfinder.com/go/"], :root a[href^="https://fastestvpn.com/lifetime-special-deal?a_aid="], :root a[href^="https://tour.mrskin.com/"], :root [href^="https://www.brighteonstore.com/products/"] img, :root citrus-ad-wrapper, :root a[href^="https://go.grinsbest.com/"], :root a[href^="https://vo2.qrlsx.com/"], :root [href^="https://www.avantlink.com/click.php"] img, :root [href^="https://wwp.hoqodd.com/redirect-zone/"], :root div[id^="div-ads-"], :root [href^="https://rapidgator.net/article/premium/ref/"], :root [href^="https://join.girlsoutwest.com/"], :root a[href^="https://activate-game.com/"], :root .scroll-fixable.rail-right > .deals-rail, :root [data-wpas-zoneid], :root a[href^="https://track.aftrk3.com/"], :root [href^="https://join3.bannedsextapes.com"], :root a[href^="https://bodelen.com/"], :root a[href*=".g2afse.com/"], :root div[id^="adngin-"], :root [data-rc-widget], :root span[data-ez-ph-id], :root [href^="https://track.aftrk1.com/"], :root [href^="https://join.playboyplus.com/track/"], :root a[href^="https://go.xxxijmp.com"], :root [href^="https://istlnkcl.com/"], :root a[href^="https://t.acam.link/"], :root a[href^="https://go.strpjmp.com/"], :root [href^="https://url.totaladblock.com/"], :root a[href^="https://tm-offers.gamingadult.com/"], :root [href^="https://charmingdatings.life/"], :root [href="https://adstub.net/indo666/"], :root [href^="https://glersakr.com/"], :root a[href^="https://a.bestcontentfood.top/"], :root [href^="https://cpa.10kfreesilver.com/"], :root [data-id^="div-gpt-ad"], :root a[href^="https://tracker.loropartners.com/"], :root [href^="https://awbbjmp.com/"], :root div[ow-ad-unit-wrapper], :root a[data-href^="http://ads.trafficjunky.net/"], :root [data-advadstrackid], :root a[href^="https://www.friendlyduck.com/AF_"], :root [href^="https://ad1.adfarm1.adition.com/"], :root a[href^="https://bngprm.com/"], :root [href^="https://shiftnetwork.infusionsoft.com/go/"] > img, :root a[href^="https://go.bushheel.com/"], :root a[href^="https://ctjdwm.com/"], :root a[href^="https://camfapr.com/landing/click/"], :root div[data-ad-wrapper], :root .gnt_em_vp_c[data-g-s="vp_dk"], :root [href="//sexcams.plus/"], :root [href^="http://www.mypillow.com/"] > img, :root a[href^="https://promerycergerful.com/"], :root #kt_player > a[target="_blank"], :root [href="https://ourgoldguy.com/contact/"] img, :root .ob_container .item-container-obpd, :root [id^="div-gpt-ad"], :root [href="https://jdrucker.com/gold"] > img, :root a[href^="https://join.virtualtaboo.com/track/"], :root [id^="ad_sky"], :root [name^="google_ads_iframe"], :root a[href^="https://www.liquidfire.mobi/"], :root .grid > .container > #aside-promotion, :root DFP-AD, :root [href^="https://go.xlrdr.com"], :root a[href^="https://s.cant3am.com/"], :root [data-testid^="taboola-"], :root [data-testid^="section-AdRowBillboard"], :root a[href^="https://track.1234sd123.com/"], :root zeus-ad, :root [data-testid="prism-ad-wrapper"], :root [href^="https://ad.admitad.com/"], :root [href^="https://mypillow.com/"] > img, :root [data-testid="ad_testID"], :root a[href^="https://trk.softonixs.xyz/"], :root [href^="https://www.mypatriotsupply.com/"] > img, :root [href^="https://antiagingbed.com/discount/"] > img, :root a[href*=".adsrv.eacdn.com/"], :root a[href^="https://go.cmtaffiliates.com/"], :root [href^="https://optimizedelite.com/"] > img, :root [data-testid="adBanner-wrapper"], :root [href^="https://mylead.global/stl/"] > img, :root [href^="https://mypatriotsupply.com/"] > img, :root a[href^="https://go.hpyjmp.com"], :root iframe[scrolling="no"][sandbox*="allow-popups allow-modals"][style^="width: 100%; height: 100%; border: none;"], :root [href^="https://mystore.com/"] > img, :root [href^="https://wct.link/click?"], :root div[data-adunit], :root app-large-ad, :root [href^="https://turtlebids.irauctions.com/"] img, :root a[href^="https://witnessjacket.com/"], :root [data-mobile-ad-id], :root [data-dynamic-ads], :root [class^="amp-ad-"], :root a[href^="http://handgripvegetationhols.com/"], :root a[href^="https://go.rmhfrtnd.com"], :root a[href^="https://go.bbrdbr.com"], :root a[href^="https://fc.lc/ref/"], :root [data-adshim], :root topadblock, :root a[href^="//s.zlinkd.com/"], :root #teaser1[style^="width:autopx;"], :root [href^="https://www.cloudways.com/en/?id"], :root [data-asg-ins], :root a[href^="https://gamingadlt.com/?offer="], :root a[href^="https://rixofa.com/"], :root a[href^="https://best-experience-cool.com/"], :root [data-desktop-ad-id], :root [data-adbridg-ad-class], :root #teaser3[style^="width:autopx;"], :root [data-adblockkey], :root [data-block-type="ad"], :root [data-ad-width], :root [onclick*="content.ad/"], :root AMP-AD, :root [data-ad-cls], :root [data-ez-name], :root a[href^="https://go.mnaspm.com/"], :root a[href^="https://service.bv-aff-trx.com/"], :root a[href^="https://6-partner.com/"], :root [class^="s2nPlayer"], :root [href^="https://affiliate.fastcomet.com/"] > img, :root [class^="adDisplay-module"], :root a[href^="https://adclick.g.doubleclick.net/"], :root [data-freestar-ad][id], :root AD-SLOT, :root a[href^="https://www.googleadservices.com/pagead/aclk?"] > img, :root [data-ad-module], :root a[href^="https://go.skinstrip.net"][href*="?campaignId="], :root #teaser2[style^="width:autopx;"], :root [data-revive-zoneid], :root a[href^="https://losingoldfry.com/"], :root div[id^="div-gpt-"], :root a[href^="https://gml-grp.com/"], :root .ob_dual_right > .ob_ads_header ~ .odb_div, :root a[href^="http://tc.tradetracker.net/"] > img, :root [data-testid="commercial-label-taboola"], :root [class^="div-gpt-ad"], :root a[href^="https://traffdaq.com/"], :root a[href^="https://cam4com.go2cloud.org/"], :root a[href^="http://li.blogtrottr.com/click?"], :root a[href^="https://www8.smartadserver.com/"], :root a[href^="https://pb-imc.com/"], :root a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"], :root a[href^="https://t.ajump1.com/"], :root a[href^="https://wittered-mainging.com/"], :root #teaser3[style="width: 100%;text-align: center;display: scroll;position:fixed;bottom: 0;margin: 0 auto;z-index: 103;"] { display: none !important; }</style></head> | |
| <body> | |
| <!-- Native App Recommendation Banner --> | |
| <div id="native-app-banner" class="hidden"> | |
| <div class="banner-content"> | |
| <i class="fas fa-mobile-alt banner-icon"></i> | |
| <p class="banner-text"> | |
| <strong>Get the best experience!</strong> Install the native app for <span id="banner-os-name">your | |
| device</span> to enjoy 100% ad-free streaming without popups. | |
| </p> | |
| </div> | |
| <div class="banner-actions"> | |
| <a href="https://vlix.ai" target="_blank" class="btn-banner">Get App</a> | |
| <button id="close-banner" class="banner-close" aria-label="Close"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="18" y1="6" x2="6" y2="18"></line> | |
| <line x1="6" y1="6" x2="18" y2="18"></line> | |
| </svg> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="app-container"> | |
| <header class="main-header"> | |
| <div class="logo-container"> | |
| <h1 class="logo">Vlix<span class="accent">.</span></h1> | |
| </div> | |
| <div class="search-container"> | |
| <div class="search-wrapper"> | |
| <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="11" cy="11" r="8"></circle> | |
| <line x1="21" y1="21" x2="16.65" y2="16.65"></line> | |
| </svg> | |
| <input type="text" id="search-input" placeholder="Search movies & TV shows..."> | |
| <button id="search-clear" class="search-clear hidden" aria-label="Clear search"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="18" y1="6" x2="6" y2="18"></line> | |
| <line x1="6" y1="6" x2="18" y2="18"></line> | |
| </svg> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="header-actions"> | |
| <div id="app-badge" class="badge"> | |
| <span class="badge-dot"></span> Desktop App | |
| </div> | |
| <button id="fullscreen-toggle" class="btn-icon hidden" aria-label="Toggle Fullscreen" style="margin-left: 10px;"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"> | |
| </path> | |
| </svg> | |
| </button> | |
| </div> | |
| </header> | |
| <style> | |
| </style> | |
| <main class="content-area"> | |
| <section id="hero-section" class="hero" style="background-image: url("https://image.tmdb.org/t/p/original/ufuabtiOem0kHeYz6b8x8MjBb2L.jpg");"> | |
| <div class="hero-overlay"></div> | |
| <div class="hero-content"> | |
| <h1 class="hero-title">Rental Family</h1> | |
| <div class="hero-meta"> | |
| <span>2025</span> | |
| <span>⭐ 7.8</span> | |
| <span style="text-transform: capitalize;">movie</span> | |
| </div> | |
| <p class="hero-desc">An American actor in Tokyo struggles to find purpose until he lands an unusual gig: working for a Japanese 'rental family' agency, playing stand-in roles for strangers. As he immerses himself in his clients' worlds, he begins to form genuine bonds that blur the lines between performance and reality.</p> | |
| <a href="#" onclick="playContent('1208348', 'movie'); return false;" class="btn-primary"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg> | |
| Watch Now | |
| </a> | |
| </div> | |
| </section> | |
| <!-- For You Container --> | |
| <section id="recommendations-section" class="media-section"> | |
| <div class="section-header"> | |
| <h2>You Might Like</h2> | |
| <a href="#" id="view-all-recs" class="view-more">View More</a> | |
| </div> | |
| <div class="media-grid" id="recommendations-grid"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/uLOmOF5IzWoyrgIF5MfUnh5pa1X.jpg" alt="Men in Black" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('607', 'movie', 'Men%20in%20Black', '/uLOmOF5IzWoyrgIF5MfUnh5pa1X.jpg', '1997', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('607', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Men in Black</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-607">98m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/p0BPQGSPoSa8Ml0DAf2mB2kCU0R.jpg" alt="Independence Day" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('602', 'movie', 'Independence%20Day', '/p0BPQGSPoSa8Ml0DAf2mB2kCU0R.jpg', '1996', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('602', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Independence Day</h3> | |
| <div class="card-meta"> | |
| <span>1996</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-602">145m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/iPDkaSdKk2jRLTM65UOEoKtsIZ8.jpg" alt="I Am Legend" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('6479', 'movie', 'I%20Am%20Legend', '/iPDkaSdKk2jRLTM65UOEoKtsIZ8.jpg', '2007', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('6479', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">I Am Legend</h3> | |
| <div class="card-meta"> | |
| <span>2007</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-6479">101m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7DyuV2G0hLEqHeueDfOqhZ2DVut.jpg" alt="Hancock" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('8960', 'movie', 'Hancock', '/7DyuV2G0hLEqHeueDfOqhZ2DVut.jpg', '2008', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('8960', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hancock</h3> | |
| <div class="card-meta"> | |
| <span>2008</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Action</span> | |
| <span class="card-runtime" id="runtime-8960">92m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ykUEbfpkf8d0w49pHh0AD2KrT52.jpg" alt="Aladdin" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('420817', 'movie', 'Aladdin', '/ykUEbfpkf8d0w49pHh0AD2KrT52.jpg', '2019', '7.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('420817', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Aladdin</h3> | |
| <div class="card-meta"> | |
| <span>2019</span> | |
| <span class="rating">⭐ 7.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Fantasy</span> | |
| <span class="card-runtime" id="runtime-420817">127m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg" alt="The Shawshank Redemption" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('278', 'movie', 'The%20Shawshank%20Redemption', '/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg', '1994', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('278', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Shawshank Redemption</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-278">142m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/191nKfP0ehp3uIvWqgPbFmI4lv9.jpg" alt="Se7en" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('807', 'movie', 'Se7en', '/191nKfP0ehp3uIvWqgPbFmI4lv9.jpg', '1995', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('807', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Se7en</h3> | |
| <div class="card-meta"> | |
| <span>1995</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Mystery</span> | |
| <span class="card-runtime" id="runtime-807">127m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/idbNSe8zsYKQL97dJApfOrDSdya.jpg" alt="The Bucket List" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7350', 'movie', 'The%20Bucket%20List', '/idbNSe8zsYKQL97dJApfOrDSdya.jpg', '2007', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7350', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Bucket List</h3> | |
| <div class="card-meta"> | |
| <span>2007</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Comedy</span> | |
| <span class="card-runtime" id="runtime-7350">97m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vQWk5YBFWF4bZaofAbv0tShwBvQ.jpg" alt="Pulp Fiction" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('680', 'movie', 'Pulp%20Fiction', '/vQWk5YBFWF4bZaofAbv0tShwBvQ.jpg', '1994', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('680', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Pulp Fiction</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-680">154m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bR8ISy1O9XQxqiy0fQFw2BX72RQ.jpg" alt="Avengers: Endgame" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('299534', 'movie', 'Avengers%3A%20Endgame', '/bR8ISy1O9XQxqiy0fQFw2BX72RQ.jpg', '2019', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('299534', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avengers: Endgame</h3> | |
| <div class="card-meta"> | |
| <span>2019</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-299534">181m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7oWY8VDWW7thTzWh3OKYRkWUlD5.jpg" alt="Django Unchained" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('68718', 'movie', 'Django%20Unchained', '/7oWY8VDWW7thTzWh3OKYRkWUlD5.jpg', '2012', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('68718', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Django Unchained</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Western</span> | |
| <span class="card-runtime" id="runtime-68718">165m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/r6q9wZK5a2K51KFj4LWVID6Ja1r.jpg" alt="Kingsman: The Secret Service" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('207703', 'movie', 'Kingsman%3A%20The%20Secret%20Service', '/r6q9wZK5a2K51KFj4LWVID6Ja1r.jpg', '2015', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('207703', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Kingsman: The Secret Service</h3> | |
| <div class="card-meta"> | |
| <span>2015</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Comedy</span> | |
| <span class="card-runtime" id="runtime-207703">129m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/fnbjcRDYn6YviCcePDnGdyAkYsB.jpg" alt="Logan" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('263115', 'movie', 'Logan', '/fnbjcRDYn6YviCcePDnGdyAkYsB.jpg', '2017', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('263115', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Logan</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Drama</span> | |
| <span class="card-runtime" id="runtime-263115">137m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/b9CeobiihCx1uG1tpw8hXmpi7nm.jpg" alt="The Greatest Showman" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('316029', 'movie', 'The%20Greatest%20Showman', '/b9CeobiihCx1uG1tpw8hXmpi7nm.jpg', '2017', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('316029', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Greatest Showman</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-316029">105m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xlaY2zyzMfkhk0HSC5VUwzoZPU1.jpg" alt="Inception" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('27205', 'movie', 'Inception', '/xlaY2zyzMfkhk0HSC5VUwzoZPU1.jpg', '2010', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('27205', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Inception</h3> | |
| <div class="card-meta"> | |
| <span>2010</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-27205">148m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ji3ecJphATlVgWNY0B0RVXZizdf.jpg" alt="The Revenant" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('281957', 'movie', 'The%20Revenant', '/ji3ecJphATlVgWNY0B0RVXZizdf.jpg', '2015', '7.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('281957', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Revenant</h3> | |
| <div class="card-meta"> | |
| <span>2015</span> | |
| <span class="rating">⭐ 7.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Drama</span> | |
| <span class="card-runtime" id="runtime-281957">157m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nrmXQ0zcZUL8jFLrakWc90IR8z9.jpg" alt="Shutter Island" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('11324', 'movie', 'Shutter%20Island', '/nrmXQ0zcZUL8jFLrakWc90IR8z9.jpg', '2010', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('11324', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Shutter Island</h3> | |
| <div class="card-meta"> | |
| <span>2010</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Thriller</span> | |
| <span class="card-runtime" id="runtime-11324">138m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/iiZZdoQBEYBv6id8su7ImL0oCbD.jpg" alt="Spider-Man: Into the Spider-Verse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('324857', 'movie', 'Spider-Man%3A%20Into%20the%20Spider-Verse', '/iiZZdoQBEYBv6id8su7ImL0oCbD.jpg', '2018', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('324857', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Spider-Man: Into the Spider-Verse</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Action</span> | |
| <span class="card-runtime" id="runtime-324857">117m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7WsyChQLEftFiDOVTGkv3hFpyyt.jpg" alt="Avengers: Infinity War" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('299536', 'movie', 'Avengers%3A%20Infinity%20War', '/7WsyChQLEftFiDOVTGkv3hFpyyt.jpg', '2018', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('299536', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avengers: Infinity War</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Action</span> | |
| <span class="card-runtime" id="runtime-299536">149m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/uxzzxijgPIY7slzFvMotPv8wjKA.jpg" alt="Black Panther" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('284054', 'movie', 'Black%20Panther', '/uxzzxijgPIY7slzFvMotPv8wjKA.jpg', '2018', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('284054', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Black Panther</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-284054">135m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/78lPtwv72eTNqFW9COBYI0dWDJa.jpg" alt="Iron Man" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1726', 'movie', 'Iron%20Man', '/78lPtwv72eTNqFW9COBYI0dWDJa.jpg', '2008', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1726', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Iron Man</h3> | |
| <div class="card-meta"> | |
| <span>2008</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-1726">126m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section id="foryou-container" class="media-section"> | |
| <div class="section-header"> | |
| <h2>Saved</h2> | |
| </div> | |
| <!-- Favorites Subsection --> | |
| <div id="favorites-section" class="subsection hidden"> | |
| <h3 class="subsection-title">Bookmarks</h3> | |
| <div class="media-grid" id="favorites-grid"></div> | |
| </div> | |
| <!-- Watching Subsection --> | |
| <div id="history-section" class="subsection"> | |
| <h3 class="subsection-title">Recently Watched</h3> | |
| <div class="media-grid" id="history-grid"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/uLOmOF5IzWoyrgIF5MfUnh5pa1X.jpg" alt="Men in Black" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('607', 'movie', 'Men%20in%20Black', '/uLOmOF5IzWoyrgIF5MfUnh5pa1X.jpg', '1997', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('607', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Men in Black</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-607">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gwSmK0Pnv2CruRVlA1GnNyPAEIO.jpg" alt="Nightwatch Nation" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('118478', 'tv', 'Nightwatch%20Nation', '/gwSmK0Pnv2CruRVlA1GnNyPAEIO.jpg', '2018', '9.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('118478', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nightwatch Nation</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 9.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Reality</span> | |
| <span class="card-runtime" id="runtime-118478">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg" alt="A Minecraft Movie" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('950387', 'movie', 'A%20Minecraft%20Movie', '/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('950387', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Minecraft Movie</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Fantasy</span> | |
| <span class="card-runtime" id="runtime-950387">101m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/2xVRRNcFv226vc8EAcrEhciVlmx.jpg" alt="Nightwatch" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('64559', 'tv', 'Nightwatch', '/2xVRRNcFv226vc8EAcrEhciVlmx.jpg', '2015', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('64559', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nightwatch</h3> | |
| <div class="card-meta"> | |
| <span>2015</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Reality, Documentary</span> | |
| <span class="card-runtime" id="runtime-64559">44m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rW0z68BytYuL88sSm8jXFExhlX7.jpg" alt="Tangled" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('38757', 'movie', 'Tangled', '/rW0z68BytYuL88sSm8jXFExhlX7.jpg', '2010', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('38757', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Tangled</h3> | |
| <div class="card-meta"> | |
| <span>2010</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-38757">100m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cf7hE1ifY4UNbS25tGnaTyyDrI2.jpg" alt="Avatar: Fire and Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('83533', 'movie', 'Avatar%3A%20Fire%20and%20Ash', '/cf7hE1ifY4UNbS25tGnaTyyDrI2.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('83533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: Fire and Ash</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-83533">198m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dq8RtolHqtmYB6JYXlx3HFxZUnX.jpg" alt="Avatar:Fire And Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('308744', 'tv', 'Avatar%3AFire%20And%20Ash', '/dq8RtolHqtmYB6JYXlx3HFxZUnX.jpg', 'N/A', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('308744', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar:Fire And Ash</h3> | |
| <div class="card-meta"> | |
| <span>N/A</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres"></span> | |
| <span class="card-runtime" id="runtime-308744">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg" alt="The SpongeBob Movie: Search for SquarePants" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('991494', 'movie', 'The%20SpongeBob%20Movie%3A%20Search%20for%20SquarePants', '/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('991494', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The SpongeBob Movie: Search for SquarePants</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-991494">88m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">107m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bR8ISy1O9XQxqiy0fQFw2BX72RQ.jpg" alt="Avengers: Endgame" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('299534', 'movie', 'Avengers%3A%20Endgame', '/bR8ISy1O9XQxqiy0fQFw2BX72RQ.jpg', '2019', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('299534', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avengers: Endgame</h3> | |
| <div class="card-meta"> | |
| <span>2019</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-299534">...</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </div> | |
| </section> | |
| <!-- Trending Movies --> | |
| <section id="trending-movies" class="media-section"> | |
| <div class="section-header"> | |
| <h2>Top Movies</h2> | |
| <div class="tabs"> | |
| <button class="tab active" data-type="movie" data-time="day">Now</button> | |
| <button class="tab" data-type="movie" data-time="week">Last Week</button> | |
| </div> | |
| </div> | |
| <div class="media-grid" id="trending-movies-grid"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/A5lswNlytTUrnMWsuD0NFfhZlf3.jpg" alt="Rental Family" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1208348', 'movie', 'Rental%20Family', '/A5lswNlytTUrnMWsuD0NFfhZlf3.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1208348', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Rental Family</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Drama</span> | |
| <span class="card-runtime" id="runtime-1208348">110m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hoJcoJlGOM6C08TmGGlP7bhk8AN.jpg" alt="Dust Bunny" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1043197', 'movie', 'Dust%20Bunny', '/hoJcoJlGOM6C08TmGGlP7bhk8AN.jpg', '2025', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1043197', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Dust Bunny</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Fantasy</span> | |
| <span class="card-runtime" id="runtime-1043197">106m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kK1BGkG3KAvWB0WMV1DfOx9yTMZ.jpg" alt="28 Years Later: The Bone Temple" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1272837', 'movie', '28%20Years%20Later%3A%20The%20Bone%20Temple', '/kK1BGkG3KAvWB0WMV1DfOx9yTMZ.jpg', '2026', '6.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1272837', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">28 Years Later: The Bone Temple</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1272837">109m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg" alt="Song Sung Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1371185', 'movie', 'Song%20Sung%20Blue', '/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1371185', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Song Sung Blue</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Music</span> | |
| <span class="card-runtime" id="runtime-1371185">133m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/fYqSOkix4rbDiZW0ACNnvZCpT6X.jpg" alt="The Internship" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1584215', 'movie', 'The%20Internship', '/fYqSOkix4rbDiZW0ACNnvZCpT6X.jpg', '2026', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1584215', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Internship</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action</span> | |
| <span class="card-runtime" id="runtime-1584215">91m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">124m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/x50pCSNnPeYnxHRZk00f2YcvGEB.jpg" alt="Scream 7" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1159559', 'movie', 'Scream%207', '/x50pCSNnPeYnxHRZk00f2YcvGEB.jpg', '2026', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1159559', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Scream 7</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1159559">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg" alt="Marty Supreme" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1317288', 'movie', 'Marty%20Supreme', '/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1317288', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Marty Supreme</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Comedy</span> | |
| <span class="card-runtime" id="runtime-1317288">150m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg" alt="Avatar: Fire and Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('83533', 'movie', 'Avatar%3A%20Fire%20and%20Ash', '/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('83533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: Fire and Ash</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-83533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7Pd6ChSQjSXy4snJiorSdzg2cG3.jpg" alt="Pillion" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1287141', 'movie', 'Pillion', '/7Pd6ChSQjSXy4snJiorSdzg2cG3.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1287141', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Pillion</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Drama</span> | |
| <span class="card-runtime" id="runtime-1287141">107m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg" alt="Hamnet" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('858024', 'movie', 'Hamnet', '/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('858024', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hamnet</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-858024">126m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/aZhrAx5CevLfjXcGIG3wBXxDiAL.jpg" alt="One Last Adventure: The Making of Stranger Things 5" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1610413', 'movie', 'One%20Last%20Adventure%3A%20The%20Making%20of%20Stranger%20Things%205', '/aZhrAx5CevLfjXcGIG3wBXxDiAL.jpg', '2026', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1610413', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Last Adventure: The Making of Stranger Things 5</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-1610413">123m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg" alt="One Battle After Another" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1054867', 'movie', 'One%20Battle%20After%20Another', '/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1054867', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Battle After Another</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-1054867">162m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg" alt="People We Meet on Vacation" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1034716', 'movie', 'People%20We%20Meet%20on%20Vacation', '/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg', '2026', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1034716', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">People We Meet on Vacation</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Comedy</span> | |
| <span class="card-runtime" id="runtime-1034716">116m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg" alt="Greenland 2: Migration" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('840464', 'movie', 'Greenland%202%3A%20Migration', '/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg', '2026', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('840464', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Greenland 2: Migration</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-840464">98m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cWsBscZzwu5brg9YjNkGewRUvJX.jpg" alt="The Housemaid" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1368166', 'movie', 'The%20Housemaid', '/cWsBscZzwu5brg9YjNkGewRUvJX.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1368166', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Housemaid</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Mystery, Thriller</span> | |
| <span class="card-runtime" id="runtime-1368166">131m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg" alt="Predator: Badlands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242898', 'movie', 'Predator%3A%20Badlands', '/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Predator: Badlands</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-1242898">107m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/si9tolnefLSUKaqQEGz1bWArOaL.jpg" alt="Wicked: For Good" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('967941', 'movie', 'Wicked%3A%20For%20Good', '/si9tolnefLSUKaqQEGz1bWArOaL.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('967941', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked: For Good</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Adventure</span> | |
| <span class="card-runtime" id="runtime-967941">137m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vc2S0dvgpsM0XfSiXZDMVkRCSSU.jpg" alt="No Other Choice" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('639988', 'movie', 'No%20Other%20Choice', '/vc2S0dvgpsM0XfSiXZDMVkRCSSU.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('639988', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">No Other Choice</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Thriller</span> | |
| <span class="card-runtime" id="runtime-639988">139m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section> | |
| <!-- Popular TV Shows --> | |
| <section id="popular-tv" class="media-section"> | |
| <div class="section-header"> | |
| <h2>Popular TV Shows</h2> | |
| </div> | |
| <div class="media-grid" id="popular-tv-grid"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/uOOtwVbSr4QDjAGIifLDwpb2Pdl.jpg" alt="Stranger Things" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('66732', 'tv', 'Stranger%20Things', '/uOOtwVbSr4QDjAGIifLDwpb2Pdl.jpg', '2016', '8.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('66732', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Stranger Things</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 8.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Mystery</span> | |
| <span class="card-runtime" id="runtime-66732">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/c15BtJxCXMrISLVmysdsnZUPQft.jpg" alt="Fallout" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('106379', 'tv', 'Fallout', '/c15BtJxCXMrISLVmysdsnZUPQft.jpg', '2024', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('106379', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fallout</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres"></span> | |
| <span class="card-runtime" id="runtime-106379">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/fHpKWq9ayzSk8nSwqRuaAUemRKh.jpg" alt="JUJUTSU KAISEN" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('95479', 'tv', 'JUJUTSU%20KAISEN', '/fHpKWq9ayzSk8nSwqRuaAUemRKh.jpg', '2020', '8.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('95479', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">JUJUTSU KAISEN</h3> | |
| <div class="card-meta"> | |
| <span>2020</span> | |
| <span class="rating">⭐ 8.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation</span> | |
| <span class="card-runtime" id="runtime-95479">24m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kvFSpESyBZMjaeOJDx7RS3P1jey.jpg" alt="The Pitt" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('250307', 'tv', 'The%20Pitt', '/kvFSpESyBZMjaeOJDx7RS3P1jey.jpg', '2025', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('250307', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Pitt</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-250307">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/1MccRnw41qQjREuZkovqP2UX1i3.jpg" alt="The Night Manager" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('61859', 'tv', 'The%20Night%20Manager', '/1MccRnw41qQjREuZkovqP2UX1i3.jpg', '2016', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('61859', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Night Manager</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Mystery</span> | |
| <span class="card-runtime" id="runtime-61859">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cDSXLVQLkCSBIpBx3UW04TsfZ5c.jpg" alt="HIS & HERS" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('259731', 'tv', 'HIS%20%26%20HERS', '/cDSXLVQLkCSBIpBx3UW04TsfZ5c.jpg', '2026', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('259731', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">HIS & HERS</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-259731">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/2C51clnxQdiqPDeqQlXcUx70hse.jpg" alt="Hijack" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('198102', 'tv', 'Hijack', '/2C51clnxQdiqPDeqQlXcUx70hse.jpg', '2023', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('198102', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hijack</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-198102">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/okbW9NdKRNKgIUTVA8YZAUGwIUx.jpg" alt="【OSHI NO KO】" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('203737', 'tv', '%E3%80%90OSHI%20NO%20KO%E3%80%91', '/okbW9NdKRNKgIUTVA8YZAUGwIUx.jpg', '2023', '8.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('203737', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">【OSHI NO KO】</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 8.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Drama</span> | |
| <span class="card-runtime" id="runtime-203737">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nrM2xFUfKJJEmZzd5d7kohT2G0C.jpg" alt="Pluribus" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('225171', 'tv', 'Pluribus', '/nrM2xFUfKJJEmZzd5d7kohT2G0C.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('225171', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Pluribus</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-225171">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/70kTz0OmjjZe7zHvIDrq2iKW7PJ.jpg" alt="The Rookie" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('79744', 'tv', 'The%20Rookie', '/70kTz0OmjjZe7zHvIDrq2iKW7PJ.jpg', '2018', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('79744', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Rookie</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Drama</span> | |
| <span class="card-runtime" id="runtime-79744">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hhWpEUZINrago2YgKDyv5Hb8yrU.jpg" alt="Tell Me Lies" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('130464', 'tv', 'Tell%20Me%20Lies', '/hhWpEUZINrago2YgKDyv5Hb8yrU.jpg', '2022', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('130464', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Tell Me Lies</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Mystery</span> | |
| <span class="card-runtime" id="runtime-130464">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hYthRgS1nvQkGILn9YmqsF8kSk6.jpg" alt="Landman" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('157741', 'tv', 'Landman', '/hYthRgS1nvQkGILn9YmqsF8kSk6.jpg', '2024', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('157741', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Landman</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-157741">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cMD9Ygz11zjJzAovURpO75Qg7rT.jpg" alt="One Piece" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('37854', 'tv', 'One%20Piece', '/cMD9Ygz11zjJzAovURpO75Qg7rT.jpg', '1999', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('37854', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Piece</h3> | |
| <div class="card-meta"> | |
| <span>1999</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy</span> | |
| <span class="card-runtime" id="runtime-37854">24m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/1V9I7SvZbYoMbSvdtnlkkq9SB1k.jpg" alt="Hell's Paradise" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('117465', 'tv', 'Hell's%20Paradise', '/1V9I7SvZbYoMbSvdtnlkkq9SB1k.jpg', '2023', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('117465', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hell's Paradise</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Drama</span> | |
| <span class="card-runtime" id="runtime-117465">25m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vNByuzy60v31nmUVPMA8oAtneUK.jpg" alt="Spartacus: House of Ashur" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('240459', 'tv', 'Spartacus%3A%20House%20of%20Ashur', '/vNByuzy60v31nmUVPMA8oAtneUK.jpg', '2025', '6.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('240459', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Spartacus: House of Ashur</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-240459">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/40eFcTzZier3DWLqldsP5VHxeoD.jpg" alt="Percy Jackson and the Olympians" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('103540', 'tv', 'Percy%20Jackson%20and%20the%20Olympians', '/40eFcTzZier3DWLqldsP5VHxeoD.jpg', '2023', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('103540', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Percy Jackson and the Olympians</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres"></span> | |
| <span class="card-runtime" id="runtime-103540">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vaNWEpgnmrzEiqapkRkCHiMB42i.jpg" alt="SHIBOYUGI: Playing Death Games to Put Food on the Table" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('263330', 'tv', 'SHIBOYUGI%3A%20Playing%20Death%20Games%20to%20Put%20Food%20on%20the%20Table', '/vaNWEpgnmrzEiqapkRkCHiMB42i.jpg', '2026', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('263330', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">SHIBOYUGI: Playing Death Games to Put Food on the Table</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation</span> | |
| <span class="card-runtime" id="runtime-263330">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cyBg9FJ2AmTWEGktA43gMo4t0Vj.jpg" alt="Made in Korea" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('246473', 'tv', 'Made%20in%20Korea', '/cyBg9FJ2AmTWEGktA43gMo4t0Vj.jpg', '2025', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('246473', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Made in Korea</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Drama</span> | |
| <span class="card-runtime" id="runtime-246473">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/598wQ3wr0fxpGemkR7ZVFTuHPXg.jpg" alt="A Thousand Blows" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('208851', 'tv', 'A%20Thousand%20Blows', '/598wQ3wr0fxpGemkR7ZVFTuHPXg.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('208851', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Thousand Blows</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama</span> | |
| <span class="card-runtime" id="runtime-208851">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kIqbeGr5dmQsR1tiR9D1MCqJzAw.jpg" alt="Fate/strange Fake" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('229858', 'tv', 'Fate%2Fstrange%20Fake', '/kIqbeGr5dmQsR1tiR9D1MCqJzAw.jpg', '2024', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('229858', 'tv')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fate/strange Fake</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation</span> | |
| <span class="card-runtime" id="runtime-229858">...</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section> | |
| <!-- Category Feeds Container --> | |
| <div id="category-feeds-container"><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Action Movies</h2> | |
| <a href="#" class="view-more" data-id="28">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-28"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg" alt="Predator: Badlands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242898', 'movie', 'Predator%3A%20Badlands', '/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Predator: Badlands</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-1242898">107m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg" alt="Icefall" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242501', 'movie', 'Icefall', '/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242501', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Icefall</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1242501">99m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg" alt="Trap House" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('628847', 'movie', 'Trap%20House', '/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('628847', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Trap House</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-628847">102m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg" alt="Nazi Supersoldier" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1301122', 'movie', 'Nazi%20Supersoldier', '/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg', '2024', '5.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1301122', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nazi Supersoldier</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 5.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Action</span> | |
| <span class="card-runtime" id="runtime-1301122">78m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg" alt="Risqué" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1512623', 'movie', 'Risqu%C3%A9', '/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1512623', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Risqué</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1512623">91m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg" alt="One Battle After Another" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1054867', 'movie', 'One%20Battle%20After%20Another', '/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1054867', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Battle After Another</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-1054867">162m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/chpWmskl3aKm1aTZqUHRCtviwPy.jpg" alt="TRON: Ares" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('533533', 'movie', 'TRON%3A%20Ares', '/chpWmskl3aKm1aTZqUHRCtviwPy.jpg', '2025', '6.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('533533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">TRON: Ares</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-533533">119m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg" alt="Muzzle: City of Wolves" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1439112', 'movie', 'Muzzle%3A%20City%20of%20Wolves', '/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1439112', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Muzzle: City of Wolves</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-1439112">93m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg" alt="Avatar: The Way of Water" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('76600', 'movie', 'Avatar%3A%20The%20Way%20of%20Water', '/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg', '2022', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('76600', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: The Way of Water</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-76600">192m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">124m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg" alt="Avatar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('19995', 'movie', 'Avatar', '/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg', '2009', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('19995', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-19995">162m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg" alt="Greenland 2: Migration" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('840464', 'movie', 'Greenland%202%3A%20Migration', '/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg', '2026', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('840464', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Greenland 2: Migration</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-840464">98m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg" alt="Worldbreaker" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1196067', 'movie', 'Worldbreaker', '/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1196067', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Worldbreaker</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-1196067">95m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg" alt="The Avengers" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('24428', 'movie', 'The%20Avengers', '/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg', '2012', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('24428', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Avengers</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-24428">143m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Adventure Movies</h2> | |
| <a href="#" class="view-more" data-id="12">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-12"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg" alt="Predator: Badlands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242898', 'movie', 'Predator%3A%20Badlands', '/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Predator: Badlands</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-1242898">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg" alt="Avatar: Fire and Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('83533', 'movie', 'Avatar%3A%20Fire%20and%20Ash', '/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('83533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: Fire and Ash</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-83533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/chpWmskl3aKm1aTZqUHRCtviwPy.jpg" alt="TRON: Ares" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('533533', 'movie', 'TRON%3A%20Ares', '/chpWmskl3aKm1aTZqUHRCtviwPy.jpg', '2025', '6.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('533533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">TRON: Ares</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-533533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nCejOVZcOxKS27nnbh28NKXOdXF.jpg" alt="Night of the Zoopocalypse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1205229', 'movie', 'Night%20of%20the%20Zoopocalypse', '/nCejOVZcOxKS27nnbh28NKXOdXF.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1205229', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Night of the Zoopocalypse</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1205229">92m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg" alt="Avatar: The Way of Water" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('76600', 'movie', 'Avatar%3A%20The%20Way%20of%20Water', '/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg', '2022', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('76600', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: The Way of Water</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-76600">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg" alt="Avatar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('19995', 'movie', 'Avatar', '/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg', '2009', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('19995', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-19995">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg" alt="Greenland 2: Migration" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('840464', 'movie', 'Greenland%202%3A%20Migration', '/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg', '2026', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('840464', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Greenland 2: Migration</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-840464">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg" alt="The Avengers" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('24428', 'movie', 'The%20Avengers', '/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg', '2012', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('24428', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Avengers</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-24428">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg" alt="Anaconda" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1234731', 'movie', 'Anaconda', '/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg', '2025', '5.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1234731', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Anaconda</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Comedy</span> | |
| <span class="card-runtime" id="runtime-1234731">100m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/waU3o5qRPNA9bIC59DIsDppll11.jpg" alt="The Unholy Trinity" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1195518', 'movie', 'The%20Unholy%20Trinity', '/waU3o5qRPNA9bIC59DIsDppll11.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1195518', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Unholy Trinity</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Adventure</span> | |
| <span class="card-runtime" id="runtime-1195518">95m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/si9tolnefLSUKaqQEGz1bWArOaL.jpg" alt="Wicked: For Good" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('967941', 'movie', 'Wicked%3A%20For%20Good', '/si9tolnefLSUKaqQEGz1bWArOaL.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('967941', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked: For Good</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Adventure</span> | |
| <span class="card-runtime" id="runtime-967941">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z53D72EAOxGRqdr7KXXWp9dJiDe.jpg" alt="Mission: Impossible - The Final Reckoning" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('575265', 'movie', 'Mission%3A%20Impossible%20-%20The%20Final%20Reckoning', '/z53D72EAOxGRqdr7KXXWp9dJiDe.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('575265', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Mission: Impossible - The Final Reckoning</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-575265">170m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Animation Movies</h2> | |
| <a href="#" class="view-more" data-id="16">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-16"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nCejOVZcOxKS27nnbh28NKXOdXF.jpg" alt="Night of the Zoopocalypse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1205229', 'movie', 'Night%20of%20the%20Zoopocalypse', '/nCejOVZcOxKS27nnbh28NKXOdXF.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1205229', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Night of the Zoopocalypse</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1205229">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg" alt="KPop Demon Hunters" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('803796', 'movie', 'KPop%20Demon%20Hunters', '/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg', '2025', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('803796', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">KPop Demon Hunters</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Music</span> | |
| <span class="card-runtime" id="runtime-803796">96m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg" alt="Zootopia" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('269149', 'movie', 'Zootopia', '/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg', '2016', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('269149', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-269149">109m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg" alt="Hitpig!" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('756397', 'movie', 'Hitpig!', '/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg', '2024', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('756397', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hitpig!</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-756397">85m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg" alt="The SpongeBob Movie: Search for SquarePants" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('991494', 'movie', 'The%20SpongeBob%20Movie%3A%20Search%20for%20SquarePants', '/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('991494', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The SpongeBob Movie: Search for SquarePants</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-991494">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ym7Kst6a4uodryxqbGOxmewF235.jpg" alt="Tangled" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('38757', 'movie', 'Tangled', '/ym7Kst6a4uodryxqbGOxmewF235.jpg', '2010', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('38757', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Tangled</h3> | |
| <div class="card-meta"> | |
| <span>2010</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-38757">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg" alt="Shrek" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('808', 'movie', 'Shrek', '/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg', '2001', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('808', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Shrek</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-808">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg" alt="Coco" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('354912', 'movie', 'Coco', '/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg', '2017', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('354912', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Coco</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Animation</span> | |
| <span class="card-runtime" id="runtime-354912">105m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Spider-Man: Across the Spider-Verse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('569094', 'movie', 'Spider-Man%3A%20Across%20the%20Spider-Verse', '/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg', '2023', '8.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('569094', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Spider-Man: Across the Spider-Verse</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 8.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Action</span> | |
| <span class="card-runtime" id="runtime-569094">140m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg" alt="Inside Out 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1022789', 'movie', 'Inside%20Out%202', '/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg', '2024', '7.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1022789', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Inside Out 2</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-1022789">97m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/aLVkiINlIeCkcZIzb7XHzPYgO6L.jpg" alt="Moana 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1241982', 'movie', 'Moana%202', '/aLVkiINlIeCkcZIzb7XHzPYgO6L.jpg', '2024', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1241982', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Moana 2</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-1241982">100m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/c1msaKf1wyuKcmLjjJd6rIBPFcd.jpg" alt="The Bad Guys 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1175942', 'movie', 'The%20Bad%20Guys%202', '/c1msaKf1wyuKcmLjjJd6rIBPFcd.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1175942', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Bad Guys 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Comedy</span> | |
| <span class="card-runtime" id="runtime-1175942">104m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/wWba3TaojhK7NdycRhoQpsG0FaH.jpg" alt="Despicable Me 4" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('519182', 'movie', 'Despicable%20Me%204', '/wWba3TaojhK7NdycRhoQpsG0FaH.jpg', '2024', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('519182', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Despicable Me 4</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Comedy</span> | |
| <span class="card-runtime" id="runtime-519182">94m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Comedy Movies</h2> | |
| <a href="#" class="view-more" data-id="35">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-35"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg" alt="People We Meet on Vacation" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1034716', 'movie', 'People%20We%20Meet%20on%20Vacation', '/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg', '2026', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1034716', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">People We Meet on Vacation</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Comedy</span> | |
| <span class="card-runtime" id="runtime-1034716">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nCejOVZcOxKS27nnbh28NKXOdXF.jpg" alt="Night of the Zoopocalypse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1205229', 'movie', 'Night%20of%20the%20Zoopocalypse', '/nCejOVZcOxKS27nnbh28NKXOdXF.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1205229', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Night of the Zoopocalypse</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1205229">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h3zd2DFwrQWrE3zc7fTH0LrCFjs.jpg" alt="Rental Family" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1208348', 'movie', 'Rental%20Family', '/h3zd2DFwrQWrE3zc7fTH0LrCFjs.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1208348', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Rental Family</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Drama</span> | |
| <span class="card-runtime" id="runtime-1208348">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg" alt="Anaconda" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1234731', 'movie', 'Anaconda', '/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg', '2025', '5.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1234731', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Anaconda</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Comedy</span> | |
| <span class="card-runtime" id="runtime-1234731">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg" alt="KPop Demon Hunters" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('803796', 'movie', 'KPop%20Demon%20Hunters', '/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg', '2025', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('803796', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">KPop Demon Hunters</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Music</span> | |
| <span class="card-runtime" id="runtime-803796">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg" alt="Marty Supreme" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1317288', 'movie', 'Marty%20Supreme', '/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1317288', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Marty Supreme</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Comedy</span> | |
| <span class="card-runtime" id="runtime-1317288">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3bP7AyTuoT5mvBLeu8bLG1yFVN0.jpg" alt="Merkin Penal" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1433667', 'movie', 'Merkin%20Penal', '/3bP7AyTuoT5mvBLeu8bLG1yFVN0.jpg', '2014', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1433667', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Merkin Penal</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy</span> | |
| <span class="card-runtime" id="runtime-1433667">24m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/qCOGGi8JBVEZMc3DVby8rUivyXz.jpg" alt="Wake Up Dead Man: A Knives Out Mystery" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('812583', 'movie', 'Wake%20Up%20Dead%20Man%3A%20A%20Knives%20Out%20Mystery', '/qCOGGi8JBVEZMc3DVby8rUivyXz.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('812583', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wake Up Dead Man: A Knives Out Mystery</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Mystery</span> | |
| <span class="card-runtime" id="runtime-812583">145m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg" alt="Zootopia" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('269149', 'movie', 'Zootopia', '/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg', '2016', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('269149', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-269149">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg" alt="Hitpig!" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('756397', 'movie', 'Hitpig!', '/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg', '2024', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('756397', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hitpig!</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-756397">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/semFxuYx6HcrkZzslgAkBqfJvZk.jpg" alt="The Family Plan 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1363123', 'movie', 'The%20Family%20Plan%202', '/semFxuYx6HcrkZzslgAkBqfJvZk.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1363123', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Family Plan 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Comedy</span> | |
| <span class="card-runtime" id="runtime-1363123">106m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg" alt="The SpongeBob Movie: Search for SquarePants" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('991494', 'movie', 'The%20SpongeBob%20Movie%3A%20Search%20for%20SquarePants', '/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('991494', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The SpongeBob Movie: Search for SquarePants</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-991494">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cpQ4VxBJO7vGV3IUdKzSNf4tH9V.jpg" alt="London Calling" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1217602', 'movie', 'London%20Calling', '/cpQ4VxBJO7vGV3IUdKzSNf4tH9V.jpg', '2025', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1217602', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">London Calling</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1217602">114m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Crime Movies</h2> | |
| <a href="#" class="view-more" data-id="80">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-80"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg" alt="Icefall" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242501', 'movie', 'Icefall', '/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242501', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Icefall</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1242501">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg" alt="Trap House" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('628847', 'movie', 'Trap%20House', '/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('628847', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Trap House</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-628847">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg" alt="Now You See Me: Now You Don't" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('425274', 'movie', 'Now%20You%20See%20Me%3A%20Now%20You%20Don't', '/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('425274', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Now You See Me: Now You Don't</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-425274">113m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg" alt="Risqué" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1512623', 'movie', 'Risqu%C3%A9', '/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1512623', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Risqué</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1512623">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg" alt="One Battle After Another" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1054867', 'movie', 'One%20Battle%20After%20Another', '/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1054867', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Battle After Another</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-1054867">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/j0Qu5opplDTot70kMqVqzURFXHY.jpg" alt="Secret Pleasures" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('252969', 'movie', 'Secret%20Pleasures', '/j0Qu5opplDTot70kMqVqzURFXHY.jpg', '2002', '2.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('252969', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Secret Pleasures</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 2.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-252969">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/waU3o5qRPNA9bIC59DIsDppll11.jpg" alt="The Unholy Trinity" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1195518', 'movie', 'The%20Unholy%20Trinity', '/waU3o5qRPNA9bIC59DIsDppll11.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1195518', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Unholy Trinity</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Adventure</span> | |
| <span class="card-runtime" id="runtime-1195518">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h893ImjM6Fsv5DFhKJdlZFZIJno.jpg" alt="Wildcat" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1448560', 'movie', 'Wildcat', '/h893ImjM6Fsv5DFhKJdlZFZIJno.jpg', '2025', '5.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1448560', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wildcat</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-1448560">99m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/oxgsAQDAAxA92mFGYCZllgWkH9J.jpg" alt="Bugonia" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('701387', 'movie', 'Bugonia', '/oxgsAQDAAxA92mFGYCZllgWkH9J.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('701387', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Bugonia</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Crime</span> | |
| <span class="card-runtime" id="runtime-701387">119m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg" alt="The Shawshank Redemption" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('278', 'movie', 'The%20Shawshank%20Redemption', '/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg', '1994', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('278', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Shawshank Redemption</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-278">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hHowAaChDjwueySmwVbsjHmpWa.jpg" alt="High Rollers" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1149167', 'movie', 'High%20Rollers', '/hHowAaChDjwueySmwVbsjHmpWa.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1149167', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">High Rollers</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1149167">101m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3bhkrj58Vtu7enYsRolD1fZdja1.jpg" alt="The Godfather" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('238', 'movie', 'The%20Godfather', '/3bhkrj58Vtu7enYsRolD1fZdja1.jpg', '1972', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('238', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Godfather</h3> | |
| <div class="card-meta"> | |
| <span>1972</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-238">175m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cpQ4VxBJO7vGV3IUdKzSNf4tH9V.jpg" alt="London Calling" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1217602', 'movie', 'London%20Calling', '/cpQ4VxBJO7vGV3IUdKzSNf4tH9V.jpg', '2025', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1217602', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">London Calling</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1217602">...</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Documentary Movies</h2> | |
| <a href="#" class="view-more" data-id="99">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-99"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/aZhrAx5CevLfjXcGIG3wBXxDiAL.jpg" alt="One Last Adventure: The Making of Stranger Things 5" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1610413', 'movie', 'One%20Last%20Adventure%3A%20The%20Making%20of%20Stranger%20Things%205', '/aZhrAx5CevLfjXcGIG3wBXxDiAL.jpg', '2026', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1610413', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Last Adventure: The Making of Stranger Things 5</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-1610413">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gZq1QOSpU44Y4LXFTlOAZWNEdku.jpg" alt="The Making of The Battery" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('714358', 'movie', 'The%20Making%20of%20The%20Battery', '/gZq1QOSpU44Y4LXFTlOAZWNEdku.jpg', '2014', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('714358', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Making of The Battery</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, Horror</span> | |
| <span class="card-runtime" id="runtime-714358">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/m1IgzgHFstACq3H7xqE1Q28xNqJ.jpg" alt="Kijû Yoshida: What Is a Filmmaker?" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('430655', 'movie', 'Kij%C3%BB%20Yoshida%3A%20What%20Is%20a%20Filmmaker%3F', '/m1IgzgHFstACq3H7xqE1Q28xNqJ.jpg', '2008', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('430655', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Kijû Yoshida: What Is a Filmmaker?</h3> | |
| <div class="card-meta"> | |
| <span>2008</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-430655">52m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hx6OJURAOyw5iCCDfIMr6s9YUcI.jpg" alt="The Quiet Epidemic" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('950571', 'movie', 'The%20Quiet%20Epidemic', '/hx6OJURAOyw5iCCDfIMr6s9YUcI.jpg', '2022', '9.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('950571', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Quiet Epidemic</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 9.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-950571">102m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yNh6x6uvB2Xm40TktoYYamUAnZL.jpg" alt="Miles Davis: Kind of Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('229764', 'movie', 'Miles%20Davis%3A%20Kind%20of%20Blue', '/yNh6x6uvB2Xm40TktoYYamUAnZL.jpg', '2008', '3.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('229764', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Miles Davis: Kind of Blue</h3> | |
| <div class="card-meta"> | |
| <span>2008</span> | |
| <span class="rating">⭐ 3.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music, Documentary</span> | |
| <span class="card-runtime" id="runtime-229764">55m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/exDpUETuPSmNBo4NncOh9diytkc.jpg" alt="Made in Hollywood: Die Welt des Raoul Walsh" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1109343', 'movie', 'Made%20in%20Hollywood%3A%20Die%20Welt%20des%20Raoul%20Walsh', '/exDpUETuPSmNBo4NncOh9diytkc.jpg', '2017', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1109343', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Made in Hollywood: Die Welt des Raoul Walsh</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-1109343">60m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vPLcQy33jvMFTLRRWjNTjdJrDop.jpg" alt="A Pinto for the Prince" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('466806', 'movie', 'A%20Pinto%20for%20the%20Prince', '/vPLcQy33jvMFTLRRWjNTjdJrDop.jpg', '1979', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('466806', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Pinto for the Prince</h3> | |
| <div class="card-meta"> | |
| <span>1979</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-466806">17m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xb5ohfe7YJgf4ouDizdyt2BOc5j.jpg" alt="Faces of Death V" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('15903', 'movie', 'Faces%20of%20Death%20V', '/xb5ohfe7YJgf4ouDizdyt2BOc5j.jpg', '1995', '3.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('15903', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Faces of Death V</h3> | |
| <div class="card-meta"> | |
| <span>1995</span> | |
| <span class="rating">⭐ 3.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, Horror</span> | |
| <span class="card-runtime" id="runtime-15903">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/s9EavRWO5nRw67PMOIanbFKeyWx.jpg" alt="A New Approach to Hong Kong" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1246197', 'movie', 'A%20New%20Approach%20to%20Hong%20Kong', '/s9EavRWO5nRw67PMOIanbFKeyWx.jpg', '1982', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1246197', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A New Approach to Hong Kong</h3> | |
| <div class="card-meta"> | |
| <span>1982</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-1246197">22m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/jpRk1Nbz3Ea9cdeBoBcdfkd116f.jpg" alt="The Rise & Fall of WCW" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('55195', 'movie', 'The%20Rise%20%26%20Fall%20of%20WCW', '/jpRk1Nbz3Ea9cdeBoBcdfkd116f.jpg', '2009', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('55195', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Rise & Fall of WCW</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-55195">105m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/aTwsowqXI4JrN3Y6jUA9xASea5P.jpg" alt="The Betty Driver Story" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('517197', 'movie', 'The%20Betty%20Driver%20Story', '/aTwsowqXI4JrN3Y6jUA9xASea5P.jpg', '2011', '10.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('517197', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Betty Driver Story</h3> | |
| <div class="card-meta"> | |
| <span>2011</span> | |
| <span class="rating">⭐ 10.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary</span> | |
| <span class="card-runtime" id="runtime-517197">60m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Drama Movies</h2> | |
| <a href="#" class="view-more" data-id="18">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-18"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg" alt="People We Meet on Vacation" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1034716', 'movie', 'People%20We%20Meet%20on%20Vacation', '/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg', '2026', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1034716', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">People We Meet on Vacation</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Comedy</span> | |
| <span class="card-runtime" id="runtime-1034716">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg" alt="Fight Club" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('550', 'movie', 'Fight%20Club', '/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg', '1999', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('550', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fight Club</h3> | |
| <div class="card-meta"> | |
| <span>1999</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Thriller</span> | |
| <span class="card-runtime" id="runtime-550">139m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h3zd2DFwrQWrE3zc7fTH0LrCFjs.jpg" alt="Rental Family" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1208348', 'movie', 'Rental%20Family', '/h3zd2DFwrQWrE3zc7fTH0LrCFjs.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1208348', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Rental Family</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Drama</span> | |
| <span class="card-runtime" id="runtime-1208348">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/j0Qu5opplDTot70kMqVqzURFXHY.jpg" alt="Secret Pleasures" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('252969', 'movie', 'Secret%20Pleasures', '/j0Qu5opplDTot70kMqVqzURFXHY.jpg', '2002', '2.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('252969', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Secret Pleasures</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 2.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-252969">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg" alt="Marty Supreme" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1317288', 'movie', 'Marty%20Supreme', '/firAhZA0uQvRL2slp7v3AnOj0ZX.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1317288', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Marty Supreme</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Comedy</span> | |
| <span class="card-runtime" id="runtime-1317288">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/g4JtvGlQO7DByTI6frUobqvSL3R.jpg" alt="Frankenstein" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1062722', 'movie', 'Frankenstein', '/g4JtvGlQO7DByTI6frUobqvSL3R.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1062722', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Frankenstein</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Fantasy</span> | |
| <span class="card-runtime" id="runtime-1062722">150m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cbryTyaWdqrKpQCw6K7zm2jrB5v.jpg" alt="Hunting Season" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1387382', 'movie', 'Hunting%20Season', '/cbryTyaWdqrKpQCw6K7zm2jrB5v.jpg', '2025', '7.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1387382', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hunting Season</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Drama</span> | |
| <span class="card-runtime" id="runtime-1387382">93m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vqBmyAj0Xm9LnS1xe1MSlMAJyHq.jpg" alt="F1" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('911430', 'movie', 'F1', '/vqBmyAj0Xm9LnS1xe1MSlMAJyHq.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('911430', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">F1</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Drama</span> | |
| <span class="card-runtime" id="runtime-911430">156m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg" alt="Interstellar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('157336', 'movie', 'Interstellar', '/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg', '2014', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('157336', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Interstellar</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Drama</span> | |
| <span class="card-runtime" id="runtime-157336">169m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rdcO38cbWFg002nXg5QYtk7Tz4L.jpg" alt="Small Things Like These" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1102493', 'movie', 'Small%20Things%20Like%20These', '/rdcO38cbWFg002nXg5QYtk7Tz4L.jpg', '2024', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1102493', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Small Things Like These</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-1102493">99m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg" alt="Song Sung Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1371185', 'movie', 'Song%20Sung%20Blue', '/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1371185', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Song Sung Blue</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Music</span> | |
| <span class="card-runtime" id="runtime-1371185">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg" alt="Hamnet" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('858024', 'movie', 'Hamnet', '/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('858024', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hamnet</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-858024">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg" alt="The Shawshank Redemption" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('278', 'movie', 'The%20Shawshank%20Redemption', '/9cqNxx0GxF0bflZmeSMuL5tnGzr.jpg', '1994', '8.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('278', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Shawshank Redemption</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 8.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Crime</span> | |
| <span class="card-runtime" id="runtime-278">...</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Family Movies</h2> | |
| <a href="#" class="view-more" data-id="10751">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-10751"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg" alt="Zootopia" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('269149', 'movie', 'Zootopia', '/hlK0e0wAQ3VLuJcsfIYPvb4JVud.jpg', '2016', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('269149', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-269149">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg" alt="Hitpig!" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('756397', 'movie', 'Hitpig!', '/bYa20LYAZ3Q7lKXtLYybo0yWWTN.jpg', '2024', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('756397', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hitpig!</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-756397">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/q5pXRYTycaeW6dEgsCrd4mYPmxM.jpg" alt="How to Train Your Dragon" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1087192', 'movie', 'How%20to%20Train%20Your%20Dragon', '/q5pXRYTycaeW6dEgsCrd4mYPmxM.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1087192', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">How to Train Your Dragon</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Family</span> | |
| <span class="card-runtime" id="runtime-1087192">125m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg" alt="The SpongeBob Movie: Search for SquarePants" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('991494', 'movie', 'The%20SpongeBob%20Movie%3A%20Search%20for%20SquarePants', '/pDWYW9v8fmJdA7N0I1MOdQA3ETq.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('991494', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The SpongeBob Movie: Search for SquarePants</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-991494">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ym7Kst6a4uodryxqbGOxmewF235.jpg" alt="Tangled" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('38757', 'movie', 'Tangled', '/ym7Kst6a4uodryxqbGOxmewF235.jpg', '2010', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('38757', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Tangled</h3> | |
| <div class="card-meta"> | |
| <span>2010</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Family</span> | |
| <span class="card-runtime" id="runtime-38757">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg" alt="A Minecraft Movie" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('950387', 'movie', 'A%20Minecraft%20Movie', '/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('950387', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Minecraft Movie</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Fantasy</span> | |
| <span class="card-runtime" id="runtime-950387">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg" alt="Shrek" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('808', 'movie', 'Shrek', '/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg', '2001', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('808', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Shrek</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-808">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/fGodXWqJkkkbSebPIlxLSygV8GY.jpg" alt="Playdate" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1248226', 'movie', 'Playdate', '/fGodXWqJkkkbSebPIlxLSygV8GY.jpg', '2025', '6.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1248226', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Playdate</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Comedy</span> | |
| <span class="card-runtime" id="runtime-1248226">93m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg" alt="Coco" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('354912', 'movie', 'Coco', '/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg', '2017', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('354912', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Coco</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Animation</span> | |
| <span class="card-runtime" id="runtime-354912">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ckQzKpQJO4ZQDCN5evdpKcfm7Ys.jpg" alt="Lilo & Stitch" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('552524', 'movie', 'Lilo%20%26%20Stitch', '/ckQzKpQJO4ZQDCN5evdpKcfm7Ys.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('552524', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Lilo & Stitch</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-552524">108m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg" alt="Inside Out 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1022789', 'movie', 'Inside%20Out%202', '/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg', '2024', '7.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1022789', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Inside Out 2</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-1022789">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/aLVkiINlIeCkcZIzb7XHzPYgO6L.jpg" alt="Moana 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1241982', 'movie', 'Moana%202', '/aLVkiINlIeCkcZIzb7XHzPYgO6L.jpg', '2024', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1241982', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Moana 2</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Adventure</span> | |
| <span class="card-runtime" id="runtime-1241982">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/d8Ryb8AunYAuycVKDp5HpdWPKgC.jpg" alt="Sonic the Hedgehog 3" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('939243', 'movie', 'Sonic%20the%20Hedgehog%203', '/d8Ryb8AunYAuycVKDp5HpdWPKgC.jpg', '2024', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('939243', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Sonic the Hedgehog 3</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-939243">110m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Fantasy Movies</h2> | |
| <a href="#" class="view-more" data-id="14">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-14"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg" alt="Avatar: Fire and Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('83533', 'movie', 'Avatar%3A%20Fire%20and%20Ash', '/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('83533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: Fire and Ash</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-83533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg" alt="Avatar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('19995', 'movie', 'Avatar', '/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg', '2009', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('19995', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-19995">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg" alt="KPop Demon Hunters" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('803796', 'movie', 'KPop%20Demon%20Hunters', '/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg', '2025', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('803796', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">KPop Demon Hunters</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Music</span> | |
| <span class="card-runtime" id="runtime-803796">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/si9tolnefLSUKaqQEGz1bWArOaL.jpg" alt="Wicked: For Good" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('967941', 'movie', 'Wicked%3A%20For%20Good', '/si9tolnefLSUKaqQEGz1bWArOaL.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('967941', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked: For Good</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Adventure</span> | |
| <span class="card-runtime" id="runtime-967941">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/g4JtvGlQO7DByTI6frUobqvSL3R.jpg" alt="Frankenstein" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1062722', 'movie', 'Frankenstein', '/g4JtvGlQO7DByTI6frUobqvSL3R.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1062722', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Frankenstein</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Fantasy</span> | |
| <span class="card-runtime" id="runtime-1062722">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/q5pXRYTycaeW6dEgsCrd4mYPmxM.jpg" alt="How to Train Your Dragon" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1087192', 'movie', 'How%20to%20Train%20Your%20Dragon', '/q5pXRYTycaeW6dEgsCrd4mYPmxM.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1087192', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">How to Train Your Dragon</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Family</span> | |
| <span class="card-runtime" id="runtime-1087192">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hoJcoJlGOM6C08TmGGlP7bhk8AN.jpg" alt="Dust Bunny" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1043197', 'movie', 'Dust%20Bunny', '/hoJcoJlGOM6C08TmGGlP7bhk8AN.jpg', '2025', '7.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1043197', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Dust Bunny</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Fantasy</span> | |
| <span class="card-runtime" id="runtime-1043197">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6oom5QYQ2yQTMJIbnvbkBL9cHo6.jpg" alt="The Lord of the Rings: The Fellowship of the Ring" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('120', 'movie', 'The%20Lord%20of%20the%20Rings%3A%20The%20Fellowship%20of%20the%20Ring', '/6oom5QYQ2yQTMJIbnvbkBL9cHo6.jpg', '2001', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('120', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Lord of the Rings: The Fellowship of the Ring</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Fantasy</span> | |
| <span class="card-runtime" id="runtime-120">179m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/2E1x1qcHqGZcYuYi4PzVZjzg8IV.jpg" alt="Wicked" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('402431', 'movie', 'Wicked', '/2E1x1qcHqGZcYuYi4PzVZjzg8IV.jpg', '2024', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('402431', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-402431">162m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rCzpDGLbOoPwLjy3OAm5NUPOTrC.jpg" alt="The Lord of the Rings: The Return of the King" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('122', 'movie', 'The%20Lord%20of%20the%20Rings%3A%20The%20Return%20of%20the%20King', '/rCzpDGLbOoPwLjy3OAm5NUPOTrC.jpg', '2003', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('122', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Lord of the Rings: The Return of the King</h3> | |
| <div class="card-meta"> | |
| <span>2003</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Fantasy</span> | |
| <span class="card-runtime" id="runtime-122">201m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg" alt="A Minecraft Movie" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('950387', 'movie', 'A%20Minecraft%20Movie', '/yFHHfHcUgGAxziP1C3lLt0q2T4s.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('950387', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Minecraft Movie</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Fantasy</span> | |
| <span class="card-runtime" id="runtime-950387">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg" alt="Shrek" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('808', 'movie', 'Shrek', '/iB64vpL3dIObOtMZgX3RqdVdQDc.jpg', '2001', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('808', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Shrek</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-808">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/wuMc08IPKEatf9rnMNXvIDxqP4W.jpg" alt="Harry Potter and the Philosopher's Stone" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('671', 'movie', 'Harry%20Potter%20and%20the%20Philosopher's%20Stone', '/wuMc08IPKEatf9rnMNXvIDxqP4W.jpg', '2001', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('671', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Harry Potter and the Philosopher's Stone</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Fantasy</span> | |
| <span class="card-runtime" id="runtime-671">152m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/v02COOci4mePyLwn2447PdbnCxz.jpg" alt="Deathstalker III: The Warriors from Hell" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('47360', 'movie', 'Deathstalker%20III%3A%20The%20Warriors%20from%20Hell', '/v02COOci4mePyLwn2447PdbnCxz.jpg', '1988', '3.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('47360', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Deathstalker III: The Warriors from Hell</h3> | |
| <div class="card-meta"> | |
| <span>1988</span> | |
| <span class="rating">⭐ 3.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-47360">86m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>History Movies</h2> | |
| <a href="#" class="view-more" data-id="36">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-36"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rdcO38cbWFg002nXg5QYtk7Tz4L.jpg" alt="Small Things Like These" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1102493', 'movie', 'Small%20Things%20Like%20These', '/rdcO38cbWFg002nXg5QYtk7Tz4L.jpg', '2024', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1102493', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Small Things Like These</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-1102493">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/sxu8TsG7k06ymWL98ELEIE1EMZV.jpg" alt="Nuremberg" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1214931', 'movie', 'Nuremberg', '/sxu8TsG7k06ymWL98ELEIE1EMZV.jpg', '2025', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1214931', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nuremberg</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">History, Drama</span> | |
| <span class="card-runtime" id="runtime-1214931">148m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg" alt="Oppenheimer" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('872585', 'movie', 'Oppenheimer', '/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg', '2023', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('872585', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Oppenheimer</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-872585">181m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/k0DLCiDbnYywOHiISALbl2EH2NE.jpg" alt="The Impossible" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('80278', 'movie', 'The%20Impossible', '/k0DLCiDbnYywOHiISALbl2EH2NE.jpg', '2012', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('80278', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Impossible</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Thriller</span> | |
| <span class="card-runtime" id="runtime-80278">113m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8fJnySCTgzq2IwBGElcP74AfJqk.jpg" alt="Newton : A Tale of Two Isaacs" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('323557', 'movie', 'Newton%20%3A%20A%20Tale%20of%20Two%20Isaacs', '/8fJnySCTgzq2IwBGElcP74AfJqk.jpg', '1997', '4.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('323557', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Newton : A Tale of Two Isaacs</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 4.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">History, Family</span> | |
| <span class="card-runtime" id="runtime-323557">51m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/sF1U4EUQS8YHUYjNl3pMGNIQyr0.jpg" alt="Schindler's List" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('424', 'movie', 'Schindler's%20List', '/sF1U4EUQS8YHUYjNl3pMGNIQyr0.jpg', '1993', '8.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('424', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Schindler's List</h3> | |
| <div class="card-meta"> | |
| <span>1993</span> | |
| <span class="rating">⭐ 8.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-424">195m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dIMV263HT9NiqSooI9571kwNR1s.jpg" alt="King Tut's Final Secrets" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('312215', 'movie', 'King%20Tut's%20Final%20Secrets', '/dIMV263HT9NiqSooI9571kwNR1s.jpg', '2005', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('312215', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">King Tut's Final Secrets</h3> | |
| <div class="card-meta"> | |
| <span>2005</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, History</span> | |
| <span class="card-runtime" id="runtime-312215">95m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rNaBe4TwbMef71sgscqabpGKsxh.jpg" alt="Kingdom of Heaven" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1495', 'movie', 'Kingdom%20of%20Heaven', '/rNaBe4TwbMef71sgscqabpGKsxh.jpg', '2005', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1495', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Kingdom of Heaven</h3> | |
| <div class="card-meta"> | |
| <span>2005</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Action</span> | |
| <span class="card-runtime" id="runtime-1495">144m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8zhZqQWevo8U5MQPzsZhN654g0g.jpg" alt="The Sound and the Silence: The Alexander Graham Bell Story" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('292033', 'movie', 'The%20Sound%20and%20the%20Silence%3A%20The%20Alexander%20Graham%20Bell%20Story', '/8zhZqQWevo8U5MQPzsZhN654g0g.jpg', '1993', '5.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('292033', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Sound and the Silence: The Alexander Graham Bell Story</h3> | |
| <div class="card-meta"> | |
| <span>1993</span> | |
| <span class="rating">⭐ 5.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">History, Drama</span> | |
| <span class="card-runtime" id="runtime-292033">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5lyRPf6MGE7hdFobAxpHYPwS70b.jpg" alt="Hannibal's March on Rome" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('870465', 'movie', 'Hannibal's%20March%20on%20Rome', '/5lyRPf6MGE7hdFobAxpHYPwS70b.jpg', '2018', '5.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('870465', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hannibal's March on Rome</h3> | |
| <div class="card-meta"> | |
| <span>2018</span> | |
| <span class="rating">⭐ 5.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, History</span> | |
| <span class="card-runtime" id="runtime-870465">45m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gvntt3zualb2xFx9W3bhVCbwOkI.jpg" alt="How to Build a Library" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1182952', 'movie', 'How%20to%20Build%20a%20Library', '/gvntt3zualb2xFx9W3bhVCbwOkI.jpg', '2025', '8.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1182952', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">How to Build a Library</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, History</span> | |
| <span class="card-runtime" id="runtime-1182952">103m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/p1bBvxJ4hD8MnLRlpH11wIOYyvA.jpg" alt="Plymouth Adventure" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('90968', 'movie', 'Plymouth%20Adventure', '/p1bBvxJ4hD8MnLRlpH11wIOYyvA.jpg', '1952', '5.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('90968', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Plymouth Adventure</h3> | |
| <div class="card-meta"> | |
| <span>1952</span> | |
| <span class="rating">⭐ 5.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Adventure</span> | |
| <span class="card-runtime" id="runtime-90968">105m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zE1Ylky4ktEy0DrXlrnua3eyRzV.jpg" alt="Fackham Hall" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1175174', 'movie', 'Fackham%20Hall', '/zE1Ylky4ktEy0DrXlrnua3eyRzV.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1175174', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fackham Hall</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, History</span> | |
| <span class="card-runtime" id="runtime-1175174">97m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/4T4yRG6iskDcfMeoLuUZEJYCrjL.jpg" alt="Prisoner of War" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1328803', 'movie', 'Prisoner%20of%20War', '/4T4yRG6iskDcfMeoLuUZEJYCrjL.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1328803', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Prisoner of War</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, War</span> | |
| <span class="card-runtime" id="runtime-1328803">113m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Horror Movies</h2> | |
| <a href="#" class="view-more" data-id="27">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-27"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg" alt="Nazi Supersoldier" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1301122', 'movie', 'Nazi%20Supersoldier', '/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg', '2024', '5.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1301122', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nazi Supersoldier</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 5.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Action</span> | |
| <span class="card-runtime" id="runtime-1301122">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/udAxQEORq2I5wxI97N2TEqdhzBE.jpg" alt="Five Nights at Freddy's 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1228246', 'movie', 'Five%20Nights%20at%20Freddy's%202', '/udAxQEORq2I5wxI97N2TEqdhzBE.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1228246', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Five Nights at Freddy's 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1228246">104m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/737hppvYVz8Wx9I2McyQPHCD7PB.jpg" alt="The Pearl Comb" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1445698', 'movie', 'The%20Pearl%20Comb', '/737hppvYVz8Wx9I2McyQPHCD7PB.jpg', '2025', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1445698', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Pearl Comb</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror</span> | |
| <span class="card-runtime" id="runtime-1445698">21m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hffZQgrulC6jgneLuTANQrYgiui.jpg" alt="Voice of Shadows" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1327881', 'movie', 'Voice%20of%20Shadows', '/hffZQgrulC6jgneLuTANQrYgiui.jpg', '2024', '4.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1327881', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Voice of Shadows</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 4.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1327881">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nCejOVZcOxKS27nnbh28NKXOdXF.jpg" alt="Night of the Zoopocalypse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1205229', 'movie', 'Night%20of%20the%20Zoopocalypse', '/nCejOVZcOxKS27nnbh28NKXOdXF.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1205229', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Night of the Zoopocalypse</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1205229">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg" alt="Worldbreaker" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1196067', 'movie', 'Worldbreaker', '/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1196067', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Worldbreaker</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-1196067">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg" alt="Anaconda" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1234731', 'movie', 'Anaconda', '/5MDnvvkOqthhE5gQebzkcOhD1p5.jpg', '2025', '5.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1234731', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Anaconda</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Comedy</span> | |
| <span class="card-runtime" id="runtime-1234731">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z97hrgI5wbGbZvSVkBfAeBnFKAg.jpg" alt="Primate" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1315303', 'movie', 'Primate', '/z97hrgI5wbGbZvSVkBfAeBnFKAg.jpg', '2026', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1315303', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Primate</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1315303">89m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/g4JtvGlQO7DByTI6frUobqvSL3R.jpg" alt="Frankenstein" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1062722', 'movie', 'Frankenstein', '/g4JtvGlQO7DByTI6frUobqvSL3R.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1062722', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Frankenstein</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Fantasy</span> | |
| <span class="card-runtime" id="runtime-1062722">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/suY2CNfGwq3kccMZuMA1sXAcNXm.jpg" alt="The Beldham" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1090983', 'movie', 'The%20Beldham', '/suY2CNfGwq3kccMZuMA1sXAcNXm.jpg', '2025', '5.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1090983', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Beldham</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror</span> | |
| <span class="card-runtime" id="runtime-1090983">85m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kK1BGkG3KAvWB0WMV1DfOx9yTMZ.jpg" alt="28 Years Later: The Bone Temple" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1272837', 'movie', '28%20Years%20Later%3A%20The%20Bone%20Temple', '/kK1BGkG3KAvWB0WMV1DfOx9yTMZ.jpg', '2026', '6.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1272837', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">28 Years Later: The Bone Temple</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1272837">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/qTvFWCGeGXgBRaINLY1zqgTPSpn.jpg" alt="Sinners" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1233413', 'movie', 'Sinners', '/qTvFWCGeGXgBRaINLY1zqgTPSpn.jpg', '2025', '7.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1233413', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Sinners</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Action</span> | |
| <span class="card-runtime" id="runtime-1233413">138m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/GoIIdrjmXo587L2s2mqgMFvBIs.jpg" alt="Please Don't Feed the Children" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1103437', 'movie', 'Please%20Don't%20Feed%20the%20Children', '/GoIIdrjmXo587L2s2mqgMFvBIs.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1103437', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Please Don't Feed the Children</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1103437">94m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/puPN6uC5NpbAQW8dDovGkJ79arn.jpg" alt="Conjuring Tapes" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1206083', 'movie', 'Conjuring%20Tapes', '/puPN6uC5NpbAQW8dDovGkJ79arn.jpg', '2025', '5.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1206083', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Conjuring Tapes</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1206083">79m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Music Movies</h2> | |
| <a href="#" class="view-more" data-id="10402">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-10402"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg" alt="KPop Demon Hunters" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('803796', 'movie', 'KPop%20Demon%20Hunters', '/zT7Lhw3BhJbMkRqm9Zlx2YGMsY0.jpg', '2025', '8.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('803796', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">KPop Demon Hunters</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 8.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Music</span> | |
| <span class="card-runtime" id="runtime-803796">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg" alt="Song Sung Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1371185', 'movie', 'Song%20Sung%20Blue', '/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1371185', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Song Sung Blue</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Music</span> | |
| <span class="card-runtime" id="runtime-1371185">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg" alt="Coco" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('354912', 'movie', 'Coco', '/6Ryitt95xrO8KXuqRGm1fUuNwqF.jpg', '2017', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('354912', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Coco</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Animation</span> | |
| <span class="card-runtime" id="runtime-354912">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3748YavHEFmZa1oktAh6URJk4eC.jpg" alt="Coppélia (The Royal Ballet)" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('402033', 'movie', 'Copp%C3%A9lia%20(The%20Royal%20Ballet)', '/3748YavHEFmZa1oktAh6URJk4eC.jpg', '2000', '10.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('402033', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Coppélia (The Royal Ballet)</h3> | |
| <div class="card-meta"> | |
| <span>2000</span> | |
| <span class="rating">⭐ 10.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Music</span> | |
| <span class="card-runtime" id="runtime-402033">120m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vyQyUVAkXwVEITx9H0pOm9U9Xkc.jpg" alt="All Star Melody Masters" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('793622', 'movie', 'All%20Star%20Melody%20Masters', '/vyQyUVAkXwVEITx9H0pOm9U9Xkc.jpg', '1943', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('793622', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">All Star Melody Masters</h3> | |
| <div class="card-meta"> | |
| <span>1943</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music</span> | |
| <span class="card-runtime" id="runtime-793622">10m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yQtms7CSM0CE0W6dYbLLAATb5rL.jpg" alt="The Choral" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1262815', 'movie', 'The%20Choral', '/yQtms7CSM0CE0W6dYbLLAATb5rL.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1262815', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Choral</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Drama</span> | |
| <span class="card-runtime" id="runtime-1262815">113m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yNh6x6uvB2Xm40TktoYYamUAnZL.jpg" alt="Miles Davis: Kind of Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('229764', 'movie', 'Miles%20Davis%3A%20Kind%20of%20Blue', '/yNh6x6uvB2Xm40TktoYYamUAnZL.jpg', '2008', '3.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('229764', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Miles Davis: Kind of Blue</h3> | |
| <div class="card-meta"> | |
| <span>2008</span> | |
| <span class="rating">⭐ 3.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music, Documentary</span> | |
| <span class="card-runtime" id="runtime-229764">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/302e3jcE31ONURKOtODSpG8yDGL.jpg" alt="Mozart: Die Entführung Aus Dem Serail" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('476166', 'movie', 'Mozart%3A%20Die%20Entf%C3%BChrung%20Aus%20Dem%20Serail', '/302e3jcE31ONURKOtODSpG8yDGL.jpg', '1997', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('476166', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Mozart: Die Entführung Aus Dem Serail</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music</span> | |
| <span class="card-runtime" id="runtime-476166">159m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ssrV29QSVVJuemBHho0Qx7pFYak.jpg" alt="The Muppet Christmas Carol" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('10437', 'movie', 'The%20Muppet%20Christmas%20Carol', '/ssrV29QSVVJuemBHho0Qx7pFYak.jpg', '1992', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('10437', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Muppet Christmas Carol</h3> | |
| <div class="card-meta"> | |
| <span>1992</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music, Comedy</span> | |
| <span class="card-runtime" id="runtime-10437">86m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/zzVbGghcYUa07sqWlA2R7TYbsdE.jpg" alt="Alice Cooper: Halloween Night of Fear" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('78395', 'movie', 'Alice%20Cooper%3A%20Halloween%20Night%20of%20Fear', '/zzVbGghcYUa07sqWlA2R7TYbsdE.jpg', '2011', '5.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('78395', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Alice Cooper: Halloween Night of Fear</h3> | |
| <div class="card-meta"> | |
| <span>2011</span> | |
| <span class="rating">⭐ 5.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music</span> | |
| <span class="card-runtime" id="runtime-78395">100m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5TnqOhdAIwLIL9XrNEotMakPJmL.jpg" alt="Hypnosis Mic: Division Rap Battle - Rule the Stage -track.3-" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('862699', 'movie', 'Hypnosis%20Mic%3A%20Division%20Rap%20Battle%20-%20Rule%20the%20Stage%20-track.3-', '/5TnqOhdAIwLIL9XrNEotMakPJmL.jpg', '2021', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('862699', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hypnosis Mic: Division Rap Battle - Rule the Stage -track.3-</h3> | |
| <div class="card-meta"> | |
| <span>2021</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music</span> | |
| <span class="card-runtime" id="runtime-862699">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xkg1RITrcmc8iacRlG3XdL3oA5e.jpg" alt="Big Gold Dream: Scottish Post-Punk and Infiltrating the Mainstream" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('345068', 'movie', 'Big%20Gold%20Dream%3A%20Scottish%20Post-Punk%20and%20Infiltrating%20the%20Mainstream', '/xkg1RITrcmc8iacRlG3XdL3oA5e.jpg', '2015', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('345068', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Big Gold Dream: Scottish Post-Punk and Infiltrating the Mainstream</h3> | |
| <div class="card-meta"> | |
| <span>2015</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Music, Documentary</span> | |
| <span class="card-runtime" id="runtime-345068">94m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/r5v3Q5FlU9bacsJrXJaBdZo1yNP.jpg" alt="What's Happening! The Beatles in the USA" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('305535', 'movie', 'What's%20Happening!%20The%20Beatles%20in%20the%20USA', '/r5v3Q5FlU9bacsJrXJaBdZo1yNP.jpg', '1964', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('305535', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">What's Happening! The Beatles in the USA</h3> | |
| <div class="card-meta"> | |
| <span>1964</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, Music</span> | |
| <span class="card-runtime" id="runtime-305535">70m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Mystery Movies</h2> | |
| <a href="#" class="view-more" data-id="9648">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-9648"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg" alt="Zootopia 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1084242', 'movie', 'Zootopia%202', '/bjUWGw0Ao0qVWxagN3VCwBJHVo6.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1084242', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Zootopia 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1084242">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cWsBscZzwu5brg9YjNkGewRUvJX.jpg" alt="The Housemaid" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1368166', 'movie', 'The%20Housemaid', '/cWsBscZzwu5brg9YjNkGewRUvJX.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1368166', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Housemaid</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Mystery, Thriller</span> | |
| <span class="card-runtime" id="runtime-1368166">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg" alt="Now You See Me: Now You Don't" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('425274', 'movie', 'Now%20You%20See%20Me%3A%20Now%20You%20Don't', '/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('425274', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Now You See Me: Now You Don't</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-425274">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg" alt="Muzzle: City of Wolves" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1439112', 'movie', 'Muzzle%3A%20City%20of%20Wolves', '/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1439112', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Muzzle: City of Wolves</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-1439112">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hffZQgrulC6jgneLuTANQrYgiui.jpg" alt="Voice of Shadows" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1327881', 'movie', 'Voice%20of%20Shadows', '/hffZQgrulC6jgneLuTANQrYgiui.jpg', '2024', '4.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1327881', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Voice of Shadows</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 4.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1327881">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/qCOGGi8JBVEZMc3DVby8rUivyXz.jpg" alt="Wake Up Dead Man: A Knives Out Mystery" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('812583', 'movie', 'Wake%20Up%20Dead%20Man%3A%20A%20Knives%20Out%20Mystery', '/qCOGGi8JBVEZMc3DVby8rUivyXz.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('812583', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wake Up Dead Man: A Knives Out Mystery</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Mystery</span> | |
| <span class="card-runtime" id="runtime-812583">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/puPN6uC5NpbAQW8dDovGkJ79arn.jpg" alt="Conjuring Tapes" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1206083', 'movie', 'Conjuring%20Tapes', '/puPN6uC5NpbAQW8dDovGkJ79arn.jpg', '2025', '5.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1206083', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Conjuring Tapes</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1206083">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cpf7vsRZ0MYRQcnLWteD5jK9ymT.jpg" alt="Weapons" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1078605', 'movie', 'Weapons', '/cpf7vsRZ0MYRQcnLWteD5jK9ymT.jpg', '2025', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1078605', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Weapons</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1078605">129m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6WxhEvFsauuACfv8HyoVX6mZKFj.jpg" alt="Final Destination Bloodlines" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('574475', 'movie', 'Final%20Destination%20Bloodlines', '/6WxhEvFsauuACfv8HyoVX6mZKFj.jpg', '2025', '7.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('574475', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Final Destination Bloodlines</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-574475">110m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6Kf49vsaVDdxcXavEeDrulRsrbD.jpg" alt="Model for Murder: The Centerfold Killer" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('424649', 'movie', 'Model%20for%20Murder%3A%20The%20Centerfold%20Killer', '/6Kf49vsaVDdxcXavEeDrulRsrbD.jpg', '2016', '4.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('424649', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Model for Murder: The Centerfold Killer</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 4.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-424649">81m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z6gGj6WmxbEvr6ktZSQO6xMqvvN.jpg" alt="Murder for Mortgage: Secrets on Maple Street" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1339748', 'movie', 'Murder%20for%20Mortgage%3A%20Secrets%20on%20Maple%20Street', '/z6gGj6WmxbEvr6ktZSQO6xMqvvN.jpg', '2024', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1339748', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Murder for Mortgage: Secrets on Maple Street</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie, Thriller</span> | |
| <span class="card-runtime" id="runtime-1339748">87m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/43WY1wQk2a6DTiptbgXJVvL5OdB.jpg" alt="MacShayne: Final Roll of the Dice" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('276382', 'movie', 'MacShayne%3A%20Final%20Roll%20of%20the%20Dice', '/43WY1wQk2a6DTiptbgXJVvL5OdB.jpg', '1994', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('276382', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">MacShayne: Final Roll of the Dice</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Mystery</span> | |
| <span class="card-runtime" id="runtime-276382">100m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/mbGHijUc0C3fcM12l6ro6FgxIvg.jpg" alt="Keeper" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1288072', 'movie', 'Keeper', '/mbGHijUc0C3fcM12l6ro6FgxIvg.jpg', '2025', '5.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1288072', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Keeper</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 5.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1288072">99m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/ode14q7WtDugFDp78fo9lCsmay9.jpg" alt="The Maze Runner" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('198663', 'movie', 'The%20Maze%20Runner', '/ode14q7WtDugFDp78fo9lCsmay9.jpg', '2014', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('198663', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Maze Runner</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Mystery</span> | |
| <span class="card-runtime" id="runtime-198663">113m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Romance Movies</h2> | |
| <a href="#" class="view-more" data-id="10749">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-10749"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg" alt="People We Meet on Vacation" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1034716', 'movie', 'People%20We%20Meet%20on%20Vacation', '/kOrJqRyt1pklNgDwJMjzN1GuNXS.jpg', '2026', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1034716', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">People We Meet on Vacation</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Comedy</span> | |
| <span class="card-runtime" id="runtime-1034716">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/si9tolnefLSUKaqQEGz1bWArOaL.jpg" alt="Wicked: For Good" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('967941', 'movie', 'Wicked%3A%20For%20Good', '/si9tolnefLSUKaqQEGz1bWArOaL.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('967941', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked: For Good</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Fantasy, Adventure</span> | |
| <span class="card-runtime" id="runtime-967941">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg" alt="Song Sung Blue" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1371185', 'movie', 'Song%20Sung%20Blue', '/dXVGVz3sGLVnJf7tiJ9zDHqiqFX.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1371185', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Song Sung Blue</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Music</span> | |
| <span class="card-runtime" id="runtime-1371185">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg" alt="Hamnet" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('858024', 'movie', 'Hamnet', '/71KNp6RiOQTbs8Fn1DagrFQrZmx.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('858024', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hamnet</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-858024">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/mJtBKvHQaFzgp0N6JFskSvjbTar.jpg" alt="Beauty from Pain" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1495694', 'movie', 'Beauty%20from%20Pain', '/mJtBKvHQaFzgp0N6JFskSvjbTar.jpg', '2025', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1495694', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Beauty from Pain</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Drama</span> | |
| <span class="card-runtime" id="runtime-1495694">116m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/9xjZS2rlVxm8SFx8kPC3aIGCOYQ.jpg" alt="Titanic" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('597', 'movie', 'Titanic', '/9xjZS2rlVxm8SFx8kPC3aIGCOYQ.jpg', '1997', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('597', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Titanic</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-597">194m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/o8pg20G67BGmQvRkXwstNre062J.jpg" alt="Eternity" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1259102', 'movie', 'Eternity', '/o8pg20G67BGmQvRkXwstNre062J.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1259102', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Eternity</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Comedy</span> | |
| <span class="card-runtime" id="runtime-1259102">114m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/2E1x1qcHqGZcYuYi4PzVZjzg8IV.jpg" alt="Wicked" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('402431', 'movie', 'Wicked', '/2E1x1qcHqGZcYuYi4PzVZjzg8IV.jpg', '2024', '6.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('402431', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Wicked</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-402431">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/Ia3dzj5LnCj1ZBdlVeJrbKJQxG.jpg" alt="Me Before You" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('296096', 'movie', 'Me%20Before%20You', '/Ia3dzj5LnCj1ZBdlVeJrbKJQxG.jpg', '2016', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('296096', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Me Before You</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Romance</span> | |
| <span class="card-runtime" id="runtime-296096">110m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7iMBZzVZtG0oBug4TfqDb9ZxAOa.jpg" alt="The Gorge" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('950396', 'movie', 'The%20Gorge', '/7iMBZzVZtG0oBug4TfqDb9ZxAOa.jpg', '2025', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('950396', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Gorge</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-950396">128m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z4gVnxTaks3anTycwKjDmvQSuWt.jpg" alt="Regretting You" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1327862', 'movie', 'Regretting%20You', '/z4gVnxTaks3anTycwKjDmvQSuWt.jpg', '2025', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1327862', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Regretting You</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Drama</span> | |
| <span class="card-runtime" id="runtime-1327862">116m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7Pd6ChSQjSXy4snJiorSdzg2cG3.jpg" alt="Pillion" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1287141', 'movie', 'Pillion', '/7Pd6ChSQjSXy4snJiorSdzg2cG3.jpg', '2025', '7.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1287141', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Pillion</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Romance, Drama</span> | |
| <span class="card-runtime" id="runtime-1287141">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/saHP97rTPS5eLmrLQEcANmKrsFl.jpg" alt="Forrest Gump" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('13', 'movie', 'Forrest%20Gump', '/saHP97rTPS5eLmrLQEcANmKrsFl.jpg', '1994', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('13', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Forrest Gump</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Drama</span> | |
| <span class="card-runtime" id="runtime-13">142m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cRxifWz5CDpBIFkfWEmFjyAPS1b.jpg" alt="10 Reasons Why Men Cheat" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1100854', 'movie', '10%20Reasons%20Why%20Men%20Cheat', '/cRxifWz5CDpBIFkfWEmFjyAPS1b.jpg', '2023', '1.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1100854', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">10 Reasons Why Men Cheat</h3> | |
| <div class="card-meta"> | |
| <span>2023</span> | |
| <span class="rating">⭐ 1.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, Romance</span> | |
| <span class="card-runtime" id="runtime-1100854">117m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Science Fiction Movies</h2> | |
| <a href="#" class="view-more" data-id="878">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-878"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg" alt="Predator: Badlands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242898', 'movie', 'Predator%3A%20Badlands', '/pHpq9yNUIo6aDoCXEBzjSolywgz.jpg', '2025', '7.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Predator: Badlands</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Science Fiction</span> | |
| <span class="card-runtime" id="runtime-1242898">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg" alt="Avatar: Fire and Ash" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('83533', 'movie', 'Avatar%3A%20Fire%20and%20Ash', '/lE9KpVwgeWHMwgwkNaeH5nEFh20.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('83533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: Fire and Ash</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-83533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yvirUYrva23IudARHn3mMGVxWqM.jpg" alt="War of the Worlds" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('755898', 'movie', 'War%20of%20the%20Worlds', '/yvirUYrva23IudARHn3mMGVxWqM.jpg', '2025', '4.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('755898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">War of the Worlds</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 4.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Thriller</span> | |
| <span class="card-runtime" id="runtime-755898">91m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg" alt="Nazi Supersoldier" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1301122', 'movie', 'Nazi%20Supersoldier', '/3daBOc5ZcICXMzAVNhzJTSgweaP.jpg', '2024', '5.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1301122', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Nazi Supersoldier</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 5.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Action</span> | |
| <span class="card-runtime" id="runtime-1301122">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/chpWmskl3aKm1aTZqUHRCtviwPy.jpg" alt="TRON: Ares" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('533533', 'movie', 'TRON%3A%20Ares', '/chpWmskl3aKm1aTZqUHRCtviwPy.jpg', '2025', '6.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('533533', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">TRON: Ares</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-533533">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/nCejOVZcOxKS27nnbh28NKXOdXF.jpg" alt="Night of the Zoopocalypse" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1205229', 'movie', 'Night%20of%20the%20Zoopocalypse', '/nCejOVZcOxKS27nnbh28NKXOdXF.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1205229', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Night of the Zoopocalypse</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Comedy</span> | |
| <span class="card-runtime" id="runtime-1205229">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg" alt="Avatar: The Way of Water" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('76600', 'movie', 'Avatar%3A%20The%20Way%20of%20Water', '/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg', '2022', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('76600', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar: The Way of Water</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-76600">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg" alt="Avatar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('19995', 'movie', 'Avatar', '/gKY6q7SjCkAU6FqvqWybDYgUKIF.jpg', '2009', '7.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('19995', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Avatar</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 7.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-19995">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg" alt="Greenland 2: Migration" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('840464', 'movie', 'Greenland%202%3A%20Migration', '/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg', '2026', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('840464', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Greenland 2: Migration</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-840464">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg" alt="Worldbreaker" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1196067', 'movie', 'Worldbreaker', '/7K8w6mdrJp0oaSoKWGyjSZ4Zv2z.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1196067', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Worldbreaker</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-1196067">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg" alt="The Avengers" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('24428', 'movie', 'The%20Avengers', '/RYMX2wcKCBAr24UyPD7xwmjaTn.jpg', '2012', '7.9')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('24428', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Avengers</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 7.9</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Action</span> | |
| <span class="card-runtime" id="runtime-24428">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dKL78O9zxczVgjtNcQ9UkbYLzqX.jpg" alt="The Running Man" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('798645', 'movie', 'The%20Running%20Man', '/dKL78O9zxczVgjtNcQ9UkbYLzqX.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('798645', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Running Man</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-798645">133m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg" alt="Interstellar" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('157336', 'movie', 'Interstellar', '/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg', '2014', '8.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('157336', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Interstellar</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 8.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Adventure, Drama</span> | |
| <span class="card-runtime" id="runtime-157336">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/1RICxzeoNCAO5NpcRMIgg1XT6fm.jpg" alt="Jurassic World Rebirth" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1234821', 'movie', 'Jurassic%20World%20Rebirth', '/1RICxzeoNCAO5NpcRMIgg1XT6fm.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1234821', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Jurassic World Rebirth</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Adventure</span> | |
| <span class="card-runtime" id="runtime-1234821">134m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>TV Movie Movies</h2> | |
| <a href="#" class="view-more" data-id="10770">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-10770"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5XpT9kXiZQGaje0aYBpAD1C7tdN.jpg" alt="The Ex Next Door" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('585728', 'movie', 'The%20Ex%20Next%20Door', '/5XpT9kXiZQGaje0aYBpAD1C7tdN.jpg', '2019', '4.1')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('585728', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Ex Next Door</h3> | |
| <div class="card-meta"> | |
| <span>2019</span> | |
| <span class="rating">⭐ 4.1</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, TV Movie</span> | |
| <span class="card-runtime" id="runtime-585728">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/w4BuyekIlHl0UZnEOup0kTZGk5E.jpg" alt="A Home to Die For" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1490860', 'movie', 'A%20Home%20to%20Die%20For', '/w4BuyekIlHl0UZnEOup0kTZGk5E.jpg', '2025', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1490860', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Home to Die For</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, TV Movie</span> | |
| <span class="card-runtime" id="runtime-1490860">84m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z6gGj6WmxbEvr6ktZSQO6xMqvvN.jpg" alt="Murder for Mortgage: Secrets on Maple Street" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1339748', 'movie', 'Murder%20for%20Mortgage%3A%20Secrets%20on%20Maple%20Street', '/z6gGj6WmxbEvr6ktZSQO6xMqvvN.jpg', '2024', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1339748', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Murder for Mortgage: Secrets on Maple Street</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie, Thriller</span> | |
| <span class="card-runtime" id="runtime-1339748">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/43WY1wQk2a6DTiptbgXJVvL5OdB.jpg" alt="MacShayne: Final Roll of the Dice" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('276382', 'movie', 'MacShayne%3A%20Final%20Roll%20of%20the%20Dice', '/43WY1wQk2a6DTiptbgXJVvL5OdB.jpg', '1994', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('276382', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">MacShayne: Final Roll of the Dice</h3> | |
| <div class="card-meta"> | |
| <span>1994</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Mystery</span> | |
| <span class="card-runtime" id="runtime-276382">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8fJnySCTgzq2IwBGElcP74AfJqk.jpg" alt="Newton : A Tale of Two Isaacs" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('323557', 'movie', 'Newton%20%3A%20A%20Tale%20of%20Two%20Isaacs', '/8fJnySCTgzq2IwBGElcP74AfJqk.jpg', '1997', '4.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('323557', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Newton : A Tale of Two Isaacs</h3> | |
| <div class="card-meta"> | |
| <span>1997</span> | |
| <span class="rating">⭐ 4.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">History, Family</span> | |
| <span class="card-runtime" id="runtime-323557">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/uuIKbvH5eYUf3w13O7J6zUXP08q.jpg" alt="Your Man from Six Counties" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('727185', 'movie', 'Your%20Man%20from%20Six%20Counties', '/uuIKbvH5eYUf3w13O7J6zUXP08q.jpg', '1976', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('727185', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Your Man from Six Counties</h3> | |
| <div class="card-meta"> | |
| <span>1976</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, TV Movie</span> | |
| <span class="card-runtime" id="runtime-727185">94m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rrSSb7fbliP7Xnz0qkC4Z5T0YoO.jpg" alt="A Party to Die For" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1032506', 'movie', 'A%20Party%20to%20Die%20For', '/rrSSb7fbliP7Xnz0qkC4Z5T0YoO.jpg', '2022', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1032506', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Party to Die For</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie, Thriller</span> | |
| <span class="card-runtime" id="runtime-1032506">83m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dIMV263HT9NiqSooI9571kwNR1s.jpg" alt="King Tut's Final Secrets" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('312215', 'movie', 'King%20Tut's%20Final%20Secrets', '/dIMV263HT9NiqSooI9571kwNR1s.jpg', '2005', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('312215', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">King Tut's Final Secrets</h3> | |
| <div class="card-meta"> | |
| <span>2005</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, History</span> | |
| <span class="card-runtime" id="runtime-312215">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/20OVIFy7xFGbEgtPbpEpBzWSCWk.jpg" alt="Mother's Day on Waltons Mountain" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('644687', 'movie', 'Mother's%20Day%20on%20Waltons%20Mountain', '/20OVIFy7xFGbEgtPbpEpBzWSCWk.jpg', '1982', '5.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('644687', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Mother's Day on Waltons Mountain</h3> | |
| <div class="card-meta"> | |
| <span>1982</span> | |
| <span class="rating">⭐ 5.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Family, Drama</span> | |
| <span class="card-runtime" id="runtime-644687">97m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/16lXOKjICh1PZ1x1xXMtQbddv9i.jpg" alt="The Great Los Angeles Earthquake" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('100032', 'movie', 'The%20Great%20Los%20Angeles%20Earthquake', '/16lXOKjICh1PZ1x1xXMtQbddv9i.jpg', '1990', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('100032', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Great Los Angeles Earthquake</h3> | |
| <div class="card-meta"> | |
| <span>1990</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Action</span> | |
| <span class="card-runtime" id="runtime-100032">180m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/DvUDCfiqtNPUj3xb3xR1HYzVMZ.jpg" alt="The Shell Collector" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1032812', 'movie', 'The%20Shell%20Collector', '/DvUDCfiqtNPUj3xb3xR1HYzVMZ.jpg', '2022', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1032812', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Shell Collector</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie, Drama</span> | |
| <span class="card-runtime" id="runtime-1032812">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/eUWgxBznXlGEUVHp5LNCOUEtPqa.jpg" alt="Why It's Kicking Off Everywhere" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('468105', 'movie', 'Why%20It's%20Kicking%20Off%20Everywhere', '/eUWgxBznXlGEUVHp5LNCOUEtPqa.jpg', '2017', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('468105', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Why It's Kicking Off Everywhere</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie</span> | |
| <span class="card-runtime" id="runtime-468105">59m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/4HeYrGHsBNrgxYChaztHKrfzy03.jpg" alt="CSI: Immortality" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('369892', 'movie', 'CSI%3A%20Immortality', '/4HeYrGHsBNrgxYChaztHKrfzy03.jpg', '2015', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('369892', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">CSI: Immortality</h3> | |
| <div class="card-meta"> | |
| <span>2015</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Crime, Mystery</span> | |
| <span class="card-runtime" id="runtime-369892">87m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/jfAZQwr3dyQ7xybRgxjcud8URZi.jpg" alt="The Engagement Back-Up" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('932107', 'movie', 'The%20Engagement%20Back-Up', '/jfAZQwr3dyQ7xybRgxjcud8URZi.jpg', '2022', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('932107', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Engagement Back-Up</h3> | |
| <div class="card-meta"> | |
| <span>2022</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">TV Movie, Comedy</span> | |
| <span class="card-runtime" id="runtime-932107">85m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Thriller Movies</h2> | |
| <a href="#" class="view-more" data-id="53">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-53"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg" alt="Icefall" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1242501', 'movie', 'Icefall', '/5Byv6nznAb2Izd0gHpODOXnuSbo.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1242501', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Icefall</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1242501">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/cWsBscZzwu5brg9YjNkGewRUvJX.jpg" alt="The Housemaid" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1368166', 'movie', 'The%20Housemaid', '/cWsBscZzwu5brg9YjNkGewRUvJX.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1368166', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Housemaid</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Mystery, Thriller</span> | |
| <span class="card-runtime" id="runtime-1368166">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg" alt="Trap House" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('628847', 'movie', 'Trap%20House', '/6tpAPeuuqbVnYWWPoOLEDLSBU7a.jpg', '2025', '6.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('628847', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Trap House</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-628847">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yvirUYrva23IudARHn3mMGVxWqM.jpg" alt="War of the Worlds" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('755898', 'movie', 'War%20of%20the%20Worlds', '/yvirUYrva23IudARHn3mMGVxWqM.jpg', '2025', '4.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('755898', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">War of the Worlds</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 4.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Science Fiction, Thriller</span> | |
| <span class="card-runtime" id="runtime-755898">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/udAxQEORq2I5wxI97N2TEqdhzBE.jpg" alt="Five Nights at Freddy's 2" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1228246', 'movie', 'Five%20Nights%20at%20Freddy's%202', '/udAxQEORq2I5wxI97N2TEqdhzBE.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1228246', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Five Nights at Freddy's 2</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Thriller</span> | |
| <span class="card-runtime" id="runtime-1228246">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg" alt="Now You See Me: Now You Don't" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('425274', 'movie', 'Now%20You%20See%20Me%3A%20Now%20You%20Don't', '/oD3Eey4e4Z259XLm3eD3WGcoJAh.jpg', '2025', '6.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('425274', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Now You See Me: Now You Don't</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-425274">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg" alt="Risqué" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1512623', 'movie', 'Risqu%C3%A9', '/h6OsRrDwbspLnKMvlFl57QFDP7d.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1512623', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Risqué</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Crime</span> | |
| <span class="card-runtime" id="runtime-1512623">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg" alt="One Battle After Another" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1054867', 'movie', 'One%20Battle%20After%20Another', '/m1jFoahEbeQXtx4zArT2FKdbNIj.jpg', '2025', '7.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1054867', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">One Battle After Another</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Thriller, Crime</span> | |
| <span class="card-runtime" id="runtime-1054867">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg" alt="Fight Club" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('550', 'movie', 'Fight%20Club', '/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg', '1999', '8.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('550', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fight Club</h3> | |
| <div class="card-meta"> | |
| <span>1999</span> | |
| <span class="rating">⭐ 8.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Thriller</span> | |
| <span class="card-runtime" id="runtime-550">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg" alt="Muzzle: City of Wolves" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1439112', 'movie', 'Muzzle%3A%20City%20of%20Wolves', '/8qTMRmC07XCGidnKQFLbRM3FoDU.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1439112', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Muzzle: City of Wolves</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-1439112">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/hffZQgrulC6jgneLuTANQrYgiui.jpg" alt="Voice of Shadows" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1327881', 'movie', 'Voice%20of%20Shadows', '/hffZQgrulC6jgneLuTANQrYgiui.jpg', '2024', '4.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1327881', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Voice of Shadows</h3> | |
| <div class="card-meta"> | |
| <span>2024</span> | |
| <span class="rating">⭐ 4.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Horror, Mystery</span> | |
| <span class="card-runtime" id="runtime-1327881">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg" alt="xXx" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('7451', 'movie', 'xXx', '/xeEw3eLeSFmJgXZzmF2Efww0q3s.jpg', '2002', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('7451', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">xXx</h3> | |
| <div class="card-meta"> | |
| <span>2002</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-7451">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg" alt="Greenland 2: Migration" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('840464', 'movie', 'Greenland%202%3A%20Migration', '/z2tqCJLsw6uEJ8nJV8BsQXGa3dr.jpg', '2026', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('840464', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Greenland 2: Migration</h3> | |
| <div class="card-meta"> | |
| <span>2026</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Adventure</span> | |
| <span class="card-runtime" id="runtime-840464">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dKL78O9zxczVgjtNcQ9UkbYLzqX.jpg" alt="The Running Man" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('798645', 'movie', 'The%20Running%20Man', '/dKL78O9zxczVgjtNcQ9UkbYLzqX.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('798645', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Running Man</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Thriller</span> | |
| <span class="card-runtime" id="runtime-798645">...</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>War Movies</h2> | |
| <a href="#" class="view-more" data-id="10752">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-10752"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/fZnY97zAyATRH50Q1I92fQy1hUg.jpg" alt="Primitive War" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1257009', 'movie', 'Primitive%20War', '/fZnY97zAyATRH50Q1I92fQy1hUg.jpg', '2025', '6.8')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1257009', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Primitive War</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.8</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Horror</span> | |
| <span class="card-runtime" id="runtime-1257009">133m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/sF1U4EUQS8YHUYjNl3pMGNIQyr0.jpg" alt="Schindler's List" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('424', 'movie', 'Schindler's%20List', '/sF1U4EUQS8YHUYjNl3pMGNIQyr0.jpg', '1993', '8.6')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('424', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Schindler's List</h3> | |
| <div class="card-meta"> | |
| <span>1993</span> | |
| <span class="rating">⭐ 8.6</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-424">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/pfte7wdMobMF4CVHuOxyu6oqeeA.jpg" alt="Fury" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('228150', 'movie', 'Fury', '/pfte7wdMobMF4CVHuOxyu6oqeeA.jpg', '2014', '7.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('228150', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Fury</h3> | |
| <div class="card-meta"> | |
| <span>2014</span> | |
| <span class="rating">⭐ 7.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">War, Drama</span> | |
| <span class="card-runtime" id="runtime-228150">135m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/rNaBe4TwbMef71sgscqabpGKsxh.jpg" alt="Kingdom of Heaven" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1495', 'movie', 'Kingdom%20of%20Heaven', '/rNaBe4TwbMef71sgscqabpGKsxh.jpg', '2005', '7.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1495', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Kingdom of Heaven</h3> | |
| <div class="card-meta"> | |
| <span>2005</span> | |
| <span class="rating">⭐ 7.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Action</span> | |
| <span class="card-runtime" id="runtime-1495">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/sT8Z14RDCAd6szzxzWFAU4xcMwg.jpg" alt="Valiant One" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1009640', 'movie', 'Valiant%20One', '/sT8Z14RDCAd6szzxzWFAU4xcMwg.jpg', '2025', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1009640', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Valiant One</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">War, Thriller</span> | |
| <span class="card-runtime" id="runtime-1009640">86m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7sfbEnaARXDDhKm0CZ7D7uc2sbo.jpg" alt="Inglourious Basterds" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('16869', 'movie', 'Inglourious%20Basterds', '/7sfbEnaARXDDhKm0CZ7D7uc2sbo.jpg', '2009', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('16869', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Inglourious Basterds</h3> | |
| <div class="card-meta"> | |
| <span>2009</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Thriller</span> | |
| <span class="card-runtime" id="runtime-16869">153m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/gWQIpUbtoxhDJWL5JP2y2f22IbL.jpg" alt="A Message to Garcia" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1007677', 'movie', 'A%20Message%20to%20Garcia', '/gWQIpUbtoxhDJWL5JP2y2f22IbL.jpg', '1916', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1007677', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Message to Garcia</h3> | |
| <div class="card-meta"> | |
| <span>1916</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">War</span> | |
| <span class="card-runtime" id="runtime-1007677">78m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/4T4yRG6iskDcfMeoLuUZEJYCrjL.jpg" alt="Prisoner of War" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1328803', 'movie', 'Prisoner%20of%20War', '/4T4yRG6iskDcfMeoLuUZEJYCrjL.jpg', '2025', '7.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1328803', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Prisoner of War</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 7.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, War</span> | |
| <span class="card-runtime" id="runtime-1328803">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/wuz8TjCIWR2EVVMuEfBnQ1vuGS3.jpg" alt="Hacksaw Ridge" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('324786', 'movie', 'Hacksaw%20Ridge', '/wuz8TjCIWR2EVVMuEfBnQ1vuGS3.jpg', '2016', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('324786', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hacksaw Ridge</h3> | |
| <div class="card-meta"> | |
| <span>2016</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, History</span> | |
| <span class="card-runtime" id="runtime-324786">139m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dkPcfHFTr1phdNquAW2xHCFthpS.jpg" alt="Britain at War: Imperial War Museums at 100" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('451397', 'movie', 'Britain%20at%20War%3A%20Imperial%20War%20Museums%20at%20100', '/dkPcfHFTr1phdNquAW2xHCFthpS.jpg', '2017', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('451397', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Britain at War: Imperial War Museums at 100</h3> | |
| <div class="card-meta"> | |
| <span>2017</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, War</span> | |
| <span class="card-runtime" id="runtime-451397">60m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/lHZL40VXTnwq0khQHwleyA1a2D5.jpg" alt="Marines, Let's Go" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('315541', 'movie', 'Marines%2C%20Let's%20Go', '/lHZL40VXTnwq0khQHwleyA1a2D5.jpg', '1961', '6.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('315541', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Marines, Let's Go</h3> | |
| <div class="card-meta"> | |
| <span>1961</span> | |
| <span class="rating">⭐ 6.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Comedy, War</span> | |
| <span class="card-runtime" id="runtime-315541">103m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/guGucD8CxFAsXKrOno4l4tgwkpN.jpg" alt="The Fight For Peace" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1003773', 'movie', 'The%20Fight%20For%20Peace', '/guGucD8CxFAsXKrOno4l4tgwkpN.jpg', '1939', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1003773', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Fight For Peace</h3> | |
| <div class="card-meta"> | |
| <span>1939</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, War</span> | |
| <span class="card-runtime" id="runtime-1003773">65m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/3meDvmqlESrZu978kwAQPMPuKZe.jpg" alt="World War II: The Fall of France" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1410305', 'movie', 'World%20War%20II%3A%20The%20Fall%20of%20France', '/3meDvmqlESrZu978kwAQPMPuKZe.jpg', '2001', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1410305', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">World War II: The Fall of France</h3> | |
| <div class="card-meta"> | |
| <span>2001</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Documentary, History</span> | |
| <span class="card-runtime" id="runtime-1410305">56m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/d4uReyVi6swtxcB2Tk6l8LsYNvt.jpg" alt="If I Am Your Mirror" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1181743', 'movie', 'If%20I%20Am%20Your%20Mirror', '/d4uReyVi6swtxcB2Tk6l8LsYNvt.jpg', '2012', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1181743', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">If I Am Your Mirror</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Animation, Horror</span> | |
| <span class="card-runtime" id="runtime-1181743">19m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section><section class="media-section"> | |
| <div class="section-header"> | |
| <h2>Western Movies</h2> | |
| <a href="#" class="view-more" data-id="37">View More</a> | |
| </div> | |
| <div class="media-grid" id="category-grid-37"><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/waU3o5qRPNA9bIC59DIsDppll11.jpg" alt="The Unholy Trinity" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1195518', 'movie', 'The%20Unholy%20Trinity', '/waU3o5qRPNA9bIC59DIsDppll11.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1195518', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Unholy Trinity</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Adventure</span> | |
| <span class="card-runtime" id="runtime-1195518">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/A168bF52vmAIGkC2Qafj7M2EmaE.jpg" alt="Hud" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('24748', 'movie', 'Hud', '/A168bF52vmAIGkC2Qafj7M2EmaE.jpg', '1963', '7.3')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('24748', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Hud</h3> | |
| <div class="card-meta"> | |
| <span>1963</span> | |
| <span class="rating">⭐ 7.3</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Western</span> | |
| <span class="card-runtime" id="runtime-24748">112m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/7oWY8VDWW7thTzWh3OKYRkWUlD5.jpg" alt="Django Unchained" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('68718', 'movie', 'Django%20Unchained', '/7oWY8VDWW7thTzWh3OKYRkWUlD5.jpg', '2012', '8.2')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('68718', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Django Unchained</h3> | |
| <div class="card-meta"> | |
| <span>2012</span> | |
| <span class="rating">⭐ 8.2</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Western</span> | |
| <span class="card-runtime" id="runtime-68718">...</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/wz3iIwuataoypgzquXAAl0KXlzG.jpg" alt="Son Of The Renegade" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('346549', 'movie', 'Son%20Of%20The%20Renegade', '/wz3iIwuataoypgzquXAAl0KXlzG.jpg', '1953', '5.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('346549', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Son Of The Renegade</h3> | |
| <div class="card-meta"> | |
| <span>1953</span> | |
| <span class="rating">⭐ 5.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western</span> | |
| <span class="card-runtime" id="runtime-346549">56m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/6doJEHCnNsEcgK5KND8HLRf5FNU.jpg" alt="A Girl of the Timber Claims" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('452092', 'movie', 'A%20Girl%20of%20the%20Timber%20Claims', '/6doJEHCnNsEcgK5KND8HLRf5FNU.jpg', '1917', '5.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('452092', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">A Girl of the Timber Claims</h3> | |
| <div class="card-meta"> | |
| <span>1917</span> | |
| <span class="rating">⭐ 5.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Drama, Western</span> | |
| <span class="card-runtime" id="runtime-452092">50m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/b91rrRVDFytnGDkGeHO1ZgVfsBy.jpg" alt="The Man from Nevada" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('1463020', 'movie', 'The%20Man%20from%20Nevada', '/b91rrRVDFytnGDkGeHO1ZgVfsBy.jpg', '1929', '5.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('1463020', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Man from Nevada</h3> | |
| <div class="card-meta"> | |
| <span>1929</span> | |
| <span class="rating">⭐ 5.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western</span> | |
| <span class="card-runtime" id="runtime-1463020">45m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/wOPYERL00fiCNfxkbs1Nb0UzpAZ.jpg" alt="The Quick and the Undead" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('41367', 'movie', 'The%20Quick%20and%20the%20Undead', '/wOPYERL00fiCNfxkbs1Nb0UzpAZ.jpg', '2006', '3.5')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('41367', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Quick and the Undead</h3> | |
| <div class="card-meta"> | |
| <span>2006</span> | |
| <span class="rating">⭐ 3.5</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Horror</span> | |
| <span class="card-runtime" id="runtime-41367">90m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/2y92h77DeIV7VZaqhUfhZWDp5vn.jpg" alt="Coach Stage Stage Coach" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('617445', 'movie', 'Coach%20Stage%20Stage%20Coach', '/2y92h77DeIV7VZaqhUfhZWDp5vn.jpg', '2019', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('617445', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Coach Stage Stage Coach</h3> | |
| <div class="card-meta"> | |
| <span>2019</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western</span> | |
| <span class="card-runtime" id="runtime-617445">92m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/yWSmSHbJCc0ABnfwdp0eQVsTFdm.jpg" alt="Durand of the Bad Lands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('315636', 'movie', 'Durand%20of%20the%20Bad%20Lands', '/yWSmSHbJCc0ABnfwdp0eQVsTFdm.jpg', '1925', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('315636', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Durand of the Bad Lands</h3> | |
| <div class="card-meta"> | |
| <span>1925</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western</span> | |
| <span class="card-runtime" id="runtime-315636">50m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/A9gIjfxMRcCUbUO8TcmuI8k1GK2.jpg" alt="The Taking of Luke McVane" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('289025', 'movie', 'The%20Taking%20of%20Luke%20McVane', '/A9gIjfxMRcCUbUO8TcmuI8k1GK2.jpg', '1915', '5.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('289025', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Taking of Luke McVane</h3> | |
| <div class="card-meta"> | |
| <span>1915</span> | |
| <span class="rating">⭐ 5.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Action</span> | |
| <span class="card-runtime" id="runtime-289025">33m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/qMLc4MxlZKYtx4RBsdFIP7L85jI.jpg" alt="Sons of Trinity" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('198326', 'movie', 'Sons%20of%20Trinity', '/qMLc4MxlZKYtx4RBsdFIP7L85jI.jpg', '1995', '6.7')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('198326', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">Sons of Trinity</h3> | |
| <div class="card-meta"> | |
| <span>1995</span> | |
| <span class="rating">⭐ 6.7</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western, Comedy</span> | |
| <span class="card-runtime" id="runtime-198326">105m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/vC8Z37jmImjzHVokoKGE8daa5L5.jpg" alt="The Bad Lands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('922442', 'movie', 'The%20Bad%20Lands', '/vC8Z37jmImjzHVokoKGE8daa5L5.jpg', '1925', '0.0')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('922442', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">The Bad Lands</h3> | |
| <div class="card-meta"> | |
| <span>1925</span> | |
| <span class="rating">⭐ 0.0</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Western</span> | |
| <span class="card-runtime" id="runtime-922442">60m</span> | |
| </div> | |
| </div> | |
| </div><div class="media-card"> | |
| <img src="https://image.tmdb.org/t/p/w500/dDlfjR7gllmr8HTeN6rfrYhTdwX.jpg" alt="In the Lost Lands" class="card-poster" loading="lazy"> | |
| <div class="card-actions"> | |
| <button class="btn-icon-small fav-btn " onclick="event.stopPropagation(); toggleFavorite('324544', 'movie', 'In%20the%20Lost%20Lands', '/dDlfjR7gllmr8HTeN6rfrYhTdwX.jpg', '2025', '6.4')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| </button> | |
| <button class="btn-icon-small info-btn" onclick="event.stopPropagation(); openInfoModal('324544', 'movie')"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg> | |
| </button> | |
| </div> | |
| <div class="card-overlay"> | |
| <h3 class="card-title">In the Lost Lands</h3> | |
| <div class="card-meta"> | |
| <span>2025</span> | |
| <span class="rating">⭐ 6.4</span> | |
| </div> | |
| <div class="card-details"> | |
| <span class="card-genres">Action, Fantasy</span> | |
| <span class="card-runtime" id="runtime-324544">102m</span> | |
| </div> | |
| </div> | |
| </div></div> | |
| </section></div> | |
| <!-- Search Results --> | |
| <section id="search-results-section" class="media-section hidden"> | |
| <div class="section-header"> | |
| <h2>Search Results</h2> | |
| <button id="close-search" class="btn-icon" aria-label="Close Search"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="18" y1="6" x2="6" y2="18"></line> | |
| <line x1="6" y1="6" x2="18" y2="18"></line> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="media-grid" id="search-grid"></div> | |
| </section> | |
| <!-- Category Grid View --> | |
| <section id="category-view-section" class="media-section hidden"> | |
| <div class="section-header"> | |
| <h2 id="category-title">Category Name</h2> | |
| <button id="close-category" class="btn-icon" aria-label="Back to Home"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="19" y1="12" x2="5" y2="12"></line> | |
| <polyline points="12 19 5 12 12 5"></polyline> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="media-grid" id="category-grid"></div> | |
| <div class="load-more-container"> | |
| <button id="load-more-category" class="btn-secondary">Load More</button> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="main-footer"> | |
| <p>Created by <span class="accent">The Unknown Dev</span>. Let's build something great together! <span class="accent"><a style="color:white" href="https://vlix.ai/services">vlix.ai/services</a> for more | |
| info</span></p> | |
| </footer> | |
| </div> | |
| <div id="modal-overlay" class="modal-overlay hidden"> | |
| <div class="modal-content"> | |
| <button id="close-modal" class="close-modal">×</button> | |
| <div id="modal-body"></div> | |
| </div> | |
| </div> | |
| <!-- jQuery: must go before app.js --> | |
| <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> | |
| <script src="longTermMemory.js"></script> | |
| <!-- app.js - entry point is initApp on document ready--> | |
| <script src="config.js"></script> | |
| <script src="app.js"></script> | |
| <script> | |
| $(document).ready(function () { | |
| console.log("Document is ready!"); | |
| }); | |
| </script> | |
| <!-- Onboarding Integration --> | |
| <div id="onboarding-container" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background: #141414;"> | |
| <iframe id="onboarding-iframe" src="onboarding.html" style="width: 100%; height: 100%; border: none;"></iframe> | |
| </div> | |
| <!-- Chatbot Integration --> | |
| <div id="chat-iframe-container" class="hidden"> | |
| <iframe id="chat-iframe" src="chat.html"></iframe> | |
| </div> | |
| <button id="chat-fab" aria-label="Open Chat"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path> | |
| </svg> | |
| </button> | |
| <script> | |
| const chatFab = document.getElementById('chat-fab'); | |
| const chatContainer = document.getElementById('chat-iframe-container'); | |
| chatFab.addEventListener('click', () => { | |
| const isHidden = chatContainer.classList.contains('hidden'); | |
| if (isHidden) { | |
| chatContainer.classList.remove('hidden'); | |
| chatFab.classList.add('active'); | |
| // Change icon to X | |
| chatFab.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'; | |
| } else { | |
| chatContainer.classList.add('hidden'); | |
| chatFab.classList.remove('active'); | |
| // Change icon back to chat | |
| chatFab.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>'; | |
| } | |
| }); | |
| </script> | |
| <script> | |
| if ('serviceWorker' in navigator) { | |
| navigator.serviceWorker.register('./service-worker.js').then(reg => { | |
| // Check for updates periodically (optional, but good for active tabs) | |
| reg.update(); | |
| reg.onupdatefound = () => { | |
| const installingWorker = reg.installing; | |
| installingWorker.onstatechange = () => { | |
| if (installingWorker.state === 'installed') { | |
| if (navigator.serviceWorker.controller) { | |
| // New update available | |
| console.log('New content is available; please refresh.'); | |
| // Optional: You could show a "New version available! Click to reload" toast here | |
| } else { | |
| console.log('Content is cached for offline use.'); | |
| } | |
| } | |
| }; | |
| }; | |
| }); | |
| // Refresh page if the controller changes (due to skipWaiting/clients.claim) | |
| let refreshing; | |
| navigator.serviceWorker.addEventListener('controllerchange', () => { | |
| if (refreshing) return; | |
| window.location.reload(); | |
| refreshing = true; | |
| }); | |
| } | |
| </script> | |
| </body></html> | |
| https://vlix.ai/web/stream.html?tmdbId=607&type=movie | |
| <html lang="en"><head> | |
| <!-- Google tag (gtag.js) --> | |
| <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-N7PEKMT0N5"></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag() { dataLayer.push(arguments); } | |
| gtag('js', new Date()); | |
| gtag('config', 'G-N7PEKMT0N5'); | |
| </script> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Men in Black - Vlix</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="config.js"></script><style type="text/css" id="operaUserStyle"></style> | |
| <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> | |
| <script src="longTermMemory.js"></script> | |
| <style> | |
| body { | |
| background-color: #0f0f0f; | |
| color: #e0e0e0; | |
| font-family: 'Outfit', sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| min-height: 100vh; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| /* --- Layout Containers --- */ | |
| .main-container { | |
| width: 100%; | |
| max-width: 1400px; | |
| margin: 0 auto; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| flex: 1; | |
| } | |
| .header-nav { | |
| padding: 1rem 2rem; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| z-index: 10; | |
| } | |
| .content-wrapper { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 2rem; | |
| padding: 0 2rem 2rem 2rem; | |
| } | |
| /* --- Player Section --- */ | |
| .player-section { | |
| width: 100%; | |
| max-width: 1000px; | |
| /* Match info-section width */ | |
| margin: 0 auto; | |
| /* Center to align with info-section */ | |
| position: relative; | |
| } | |
| .video-wrapper { | |
| position: relative; | |
| width: 100%; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| background: #000; | |
| border-radius: 12px; | |
| overflow: hidden; | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); | |
| border: 1px solid #333; | |
| } | |
| .video-wrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| } | |
| /* --- Info Section --- */ | |
| .info-section { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 1.5rem; | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .title-block h1 { | |
| font-size: 2.5rem; | |
| margin: 0 0 0.5rem 0; | |
| color: #fff; | |
| font-weight: 700; | |
| } | |
| .meta-row { | |
| display: flex; | |
| align-items: center; | |
| gap: 1rem; | |
| color: #aaa; | |
| font-size: 1rem; | |
| flex-wrap: wrap; | |
| } | |
| .rating-badge { | |
| color: #ffd700; | |
| font-weight: 600; | |
| } | |
| .action-buttons { | |
| display: flex; | |
| gap: 1rem; | |
| margin-top: 1rem; | |
| } | |
| .btn-action { | |
| background: rgba(255, 255, 255, 0.1); | |
| border: 1px solid rgba(255, 255, 255, 0.2); | |
| color: white; | |
| padding: 0.8rem 1.5rem; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| font-family: inherit; | |
| font-weight: 500; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| transition: all 0.2s ease; | |
| } | |
| .btn-action:hover { | |
| background: rgba(255, 255, 255, 0.2); | |
| transform: translateY(-2px); | |
| } | |
| .btn-action.active { | |
| background: rgba(255, 255, 255, 0.3); | |
| border-color: #fff; | |
| } | |
| .synopsis { | |
| line-height: 1.6; | |
| color: #ccc; | |
| font-size: 1.1rem; | |
| max-width: 800px; | |
| } | |
| .cast-list { | |
| color: #888; | |
| font-size: 0.95rem; | |
| } | |
| .cast-list span { | |
| color: #ddd; | |
| } | |
| /* --- Floating Elements --- */ | |
| .floating-chat-toggle { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 30px; | |
| width: 50px; | |
| height: 50px; | |
| background: #6200ea; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| cursor: pointer; | |
| box-shadow: 0 4px 15px rgba(98, 0, 234, 0.4); | |
| z-index: 100; | |
| transition: transform 0.2s ease; | |
| border: none; | |
| color: white; | |
| } | |
| .floating-chat-toggle:hover { | |
| transform: scale(1.1); | |
| } | |
| #chat-container { | |
| position: fixed; | |
| bottom: 90px; | |
| right: 30px; | |
| width: 350px; | |
| height: 500px; | |
| background: rgba(20, 20, 20, 0.95); | |
| backdrop-filter: blur(10px); | |
| border-radius: 12px; | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| z-index: 99; | |
| overflow: hidden; | |
| display: none; | |
| box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); | |
| } | |
| #chat-container.visible { | |
| display: block; | |
| } | |
| #chat-iframe { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| } | |
| /* --- Responsive: Mobile Portrait --- */ | |
| @media (max-width: 768px) and (orientation: portrait) { | |
| .header-nav { | |
| padding: 1rem; | |
| } | |
| .content-wrapper { | |
| padding: 0 1rem 2rem 1rem; | |
| gap: 1rem; | |
| } | |
| .video-wrapper { | |
| border-radius: 0; | |
| margin-left: -1rem; | |
| width: calc(100% + 2rem); | |
| border-left: none; | |
| border-right: none; | |
| } | |
| .title-block h1 { | |
| font-size: 1.8rem; | |
| } | |
| .synopsis { | |
| font-size: 1rem; | |
| } | |
| /* Hide address bar trick (handled in JS mostly, but ensure height allows scroll) */ | |
| body { | |
| min-height: 110vh; | |
| /* Force scrollable to hide URL bar */ | |
| } | |
| } | |
| /* --- Responsive: Mobile Landscape --- */ | |
| @media (max-width: 900px) and (orientation: landscape) { | |
| body { | |
| background: #000; | |
| overflow: hidden; | |
| /* Prevent scrolling */ | |
| } | |
| .header-nav, | |
| .info-section, | |
| .floating-chat-toggle, | |
| #chat-container { | |
| display: none !important; | |
| } | |
| .main-container, | |
| .content-wrapper { | |
| width: 100%; | |
| height: 100vh; | |
| max-width: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .player-section { | |
| width: 100vw; | |
| height: 100vh; | |
| max-width: none; | |
| /* Override desktop constraint */ | |
| } | |
| .video-wrapper { | |
| width: 100%; | |
| height: 100%; | |
| padding-bottom: 0; | |
| border-radius: 0; | |
| border: none; | |
| } | |
| } | |
| </style> | |
| <style type="text/css">:root img[width="728"][height="90"], :root [href="https://adstub.net/cina777/"], :root [href="https://adstub.net/arab777/"], :root [href="https://adstub.net/ratu89/"], :root [href="https://adstub.net/judi89/"], :root [href^="//mage98rquewz.com/"], :root [href^="//x4pollyxxpush.com/"], :root span[id^="ezoic-pub-ad-placeholder-"], :root ins.adsbygoogle[data-ad-slot], :root ins.adsbygoogle[data-ad-client], :root img[src^="https://s-img.adskeeper.com/"], :root guj-ad, :root gpt-ad, :root div[id^="zergnet-widget"], :root div[id^="vuukle-ad-"], :root div[id^="taboola-stream-"], :root div[id^="sticky_ad_"], :root div[id^="st"][style^="z-index: 999999999;"], :root div[id^="gpt_ad_"], :root div[id^="ezoic-pub-ad-"], :root div[id^="dfp-ad-"], :root div[id^="crt-"][style], :root div[id^="apn_native_ad_slot_"], :root div[id^="adspot-"], :root div[id^="adrotate_widgets-"], :root ps-connatix-module, :root div[id^="ad_position_"], :root div[id^="ad-div-"], :root div[id*="ScriptRoot"], :root div[id*="MarketGid"], :root [href="https://adstub.net/rusia777/"], :root div[data-id-advertdfpconf], :root div[data-dfp-id], :root hl-adsense, :root div[data-contentexchange-widget], :root div[data-alias="300x250 Ad 2"], :root div[data-adzone], :root div[data-adunit-path], :root div[data-adname], :root div[data-ad-targeting], :root div[data-ad-region], :root div[data-ad-placeholder], :root div[aria-label="Ads"], :root display-ads, :root display-ad-component, :root atf-ad-slot, :root aside[id^="adrotate_widgets-"], :root amp-fx-flying-carpet, :root amp-embed[type="taboola"], :root amp-connatix-player, :root amp-ad-custom, :root amp-ad, :root div[id^="google_dfp_"], :root ad-slot, :root ad-shield-ads, :root a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], :root a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"] + .ob_source, :root a[onclick^="window.location.replace('https://random-affiliate.atimaze.com/"], :root a[href^="https://xbet-4.com/"], :root div[id^="ad-position-"], :root a[href^="https://www.toprevenuegate.com/"], :root a[href^="https://www.purevpn.com/"][href*="&utm_source=aff-"], :root a[href^="https://www.privateinternetaccess.com/"] > img, :root a[href^="https://financeads.net/tc.php?"], :root a[href^="https://www.mrskin.com/tour"], :root a[href^="https://www.infowarsstore.com/"] > img, :root a[href^="https://www.highperformancecpmgate.com/"], :root a[href^="https://www.highcpmrevenuenetwork.com/"], :root a[href^="https://www.get-express-vpn.com/offer/"], :root a[href^="https://lnkxt.bannerator.com/"], :root a[href^="https://www.geekbuying.com/dynamic-ads/"], :root a[href^="https://www.financeads.net/tc.php?"], :root a[href^="https://www.effectiveratecpm.com/"], :root [href^="https://www.herbanomic.com/"] > img, :root a[href^="https://maymooth-stopic.com/"], :root a[href^="https://www.dql2clk.com/"], :root a[href^="https://www.nutaku.net/signup/landing/"], :root a[href^="https://www.dating-finder.com/signup/?ai_d="], :root a[href^="https://explore-site.com/"], :root a[href^="https://www.brazzersnetwork.com/landing/"], :root [data-template-type="nativead"], :root a[href^="https://www.endorico.com/Smartlink/"], :root a[href^="https://www.adultempire.com/"][href*="?partner_id="], :root a[href^="https://voluum.prom-xcams.com/"], :root a[href^="https://twinrdsyte.com/"], :root a[href^="https://twinrdsrv.com/"], :root a[href^="https://trk.nfl-online-streams.club/"], :root a[href^="https://tracking.avapartner.com/"], :root a[href^="https://track.wg-aff.com"], :root a[href^="https://track.ultravpn.com/"], :root a[href^="https://track.afcpatrk.com/"], :root a[href^="https://torguard.net/aff.php"] > img, :root [data-identity="adhesive-ad"], :root a[href^="https://tc.tradetracker.net/"] > img, :root a[href^="https://tatrck.com/"], :root a[href^="https://click.candyoffers.com/"], :root [href^="https://zstacklife.com/"] img, :root a[href^="https://t.aslnk.link/"], :root a[href^="https://t.adating.link/"], :root a[href^="https://go.trackitalltheway.com/"], :root [href^="https://track.fiverr.com/visit/"] > img, :root a[href^="https://syndication.exoclick.com/"], :root a[href^="https://syndication.dynsrvtbg.com/"], :root div[data-alias="300x250 Ad 1"], :root a[href^="https://syndicate.contentsserved.com/"], :root a[href^="https://svb-analytics.trackerrr.com/"], :root a[href^="https://track.aftrk5.com/"], :root a[href^="https://slkmis.com/"], :root a[href^="https://myclick-2.com/"], :root a[href^="https://sexynearme.com/"], :root [data-ad-manager-id], :root a[href^="https://s.zlinkr.com/"], :root bottomadblock, :root a[href^="https://s.zlinkd.com/"], :root [href="https://adstub.net/gaza88/"], :root a[href^="https://ad.doubleclick.net/"], :root a[href^="https://static.fleshlight.com/images/banners/"], :root a[href^="https://s.zlink7.com/"], :root a[href^="https://s.zlink3.com/"], :root a[href^="https://www.mrskin.com/account/"], :root a[href^="https://s.optzsrv.com/"], :root a[href^="https://s.ma3ion.com/"], :root a[href^="https://s.eunow4u.com/"], :root #kt_player > div[style$="display: block;"][style*="inset: 0px;"], :root [href$="/sexdating.php"], :root a[href^="https://quotationfirearmrevision.com/"], :root a[href^="https://pubads.g.doubleclick.net/"], :root a[href^="https://prf.hn/click/"][href*="/camref:"] > img, :root a[href^="https://www.dating-finder.com/?ai_d="], :root a[href^="https://serve.awmdelivery.com/"], :root a[href^="https://prf.hn/click/"][href*="/adref:"] > img, :root app-ad, :root [href^="https://ap.octopuspop.com/click/"] > img, :root a[href^="https://postback1win.com/"], :root a[href^="https://mmwebhandler.aff-online.com/"], :root a[href^="https://www.bet365.com/"][href*="affiliate="], :root a[href^="https://pb-track.com/"], :root a[href^="https://pb-front.com/"], :root a[href^="https://paid.outbrain.com/network/redir?"], :root a[href^="https://streamate.com/landing/click/"], :root div[class^="Adstyled__AdWrapper-"], :root a[href^="https://osfultrbriolenai.info/"], :root a[href^="https://upsups.click/"], :root a[href^="https://ndt5.net/"], :root a[href^="https://natour.naughtyamerica.com/track/"], :root a[href^="https://mediaserver.entainpartners.com/renderBanner.do?"], :root a[href^="https://lead1.pl/"], :root a[href^="https://landing.brazzersnetwork.com/"], :root a[href^="https://join.virtuallust3d.com/"], :root a[href^="https://kiksajex.com/"], :root a[href^="https://juicyads.in/"], :root a[href^="https://snowdayonline.xyz/"], :root a[href^="https://mediaserver.gvcaffiliates.com/renderBanner.do?"], :root a[href^="https://join.dreamsexworld.com/"], :root a[href^="https://join.bannedsextapes.com/track/"], :root a[href^="https://jaxofuna.com/"], :root a[href^="https://italarizege.xyz/"], :root a[href^="https://iqbroker.com/"][href*="?aff="], :root a[href^="https://identicaldrench.com/"], :root a[href^="https://hot-growngames.life/"], :root a[href^="https://helmethomicidal.com/"], :root a[href^="https://golinks.work/"], :root a[href^="https://s.zlinkn.com/"], :root a[href^="https://go.xxxvjmp.com/"], :root a[href^="https://go.xxxjmp.com"], :root [class^="tile-picker__CitrusBannerContainer-sc-"], :root a[href^="https://go.xxxiijmp.com"], :root a[href^="https://go.xtbaffiliates.com/"], :root [data-role="tile-ads-module"], :root a[href^="https://go.xlviirdr.com"], :root div[class$="-adlabel"], :root a[href^="https://go.xlviiirdr.com"], :root a[href^="https://ismlks.com/"], :root [href^="https://www.mypillow.com/"] > img, :root a[href^="https://go.xlirdr.com"], :root [data-css-class="dfp-inarticle"], :root a[href^="https://l.hyenadata.com/"], :root a[href^="https://go.tmrjmp.com"], :root a[href^="https://zirdough.net/"], :root a[href^="https://s.deltraff.com/"], :root a[href^="https://go.markets.com/visit/?bta="], :root a[href^="https://billing.purevpn.com/aff.php"] > img, :root a[href^="https://go.hpyrdr.com/"], :root a[href^="https://lijavaxa.com/"], :root a[href^="https://go.goaserv.com/"], :root a[href^="https://t.hrtye.com/"], :root a[href^="https://go.etoro.com/"] > img, :root a[href^="https://go.dmzjmp.com"], :root a[href^="https://www.bang.com/?aff="], :root #mgb-container > #mgb, :root a[href^="https://go.admjmp.com"], :root a[href^="https://ak.stikroltiltoowi.net/"], :root a[href^="https://get.surfshark.net/aff_c?"][href*="&aff_id="] > img, :root a[href^="https://www.adskeeper.com"], :root a[data-redirect^="https://paid.outbrain.com/network/redir?"], :root [href^="https://clicks.affstrack.com/"] > img, :root a[href^="https://engine.phn.doublepimp.com/"], :root a[href^="https://engine.blueistheneworanges.com/"], :root a[href^="https://drumskilxoa.click/"], :root a[href^="https://dl-protect.net/"], :root a[href*=".foxqck.com/"], :root a[href^="https://ctosrd.com/"], :root a[href^="https://clixtrac.com/"], :root [href^="https://noqreport.com/"] > img, :root a[href^="https://clicks.pipaffiliates.com/"], :root app-advertisement, :root a[href^="https://getmatchedlocally.com/"], :root a[href^="https://clickins.slixa.com/"], :root a[href^="https://datewhisper.life/"], :root a[href^="https://get-link.xyz/"], :root a[href^="https://click.linksynergy.com/fs-bin/"] > img, :root a[href^="https://combodef.com/"], :root a[href^="https://click.hoolig.app/"], :root a[href^="https://www.onlineusershielder.com/"], :root a[href^="https://click.ggpickaff.com/"], :root a[href^="https://track.totalav.com/"], :root a[href^="https://ctrdwm.com/"], :root img[src^="https://images.purevpnaffiliates.com"], :root a[href^="https://porntubemate.com/"], :root a[href^="https://clickadilla.com/"], :root a[href^="https://click.dtiserv2.com/"], :root a[href^="https://www.adxsrve.com/"], :root a[href^="https://click.Ggpickaff.com/"], :root a[href^="https://go.xlvirdr.com"], :root a[href^="http://www.iyalc.com/"], :root a[href^="https://stardomcoit.com/"], :root a[href^="https://claring-loccelkin.com/"], :root a[href^="https://bongacams2.com/track?"], :root a[href^="https://t.ajrkm1.com/"], :root a[href^="https://bongacams10.com/track?"], :root a[href^="https://www.sheetmusicplus.com/"][href*="?aff_id="], :root a[href^="https://bngpt.com/"], :root a[href^="//hoodingluster.com/"], :root a[href^="https://black77854.com/"], :root a[href^="http://annulmentequitycereals.com/"], :root [data-taboola-options], :root a[href^="https://believessway.com/"], :root a[href^="https://Click.ggpickaff.com/"], :root a[href^="https://banners.livepartners.com/"], :root a[href^="http://revolvemockerycopper.com/"], :root a[href^="https://awptjmp.com/"], :root a[href^="https://join.sexworld3d.com/track/"], :root a[href^="https://aweptjmp.com/"], :root a[href^="https://ausoafab.net/"], :root a[href^="https://aj1070.online/"], :root a[href^="https://bc.game/"], :root a[href^="https://ak.oalsauwy.net/"], :root a[href^="https://a.bestcontentoperation.top/"], :root a[href^="https://adultfriendfinder.com/go/"], :root a[href^="https://ads.planetwin365affiliate.com/"], :root a[href^="https://ads.leovegas.com/"], :root .nya-slot[style], :root a[href^="https://a.bestcontentweb.top/"], :root a[href^="https://a2.adform.net/"], :root a[href^="https://a.candyai.love/"], :root a[href^="https://playnano.online/offerwalls/?ref="], :root a[href^="https://a.adtng.com/"], :root .banner-img > .pbl, :root [data-m-ad-id], :root a[href^="https://a-ads.com/"], :root [id^="ad_slider"], :root a[href^="https://click.ggpickyaff.com/"], :root broadstreet-zone-container, :root a[href^="https://ak.psaltauw.net/"], :root a[href^="https://1winpb.com/"], :root div[id^="rc-widget-"], :root a[href^="https://turnstileunavailablesite.com/"], :root a[href^="https://chaturbate.com/in/?"], :root a[href^="https://prf.hn/click/"][href*="/creativeref:"] > img, :root a[href*="&maxads="], :root a[href^="http://www.adultempire.com/unlimited/promo?"][href*="&partner_id="], :root a[href^="https://1betandgonow.com/"], :root div[id^="optidigital-adslot"], :root [href^="https://wsup.ai/"], :root a[href^="https://123-stream.org/"], :root a[href^="https://in.rabbtrk.com/"], :root a[href^="http://www.h4trck.com/"], :root a[href^="http://www.friendlyduck.com/AF_"], :root a[href^="http://partners.etoro.com/"], :root [href="https://chaturbate.jjgirls.com/"] > img, :root a[href^="http://cam4com.go2cloud.org/aff_c?"], :root a[href^="https://ads.betfair.com/redirect.aspx?"], :root a[href^="http://trk.globwo.online/"], :root a[href^="http://troopsassistedstupidity.com/"], :root a[href^="https://random-affiliate.atimaze.com/"], :root a-ad, :root a[href^="https://offhandpump.com/"], :root a[href^="http://stickingrepute.com/"], :root #slashboxes > .deals-rail, :root a[href^="http://join.brokestraightboys.com/track/"], :root a[href^="http://roadcontagion.com/"], :root a[href^="http://premonitioninventdisagree.com/"], :root [href^="http://mypillow.com/"] > img, :root a[href^="http://bongacams.com/track?"], :root a[href^="https://track.adform.net/"], :root a[href^="http://avthelkp.net/"], :root a[href^="https://a.medfoodhome.com/"], :root a[href^="https://engine.flixtrial.com/"], :root [data-type="ad-vertical"], :root a[href^="//startgaming.net/tienda/" i], :root a[href^="https://a.medfoodsafety.com/"], :root a[href^="//go.eabids.com/"], :root a[href^="//ejitsirdosha.net/"], :root a[href^=" https://www.friendlyduck.com/AF_"], :root [data-cl-spot-id], :root a[href*="/jump/next.php?r="], :root a[href^="https://go.rmishe.com/"], :root [href^="https://ilovemyfreedoms.com/landing-"], :root a[href^="https://syndication.optimizesrv.com/"], :root a[href*="//daichoho.com/"], :root a[href^="https://go.nordvpn.net/aff"] > img, :root .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], :root [href^="http://clicks.totemcash.com/"], :root a[href^="https://ad.zanox.com/ppc/"] > img, :root a[href^="https://lone-pack.com/"], :root [data-d-ad-id], :root a[href*=".engine.adglare.net/"], :root a[href^="https://t.ajrkm3.com/"], :root [href^="https://aads.com/campaigns/"], :root a[href^="//stighoazon.com/"], :root div[id^="lazyad-"], :root a[href^="http://com-1.pro/"], :root [href^="https://www.profitablegatecpm.com/"], :root a[href*=".cfm?domain="][href*="&fp="], :root [data-ad-name], :root a[href^="https://loboclick.com/"], :root a[data-url^="https://vulpix.bet/?ref="], :root a[href^="https://ab.advertiserurl.com/aff/"], :root a[data-oburl^="https://paid.outbrain.com/network/redir?"], :root a[href^="https://go.xlivrdr.com"], :root [onclick^="location.href='https://1337x.vpnonly.site/"], :root [id^="section-ad-banner"], :root a[href^="https://www.goldenfrog.com/vyprvpn?offer_id="][href*="&aff_id="], :root a[href^="https://wmctjd.com/"], :root a[href*="//jjgirls.com/sex/Chaturbate"], :root [id^="ad-wrap-"], :root [href^="https://zone.gotrackier.com/"], :root a[href^="http://sarcasmadvisor.com/"], :root [href^="https://www.restoro.com/"], :root [href^="https://www.targetingpartner.com/"], :root .section-subheader > .section-hotel-prices-header, :root [href^="https://www.hostg.xyz/"] > img, :root a[href^="http://adultfriendfinder.com/go/"], :root a[href^="https://fastestvpn.com/lifetime-special-deal?a_aid="], :root a[href^="https://tour.mrskin.com/"], :root [href^="https://www.brighteonstore.com/products/"] img, :root citrus-ad-wrapper, :root a[href^="https://go.grinsbest.com/"], :root a[href^="https://vo2.qrlsx.com/"], :root [href^="https://www.avantlink.com/click.php"] img, :root [href^="https://wwp.hoqodd.com/redirect-zone/"], :root div[id^="div-ads-"], :root [href^="https://rapidgator.net/article/premium/ref/"], :root [href^="https://join.girlsoutwest.com/"], :root a[href^="https://activate-game.com/"], :root .scroll-fixable.rail-right > .deals-rail, :root [data-wpas-zoneid], :root a[href^="https://track.aftrk3.com/"], :root [href^="https://join3.bannedsextapes.com"], :root a[href^="https://bodelen.com/"], :root a[href*=".g2afse.com/"], :root div[id^="adngin-"], :root [data-rc-widget], :root span[data-ez-ph-id], :root [href^="https://track.aftrk1.com/"], :root [href^="https://join.playboyplus.com/track/"], :root a[href^="https://go.xxxijmp.com"], :root [href^="https://istlnkcl.com/"], :root a[href^="https://t.acam.link/"], :root a[href^="https://go.strpjmp.com/"], :root [href^="https://url.totaladblock.com/"], :root a[href^="https://tm-offers.gamingadult.com/"], :root [href^="https://charmingdatings.life/"], :root [href="https://adstub.net/indo666/"], :root [href^="https://glersakr.com/"], :root a[href^="https://a.bestcontentfood.top/"], :root [href^="https://cpa.10kfreesilver.com/"], :root [data-id^="div-gpt-ad"], :root a[href^="https://tracker.loropartners.com/"], :root [href^="https://awbbjmp.com/"], :root div[ow-ad-unit-wrapper], :root a[data-href^="http://ads.trafficjunky.net/"], :root [data-advadstrackid], :root a[href^="https://www.friendlyduck.com/AF_"], :root [href^="https://ad1.adfarm1.adition.com/"], :root a[href^="https://bngprm.com/"], :root [href^="https://shiftnetwork.infusionsoft.com/go/"] > img, :root a[href^="https://go.bushheel.com/"], :root a[href^="https://ctjdwm.com/"], :root a[href^="https://camfapr.com/landing/click/"], :root div[data-ad-wrapper], :root .gnt_em_vp_c[data-g-s="vp_dk"], :root [href="//sexcams.plus/"], :root [href^="http://www.mypillow.com/"] > img, :root a[href^="https://promerycergerful.com/"], :root #kt_player > a[target="_blank"], :root [href="https://ourgoldguy.com/contact/"] img, :root .ob_container .item-container-obpd, :root [id^="div-gpt-ad"], :root [href="https://jdrucker.com/gold"] > img, :root a[href^="https://join.virtualtaboo.com/track/"], :root [id^="ad_sky"], :root [name^="google_ads_iframe"], :root a[href^="https://www.liquidfire.mobi/"], :root .grid > .container > #aside-promotion, :root DFP-AD, :root [href^="https://go.xlrdr.com"], :root a[href^="https://s.cant3am.com/"], :root [data-testid^="taboola-"], :root [data-testid^="section-AdRowBillboard"], :root a[href^="https://track.1234sd123.com/"], :root zeus-ad, :root [data-testid="prism-ad-wrapper"], :root [href^="https://ad.admitad.com/"], :root [href^="https://mypillow.com/"] > img, :root [data-testid="ad_testID"], :root a[href^="https://trk.softonixs.xyz/"], :root [href^="https://www.mypatriotsupply.com/"] > img, :root [href^="https://antiagingbed.com/discount/"] > img, :root a[href*=".adsrv.eacdn.com/"], :root a[href^="https://go.cmtaffiliates.com/"], :root [href^="https://optimizedelite.com/"] > img, :root [data-testid="adBanner-wrapper"], :root [href^="https://mylead.global/stl/"] > img, :root [href^="https://mypatriotsupply.com/"] > img, :root a[href^="https://go.hpyjmp.com"], :root iframe[scrolling="no"][sandbox*="allow-popups allow-modals"][style^="width: 100%; height: 100%; border: none;"], :root [href^="https://mystore.com/"] > img, :root [href^="https://wct.link/click?"], :root div[data-adunit], :root app-large-ad, :root [href^="https://turtlebids.irauctions.com/"] img, :root a[href^="https://witnessjacket.com/"], :root [data-mobile-ad-id], :root [data-dynamic-ads], :root [class^="amp-ad-"], :root a[href^="http://handgripvegetationhols.com/"], :root a[href^="https://go.rmhfrtnd.com"], :root a[href^="https://go.bbrdbr.com"], :root a[href^="https://fc.lc/ref/"], :root [data-adshim], :root topadblock, :root a[href^="//s.zlinkd.com/"], :root #teaser1[style^="width:autopx;"], :root [href^="https://www.cloudways.com/en/?id"], :root [data-asg-ins], :root a[href^="https://gamingadlt.com/?offer="], :root a[href^="https://rixofa.com/"], :root a[href^="https://best-experience-cool.com/"], :root [data-desktop-ad-id], :root [data-adbridg-ad-class], :root #teaser3[style^="width:autopx;"], :root [data-adblockkey], :root [data-block-type="ad"], :root [data-ad-width], :root [onclick*="content.ad/"], :root AMP-AD, :root [data-ad-cls], :root [data-ez-name], :root a[href^="https://go.mnaspm.com/"], :root a[href^="https://service.bv-aff-trx.com/"], :root a[href^="https://6-partner.com/"], :root [class^="s2nPlayer"], :root [href^="https://affiliate.fastcomet.com/"] > img, :root [class^="adDisplay-module"], :root a[href^="https://adclick.g.doubleclick.net/"], :root [data-freestar-ad][id], :root AD-SLOT, :root a[href^="https://www.googleadservices.com/pagead/aclk?"] > img, :root [data-ad-module], :root a[href^="https://go.skinstrip.net"][href*="?campaignId="], :root #teaser2[style^="width:autopx;"], :root [data-revive-zoneid], :root a[href^="https://losingoldfry.com/"], :root div[id^="div-gpt-"], :root a[href^="https://gml-grp.com/"], :root .ob_dual_right > .ob_ads_header ~ .odb_div, :root a[href^="http://tc.tradetracker.net/"] > img, :root [data-testid="commercial-label-taboola"], :root [class^="div-gpt-ad"], :root a[href^="https://traffdaq.com/"], :root a[href^="https://cam4com.go2cloud.org/"], :root a[href^="http://li.blogtrottr.com/click?"], :root a[href^="https://www8.smartadserver.com/"], :root a[href^="https://pb-imc.com/"], :root a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"], :root a[href^="https://t.ajump1.com/"], :root a[href^="https://wittered-mainging.com/"], :root #teaser3[style="width: 100%;text-align: center;display: scroll;position:fixed;bottom: 0;margin: 0 auto;z-index: 103;"] { display: none !important; }</style></head> | |
| <body> | |
| <div class="main-container"> | |
| <!-- Header --> | |
| <header class="header-nav"> | |
| <div class="nav-left"> | |
| <button id="home-btn" class="btn-action" style="padding: 0.5rem 1rem;"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 12H5M12 19l-7-7 7-7"></path> | |
| </svg> | |
| Back | |
| </button> | |
| </div> | |
| <div class="nav-right"> | |
| <!-- Could add profile icon or search here --> | |
| </div> | |
| </header> | |
| <div class="content-wrapper"> | |
| <!-- Player --> | |
| <section class="player-section"> | |
| <div class="video-wrapper"> | |
| <iframe sandbox="allow-scripts allow-same-origin allow-presentation" id="video-player" allowfullscreen="" src="https://vidsrc.cc/v2/embed/movie/607"> | |
| </iframe> | |
| </div> | |
| </section> | |
| <!-- Info --> | |
| <section class="info-section"> | |
| <div class="title-block"> | |
| <h1 id="media-title">Men in Black</h1> | |
| <div class="meta-row"> | |
| <span id="media-year">1997</span> | |
| <span class="rating-badge" id="media-rating">⭐ 7.2</span> | |
| <span id="media-genres">Action • Adventure • Comedy • Science Fiction</span> | |
| </div> | |
| </div> | |
| <div class="action-buttons"> | |
| <button id="like-btn" class="btn-action"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"> | |
| </path> | |
| </svg> | |
| Like | |
| </button> | |
| <button id="dislike-btn" class="btn-action"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"> | |
| </path> | |
| </svg> | |
| Dislike | |
| </button> | |
| <button id="bookmark-btn" class="btn-action"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2-2z"></path> | |
| </svg> | |
| Save | |
| </button> | |
| </div> | |
| <div class="synopsis"> | |
| <p id="media-desc">After a police chase with an otherworldly being, a New York City cop is recruited as an agent in a top-secret organization established to monitor and police alien activity on Earth: the Men in Black. Agent K and new recruit Agent J find themselves in the middle of a deadly plot by an intergalactic terrorist who has arrived on Earth to assassinate two ambassadors from opposing galaxies.</p> | |
| </div> | |
| <div class="cast-list"> | |
| Starring: <span id="media-cast">Tommy Lee Jones, Will Smith, Linda Fiorentino, Vincent D'Onofrio, Rip Torn</span> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <!-- Floating Chat --> | |
| <button id="chat-toggle-btn" class="floating-chat-toggle" aria-label="Chat"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path> | |
| </svg> | |
| </button> | |
| <div id="chat-container"> | |
| <iframe id="chat-iframe" src="chat.html"></iframe> | |
| </div> | |
| <script> | |
| // Query String Parameters, compatible with old watch page | |
| const urlParams = new URLSearchParams(window.location.search); | |
| const tmdbId = urlParams.get('tmdbId'); | |
| const type = urlParams.get('type'); | |
| const player = document.getElementById('video-player'); | |
| const homeBtn = document.getElementById('home-btn'); | |
| const bookmarkBtn = document.getElementById('bookmark-btn'); | |
| const likeBtn = document.getElementById('like-btn'); | |
| const dislikeBtn = document.getElementById('dislike-btn'); | |
| const chatToggleBtn = document.getElementById('chat-toggle-btn'); | |
| const chatContainer = document.getElementById('chat-container'); | |
| // UI Elements | |
| const titleEl = document.getElementById('media-title'); | |
| const yearEl = document.getElementById('media-year'); | |
| const ratingEl = document.getElementById('media-rating'); | |
| const genresEl = document.getElementById('media-genres'); | |
| const descEl = document.getElementById('media-desc'); | |
| const castEl = document.getElementById('media-cast'); | |
| // --- Metrics & State --- | |
| let nowWatching = null; | |
| let engagementTimer = null; | |
| let loveTimer = null; | |
| let favorites = JSON.parse(localStorage.getItem('vidsrc_favorites')) || []; | |
| // --- Initialization --- | |
| (async () => { | |
| await window.loadConfig(); | |
| if (tmdbId && type) { | |
| // Setup Player | |
| let template = type === 'movie' | |
| ? window.AppConfig.playerUrlTemplateMovie | |
| : window.AppConfig.playerUrlTemplateTv; | |
| const path = template.replace('{tmdbId}', tmdbId); | |
| player.src = path; | |
| // Fetch Metadata | |
| initializeSession(tmdbId, type); | |
| } | |
| // Auto-scroll address bar on mobile load | |
| if (window.innerWidth <= 768) { | |
| window.scrollTo(0, 1); | |
| } | |
| })(); | |
| async function initializeSession(id, type) { | |
| try { | |
| // Fetch basic details + credits | |
| const response = await fetch${window.AppConfig.tmdbBaseUrl}/${type}/${id}?api_key=${window.AppConfig.tmdbApiKey}&append_to_response=credits); | |
| const data = await response.json(); | |
| const title = data.title || data.name; | |
| const year = (data.release_date || data.first_air_date || '').split('-')[0]; | |
| const poster_path = data.poster_path; | |
| const rating = data.vote_average ? data.vote_average.toFixed(1) : 'N/A'; | |
| const genres = data.genres ? data.genres.map(g => g.name) : []; | |
| const description = data.overview; | |
| const cast = data.credits && data.credits.cast ? data.credits.cast.slice(0, 5).map(c => c.name).join(', ') : ''; | |
| nowWatching = { | |
| id, | |
| type, | |
| title, | |
| year, | |
| poster_path, | |
| rating, | |
| genres, | |
| description, | |
| startTime: Date.now() | |
| }; | |
| // Update UI | |
| titleEl.textContent = title; | |
| yearEl.textContent = year; | |
| ratingEl.textContent = ⭐ ${rating}; | |
| genresEl.textContent = genres.join(' • '); | |
| descEl.textContent = description; | |
| castEl.textContent = cast; | |
| document.title = ${title} - Vlix; | |
| // Storage & Memory | |
| localStorage.setItem('vidsrc_now_watching', JSON.stringify(nowWatching)); | |
| addLongTermMemoryUser started watching ${nowWatching.title} (${nowWatching.year}) - ${nowWatching.type}. Synopsis: ${nowWatching.description}); | |
| // Chat Context | |
| const memories = getLongTermMemories(false, "string"); | |
| const explanation = "The following is a list of key events and interactions for the current user..."; | |
| const userContext = ${explanation}\n\n${memories}; | |
| setTimeout(() => { | |
| injectContext({ type: "setUserContext", payload: userContext }, "#chat-iframe"); | |
| }, 2500); | |
| setTimeout(() => { | |
| injectContext({ type: "setApplicationContext", payload: Currently Watching: User started watching ${nowWatching.title} (${nowWatching.year}) - ${nowWatching.type} }, "#chat-iframe"); | |
| }, 3000); | |
| // Metrics | |
| recordMetric('view', nowWatching); | |
| engagementTimer = setTimeout(() => recordMetric('engagement', nowWatching), 5 * 60 * 1000); | |
| const loveDuration = type === 'movie' ? 60 : 30; | |
| loveTimer = setTimeout(() => recordMetric('love', nowWatching), loveDuration * 60 * 1000); | |
| // Load UI States | |
| loadRating(); | |
| updateBookmarkUI(); | |
| } catch (e) { | |
| console.error("Error initializing session", e); | |
| titleEl.textContent = "Error loading details"; | |
| } | |
| } | |
| // --- Interactions --- | |
| homeBtn.addEventListener('click', () => { | |
| window.location.href = 'index.html'; | |
| }); | |
| chatToggleBtn.addEventListener('click', () => { | |
| chatContainer.classList.toggle('visible'); | |
| const isVisible = chatContainer.classList.contains('visible'); | |
| if (isVisible) { | |
| chatToggleBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'; | |
| } else { | |
| chatToggleBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>'; | |
| } | |
| }); | |
| bookmarkBtn.addEventListener('click', () => toggleBookmark()); | |
| likeBtn.addEventListener('click', () => toggleRating('like')); | |
| dislikeBtn.addEventListener('click', () => toggleRating('dislike')); | |
| // --- Helper Functions (Reused) --- | |
| function recordMetric(metricType, metadata) { | |
| const metrics = JSON.parse(localStorage.getItem('vidsrc_metrics')) || []; | |
| metrics.push({ | |
| metric: metricType, | |
| timestamp: Date.now(), | |
| ...metadata | |
| }); | |
| localStorage.setItem('vidsrc_metrics', JSON.stringify(metrics)); | |
| } | |
| function toggleRating(newRating) { | |
| let ratings = JSON.parse(localStorage.getItem('vidsrc_ratings')) || []; | |
| const index = ratings.findIndex(r => r.id == tmdbId); | |
| let currentRating = index !== -1 ? ratings[index].rating : null; | |
| if (currentRating === newRating) { | |
| if (index !== -1) ratings.splice(index, 1); | |
| updateRatingUI(null); | |
| } else { | |
| const ratingEntry = { | |
| id: tmdbId, | |
| type, | |
| rating: newRating, | |
| timestamp: Date.now(), | |
| ...nowWatching | |
| }; | |
| if (index !== -1) ratings[index] = ratingEntry; | |
| else ratings.push(ratingEntry); | |
| updateRatingUI(newRating); | |
| } | |
| localStorage.setItem('vidsrc_ratings', JSON.stringify(ratings)); | |
| } | |
| function loadRating() { | |
| const ratings = JSON.parse(localStorage.getItem('vidsrc_ratings')) || []; | |
| const entry = ratings.find(r => r.id == tmdbId); | |
| if (entry) updateRatingUI(entry.rating); | |
| } | |
| function updateRatingUI(rating) { | |
| likeBtn.classList.remove('active'); | |
| dislikeBtn.classList.remove('active'); | |
| if (rating === 'like') likeBtn.classList.add('active'); | |
| else if (rating === 'dislike') dislikeBtn.classList.add('active'); | |
| } | |
| function toggleBookmark() { | |
| if (!nowWatching) return; | |
| const index = favorites.findIndex(f => f.id == tmdbId); | |
| if (index === -1) { | |
| favorites.push({ | |
| id: tmdbId, | |
| type, | |
| media_type: type, | |
| title: nowWatching.title, | |
| poster_path: nowWatching.poster_path, | |
| year: nowWatching.year, | |
| rating: nowWatching.rating, | |
| genres: nowWatching.genres, | |
| timestamp: Date.now() | |
| }); | |
| } else { | |
| favorites.splice(index, 1); | |
| } | |
| localStorage.setItem('vidsrc_favorites', JSON.stringify(favorites)); | |
| updateBookmarkUI(); | |
| } | |
| function updateBookmarkUI() { | |
| const isFav = favorites.some(f => f.id == tmdbId); | |
| if (isFav) { | |
| bookmarkBtn.classList.add('active'); | |
| bookmarkBtn.querySelector('svg').setAttribute('fill', 'currentColor'); | |
| } else { | |
| bookmarkBtn.classList.remove('active'); | |
| bookmarkBtn.querySelector('svg').setAttribute('fill', 'none'); | |
| } | |
| } | |
| // Cleanup | |
| window.addEventListener('beforeunload', () => { | |
| clearTimeout(engagementTimer); | |
| clearTimeout(loveTimer); | |
| localStorage.removeItem('vidsrc_now_watching'); | |
| }); | |
| </script> | |
| </body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment