.cc_bd3sqPFa4e_D2PAp056dk .ss-hero { position: relative; width: 100%; height: var(--h-d); overflow: hidden; color: #fff; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* Kapak görseli videonun üstünde durur (LCP); video oynamaya başlayınca yumuşakça kaybolur. */
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__poster { pointer-events: none; transition: opacity .4s ease; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__poster.is-off { opacity: 0; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero.is-dark::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 30%, rgba(0,0,0,.78) 100%); }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__in { position: absolute; z-index: 1; left: 0; right: 0; bottom: 48px; padding: 0 16px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__rating { font-size: 14px; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__rating b { font-weight: 700; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__stars { letter-spacing: 3px; margin-right: 8px; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { margin: 0; font-family: "Manrope", sans-serif; font-weight: 800; font-size: 60px; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; color: #fff; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__text { margin: 0; font-size: 17px; line-height: 1.5; color: #e9e6e0; max-width: 560px; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero .ss-hero__in .ss-hero__cta { margin-top: 4px; min-width: 320px; height: 54px; background: #fff; color: #1d1d1f; font-size: 14px; letter-spacing: .1em; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__marks { display: flex; gap: 44px; margin-top: 10px; font-size: 13px; color: #e9e6e0; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__marks span { display: flex; align-items: center; gap: 10px; }
@media (max-width: 900px) {
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero { height: var(--h-m); }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__in { bottom: 28px; gap: 12px; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { font-size: 40px; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__text { font-size: 15px; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero .ss-hero__in .ss-hero__cta { min-width: 0; width: 100%; max-width: 360px; height: 50px; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__marks { gap: 16px; font-size: 11.5px; flex-wrap: wrap; justify-content: center; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__marks svg { width: 18px; height: 18px; }
}

/* Sade banner (21.10): ince, aralıklı büyük harf başlık + tek, daha küçük buton; daha hafif karartma */
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero.is-dark::after { background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.55) 100%); }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__in { gap: 18px; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { font-family: var(--ss-font); font-weight: 600; font-size: 40px; line-height: 1.15; letter-spacing: .08em; max-width: 900px; text-wrap: balance; }
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero .ss-hero__in .ss-hero__cta { min-width: 0; height: 46px; padding: 0 30px; font-size: 13px; font-weight: 600; letter-spacing: .14em; }
@media (max-width: 900px) {
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__in { bottom: 32px; gap: 16px; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { font-size: 25px; letter-spacing: .07em; }
  .cc_bd3sqPFa4e_D2PAp056dk .ss-hero .ss-hero__in .ss-hero__cta { width: auto; height: 44px; padding: 0 26px; }
}

/* Başlık yine Manrope (22.10, kullanıcı: önceki yazı tipi daha özgün) — sade düzen korunur */
.cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { font-family: "Manrope", sans-serif; font-weight: 800; font-size: 48px; letter-spacing: .01em; line-height: 1.05; }
@media (max-width: 900px) { .cc_bd3sqPFa4e_D2PAp056dk .ss-hero__title { font-size: 32px; letter-spacing: 0; } }