/* The source component stays isolated from Pay2Zone's original hero/promo selectors. */
/* 100vw dikey scrollbar payini da icerir; ayni hizada olan parent genisligi tasma olusturmaz. */
.pay2-home-hero.home-hero{display:block;width:100%;max-width:none;margin:0;--container:1680px;--primary:var(--blue);--primary-hover:#70bcff;--muted:var(--panel)}
.pay2-home-hero .home-hero__inner{max-width:none;padding-inline:0}
.pay2-home-hero .home-hero__grid--single{grid-template-columns:minmax(0,1fr)}
.pay2-home-hero .hero-box{aspect-ratio:800/589}
.pay2-home-hero .hero-box__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;padding:24px;text-shadow:0 2px 8px #000}
.pay2-home-hero .hero-box__content strong{font-size:24px;line-height:1.25;overflow-wrap:anywhere}
.pay2-home-hero .hero-box__content>span{font-size:13px;font-weight:700}
.pay2-home-hero .hero-slide__text{min-width:0;max-width:46%;overflow-wrap:anywhere}
.pay2-home-hero .hero-slide__summary{font-size:18px;line-height:1.5}
.pay2-home-hero .hero-slide__title em{background:none;color:var(--blue);-webkit-text-fill-color:currentColor}
.pay2-home-hero .hero-slide__cta{color:#081020;letter-spacing:0;box-shadow:none}
.pay2-home-hero .hero-bullet--active{box-shadow:0 2px 12px #459fea66}
.pay2-home-hero .hero-nav>span{font-size:36px;line-height:1}
.pay2-home-hero .hero-pause{position:absolute;bottom:14px;right:14px;width:36px;height:36px;z-index:12;border:1px solid #ffffff45;background:#080f20cc;color:#fff;border-radius:50%;display:grid;place-items:center}
.pay2-home-hero .hero-pause span{font-size:18px;line-height:1}
.pay2-home-hero .home-swiper.swiper-initialized .hero-slide:not(.swiper-slide-active){pointer-events:none}
.pay2-home-hero .home-swiper:not(.swiper-initialized) .hero-slide:not(:first-child){display:none}
.pay2-home-hero .home-swiper:not(.swiper-initialized) .hero-pagination,
.pay2-home-hero .home-swiper:not(.swiper-initialized) .hero-nav,
.pay2-home-hero .home-swiper:not(.swiper-initialized) .hero-pause{display:none}
@media(max-width:1100px){.pay2-home-hero .hero-slide__title{font-size:36px}}
@media(max-width:1024px){.pay2-home-hero .hero-side .hero-box{aspect-ratio:16/8}}
@media(max-width:900px){
    /* Panelden yuklenen diger boyutlarda da sabit oran, slider yuksekligini korur. */
    .pay2-home-hero .home-swiper{aspect-ratio:16/7}
    .pay2-home-hero .home-swiper .swiper-wrapper,.pay2-home-hero .home-swiper .swiper-slide,.pay2-home-hero .hero-slide{height:100%}
    .pay2-home-hero .hero-slide__bg{position:absolute;inset:0}
    .pay2-home-hero .hero-slide__cover{position:absolute;inset:0;height:100%;object-fit:cover}
    .pay2-home-hero .hero-slide__content{padding:20px 24px 44px}
    .pay2-home-hero .hero-slide__text{gap:10px;max-width:48%}
    .pay2-home-hero .hero-slide__title{font-size:28px}
    .pay2-home-hero .hero-slide__summary{display:none}
    .pay2-home-hero .hero-slide__cta{height:34px;padding:0 16px;font-size:12px}
}
@media(max-width:560px){
    .pay2-home-hero .hero-slide__content{padding:12px 14px 30px}
    .pay2-home-hero .hero-slide__title{font-size:18px;line-height:1.15}
    .pay2-home-hero .hero-slide__tag{display:none}
    .pay2-home-hero .hero-slide__text{gap:6px;max-width:62%}
    .pay2-home-hero .hero-slide__cta{height:28px;padding:0 12px;font-size:11px}
    .pay2-home-hero .hero-pause{bottom:5px;right:8px;width:26px;height:26px}
    .pay2-home-hero .hero-box__content strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.pay2-home-hero *{transition:none!important;scroll-behavior:auto!important}}
