/* Miovie 3.9.4: spacious hero with a separate navigation row. */
.hero-slider{--hero-gutter:max(4vw,calc((100% - 1320px)/2));display:grid;height:auto;min-height:640px}
.hero-slide{position:relative;inset:auto;grid-area:1/1;min-width:0;min-height:640px;align-items:center}
.hero-copy{padding-top:72px;padding-bottom:158px}
.hero-copy .eyebrow{font-size:11px;letter-spacing:2.2px;margin-bottom:22px}
.hero-copy h1{max-width:850px;font-size:clamp(44px,6.3vw,88px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:anywhere;text-wrap:balance}
.hero-meta{gap:18px;align-items:center;font-size:13px;font-weight:600;color:#d2d6db}
.hero-meta span+span:before{margin-right:18px;color:var(--lime)}
.hero-copy p{max-width:610px;margin:24px 0 0;font-size:17px;line-height:1.8;color:#c9ced5;text-wrap:pretty}
.hero-actions{gap:14px;flex-wrap:wrap;align-items:center;margin-top:30px}
.hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;border-radius:12px;font-size:14px;line-height:1.4}
.hero-actions .btn.ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-actions .btn.ghost:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.hero-slider .hero-arrow{top:auto;bottom:60px;left:auto;width:46px;height:46px;transform:none;opacity:.85;background:rgba(18,21,25,.72);border-color:rgba(255,255,255,.18)}
.hero-slider .hero-prev{right:calc(var(--hero-gutter) + 58px)}
.hero-slider .hero-next{right:var(--hero-gutter)}
.hero-slider .hero-arrow:hover{transform:translateY(-2px);color:var(--lime);border-color:var(--lime)}
.hero-slider .hero-arrow:active{transform:scale(.95)}
.hero-slider .slider-dots{left:var(--hero-gutter);bottom:69px;transform:none;width:auto;max-width:calc(100% - 2 * var(--hero-gutter) - 140px);min-height:28px;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin:0}
.hero-slider .slider-dots button{position:relative;flex:0 0 20px;width:20px;height:28px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1}
.hero-slider .slider-dots button:after{content:'';position:absolute;left:0;right:0;top:12px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);transition:background .2s}
.hero-slider .slider-dots button.active{flex-basis:34px;width:34px;background:transparent;box-shadow:none}
.hero-slider .slider-dots button.active:after,.hero-slider .slider-dots button:hover:after{background:var(--lime)}
.hero-slider .slider-dots button:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:5px}
@media(max-width:700px){.hero-slider,.hero-slide{min-height:620px}.hero-copy{padding-top:56px;padding-bottom:156px}.hero-copy h1{font-size:clamp(38px,9vw,60px);margin-bottom:20px}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy p{font-size:15px;line-height:1.75;margin-top:20px}.hero-actions{margin-top:26px;gap:10px}.hero-actions .btn{min-height:48px;padding:12px 18px}.hero-slider .hero-arrow{display:grid;bottom:58px;width:42px;height:42px}.hero-slider .hero-prev{right:calc(var(--hero-gutter) + 52px)}.hero-slider .slider-dots{bottom:58px;max-width:calc(100% - 2 * var(--hero-gutter) - 114px);gap:4px}.hero-slider .slider-dots button{flex-basis:12px;width:12px}.hero-slider .slider-dots button.active{flex-basis:22px;width:22px}}
@media(prefers-reduced-motion:reduce){.hero-slider .slider-dots button:after{transition:none}}

