/**
 * Anasayfa zigzag geçişleri — statik kurallar (mask: orvix-zigzag-vars.css).
 * Dinamik bölüm renkleri: orvix-hero-zigzag-vars partial.
 */
.orvix-hero {
    position: relative;
}

.orvix-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 32px;
    z-index: 2;
    pointer-events: none;
    background-color: var(--orvix-next-section-bg, #f4f6f8);
    -webkit-mask-image: var(--orvix-zigzag-mask);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-position: left top;
    -webkit-mask-size: 150px 32px;
    mask-image: var(--orvix-zigzag-mask);
    mask-repeat: repeat-x;
    mask-position: left top;
    mask-size: 150px 32px;
    transform: scaleY(-1);
}

html[data-bs-theme="dark"] .orvix-hero::after {
    display: none !important;
    content: none !important;
}

.orvix-popular-games {
    position: relative;
}

.orvix-popular-games::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 32px;
    z-index: 2;
    pointer-events: none;
    background-color: var(--orvix-prev-section-bg, #f4f6f8);
    -webkit-mask-image: var(--orvix-zigzag-mask);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-position: left top;
    -webkit-mask-size: 150px 32px;
    mask-image: var(--orvix-zigzag-mask);
    mask-repeat: repeat-x;
    mask-position: left top;
    mask-size: 150px 32px;
}