.cs-root{--yellow:#f5b800;--yellow-d:#e0a800;--pink:#e8316f;--pink-d:#c81e58;--pink-lt:#fbe3ea;--blue:#1f7fe0;--blue-d:#1565c0;--blue-lt:#e7f0fb;--purple:#9c1f9c;--teal:#19b3c6;--green:#2ad0b0;--ink:#14202b;--muted:#5b6b7a;--line:#e6eaef;--bg:#fff;--bg2:#f5f7fa;--maxw:1200px;--header-h:72px;font-size:16px}html.cs-html,html.cs-html body{margin:0;padding:0;overflow-x:hidden}.cs-root *{box-sizing:border-box;margin:0;padding:0}.cs-root{font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;overflow-x:clip}html.cs-html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body.cs-modal-open{overflow:hidden}.cs-root img{max-width:100%;display:block}.cs-root button{font:inherit}.cs-root a{color:inherit;text-decoration:none}.cs-root section{scroll-margin-top:var(--header-h)}.cs-root #story{scroll-margin-top:0}.cs-root .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}.cs-root .eyebrow{display:inline-block;font-size:clamp(12.5px,1.4vw,14px);font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#fff;background:var(--pink);padding:7px 18px;border-radius:999px;box-shadow:0 8px 20px rgba(232,49,111,.28)}.cs-root .sec-title{font-size:clamp(26px,3.6vw,40px);font-weight:900;line-height:1.08;margin-top:14px}.cs-root .sec-sub{color:var(--muted);font-size:clamp(15px,1.6vw,17px);margin-top:12px;max-width:60ch}.cs-root .center{text-align:center}.cs-root .center .sec-sub{margin-inline:auto}.cs-root .cs-note{display:flex;gap:14px;align-items:flex-start;text-align:left;max-width:680px;margin:24px auto 0;padding:16px 20px;border-radius:18px;background:hsla(0,0%,100%,.94);border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,32,43,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cs-root .cs-note .ic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;font-size:23px;display:flex;align-items:center;justify-content:center;line-height:1;background:var(--pink-lt);box-shadow:0 4px 12px rgba(232,49,111,.18)}.cs-root .cs-note p{margin:0;font-size:clamp(13.5px,1.4vw,15px);line-height:1.6;font-weight:600;color:var(--ink);text-align:justify;-moz-text-align-last:left;text-align-last:left}.cs-root .cs-note b{color:var(--pink-d);font-weight:800}@media(max-width:767px){.cs-root .cs-note{padding:14px 16px;gap:11px;margin-top:18px}.cs-root .cs-note .ic{width:38px;height:38px;font-size:20px;border-radius:11px}.cs-root .cs-note p{font-size:13px}}.cs-root .btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;font-weight:800;font-size:15px;letter-spacing:.3px;padding:14px 28px;border-radius:999px;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.cs-root .btn:active{transform:translateY(1px) scale(.99)}.cs-root .btn-primary{background:var(--pink);color:#fff;box-shadow:0 10px 24px rgba(232,49,111,.4)}.cs-root .btn-primary:hover{filter:brightness(1.05);box-shadow:0 14px 30px rgba(232,49,111,.5)}.cs-root .btn-yellow{background:var(--yellow);color:#3a2c00;box-shadow:0 10px 24px rgba(245,184,0,.4)}.cs-root .btn-yellow:hover{filter:brightness(1.04)}.cs-root .btn-ghost{background:hsla(0,0%,100%,.16);color:#fff;border:1.5px solid hsla(0,0%,100%,.55)}.cs-root .btn-ghost:hover{background:hsla(0,0%,100%,.26)}.cs-root .site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:60;display:flex;align-items:center;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.cs-root .site-header .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}.cs-root .logo{background:none;padding:0;border:0;cursor:pointer;display:flex;align-items:center;gap:10px}.cs-root .logo img{height:32px;width:auto;display:block}.cs-root .logo .logo-pepsi{height:38px}.cs-root .logo .logo-div{width:1px;height:20px;background:rgba(20,32,43,.16);flex:0 0 auto}.cs-root .nav{display:flex;align-items:center;gap:6px}.cs-root .nav a{color:var(--ink);font-weight:700;font-size:15px;padding:9px 14px;border-radius:8px;transition:background .15s,color .15s}.cs-root .nav a:hover{background:rgba(20,32,43,.07)}.cs-root .nav .btn{margin-left:8px;padding:11px 22px;font-size:14px}.cs-root .site-header.scrolled{background:hsla(0,0%,100%,.92);backdrop-filter:blur(10px);box-shadow:0 2px 18px rgba(20,32,43,.08)}.cs-root .site-header.scrolled .nav a{color:var(--ink)}.cs-root .site-header.scrolled .nav a:hover{background:var(--bg2)}.cs-root .hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:calc(var(--header-h) + 16px) 20px 56px;overflow:hidden;--hero-kv:url("/cine-summer/herro-banner/Hero banner - Desktop.png");background-image:var(--hero-kv,linear-gradient(135deg,var(--teal) 0,var(--green) 46%,var(--yellow) 100%));background-size:cover;background-position:50%}.cs-root .hero-inner{position:relative;z-index:2;max-width:860px}.cs-root .hero small{font-size:14px;letter-spacing:6px;opacity:.92;display:block;color:#0f2e3a}.cs-root .hero h1{font-size:clamp(46px,11vw,108px);font-weight:900;line-height:.92;margin:14px 0 6px;letter-spacing:-1px}.cs-root .hero h1 .accent{color:var(--pink)}.cs-root .hero h1 img{width:min(560px,86%);margin:6px auto 0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.cs-root .hero p{font-size:clamp(16px,2vw,20px);opacity:.96;max-width:46ch;margin:10px auto 26px;color:#14202b;font-weight:600}.cs-root .hero-story{max-width:560px;margin:18px auto 4px;padding:18px 24px 20px;border-radius:22px;text-align:left;background:hsla(0,0%,100%,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid hsla(0,0%,100%,.7);box-shadow:0 14px 36px rgba(20,32,43,.14)}.cs-root .hero-story p{margin:0;font-size:clamp(14px,1.45vw,16px);line-height:1.55;color:var(--ink);opacity:1;font-weight:600;text-align:justify;text-justify:inter-word;-moz-text-align-last:left;text-align-last:left}.cs-root .hero-story p+p{margin-top:10px}.cs-root .hero-story .greet{color:var(--pink-d);font-weight:800;letter-spacing:.2px}.cs-root .hero-story b{font-weight:800}.cs-root .hero-story .tagline{font-size:clamp(18px,2.3vw,23px);font-weight:900;color:var(--pink);line-height:1.12;letter-spacing:.2px;text-shadow:0 1px 0 hsla(0,0%,100%,.6);margin-top:12px}.cs-root .hero-story .cta-line{color:var(--blue-d);font-weight:800;margin-top:6px}.cs-root .hero-story .aside{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(20,32,43,.16);font-size:clamp(11.5px,1.2vw,13px);font-style:italic;font-weight:600;color:var(--muted)}@media(max-width:767px){.cs-root .hero-story{max-width:330px;padding:14px 16px 15px;margin:10px auto 2px;border-radius:18px}.cs-root .hero-story p{font-size:12.5px;line-height:1.5}.cs-root .hero-story .tagline{font-size:16px}.cs-root .hero-story .cta-line{font-size:13px}.cs-root .hero-story .aside{font-size:11px}}.cs-root .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cs-root .hero-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:26px;max-width:620px;margin-inline:auto}.cs-root .hero-nav a{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 20px;border-radius:18px;color:#fff;background:hsla(0,0%,100%,.14);border:1.5px solid hsla(0,0%,100%,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.12);transition:transform .16s ease,background .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease}.cs-root .hero-nav a:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.96);color:var(--ink);border-color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.22)}.cs-root .hero-nav a.imgbtn{padding:0;margin-block:-6px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cs-root .hero-nav a.imgbtn:hover{transform:translateY(-5px);background:none;border:0;box-shadow:none}.cs-root .hero-nav a.imgbtn img{width:100%;height:auto;display:block}.cs-root .hero-nav .nic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;background:hsla(0,0%,100%,.22);transition:background .2s ease}.cs-root .hero-nav a:hover .nic{background:rgba(232,49,111,.12)}.cs-root .hero-nav .ntx{display:flex;flex-direction:column;line-height:1.25}.cs-root .hero-nav .ntx b{font-size:15.5px;font-weight:800}.cs-root .hero-nav .ntx i{font-style:normal;font-size:12px;opacity:.82;margin-top:2px}.cs-root .hero-nav a:hover .ntx i{opacity:1;color:var(--muted)}.cs-root .scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;opacity:.9;transition:opacity .2s,transform .2s}.cs-root .scroll-cue:hover{opacity:1;transform:translateX(-50%) translateY(3px)}.cs-root .scroll-cue.hide{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(10px)}.cs-root .scroll-cue .mouse{width:26px;height:42px;border:2px solid rgba(20,32,43,.7);border-radius:14px;display:flex;justify-content:center;padding-top:7px}.cs-root .scroll-cue .wheel{width:4px;height:8px;border-radius:2px;background:var(--ink);animation:cs-scroll-wheel 1.6s ease-in-out infinite}.cs-root .scroll-cue .chev{width:11px;height:11px;border-right:2px solid rgba(20,32,43,.7);border-bottom:2px solid rgba(20,32,43,.7);transform:rotate(45deg);animation:cs-scroll-chev 1.6s ease-in-out infinite}@keyframes cs-scroll-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:0}}@keyframes cs-scroll-chev{0%,to{transform:rotate(45deg) translate(0);opacity:.5}50%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.cs-root .section{padding:clamp(64px,9vw,110px) 0}.cs-root .section.tint{background:var(--bg2)}.cs-root .section.blue{background:linear-gradient(135deg,#2a90f0,#1565c0);color:#fff}.cs-root .section.blue .eyebrow{color:#ffe27a}.cs-root .section.blue .sec-sub{color:hsla(0,0%,100%,.92)}.cs-root .section.blue .sec-title{text-shadow:0 3px 16px rgba(0,0,0,.55)}.cs-root .section.blue .eyebrow,.cs-root .section.blue .sec-sub{text-shadow:0 2px 10px rgba(0,0,0,.55)}.cs-root .gift-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:44px}.cs-root .gift-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;text-align:left;width:100%;padding:0;font:inherit;color:var(--ink);box-shadow:0 8px 22px rgba(20,32,43,.07);transition:transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column}.cs-root .gift-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,32,43,.16)}.cs-root .gift-media{position:relative;aspect-ratio:4/3;color:#fff;display:flex;align-items:center;justify-content:center}.cs-root .gift-media img{width:100%;height:100%;object-fit:cover}.cs-root .gift-media svg{width:54px;height:54px;opacity:.96}.cs-root .gift-badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff;background:rgba(0,0,0,.4);backdrop-filter:blur(3px);padding:4px 12px;border-radius:999px}.cs-root .gift-b{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}.cs-root .gift-b h3{font-size:17px;font-weight:800;line-height:1.3;min-height:calc(1.3em * 2)}.cs-root .gift-b h3,.cs-root .gift-b p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-root .gift-b p{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5;min-height:calc(1.5em * 2)}.cs-root .gift-b .more{display:inline-block;margin-top:auto;padding-top:10px;font-size:13px;font-weight:800;color:var(--pink-d)}.cs-root .g1 .gift-media{background:linear-gradient(135deg,#ffd86b,#f5b800)}.cs-root .g2 .gift-media{background:linear-gradient(135deg,#f77fa3,#e8316f)}.cs-root .g3 .gift-media{background:linear-gradient(135deg,#6fb4f5,#1f7fe0)}.cs-root .g4 .gift-media{background:linear-gradient(135deg,#67d6a7,#0f9d6b)}.cs-root .shop-grid{display:grid;gap:24px;grid-template-columns:1fr;margin-top:44px}.cs-root .shop-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-align:left;box-shadow:0 8px 22px rgba(20,32,43,.07);transition:transform .16s ease,box-shadow .16s ease}.cs-root .shop-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,32,43,.16)}.cs-root .shop-main{position:relative;aspect-ratio:1/1;background:#faf5ef;overflow:hidden}.cs-root .soon-ribbon{position:absolute;top:20px;left:-54px;z-index:3;width:200px;transform:rotate(-45deg);transform-origin:center;padding:8px 0;text-align:center;font-size:12.5px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff5c8a,#e8316f 60%,#c81e58);box-shadow:0 7px 18px rgba(232,49,111,.42);text-shadow:0 1px 2px rgba(0,0,0,.18)}.cs-root .soon-ribbon:after,.cs-root .soon-ribbon:before{content:"";position:absolute;top:100%;border:3px solid transparent;border-top-color:#9d1745}.cs-root .soon-ribbon:before{left:0}.cs-root .soon-ribbon:after{right:0}.cs-root .shop-main img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.cs-root .shop-thumbs{display:flex;gap:9px;padding:12px 14px 0}.cs-root .shop-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:11px;overflow:hidden;border:2px solid transparent;background:#faf5ef;cursor:pointer;padding:0;opacity:.6;transition:opacity .15s ease,border-color .15s ease}.cs-root .shop-thumb:hover{opacity:1}.cs-root .shop-thumb.active{opacity:1;border-color:var(--pink)}.cs-root .shop-thumb img{width:100%;height:100%;object-fit:cover}.cs-root .shop-b{display:flex;flex-direction:column;flex:1;padding:13px 15px 17px}.cs-root .shop-b h3{font-size:17px;font-weight:800}.cs-root .shop-b p{font-size:13px;color:var(--muted);margin-top:4px}.cs-root .shop-b .more{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:12px;font-size:13px;font-weight:800;color:var(--pink-d);background:none;border:0;cursor:pointer;transition:color .15s ease}.cs-root .shop-b .more:hover{color:var(--pink);text-decoration:underline}.cs-root .shop-b .more.is-soon{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;padding-top:12px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--pink-d);cursor:default;opacity:1;text-decoration:none}.cs-root .shop-b .more.is-soon:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:var(--pink);box-shadow:0 0 0 0 rgba(232,49,111,.55);animation:cs-soon-pulse 1.6s ease-out infinite}.cs-root .shop-b .more.is-soon:hover{color:var(--pink-d);text-decoration:none}@keyframes cs-soon-pulse{0%{box-shadow:0 0 0 0 rgba(232,49,111,.5)}70%{box-shadow:0 0 0 6px rgba(232,49,111,0)}to{box-shadow:0 0 0 0 rgba(232,49,111,0)}}@media (prefers-reduced-motion:reduce){.cs-root .shop-b .more.is-soon:before{animation:none}}.cs-root .board{max-width:460px;margin:36px auto 0;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.55);border-radius:20px;padding:8px;box-shadow:0 24px 60px rgba(20,32,43,.2),0 4px 14px rgba(20,32,43,.08);overflow:hidden;text-align:left}.cs-root .rank-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:13px;transition:background .15s}.cs-root .rank-row+.rank-row{border-top:1px solid rgba(20,32,43,.07)}.cs-root .rank-no{width:28px;height:28px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13.5px;color:#3a2c00;background:#eef0f2}.cs-root .rank-row:first-child{background:rgba(255,216,77,.2)}.cs-root .rank-row:first-child .rank-no{background:#ffd84d;box-shadow:0 0 0 3px rgba(255,216,77,.35)}.cs-root .rank-row:nth-child(2){background:rgba(140,150,165,.1)}.cs-root .rank-row:nth-child(2) .rank-no{background:#eef0f2;box-shadow:0 0 0 3px rgba(200,206,214,.45)}.cs-root .rank-row:nth-child(3){background:hsla(31,80%,71%,.18)}.cs-root .rank-row:nth-child(3) .rank-no{background:#f0b67a;box-shadow:0 0 0 3px hsla(31,80%,71%,.4)}.cs-root .rank-name{flex:1;font-weight:700}.cs-root .rank-name,.cs-root .rank-pts{font-size:14.5px;color:var(--ink);transition:color .2s ease}.cs-root .rank-pts{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.2px}.cs-root #bxh .rank-row{cursor:pointer;transition:opacity .7s cubic-bezier(.16,.84,.3,1),transform .85s cubic-bezier(.16,.84,.3,1),background .22s ease,box-shadow .22s ease}.cs-root #bxh .rank-row:hover{background:rgba(255,216,77,.18);box-shadow:inset 4px 0 0 #ffd84d,0 8px 20px rgba(20,32,43,.12)}.cs-root #bxh .rank-row .rank-no{transition:transform .2s ease,box-shadow .2s ease}.cs-root #bxh .rank-row:hover .rank-no{transform:scale(1.14)}.cs-root #bxh .rank-row:first-child:hover{box-shadow:inset 4px 0 0 #ffd84d,0 8px 20px rgba(20,32,43,.14)}.cs-root #bxh .rank-row:nth-child(2):hover{background:rgba(200,206,214,.28);box-shadow:inset 4px 0 0 #c8ced6,0 8px 20px rgba(20,32,43,.14)}.cs-root #bxh .rank-row:nth-child(3):hover{background:hsla(31,80%,71%,.28);box-shadow:inset 4px 0 0 #f0b67a,0 8px 20px rgba(20,32,43,.14)}.cs-root .board-cta{text-align:center;margin-top:28px}.cs-root .acc{max-width:760px;margin:40px auto 0;padding-inline:24px}.cs-root .acc-item{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:14px;overflow:hidden;box-shadow:0 6px 16px rgba(20,32,43,.05)}.cs-root .acc-q{width:100%;text-align:left;border:0;background:transparent;cursor:pointer;padding:20px 22px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink)}.cs-root .acc-q .ic{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--pink-lt);color:var(--pink-d);font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.cs-root .acc-item.open .acc-q .ic{transform:rotate(45deg)}.cs-root .acc-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.cs-root .acc-body{padding:2px 22px 20px;color:var(--muted);font-size:14.5px;line-height:1.65;text-align:left}.cs-root .acc-body p{margin:0 0 8px}.cs-root .acc-body .acc-sub{margin:12px 0 6px;font-weight:800;color:var(--ink)}.cs-root .acc-body ol,.cs-root .acc-body ul{margin:0;padding-left:22px}.cs-root .acc-body ol{list-style:decimal}.cs-root .acc-body ul{list-style:disc}.cs-root .acc-body li{margin-bottom:7px;padding-left:2px}.cs-root .acc-body li::marker{color:var(--pink-d);font-weight:800}.cs-root footer.site{padding:40px 24px 110px;text-align:center;color:var(--muted);font-size:13px}@media(min-width:768px){.cs-root footer.site{padding-bottom:46px}}.cs-root.js .reveal{opacity:0;transform:translateY(38px);transition:opacity .7s cubic-bezier(.16,.84,.3,1),transform .85s cubic-bezier(.16,.84,.3,1);will-change:opacity,transform}.cs-root.js .reveal.in{opacity:1;transform:none}.cs-root.js .reveal.r-left{transform:translateX(-48px)}.cs-root.js .reveal.r-right{transform:translateX(48px)}.cs-root.js .reveal.r-zoom{transform:scale(.9)}.cs-root.js .reveal.r-left.in,.cs-root.js .reveal.r-right.in,.cs-root.js .reveal.r-zoom.in{transform:none}.cs-root.js .hero h1,.cs-root.js .hero p,.cs-root.js .hero small,.cs-root.js .hero-nav a{animation:cs-heroUp .85s cubic-bezier(.16,.84,.3,1) backwards}.cs-root.js .hero small{animation-delay:.06s}.cs-root.js .hero h1{animation-delay:.16s}.cs-root.js .hero p{animation-delay:.3s}.cs-root.js .hero-nav a:first-child{animation-delay:.42s}.cs-root.js .hero-nav a:nth-child(2){animation-delay:.5s}.cs-root.js .hero-nav a:nth-child(3){animation-delay:.58s}.cs-root.js .hero-nav a:nth-child(4){animation-delay:.66s}@keyframes cs-heroUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cs-root.js .reveal{opacity:1;transform:none;transition:none}.cs-root.js .hero h1,.cs-root.js .hero p,.cs-root.js .hero small,.cs-root.js .hero-nav a{animation:none}}.cs-root #bxh{position:relative;--bxh-bg:url("/cine-summer/rank/Background - Desktop.png");background-image:var(--bxh-bg,linear-gradient(135deg,#2a90f0,#1565c0));background-size:cover;background-position:50%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.cs-root #bxh:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.14);pointer-events:none}.cs-root #bxh>.wrap{position:relative;z-index:1}.cs-root #thele{position:relative;--thele-bg:url("/cine-summer/rank/Background - Desktop.png");background-image:var(--thele-bg);background-size:cover;background-position:50%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.cs-root #thele:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.14);pointer-events:none}.cs-root #thele>*{position:relative;z-index:1}.cs-root .modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden}.cs-root .modal.show{visibility:visible}.cs-root .modal-bd{position:absolute;inset:0;background:rgba(10,16,22,.55);opacity:0;transition:opacity .3s ease}.cs-root .modal.show .modal-bd{opacity:1}.cs-root .modal-card{position:relative;width:100%;max-width:440px;max-height:90vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.4);transform:translateY(18px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.cs-root .modal.show .modal-card{transform:none;opacity:1}.cs-root .modal-media{position:relative;aspect-ratio:4/3;color:#fff;display:flex;align-items:center;justify-content:center}.cs-root .modal-media img{width:100%;height:100%;object-fit:cover}.cs-root .modal-media svg{width:72px;height:72px}.cs-root .modal-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;background:rgba(0,0,0,.4);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center}.cs-root .modal-b{padding:20px 22px 24px}.cs-root .modal-b .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--pink-d);background:var(--pink-lt);padding:4px 12px;border-radius:999px}.cs-root .modal-b h3{font-size:21px;font-weight:900;margin-top:10px}.cs-root .modal-b p{color:var(--muted);font-size:14px;line-height:1.65;margin-top:8px}.cs-root .modal-b .btn{margin-top:18px}.cs-root .tnc-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden}.cs-root .tnc-modal.show{visibility:visible}.cs-root .tnc-bd{position:absolute;inset:0;background:rgba(10,16,22,.6);opacity:0;transition:opacity .3s ease}.cs-root .tnc-modal.show .tnc-bd{opacity:1}.cs-root .tnc-card{position:relative;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.45);overflow:hidden;transform:translateY(18px) scale(.98);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.cs-root .tnc-modal.show .tnc-card{transform:none;opacity:1}.cs-root .tnc-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff}.cs-root .tnc-kicker{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--pink-d)}.cs-root .tnc-head h3{font-size:clamp(18px,2.2vw,22px);font-weight:900;color:var(--ink);margin-top:2px}.cs-root .tnc-x{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;background:var(--bg2);color:var(--ink);font-size:22px;display:flex;align-items:center;justify-content:center}.cs-root .tnc-x:hover{background:#e6eaef}.cs-root .tnc-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 26px 28px;color:var(--ink);font-size:14.5px;line-height:1.65}.cs-root .tnc-body h4{font-size:16.5px;font-weight:900;color:var(--ink);margin:22px 0 8px;padding-top:14px;border-top:1px solid var(--line)}.cs-root .tnc-body h4:first-of-type{border-top:0;padding-top:0;margin-top:6px}.cs-root .tnc-body h5{font-size:15px;font-weight:800;color:var(--pink-d);margin:16px 0 6px}.cs-root .tnc-body p{margin:0 0 10px;color:var(--muted)}.cs-root .tnc-body .tnc-sub{font-weight:800;color:var(--ink);margin-top:12px}.cs-root .tnc-body .tnc-note{font-style:italic;color:var(--muted)}.cs-root .tnc-body ol,.cs-root .tnc-body ul{margin:0 0 10px;padding-left:22px;color:var(--muted)}.cs-root .tnc-body li{margin-bottom:7px}.cs-root .tnc-body li::marker{color:var(--pink-d);font-weight:800}.cs-root .tnc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-items:start;margin:10px 0 16px}.cs-root .tnc-gallery figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2);box-shadow:0 4px 14px rgba(20,32,43,.06);cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease}.cs-root .tnc-gallery figure:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,32,43,.16)}.cs-root .tnc-gallery img{width:100%;height:auto;display:block}.cs-root .tnc-gallery figcaption{padding:8px 10px;font-size:12px;font-weight:700;color:var(--muted);text-align:center}.cs-root .tnc-gallery.single{display:flex;justify-content:center}.cs-root .tnc-gallery.single figure{width:100%;max-width:300px}.cs-root .tnc-lb{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,12,18,.86);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out}.cs-root .tnc-lb-fig{margin:0;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.cs-root .tnc-lb-fig img{max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.5);background:#fff}.cs-root .tnc-lb-fig figcaption{margin-top:12px;color:#fff;font-size:14px;font-weight:700;text-align:center;max-width:80vw}.cs-root .tnc-lb-x{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:hsla(0,0%,100%,.16);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}.cs-root .tnc-lb-x:hover{background:hsla(0,0%,100%,.3)}.cs-root .tnc-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;cursor:pointer;background:hsla(0,0%,100%,.16);color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center}.cs-root .tnc-lb-nav:hover{background:hsla(0,0%,100%,.3)}.cs-root .tnc-lb-nav.prev{left:18px}.cs-root .tnc-lb-nav.next{right:18px}@media(max-width:767px){.cs-root .tnc-lb{padding:14px}.cs-root .tnc-lb-nav{width:42px;height:42px;font-size:26px}.cs-root .tnc-lb-nav.prev{left:8px}.cs-root .tnc-lb-nav.next{right:8px}.cs-root .tnc-lb-x{top:10px;right:10px;width:40px;height:40px}}.cs-root .tnc-table-wrap{overflow-x:auto;margin:6px 0 14px;border:1px solid var(--line);border-radius:12px}.cs-root .tnc-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}.cs-root .tnc-table td,.cs-root .tnc-table th{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.cs-root .tnc-table th{background:var(--bg2);font-weight:800;color:var(--ink);position:sticky;top:0}.cs-root .tnc-table tr:last-child td{border-bottom:0}.cs-root .tnc-table .tnc-total td{background:var(--pink-lt);font-weight:800;color:var(--ink)}@media(max-width:767px){.cs-root .tnc-card{max-height:92vh;border-radius:18px}.cs-root .tnc-head{padding:14px 18px}.cs-root .tnc-body{padding:16px 18px 24px;font-size:13.5px}.cs-root .tnc-table-wrap{overflow-x:visible;border:0;border-radius:0}.cs-root .tnc-table{min-width:0;font-size:13px}.cs-root .tnc-table thead{display:none}.cs-root .tnc-table,.cs-root .tnc-table tbody,.cs-root .tnc-table td,.cs-root .tnc-table tr{display:block;width:100%}.cs-root .tnc-table tr{border:1px solid var(--line);border-radius:12px;padding:8px 0;margin-bottom:10px;background:#fff}.cs-root .tnc-table td{border:0;padding:5px 14px;display:flex;gap:10px;align-items:flex-start}.cs-root .tnc-table td:before{content:attr(data-label);flex:0 0 86px;font-weight:800;color:var(--ink)}.cs-root .tnc-table .tnc-total{background:var(--pink-lt)}.cs-root .tnc-table .tnc-total td{background:transparent}}.cs-root .tnc-more{display:none}@media(max-width:767px){.cs-root .tnc-cinemas .tnc-table tr{padding:10px 12px;margin-bottom:8px}.cs-root .tnc-cinemas .tnc-table td{display:block;padding:0}.cs-root .tnc-cinemas .tnc-table td:before{display:none}.cs-root .tnc-cinemas .tnc-table td[data-label=STT]{display:inline-block;min-width:20px;margin-right:4px;color:var(--pink-d);font-weight:800}.cs-root .tnc-cinemas .tnc-table td[data-label="Tên Rạp"]{display:inline;font-weight:800;color:var(--ink);font-size:14px}.cs-root .tnc-cinemas .tnc-table td[data-label="Địa Chỉ"]{color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:3px}.cs-root .tnc-cinemas .tnc-table td[data-label="Địa Chỉ"]:empty{display:none}.cs-root .tnc-cinemas .tnc-table td[data-label="TP/Tỉnh"]{display:inline-block;margin-top:7px;padding:2px 9px;border-radius:999px;background:var(--bg2);color:var(--ink);font-size:11px;font-weight:700}.cs-root .tnc-cinemas:not(.open) .tnc-table tbody tr:nth-child(n+7){display:none}.cs-root .tnc-more{display:block;width:100%;margin:-4px 0 16px;padding:10px 14px;border:1px solid var(--pink);border-radius:12px;background:var(--pink-lt);color:var(--pink-d);font-weight:800;font-size:13.5px;cursor:pointer}}@media(min-width:768px){.cs-root .gift-grid{grid-template-columns:repeat(4,1fr)}.cs-root .shop-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.cs-root .nav a{display:none}.cs-root .nav .btn{display:inline-flex;margin-left:0;padding:7px 12px;font-size:11.5px;white-space:nowrap;flex:0 0 auto}.cs-root .site-header .wrap{padding-inline:14px;gap:8px;flex-wrap:nowrap}.cs-root .logo{min-width:0;flex:1 1 0;overflow:hidden}.cs-root .nav{flex:0 0 auto}.cs-root .logo{gap:8px;padding:0}.cs-root .logo img{height:19px}.cs-root .logo .logo-pepsi{height:23px}.cs-root .logo .logo-div{height:19px}.cs-root .hero{min-height:100svh;padding:calc(var(--header-h) + 10px) 18px 64px;justify-content:center;--hero-kv:url("/cine-summer/herro-banner/Hero banner - Mobile.png")}.cs-root #bxh,.cs-root .hero{background-size:contain;background-repeat:no-repeat;background-color:#fddc56}.cs-root #bxh{--bxh-bg:url("/cine-summer/rank/Background - Mobile.png")}.cs-root #thele{--thele-bg:url("/cine-summer/rank/Background - Mobile.png");background-size:cover;background-position:50%;background-color:#fddc56}.cs-root #thele:before{background:hsla(0,0%,100%,.55)}.cs-root .hero-inner{margin-top:0}.cs-root .hero small{display:none}.cs-root .hero h1{margin:4px 0}.cs-root .hero h1 img{width:min(300px,78%)}.cs-root .hero p{font-size:14px;line-height:1.4;margin:6px auto 0;max-width:32ch}.cs-root .hero-nav{grid-template-columns:1fr;max-width:244px;gap:0;margin-top:6px}.cs-root .hero-nav a.imgbtn{margin-block:-12px}.cs-root .scroll-cue{bottom:20px}.cs-root #story{padding-top:calc(var(--header-h) + 28px)}}.cs-root .to-top{position:fixed;right:20px;bottom:24px;z-index:65;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--pink);color:#fff;box-shadow:0 10px 24px rgba(232,49,111,.4);opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:opacity .25s ease,transform .25s ease,visibility .25s}.cs-root .to-top:hover{background:var(--pink-d)}.cs-root .to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.cs-root .to-top svg{width:22px;height:22px}@media(max-width:767px){.cs-root .to-top{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:44px;height:44px}}.cs-root .cs-app-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(8,12,28,.72);backdrop-filter:blur(4px);color:#fff;text-align:center;padding:24px;animation:cs-fade-in .18s ease both}.cs-root .cs-app-loading p{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px}.cs-root .cs-spinner{width:48px;height:48px;border-radius:50%;border:4px solid hsla(0,0%,100%,.25);border-top-color:#ffd34d;animation:cs-spin .8s linear infinite}@keyframes cs-spin{to{transform:rotate(1turn)}}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}