/* Ana sayfa vitrini: banner and category-card slides. Slides are stacked and cross-faded. */
.home-slides{position:absolute;inset:0;overflow:hidden}
.home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.home-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.home-slide picture,.home-slide__link{display:block;width:100%;height:100%}
.home-slide img,.home-slide video{display:block;width:100%;height:100%;object-fit:cover}
.alazan-site .home-hero{background:#ebe9e5}
.home-hero .home-slide img,.home-hero .home-slide video{object-position:center 38%}
.home-hero:after{pointer-events:none;z-index:1}
.home-hero--plain:after{display:none}
.home-hero .sale-copy{z-index:3}
.category-card .home-slides{z-index:0}
.category-card:after{z-index:1}
.category-card span{z-index:2}

.home-nav{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.home-dot{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.home-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s,transform .2s}
.home-dot.is-active:before{background:#fff;transform:scale(1.25)}
.home-toggle{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.home-toggle span{width:8px;height:10px;border-left:3px solid #fff;border-right:3px solid #fff}
.home-hero.is-paused .home-toggle span{width:0;height:0;border:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.home-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.82);color:#111;font-size:28px;line-height:1;cursor:pointer;opacity:0;transition:opacity .25s}
.home-arrow--prev{left:18px}.home-arrow--next{right:18px}
.home-hero:hover .home-arrow,.home-arrow:focus-visible{opacity:1}
.home-dot:focus-visible,.home-toggle:focus-visible,.home-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(hover:none){.home-arrow{display:none}}
@media(max-width:580px){.home-nav{bottom:14px}}
@media(prefers-reduced-motion:reduce){.home-slide,.home-slide.is-active{transition:none}}