.ay-kg { position: relative; width: 100%; max-width: 500px; margin: 0 auto; line-height: 0; }
.ay-kg::before { content: ""; position: absolute; left: 50%; top: 52%; width: 96%; height: 90%; transform: translate(-50%, -50%); z-index: 0; border-radius: 50%; filter: blur(30px);
    background: radial-gradient(ellipse at center, rgba(var(--abr-7c4dff, 124, 77, 255), .7), transparent 68%); animation: ayKgNefes 4.5s ease-in-out infinite; }
.ay-kg > img { display: block; }

.ay-sl-art .ay-kg > img, .ay-hero-art .ay-kg > img { animation: none !important; transform: none !important; max-width: none !important; max-height: none !important; margin: 0 !important; }
.ay-sl-art .ay-kg > img.ay-kg-ana, .ay-hero-art .ay-kg > img.ay-kg-ana { width: 100% !important; height: auto !important; }
.ay-sl-art .ay-kg > img:not(.ay-kg-ana), .ay-hero-art .ay-kg > img:not(.ay-kg-ana) { width: 100% !important; height: 100% !important; }
.ay-kg .ay-kg-ana { position: relative; z-index: 1; width: 100%; height: auto; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .35)); animation: none; }
.ay-kg .ay-kg-tema { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; }
.ay-kg .ay-kg-led, .ay-kg-parla { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; }

.ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led, .ay-kg .ay-kg-led { animation: ayKgLed 1.4s ease-in-out infinite !important; }
.ay-kg .ay-kg-led.g2, .ay-sl-art .ay-kg > img.ay-kg-led.g2, .ay-hero-art .ay-kg > img.ay-kg-led.g2 { animation-delay: .7s !important; }
.ay-kg .ay-kg-led { animation: ayKgLed 1.4s ease-in-out infinite; filter: brightness(1.9) drop-shadow(0 0 4px #ffb21c) drop-shadow(0 0 2px #fff3c4); mix-blend-mode: screen; }
.ay-kg .ay-kg-led.g2 { animation-delay: .7s; }
.ay-kg-parla { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    background: linear-gradient(105deg, transparent 0 40%, rgba(255, 255, 255, .9) 48%, rgba(255, 250, 220, .55) 52%, transparent 60% 100%) no-repeat; background-size: 300% 100%;
    animation: ayKgParla 3.2s ease-in-out infinite; }
.ay-kg-yz { position: absolute; z-index: 3; width: 22px; height: 22px; background: #ffd666; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
    filter: drop-shadow(0 0 6px #ffd666) drop-shadow(0 0 12px rgba(255, 214, 102, .6)); animation: ayKgYz 1.8s ease-in-out infinite, ayKgSuz 5s ease-in-out infinite; }
.ay-kg-yz.s1 { left: 1%; top: 6%; }
.ay-kg-yz.s2 { right: 0; top: 40%; width: 16px; height: 16px; background: #fff; animation-delay: .9s, 1s; }
.ay-kg-yz.s3 { left: 6%; bottom: 4%; width: 14px; height: 14px; animation-delay: 1.7s, 2s; }
.ay-kg-yz.s4 { right: 8%; top: 2%; width: 24px; height: 24px; animation-delay: .4s, 3s; }
.ay-kg-yz.s5 { right: 4%; bottom: 8%; width: 18px; height: 18px; background: #fff3c4; animation-delay: 1.3s, 4s; }
.ay-kg-yz.s6 { left: -2%; top: 48%; width: 12px; height: 12px; background: #fff; animation-delay: 2.1s, 5s; }
@keyframes ayKgNefes { 0%, 100% { opacity: .55; transform: translate(-50%, -50%) scale(.94); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } }
@keyframes ayKgLed { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
@keyframes ayKgParla { 0%, 45% { background-position: 120% 0; } 100% { background-position: -20% 0; } }
@keyframes ayKgYz { 0%, 100% { opacity: 0; transform: scale(.2); } 45% { opacity: 1; transform: scale(1.5); } 60% { opacity: 1; transform: scale(1.2); } }
@keyframes ayKgSuz { 0% { translate: 0 0; rotate: 0deg; } 25% { translate: 22px -26px; rotate: 90deg; } 50% { translate: 0 -44px; rotate: 180deg; } 75% { translate: -22px -20px; rotate: 270deg; } 100% { translate: 0 0; rotate: 360deg; } }
.ay-kg .ay-kg-led, .ay-kg-parla { opacity: 0; } }

.ay-kg-yorunge { position: absolute; z-index: 0; left: 50%; top: 50%; width: 112%; aspect-ratio: 1; transform: translate(-50%, -50%) scaleY(.82); pointer-events: none; }
.ay-kg-yorunge > span { position: absolute; inset: 0; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, .28); animation: ayKgYorunge 18s linear infinite; }
.ay-kg-yorunge > span::after { content: ""; position: absolute; top: 9%; left: 17%; width: 14px; height: 14px; border-radius: 50%; background: #fdca00; box-shadow: 0 0 14px 3px #fdca00, 0 0 30px 6px rgba(253, 202, 0, .45); }
@keyframes ayKgYorunge { to { transform: rotate(360deg); } }

.ay-kg-p { position: absolute; z-index: 3; display: block; line-height: 0; pointer-events: none; }
.ay-sl-art .ay-kg .ay-kg-p img, .ay-hero-art .ay-kg .ay-kg-p img, .ay-kg-p img { display: block; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; animation: none !important; }
.ay-kg-etiket { transform-origin: 12% 100%; animation: ayKgEtiket 3.4s ease-in-out infinite; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .3)); }
.ay-kg-oran { transform-origin: 40% 55%; animation: ayKgOran 2.6s ease-in-out infinite; }
.ay-kg-pp { position: absolute; inset: 0; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background: linear-gradient(105deg, transparent 0 40%, rgba(255, 255, 255, .9) 48%, rgba(255, 250, 220, .55) 52%, transparent 60% 100%) no-repeat; background-size: 300% 100%; animation: ayKgParla 3.2s ease-in-out infinite; }
@keyframes ayKgEtiket { 0%, 100% { transform: scale(1.02) rotate(0); } 30% { transform: scale(1.06) rotate(-1.6deg); } 60% { transform: scale(1.04) rotate(.8deg); } }
@keyframes ayKgOran { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.07); } 60% { transform: scale(1.05); } }

.ay-kg::before { opacity: .45; animation: none; }
.ay-kg-yorunge { display: none; }
.ay-kg-yz { width: 12px; height: 12px; filter: none; animation: ayKgYzSade 2.6s ease-in-out infinite; }
.ay-kg-yz.s2, .ay-kg-yz.s3, .ay-kg-yz.s6 { width: 8px; height: 8px; }
.ay-kg-yz.s4, .ay-kg-yz.s5 { display: none; }
@keyframes ayKgYzSade { 0%, 100% { opacity: .35; transform: scale(.6); } 50% { opacity: 1; transform: scale(1); } }
.ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led, .ay-kg .ay-kg-led { animation-duration: 2.2s !important; filter: brightness(1.25); }
@keyframes ayKgLed { 0%, 100% { opacity: 0; } 50% { opacity: .7; } }
.ay-kg-oran { animation: ayKgOranSade 4s ease-in-out infinite; }
@keyframes ayKgOranSade { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } }
.ay-kg-etiket { animation: ayKgEtiketSade 4s ease-in-out infinite; filter: none; }
@keyframes ayKgEtiketSade { 0%, 100% { transform: scale(1.01) rotate(0); } 50% { transform: scale(1.02) rotate(-1deg); } }
.ay-kg-pp, .ay-kg-parla { animation-duration: 7s; opacity: .6; }

.ay-kg-oran { animation: none; }
.ay-kg-pp, .ay-kg-parla { opacity: 1; animation: ayKgParla5 5s ease-in-out infinite; background: linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, .95) 47%, #fff 50%, rgba(255, 250, 220, .7) 53%, transparent 62% 100%) no-repeat; background-size: 300% 100%; }
.ay-kg-etiket .ay-kg-pp { animation-delay: .35s; }
@keyframes ayKgParla5 { 0%, 70% { background-position: 120% 0; } 100% { background-position: -20% 0; } }
.ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led, .ay-kg .ay-kg-led { animation-duration: 1.8s !important; filter: brightness(1.7) drop-shadow(0 0 3px #ffb21c); }
@keyframes ayKgLed { 0%, 100% { opacity: .1; } 50% { opacity: 1; } }

.ay-sl-art .ay-kg { max-width: 430px; margin-top: 10px; }
.ay-sl-art .ay-kg .ay-kg-ana { filter: none; }
.ay-sl-art .ay-kg::before { display: none; }
.ay-sl-art .ay-kg::after { content: ""; position: absolute; z-index: 0; left: 50%; bottom: -5%; width: 104%; height: 18%; transform: translateX(-50%); border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(var(--abr-7c4dff, 124, 77, 255), .55), rgba(var(--abr-7c4dff, 124, 77, 255), .22) 55%, transparent 72%); }

.ay-sl-art .ay-kg { max-width: 480px; }
.ay-sl-art .ay-kg { max-width: 540px; width: 540px; transform: perspective(1100px) rotateY(-14deg) rotateX(3deg); transform-origin: 70% 60%; }
@media (max-width: 1199px) { .ay-sl-art .ay-kg { width: 100%; max-width: 460px; } }

.ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led, .ay-kg .ay-kg-led { animation: ayKgLedB 1.5s steps(1, end) infinite !important; filter: brightness(2.3) drop-shadow(0 0 4px #ffb21c) drop-shadow(0 0 8px rgba(255, 178, 28, .7)) !important; }
.ay-sl-art .ay-kg > img.ay-kg-led.g2, .ay-hero-art .ay-kg > img.ay-kg-led.g2, .ay-kg .ay-kg-led.g2 { animation-delay: .75s !important; }
@keyframes ayKgLedB { 0% { opacity: 1; } 50% { opacity: .05; } }
.ay-kg-yz, .ay-kg-yz.s4, .ay-kg-yz.s5 { display: block; width: 16px; height: 16px; filter: drop-shadow(0 0 5px rgba(255, 214, 102, .8)); animation: ayKgYzB 2.4s ease-in-out infinite, ayKgSuzB 6s ease-in-out infinite; }
.ay-kg-yz.s2, .ay-kg-yz.s3, .ay-kg-yz.s6 { width: 11px; height: 11px; }
.ay-kg-yz.s4 { width: 19px; height: 19px; }
@keyframes ayKgYzB { 0%, 100% { opacity: .2; transform: scale(.5); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes ayKgSuzB { 0%, 100% { translate: 0 0; } 50% { translate: 4px -8px; } }

.ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led, .ay-kg .ay-kg-led { animation: ayKgLedB 1.6s steps(1, end) infinite !important; filter: brightness(2.6) drop-shadow(0 0 5px #ffb21c) drop-shadow(0 0 12px rgba(255, 170, 20, .85)) !important; mix-blend-mode: normal; }

.ay-sl .swiper-slide:not(.swiper-slide-active) .ay-kg *, .ay-sl .swiper-slide:not(.swiper-slide-active) .ay-kg::before,
.ay-hero-slide:not(.is-on) .ay-kg *, .ay-hero-slide:not(.is-on) .ay-kg::before { animation-play-state: paused !important; }
.ay-kg .ay-kg-led, .ay-sl-art .ay-kg > img.ay-kg-led, .ay-hero-art .ay-kg > img.ay-kg-led { filter: none !important; will-change: opacity; }
.ay-kg-yz, .ay-kg-yz.s4, .ay-kg-yz.s5 { filter: none; will-change: transform, opacity; }
.ay-kg-etiket { filter: none; will-change: transform; }
.ay-kg-pp, .ay-kg-parla { background: none !important; animation: none !important; overflow: hidden; }
.ay-kg-pp::before, .ay-kg-parla::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 45%;
    background: linear-gradient(105deg, transparent 10%, rgba(255, 255, 255, .95) 45%, #fff 50%, rgba(255, 250, 220, .7) 55%, transparent 90%);
    transform: translateX(-120%); will-change: transform; animation: ayKgParlaT 5s ease-in-out infinite; }
.ay-kg-etiket .ay-kg-pp::before { animation-delay: .35s; }
@keyframes ayKgParlaT { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(260%); } }
.ay-sl .swiper-slide:not(.swiper-slide-active) .ay-kg-pp::before, .ay-sl .swiper-slide:not(.swiper-slide-active) .ay-kg-parla::before, .ay-hero-slide:not(.is-on) .ay-kg-pp::before { animation-play-state: paused; }
.ay-kg:not(.is-hazir) > :not(.ay-kg-ana) { visibility: hidden; }

.ay-dur, .ay-dur *, .ay-dur *::before, .ay-dur *::after { animation-play-state: paused !important; }

.ay-kg .ay-kg-ana, .ay-sl-art .ay-kg > img.ay-kg-ana, .ay-hero-art .ay-kg > img.ay-kg-ana { aspect-ratio: 1040 / 800; height: auto; object-fit: contain; }

.ay-og-anma .ay-kg::after, .ay-og-anma .ay-kg::before { display: none !important; }

.ay-sl-art .ay-kg::after { opacity: .7; }