body[data-template="cinematic"] { --container-w:1280px; --radius-lg:0; --radius-md:6px; --radius-btn:999px; background:var(--theme-dark-page); }body[data-template="cinematic"] .site-header { position:absolute; top:auto; left:0; right:0; background:linear-gradient(180deg,rgba(0,0,0,.86),transparent); box-shadow:none; z-index:100; }body[data-template="cinematic"] .header-inner { max-width:1400px; min-height:92px; }body[data-template="cinematic"] .brand-logo { width:44px; height:44px; }body[data-template="cinematic"] .brand-name { font-size:1.45rem; text-transform:uppercase; letter-spacing:2.8px; }body[data-template="cinematic"] .site-nav a { font-size:.78rem; text-transform:uppercase; letter-spacing:.8px; }body[data-template="cinematic"] .header-search { background:rgba(0,0,0,.35); border-color:rgba(var(--red-vivid-rgb),.28); }body[data-template="cinematic"] .hero { padding:0 0 40px; }body[data-template="cinematic"] .hero-inner { max-width:none; padding:0; }body[data-template="cinematic"] .hero-frame { max-width:none; width:100%; height:min(78vh,860px); min-height:560px; aspect-ratio:auto; border-radius:0; border:0; box-shadow:none; }body[data-template="cinematic"] .hero-frame::before, body[data-template="cinematic"] .hero-frame::after { display:none; }body[data-template="cinematic"] .hero-slide img { filter:saturate(.9) contrast(1.05); }body[data-template="cinematic"] .hero-caption { display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:flex-end; padding:160px 20px 70px; background:linear-gradient(0deg,var(--theme-dark-page) 0%,rgba(var(--theme-dark-page-rgb),.82) 16%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.3) 100%); }body[data-template="cinematic"] .hero-title { max-width:950px; font-size:clamp(2rem,5vw,4.8rem); line-height:.98; text-transform:uppercase; letter-spacing:-1px; text-shadow:0 8px 28px #000; }body[data-template="cinematic"] .hero-meta-row { justify-content:center; }body[data-template="cinematic"] .hero-cta { padding:12px 22px; }body[data-template="cinematic"] .hero-actions { max-width:1280px; margin:18px auto 0; padding:0 20px; justify-content:center; }body[data-template="cinematic"] .section-title { text-align:center; font-size:1.4rem; text-transform:uppercase; letter-spacing:3px; }body[data-template="cinematic"] .section-title::after { left:50%; transform:translateX(-50%); width:70px; }body[data-template="cinematic"] .recent-scroll { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; gap:22px; padding:10px 0; }body[data-template="cinematic"] .recent-scroll .post-card { width:auto; min-width:0; }body[data-template="cinematic"] .recent-scroll .post-card:first-child { grid-column:1/-1; }body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-thumb { aspect-ratio:21/8; }body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-title { font-size:1.6rem; }body[data-template="cinematic"] .recent-arrows { display:none; }body[data-template="cinematic"] .post-card { position:relative; background:var(--theme-dark-panel); border:0; border-radius:0; box-shadow:none; overflow:hidden; }body[data-template="cinematic"] .post-card:hover { transform:none; box-shadow:none; }body[data-template="cinematic"] .post-card-thumb { aspect-ratio:16/8.5; border-radius:0; }body[data-template="cinematic"] .post-card-thumb::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,var(--theme-dark-panel)); pointer-events:none; }body[data-template="cinematic"] .post-card-body { padding:15px 4px 22px; }body[data-template="cinematic"] .post-card-title { font-size:1.1rem; }body[data-template="cinematic"] .post-card .pill-read { background:transparent; border:0; padding-left:0; text-decoration:underline; }body[data-template="cinematic"] .custom-slider-scroll { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:visible; gap:18px; }body[data-template="cinematic"] .custom-slider-card { width:auto; min-width:0; }body[data-template="cinematic"] .custom-slider-card img { aspect-ratio:2/3; object-fit:cover; border-radius:4px; }body[data-template="cinematic"] .review-slider-scroll { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; gap:18px; }body[data-template="cinematic"] .review-card { width:auto; min-width:0; background:var(--theme-dark-panel); border:0; box-shadow:none; }body[data-template="cinematic"] .genre-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }body[data-template="cinematic"] .genre-tile { border-radius:0; border:0; }body[data-template="cinematic"] .genre-tile img { aspect-ratio:2/3; object-fit:cover; }body[data-template="cinematic"] .faq-list { max-width:900px; margin:0 auto; }body[data-template="cinematic"] .faq-item { border-radius:0; background:var(--theme-dark-panel-2); border-left:0; border-right:0; }body[data-template="cinematic"] .post-layout { display:block; max-width:1040px; }body[data-template="cinematic"] .post-layout .single-post { max-width:900px; margin:0 auto; }body[data-template="cinematic"] .post-sidebar { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1100px; margin:34px auto 0; }body[data-template="cinematic"] .single-post-header { text-align:center; align-items:center; padding-top:28px; }body[data-template="cinematic"] .single-post-header h1 { font-size:clamp(2rem,5vw,4.2rem); line-height:1; text-transform:uppercase; }body[data-template="cinematic"] .single-post-image { width:min(1180px,calc(100vw - 40px)); max-width:none; margin-left:50%; transform:translateX(-50%); border-radius:0; }body[data-template="cinematic"] .single-post-content { font-size:1.08rem; line-height:1.8; }body[data-template="cinematic"] .sidebar-card { border-radius:0; background:var(--theme-dark-panel); border:1px solid var(--border-soft); }body[data-template="cinematic"] .site-footer { background:var(--theme-dark-footer); border-top:1px solid var(--border-soft); }@media(max-width:900px){body[data-template="cinematic"] .custom-slider-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-template="cinematic"] .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-template="cinematic"] .post-sidebar{grid-template-columns:1fr}}@media(max-width:640px){body[data-template="cinematic"] .site-header{position:relative;background:var(--theme-dark-footer)}body[data-template="cinematic"] .hero-frame{height:auto;min-height:0;aspect-ratio:4/5}body[data-template="cinematic"] .hero-caption{padding:100px 18px 42px}body[data-template="cinematic"] .recent-scroll{grid-template-columns:1fr}body[data-template="cinematic"] .recent-scroll .post-card:first-child{grid-column:auto}body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-thumb{aspect-ratio:16/9}body[data-template="cinematic"] .custom-slider-scroll,body[data-template="cinematic"] .review-slider-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="cinematic"] .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="cinematic"] .single-post-image{width:100%;margin-left:0;transform:none}}body[data-template="cinematic"] .hero-actions { gap:14px; }body[data-template="cinematic"] .hero-actions .btn { min-width:184px; padding:15px 30px; border:0; border-top:1px solid rgba(255,255,255,.45); border-bottom:1px solid rgba(var(--red-vivid-rgb),.62); border-radius:0; background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(var(--red-vivid-rgb),.18),rgba(0,0,0,.76)); color:#fff; box-shadow:0 18px 28px -24px #000; letter-spacing:.18em; animation:none; filter:none; overflow:hidden; }body[data-template="cinematic"] .hero-actions .btn::after { content:""; position:absolute; top:-50%; bottom:-50%; left:-25%; width:18%; background:rgba(255,255,255,.28); filter:blur(8px); transform:skewX(-18deg); transition:left .55s ease; animation:cinematicHeroShine 4.2s ease-in-out infinite; pointer-events:none; }body[data-template="cinematic"] .hero-actions .btn:hover { transform:translateY(-2px); background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(var(--red-vivid-rgb),.35),rgba(0,0,0,.82)); text-shadow:0 0 12px rgba(255,255,255,.35); }body[data-template="cinematic"] .hero-actions .btn:hover::after { left:118%; animation-duration:1.4s; }body[data-template="cinematic"] .hero-actions .btn:active { transform:scale(.985); }body[data-template="cinematic"] .hero-actions .btn-anim::before { display:none; }body[data-template="cinematic"] .hero-actions .btn-masuk { color:var(--ink-soft); background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(255,255,255,.04),rgba(0,0,0,.88)); }body[data-template="cinematic"] .hero-actions .btn.hero-shape-square { border-radius:0; clip-path:none; }body[data-template="cinematic"] .hero-actions .btn.hero-shape-pill { border-radius:999px; clip-path:none; border-left:1px solid var(--border-soft); border-right:1px solid var(--border-soft); }body[data-template="cinematic"] .hero-actions .btn-outline { background:transparent; color:var(--red-vivid); border-color:var(--red-vivid); box-shadow:none; }body[data-template="cinematic"] .hero-actions .btn-ghost { background:transparent; color:var(--red-vivid); border-color:transparent; box-shadow:none; }body[data-template="cinematic"] .hero-actions .btn-light { background:var(--ink); color:var(--bg); border-color:var(--ink); box-shadow:none; }@keyframes cinematicHeroShine {
    0%,16% { left:-25%; opacity:0; }
    22% { opacity:1; }
    42% { left:118%; opacity:1; }
    48%,100% { left:118%; opacity:0; }
}@media (prefers-reduced-motion:reduce) {
    body[data-template="cinematic"] .hero-actions .btn::after { animation:none; }
}body[data-template="cinematic"] .head-banner-img,
body[data-template="cinematic"] .banner-slot-header .banner-img {
    width: 100%;
    max-width: none;
    max-height: none;
    height: auto;
    object-fit: contain;
    box-shadow: 0 18px 30px -24px rgba(0,0,0,.92);
}@media (max-width: 640px) {
    body[data-template="cinematic"] .head-banner { padding-top: 10px; }
    body[data-template="cinematic"] .head-banner .container,
    body[data-template="cinematic"] .banner-slot-header .container {
        padding-left: 14px;
        padding-right: 14px;
    }
    body[data-template="cinematic"] .head-banner-img,
    body[data-template="cinematic"] .banner-slot-header .banner-img {
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
        max-height: none;
        margin: 0;
        border-radius: 22px;
        border-width: 1px;
    }
}body[data-template="cinematic"] .hero-inner {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}body[data-template="cinematic"] .hero-frame {
    width: 100%;
    max-width: 1280px;
    height: auto;
    min-height: 0;
    aspect-ratio: 21 / 9;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}body[data-template="cinematic"] .hero-caption {
    padding: 110px 24px 42px;
}body[data-template="cinematic"] .hero-title {
    font-size: clamp(1.9rem, 4vw, 3.8rem);
}@media (max-width: 640px) {
    body[data-template="cinematic"] .hero {
        padding-bottom: 24px;
    }
    body[data-template="cinematic"] .hero-inner {
        padding-left: 14px;
        padding-right: 14px;
    }
    body[data-template="cinematic"] .hero-frame {
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
        margin: 0 auto;
        border-radius: 12px;
    }
    body[data-template="cinematic"] .hero-caption {
        padding: 54px 16px 18px;
    }
    body[data-template="cinematic"] .hero-title {
        max-width: 100%;
        font-size: clamp(1.35rem, 7vw, 1.8rem);
        line-height: 1.05;
        letter-spacing: -0.4px;
    }
    body[data-template="cinematic"] .hero-meta-row {
        font-size: 0.72rem;
    }
    body[data-template="cinematic"] .hero-cta {
        padding: 9px 14px;
        font-size: 0.72rem;
    }
}body[data-template="cinematic"] .hero-caption {
    gap: 4px;
    padding: 46px 20px 20px;
}body[data-template="cinematic"] .hero-title {
    max-width: 760px;
    font-size: clamp(1.35rem, 2.35vw, 2.25rem);
    line-height: 1.05;
    letter-spacing: -0.35px;
}body[data-template="cinematic"] .hero-meta-row {
    gap: 5px;
    font-size: 0.64rem;
    line-height: 1.25;
}body[data-template="cinematic"] .hero-meta-row .meta-author,
body[data-template="cinematic"] .hero-meta-row .meta-date {
    font-size: 0.64rem;
}body[data-template="cinematic"] .hero-cta {
    margin-top: 5px;
    padding: 0 0 2px;
    font-size: 0.64rem;
    line-height: 1.25;
    letter-spacing: 0.45px;
}@media (max-width: 640px) {
    body[data-template="cinematic"] .hero-caption {
        gap: 3px;
        padding: 28px 12px 12px;
    }
    body[data-template="cinematic"] .hero-title {
        max-width: 100%;
        font-size: clamp(1rem, 4.9vw, 1.2rem);
        line-height: 1.08;
        letter-spacing: -0.15px;
    }
    body[data-template="cinematic"] .hero-meta-row {
        gap: 4px;
        font-size: 0.56rem;
        line-height: 1.2;
    }
    body[data-template="cinematic"] .hero-meta-row .meta-author,
    body[data-template="cinematic"] .hero-meta-row .meta-date {
        font-size: 0.56rem;
    }
    body[data-template="cinematic"] .hero-meta-row .meta-author {
        padding-right: 10px;
    }
    body[data-template="cinematic"] .hero-cta {
        margin-top: 5px;
        padding: 0 0 2px;
        font-size: 0.58rem;
        line-height: 1.2;
        letter-spacing: 0.35px;
    }
}body[data-template="cinematic"] .hero-title {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: initial;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
    text-wrap: balance;
}@media (max-width: 640px) {
    body[data-template="cinematic"] .hero-title {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
        overflow-wrap: anywhere;
        text-wrap: balance;
        max-width: 100%;
    }
}body[data-template="cinematic"] .hero-cta {
    align-self: center;
    text-align: center;
}body[data-template="cinematic"] .post-layout {
    max-width: 1180px;
    padding-top: 14px;
}body[data-template="cinematic"] .post-layout .single-post {
    max-width: 920px;
}body[data-template="cinematic"] .breadcrumb {
    margin: 16px 0 14px;
    font-size: 0.82rem;
}body[data-template="cinematic"] .single-post-header {
    max-width: 920px;
    margin: 0 auto 18px;
    padding-top: 8px;
    gap: 7px;
}body[data-template="cinematic"] .single-post-header h1 {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    font-size: clamp(1.8rem, 3.05vw, 2.9rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
    overflow-wrap: normal;
}body[data-template="cinematic"] .single-post-header .meta-author,
body[data-template="cinematic"] .single-post-header .meta-date {
    font-size: 0.88rem;
}body[data-template="cinematic"] .visitor-rating {
    max-width: 860px;
    margin: 16px auto 20px;
}body[data-template="cinematic"] .single-post-image {
    width: min(920px, 100%);
    max-width: 100%;
    margin: 0 auto 24px;
    transform: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 38px -28px rgba(0,0,0,.92);
}body[data-template="cinematic"] .single-post-image img {
    display: block;
    width: 100%;
    height: auto;
}body[data-template="cinematic"] .single-post-content {
    max-width: 860px;
    margin: 0 auto;
    font-size: 1.02rem;
    line-height: 1.78;
    text-align: left;
}body[data-template="cinematic"] .single-post-content p {
    max-width: 74ch;
    margin: 0 0 1em;
}body[data-template="cinematic"] .single-post-content h2 {
    margin: 1.65em 0 .68em;
}body[data-template="cinematic"] .single-post-content h3 {
    margin: 1.4em 0 .56em;
}@media (max-width: 640px) {
    body[data-template="cinematic"] .post-layout { padding-top: 8px; }
    body[data-template="cinematic"] .breadcrumb {
        margin: 12px 0 10px;
        font-size: .74rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }
    body[data-template="cinematic"] .single-post-header {
        max-width: none;
        margin-bottom: 14px;
        padding-top: 4px;
        gap: 6px;
    }
    body[data-template="cinematic"] .single-post-header h1 {
        width: 100%;
        max-width: none;
        font-size: clamp(1.25rem, 5.6vw, 1.52rem);
        line-height: 1.15;
        letter-spacing: -0.025em;
        text-wrap: pretty;
    }
    body[data-template="cinematic"] .single-post-header .meta-author,
    body[data-template="cinematic"] .single-post-header .meta-date { font-size: .78rem; }
    body[data-template="cinematic"] .visitor-rating { margin: 14px auto 16px; }
    body[data-template="cinematic"] .single-post-image {
        width: 100%;
        margin: 0 auto 16px;
        border-radius: 14px;
    }
    body[data-template="cinematic"] .single-post-content {
        font-size: .98rem;
        line-height: 1.7;
    }
    body[data-template="cinematic"] .single-post-content p {
        max-width: 100%;
        margin-bottom: .9em;
    }
}body[data-template="cinematic"] .hero-dots {
    display: none;
}body[data-template="cinematic"] .recent-scroll {
    display: flex;
    grid-template-columns: none;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    padding: 10px 2px 8px;
    margin: 0 -2px;
    -webkit-overflow-scrolling: touch;
}body[data-template="cinematic"] .recent-scroll .post-card,
body[data-template="cinematic"] .recent-scroll .post-card:first-child {
    flex: 0 0 240px;
    width: 240px;
    min-width: 240px;
    grid-column: auto;
    scroll-snap-align: start;
}body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-thumb {
    aspect-ratio: 16 / 8.5;
}body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-title {
    font-size: 1.1rem;
}body[data-template="cinematic"] .recent-arrows {
    display: flex;
}@media (max-width: 640px) {
    
    body[data-template="cinematic"] .hero-title {
        max-width: 94%;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(0.82rem, 4.15vw, 1.02rem);
        line-height: 1.08;
        letter-spacing: -0.08px;
    }
    body[data-template="cinematic"] .hero-meta-row,
    body[data-template="cinematic"] .hero-meta-row .meta-author,
    body[data-template="cinematic"] .hero-meta-row .meta-date {
        font-size: 0.52rem;
    }
    body[data-template="cinematic"] .hero-cta {
        font-size: 0.54rem;
        margin-top: 4px;
    }

    body[data-template="cinematic"] .recent-scroll {
        display: flex;
        grid-template-columns: none;
        gap: 12px;
        overflow-x: auto;
    }
    body[data-template="cinematic"] .recent-scroll .post-card,
    body[data-template="cinematic"] .recent-scroll .post-card:first-child {
        flex: 0 0 168px;
        width: 168px;
        min-width: 168px;
        grid-column: auto;
    }
    body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-thumb {
        aspect-ratio: 4 / 5;
    }
    body[data-template="cinematic"] .recent-scroll .post-card:first-child .post-card-title {
        font-size: 0.84rem;
    }
}@media (max-width: 640px) {
    
    body[data-template="cinematic"] .hero-title {
        display: block;
        width: 92%;
        max-width: 92%;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(0.64rem, 2.7vw, 0.78rem);
        line-height: 1.1;
        letter-spacing: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        text-wrap: nowrap;
        -webkit-line-clamp: unset;
        -webkit-box-orient: initial;
    }

    
    body[data-template="cinematic"] .hero-actions {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        z-index: 1200;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        justify-content: center;
        pointer-events: none;
    }
    body[data-template="cinematic"] .hero-actions .btn {
        width: min(100%, 430px);
        min-width: 0;
        padding: 11px 18px;
        font-size: 0.74rem;
        line-height: 1.2;
        letter-spacing: 0.12em;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
        pointer-events: auto;
    }

    
    body[data-template="cinematic"] .paragraph-section .single-post-content {
        font-size: 0.88rem;
        line-height: 1.64;
    }
    body[data-template="cinematic"] .paragraph-section .single-post-content p {
        max-width: 100%;
        margin-bottom: 0.86em;
        text-align: justify;
        text-justify: inter-word;
        overflow-wrap: break-word;
    }
}@media (max-width: 640px) {
    body[data-template="cinematic"] {
        padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px));
    }

    body[data-template="cinematic"] .hero-actions {
        left: 10px;
        right: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        width: auto;
        z-index: 1200;
    }
    body[data-template="cinematic"] .hero-actions .btn {
        width: 100%;
        max-width: none;
        min-height: 44px;
        padding: 11px 16px;
    }

    body[data-template="cinematic"] .site-bottom-nav {
        left: 50%;
        right: auto;
        bottom: calc(60px + env(safe-area-inset-bottom, 0px));
        width: 218px;
        min-width: 0;
        transform: translateX(-50%);
        padding: 4px;
        border: 1px solid rgba(var(--red-vivid-rgb), .32);
        border-radius: 999px;
        background: rgba(var(--theme-dark-deep-rgb), .92);
        box-shadow: 0 10px 28px rgba(0, 0, 0, .48);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        overflow: hidden;
        z-index: 1150;
    }
    body[data-template="cinematic"] .site-bottom-nav a,
    body[data-template="cinematic"] .site-bottom-nav button {
        flex: 1 1 0;
        min-width: 0;
        padding: 6px 3px 5px;
        gap: 1px;
        border-radius: 999px;
        font-size: .49rem;
        line-height: 1.05;
    }
    body[data-template="cinematic"] .site-bottom-nav .bottom-nav-icon {
        width: 17px;
        height: 17px;
    }
    body[data-template="cinematic"] .site-bottom-nav a.active::before,
    body[data-template="cinematic"] .site-bottom-nav button.is-active::before {
        top: 1px;
        width: 18px;
        height: 2px;
    }
}@media (max-width: 640px) {
    body[data-template="cinematic"] {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    }

    
    body[data-template="cinematic"] .site-bottom-nav {
        display: none !important;
    }

    
    body[data-template="cinematic"] .nav-toggle {
        display: flex !important;
        flex: 0 0 auto;
        width: 38px;
        height: 38px;
        padding: 0;
        align-items: center;
        justify-content: center;
        gap: 4px;
        border: 1px solid rgba(var(--red-vivid-rgb), .32);
        border-radius: 9px;
        background: rgba(var(--theme-dark-deep-rgb), .72);
        box-shadow: none;
    }
    body[data-template="cinematic"] .nav-toggle span {
        width: 18px;
        height: 2px;
        border-radius: 2px;
    }

    
    body[data-template="cinematic"] .site-header {
        z-index: 1300;
    }
    body[data-template="cinematic"] .site-header .header-inner .site-nav {
        position: absolute !important;
        top: 100% !important;
        bottom: auto !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 8px !important;
        border-radius: 0 0 14px 14px !important;
        background: var(--theme-dark-footer) !important;
        border: 1px solid var(--border-soft) !important;
        border-top: 0 !important;
        box-shadow: 0 14px 28px rgba(0, 0, 0, .42) !important;
        transform: translateY(-8px) !important;
        transform-origin: top center !important;
        z-index: 1301 !important;
    }
    body[data-template="cinematic"] .site-header .header-inner .site-nav.open {
        transform: translateY(0) !important;
        max-height: min(62vh, 460px) !important;
    }

    
    body[data-template="cinematic"] .site-header .header-inner .site-nav:not(.search-mode) > .nav-home-link {
        display: block !important;
    }
    body[data-template="cinematic"] .site-header .header-inner .site-nav:not(.search-mode) > .header-search {
        display: flex !important;
    }
    body[data-template="cinematic"] .site-header .header-inner .header-search {
        margin: 7px 4px 3px !important;
    }

    
    body[data-template="cinematic"] .hero-actions {
        left: 10px;
        right: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        width: auto;
        padding: 0;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        z-index: 1200;
    }
    body[data-template="cinematic"] .hero-actions .btn {
        width: 100%;
        max-width: none;
        min-height: 44px;
        padding: 11px 16px;
        border: 1px solid var(--red-vivid) !important;
        border-radius: 8px !important;
        background: var(--red-primary) !important;
        color: var(--on-accent) !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        animation: none !important;
        opacity: 1;
    }
    body[data-template="cinematic"] .hero-actions .btn::before,
    body[data-template="cinematic"] .hero-actions .btn::after {
        display: none !important;
        content: none !important;
    }
    body[data-template="cinematic"] .hero-actions .btn:hover,
    body[data-template="cinematic"] .hero-actions .btn:active {
        transform: none;
        background: var(--red-primary) !important;
        box-shadow: none !important;
    }
}.site-floating-cta { display: none; }@media (max-width: 640px) {
    
    body[data-template="cinematic"] .recent .section-title,
    body[data-template="cinematic"] .custom-slider-section .section-title,
    body[data-template="cinematic"] .review-section .section-title,
    body[data-template="cinematic"] .genre-section .section-title,
    body[data-template="cinematic"] .faq-section .section-title,
    body[data-template="cinematic"] .lists-section .section-title,
    body[data-template="cinematic"] .paragraph-section .section-title,
    body[data-template="cinematic"] .subheading-section .section-title {
        font-size: 0.92rem;
        line-height: 1.2;
        letter-spacing: 1.35px;
        margin-bottom: 14px;
    }
    body[data-template="cinematic"] .recent .section-title::after,
    body[data-template="cinematic"] .custom-slider-section .section-title::after,
    body[data-template="cinematic"] .review-section .section-title::after,
    body[data-template="cinematic"] .genre-section .section-title::after,
    body[data-template="cinematic"] .faq-section .section-title::after,
    body[data-template="cinematic"] .lists-section .section-title::after,
    body[data-template="cinematic"] .paragraph-section .section-title::after,
    body[data-template="cinematic"] .subheading-section .section-title::after {
        width: 42px;
        height: 2px;
    }

    
    body[data-template="cinematic"] .hero-actions {
        display: none !important;
    }

    
    body[data-template="cinematic"] .site-floating-cta {
        position: fixed;
        display: flex;
        left: 10px;
        right: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        z-index: 1200;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }
    body[data-template="cinematic"] .site-floating-cta .akses-premium-btn {
        pointer-events: auto;
    }
    body[data-template="cinematic"] .site-floating-cta .btn {
        display: inline-flex;
        width: min(100%, 430px);
        min-width: 0;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 11px 16px;
        border: 1px solid var(--red-vivid) !important;
        border-radius: 8px !important;
        background: var(--red-primary) !important;
        color: var(--on-accent) !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        animation: none !important;
        opacity: 1;
        font-size: 0.74rem;
        line-height: 1.2;
        letter-spacing: 0.12em;
        pointer-events: auto;
        overflow: visible;
    }
    body[data-template="cinematic"] .site-floating-cta .btn::before,
    body[data-template="cinematic"] .site-floating-cta .btn::after {
        display: none !important;
        content: none !important;
    }
    body[data-template="cinematic"] .site-floating-cta .btn:hover,
    body[data-template="cinematic"] .site-floating-cta .btn:active {
        transform: none !important;
        background: var(--red-primary) !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
}@media (max-width: 640px) {
    
    body[data-template="cinematic"] .lists-section .lists-scroll {
        max-height: 190px;
        padding: 8px 10px;
    }
    body[data-template="cinematic"] .lists-section .lists-content {
        font-size: 0.74rem;
        line-height: 1.38;
    }
    body[data-template="cinematic"] .lists-section .lists-content ul,
    body[data-template="cinematic"] .lists-section .lists-content ol {
        padding-left: 18px;
    }
    body[data-template="cinematic"] .lists-section .lists-content li {
        margin: 0;
        padding: 3px 0;
        line-height: 1.38;
    }

    
    body[data-template="cinematic"] .faq-list {
        gap: 7px;
    }
    body[data-template="cinematic"] .faq-question {
        gap: 9px;
        padding: 10px 12px;
        font-size: 0.76rem;
        line-height: 1.32;
    }
    body[data-template="cinematic"] .faq-question::before {
        width: 18px;
        height: 18px;
        font-size: 0.88rem;
        line-height: 1;
    }
    body[data-template="cinematic"] .faq-answer {
        padding: 0 12px 11px;
        font-size: 0.73rem;
        line-height: 1.5;
    }

    
    body[data-template="cinematic"] .footer-about p {
        width: 100%;
        max-width: none;
        text-align: justify;
        text-justify: inter-word;
        overflow-wrap: break-word;
    }

}body[data-template="cinematic"] .akses-premium-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding: 24px 62px;
    font-family: "Cinzel", serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 2.5px;
    white-space: nowrap;
    color: #4a2f04;
    text-decoration: none;
    background: linear-gradient(180deg, #fff2c9 0%, #f5c451 30%, #c88a15 65%, #f5d876 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    animation: akpGoldBreathe 2.4s ease-in-out infinite;
    transition: transform .15s ease, box-shadow .15s ease;
}@keyframes akpGoldBreathe {
    0%,100% { box-shadow: 0 2px 0 #8a5c0a, 0 10px 22px rgba(217,154,31,0.45), inset 0 2px 0 rgba(255,255,255,0.65), inset 0 -4px 8px rgba(120,70,0,0.35); }
    50% { box-shadow: 0 2px 0 #8a5c0a, 0 14px 38px rgba(255,196,60,0.8), inset 0 2px 0 rgba(255,255,255,0.75), inset 0 -4px 8px rgba(120,70,0,0.35); }
}body[data-template="cinematic"] .akses-premium-btn::before {
    content: "";
    position: absolute;
    top: 0; left: -75%;
    width: 45%; height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.95), transparent);
    transform: skewX(-20deg);
    animation: akpShine 2.6s ease-in-out infinite;
}@keyframes akpShine { 0% { left: -75%; } 55% { left: 130%; } 100% { left: 130%; } }body[data-template="cinematic"] .akses-premium-btn:hover { transform: translateY(-3px) scale(1.03); }body[data-template="cinematic"] .akses-premium-btn:active { transform: translateY(1px) scale(0.98); box-shadow: 0 1px 0 #8a5c0a, inset 0 3px 8px rgba(120,70,0,0.5) !important; }body[data-template="cinematic"] .akp-icon {
    width: 19px;
    height: 19px;
    margin-right: 9px;
    flex: 0 0 auto;
}body[data-template="cinematic"] .akp-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}body[data-template="cinematic"] .akp-sparkle {
    position: absolute;
    width: 6px; height: 6px;
    background: #fff;
    clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
    opacity: 0;
    pointer-events: none;
}body[data-template="cinematic"] .akp-s1 { top: -6px; left: 8%; animation: akpSparkle 2.4s ease-in-out infinite; }body[data-template="cinematic"] .akp-s2 { bottom: -4px; right: 12%; animation: akpSparkle 2.4s ease-in-out infinite .8s; }body[data-template="cinematic"] .akp-s3 { top: 10%; right: -6px; animation: akpSparkle 2.4s ease-in-out infinite 1.6s; }@keyframes akpSparkle { 0%, 100% { opacity: 0; transform: scale(0.3) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(90deg); } }@media (max-width: 640px) {
    
    body[data-template="cinematic"] {
        padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
    }

    
    body[data-template="cinematic"] .site-floating-cta {
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    
    body[data-template="cinematic"] .site-floating-cta .akses-premium-btn {
        width: auto;
        max-width: 100%;
        padding: clamp(18px, 6.15vw, 24px) clamp(34px, 15.9vw, 62px);
        font-size: clamp(16px, 5.4vw, 21px);
        letter-spacing: clamp(1.6px, .64vw, 2.5px);
        pointer-events: auto;
    }
}