/* V3.9.5: minimal line navigation, matching the reference. */
.hero-slider .hero-arrow{display:none}
.hero-slider .slider-dots{left:var(--hero-gutter);bottom:60px;right:auto;max-width:calc(100% - 2 * var(--hero-gutter));width:auto;gap:8px;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.hero-slider .slider-dots button{flex:0 0 25px;width:25px;height:32px;padding:0;opacity:1;background:transparent;border:0;box-shadow:none}
.hero-slider .slider-dots button:after{top:14px;height:4px;border-radius:999px;background:rgba(255,255,255,.32);transition:background .2s ease}
.hero-slider .slider-dots button.active{flex-basis:43px;width:43px;background:transparent;box-shadow:none}
.hero-slider .slider-dots button.active:after{background:var(--lime)}
.hero-slider .slider-dots button:not(.active):hover:after{background:rgba(255,255,255,.7)}
@media(max-width:440px){.hero-slider .slider-dots{gap:6px;bottom:56px}.hero-slider .slider-dots button{flex-basis:19px;width:19px}.hero-slider .slider-dots button.active{flex-basis:33px;width:33px}}
@media(prefers-reduced-motion:reduce){.hero-slider .slider-dots button:after{transition:none}}

/* V3.9.7: shared content edges for hero and film shelves. */
.hero-slider{--hero-gutter:max(4vw,calc((100% - 1320px)/2));grid-template-columns:minmax(0,1fr);width:100%}
.hero-slider .hero-copy{width:min(1320px,92%);max-width:none;margin-inline:auto;padding-inline:48px;box-sizing:border-box}
.hero-slider .slider-dots{left:calc(var(--hero-gutter) + 48px);max-width:calc(100% - 2 * var(--hero-gutter) - 96px)}
@media(max-width:620px){.hero-slider .hero-copy{padding-inline:0}.hero-slider .slider-dots{left:var(--hero-gutter);max-width:calc(100% - 2 * var(--hero-gutter))}}

/* Share the exact header/container edge without nested horizontal inset. */
.hero-slider{--hero-gutter:var(--site-gutter,max(4%,calc((100% - 1320px)/2)))}
.hero-slider .hero-copy{width:var(--site-content-width,min(1320px,92%));margin-inline:auto;padding-left:0;padding-right:0}
.hero-slider .slider-dots{left:var(--hero-gutter);max-width:calc(100% - 2 * var(--hero-gutter))}

/* V5.0 — sinematik yeniden tasarım */
.hero-slider{position:relative;isolation:isolate}
.hero-slide{background-size:106% auto;transition:opacity .9s ease}
.hero-slide.active{animation:heroKenBurns 11s ease-in-out infinite alternate}
@keyframes heroKenBurns{from{background-size:106% auto;background-position:center 28%}to{background-size:118% auto;background-position:center 34%}}
@media(prefers-reduced-motion:reduce){.hero-slide.active{animation:none}}

.hero-shade{background:
  radial-gradient(ellipse 90% 70% at 18% 100%,rgba(9,10,11,.55),transparent 60%),
  linear-gradient(100deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.86) 30%,rgba(5,6,7,.35) 58%,rgba(5,6,7,.05) 78%),
  linear-gradient(0deg,var(--bg) 0%,rgba(5,6,7,.15) 38%,transparent 62%),
  linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 20%)!important}

.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 11px;border-radius:999px;background:rgba(223,255,53,.1);border:1px solid rgba(223,255,53,.28);color:var(--lime);font-size:11px}
.hero-copy .eyebrow:before{content:'';width:6px;height:6px;border-radius:99px;background:var(--lime);box-shadow:0 0 10px 2px color-mix(in srgb,var(--lime) 70%,transparent)}
.hero-copy h1{text-shadow:0 8px 40px rgba(0,0,0,.55);font-weight:800}

.hero-meta{gap:0}
.hero-meta span{display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:12.5px;font-weight:700;color:#e5e7ea;margin-right:8px;backdrop-filter:blur(6px)}
.hero-meta span+span:before{content:none!important;margin:0}

.hero-actions .btn{position:relative;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.hero-actions .btn:not(.ghost){box-shadow:0 10px 30px -6px color-mix(in srgb,var(--lime) 55%,transparent)}
.hero-actions .btn:not(.ghost):hover{transform:translateY(-2px);box-shadow:0 16px 38px -6px color-mix(in srgb,var(--lime) 65%,transparent)}
.hero-actions .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.hero-actions .btn.ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}

.hero-slider .slider-dots button:after{height:3px;background:rgba(255,255,255,.24)}
.hero-slider .slider-dots button.active:after{box-shadow:0 0 12px 1px color-mix(in srgb,var(--lime) 65%,transparent)}

.hero-slider:after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none;z-index:3}