html{font-family:Inter,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}nav,section{display:block}video{display:inline-block;vertical-align:baseline}a{background-color:#fff0}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}img{border:0}button{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}@media print{*,:before,:after{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}}@font-face{font-family:'Glyphicons Halflings';src:url(/fonts/glyphicons-halflings-regular.eot);src:url(/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(/fonts/glyphicons-halflings-regular.woff) format("woff"),url(/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:#fff0}body{letter-spacing: 0.2px;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.42857143;color:#000;background: rgb(245 246 250/1);}button{font-family:Inter,sans-serif;font-size:inherit;line-height:inherit}a{color:#171717;text-decoration:none}a:hover,a:focus{color:#134fb8;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;max-width:94%;height:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}[role="button"]{cursor:pointer}h1,h2,h3,h4{font-family:'DM Sans',sans-serif;font-weight:700;line-height:1.1;color:inherit}h1,h2,h3{margin-top:70px;margin-bottom:35px}h4{margin-top:11px;margin-bottom:11px}h1{font-size:41px}h2{font-size:34px}h3{font-size:28px}h4{font-size:20px}p{margin:0 0 5px}.text-center{text-align:center}ul{margin-top:0;margin-bottom:11px}ul ul{margin-bottom:0}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:900px){.container{width:100%}}@media (min-width:992px){.container{width:100%}}@media (min-width:1200px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-sm-2,.col-sm-3,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width:30px){.col-sm-7{text-align:center}}@media (min-width:830px){.col-sm-2,.col-sm-3,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-7{width:100%;text-align:center}.col-sm-6{width:100%;margin-top:10px}.col-sm-5{width:41.66666667%}.col-sm-3{width:23%}.col-sm-2{width:17.66666667%}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #fff0;white-space:nowrap;padding:8px 12px;font-size:16px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgb(0 0 0 / .125);box-shadow:inset 0 3px 5px rgb(0 0 0 / .125)}.btn-primary:focus{color:#fff}.btn-primary:hover{color:#fff}.btn-primary:active{color:#fff}.btn-primary:active:hover,.btn-primary:active:focus{color:#fff;background-color:#1455c6;border-color:#1045a1}.btn-primary:active{background-image:none}.btn-success{color:#fff;background-color:#3fad46;border-color:#3fad46;border-radius:5px}.btn-success:focus{color:#fff;background-color:#318837;border-color:#1d5020}.btn-success:hover{color:#fff;background-color:#318837;border-color:#2f8034}.btn-success:active{color:#fff;background-color:#318837;border-color:#2f8034}.btn-success:active:hover,.btn-success:active:focus{color:#fff;background-color:#286d2c;border-color:#1d5020}.btn-success:active{background-image:none}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:16px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgb(0 0 0 / .15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgb(0 0 0 / .175);box-shadow:0 6px 12px rgb(0 0 0 / .175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#4582ec}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#4582ec}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid #fff0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#fff;background-color:#5d8bed;border:1px solid #5d8bed;border-bottom-color:#fff0;cursor:default}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;min-height:65px;margin-bottom:22px;border:1px solid #fff0}@media (min-width:900px){.navbar{border-radius:4px}}@media (min-width:900px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid #fff0;-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .1);-webkit-overflow-scrolling:touch}@media (min-width:900px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:900px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:900px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;padding:21.5px 15px;font-size:20px;line-height:22px;height:65px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:900px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:8px 0;margin-top:6px;margin-bottom:0;background-color:#fff0;background-image:none;border:1px solid #fff0;border-radius:4px}.navbar-toggle:focus{outline:0}@media (min-width:900px){.navbar-toggle{display:none}}.navbar-nav{margin:10.75px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:22px}@media (min-width:900px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:21.5px;padding-bottom:21.5px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}@media (min-width:900px){.navbar-right{float:right!important;margin-right:-15px}}.navbar-default{background-color:#ffffff80;border-color:#ddd}.navbar-default .navbar-brand{color:#000;font-size:23px}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#000;background-color:#fff0}.navbar-default .navbar-nav>li>a{color:#4582ec}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#4582ec;background-color:#fff0}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#4582ec;background-color:#fff0}.navbar-default .navbar-toggle{border-color:#fff0}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-collapse{border-color:#fff0}.panel{margin-bottom:22px;background-color:#fff;border:1px solid #fff0;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .05);box-shadow:0 1px 1px rgb(0 0 0 / .05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid #fff0;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:18px;color:inherit}.panel-title>a{color:inherit}.panel-group{margin-bottom:22px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:0 solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.container:before,.container:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.panel-body:before,.panel-body:after{content:" ";display:table}.container:after,.row:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.panel-body:after{clear:both}.navbar{font-family:'DM Sans',sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    
}.navbar-nav{margin-left:0;margin-right:0}.navbar-nav>li>a{margin:12.5px 6px;padding:8px 12px;border:1px solid #fff0;border-radius:4px}.navbar-nav>li>a:hover{border:1px solid #ddd}.navbar-nav>.active>a,.navbar-nav>.active>a:hover{border:1px solid #ddd}.navbar-default .navbar-nav>.active>a:hover{color:#4582ec}.navbar-brand{padding-top:12.5px;padding-bottom:12.5px;line-height:1.9}@media (min-width:900px){.navbar .navbar-nav>li>a{padding:8px 12px}}@media (max-width:767px){.navbar .navbar-nav>li>a{margin:0}}.btn{font-family:'DM Sans',sans-serif}.panel{-webkit-box-shadow:none;box-shadow:none}.navbar-brand{float:left;padding:0 15px;font-size:18px;line-height:63px;height:65px}.navbar-nav>li>a{margin:12px 1px}.navbar .navbar-nav>li>a{padding:8px 10px}.dropdown-max-height{max-height:300px;overflow-y:auto}body{padding-bottom:0}h2,h3{margin-top:0;margin-bottom:20px}
.video-section {
    padding: 8rem 20px;
    text-align: center;
}
.video-section {
    padding: 8rem 20px;
    text-align: center;
}



.video-header h2 {
    font-size: 2.2em;
    color: #333;
    margin-bottom: 10px;
}

.video-header p {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 40px;
}


.vertical-video-container {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 300px; 
    margin: 0 auto;
  margin-top: 10px;
}

.responsive-video-vertical {
    position: relative;
    width: 100%; 
    
    padding-bottom: 177.77%; 
    
    height: 0;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
}

.responsive-video-vertical iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


.video-overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    align-items: center;
    padding: 20px 10px;
    z-index: 10;
}

.video-title {
    color: white;
    background-color: rgba(0, 0, 0, 0.5); 
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 1.4em;
    margin-top: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.video-thumbnail {
    width: 100%;
    display: block;
}
.play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 28px;
    cursor: pointer;
}

span.fa.fa-list {
            font-size: 18px;
            padding: 8px 9px;
            border-radius: 100px;
            line-height: 1.75rem;
            color: #000;
        }

        @media screen and (max-width: 991px) {
            .black-friday-banner {
                height: auto;
            }
        }

        .black-friday-banner {
            z-index: 99999;
            grid-column-gap: .3rem;
            grid-row-gap: .3rem;
            color: #fff;
            background-image: linear-gradient(#a22217, #d9392f);
            justify-content: center;
            align-items: center;
            height: 48px;
            font-size: 14px;
            display: flex;
            position: fixed;
            inset: 0% 0% auto;
            overflow: hidden;
        }

        .claim-discount-wrapper {
            grid-column-gap: .1rem;
            grid-row-gap: .1rem;
            font-weight: 500;
            text-decoration: underline;
            display: flex;
        }

        .claim-discount-arrow {
            width: 1rem;
        }

        .claim-text-mobile {
            display: none;
        }

        .banner_christmas-left {
            grid-column-gap: .3rem;
            grid-row-gap: .3rem;
            color: var(--color--white);
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .banner_christmas {
            grid-column-gap: 2rem;
            grid-row-gap: 2rem;
            color: var(--color--color-2);
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 75rem;
            margin-left: auto;
            margin-right: auto;
            display: flex;
        }

        .banner_christmas-countdown {
            grid-column-gap: .75rem;
            grid-row-gap: .75rem;
            justify-content: flex-start;
            align-items: center;
            display: flex;
        }

        .banner_christmas-countdown-number {
            filter: none;
            color: var(--color--white);
            font-family: Calsans, sans-serif;
            font-size: 1.1rem;
            line-height: 1;
            position: relative;
            top: 0;
        }

        .banner_christmas-countdown-number-wrapper {
            grid-column-gap: .1rem;
            grid-row-gap: .1rem;
            color: var(--color--white);
            justify-content: flex-start;
            align-items: flex-end;
            width: 2.5rem;
            line-height: 1;
            display: flex;
        }

        .banner_christmas-line {
            background-color: #ffffff80;
            width: 1px;
            height: 1rem;
        }

        .snow-wrapper {
            opacity: 1;
            pointer-events: none;
            position: absolute;
            inset: 0% 0% auto;
        }

        @media screen and (max-width: 991px) {

            .claim-text-desktop {
                display: none;
            }

            .claim-text-mobile {
                display: block;
            }

            .banner_christmas {
                grid-column-gap: .5rem;
                grid-row-gap: .5rem;
                flex-flow: column;
                max-width: 46rem;
                padding-top: .6rem;
                padding-bottom: .6rem;
            }
        }

        @media screen and (max-width: 767px) {

            .banner_christmas-countdown-number {
                font-size: 14px;
            }

            .banner_christmas-countdown-number-wrapper {
                width: auto;
                font-size: 12px;
            }
        }

        @media screen and (max-width: 479px) {

            .claim-discount-wrapper {
                padding: 4px 12px;
                font-size: 14px;
            }

            .claim-discount-arrow {
                width: 15px;
            }

            .claim-text-mobile {
                font-size: 13px;
            }

            .banner_christmas-left {
                grid-column-gap: 0rem;
                grid-row-gap: 0rem;
                flex-flow: column;
            }

            .banner_christmas-countdown {
                grid-column-gap: 9px;
                grid-row-gap: 9px;
                padding-top: 4px;
                padding-bottom: 4px;
            }

            .banner_christmas-countdown-number {
                font-size: 14px;
            }

            .banner_christmas-countdown-number-wrapper {
                grid-column-gap: 2px;
                grid-row-gap: 2px;
                width: auto;
            }

            .banner_christmas-line {
                height: 14px;
            }
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://cdn.prod.website-files.com/661ce890f68a1d352ebbed35/6703e0747fcd644aac041751_Inter%2018pt%20Bold.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://cdn.prod.website-files.com/661ce890f68a1d352ebbed35/6703e0749ff62afdc0f16b4c_Inter%2018pt%20Regular.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://cdn.prod.website-files.com/661ce890f68a1d352ebbed35/6703e074c1740db008e210b2_Inter%2018pt%20SemiBold.woff2') format('woff2');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Inter';
            src: url('https://cdn.prod.website-files.com/661ce890f68a1d352ebbed35/6703e0749c69f7efaab3b17d_Inter%2018pt%20Medium.woff2') format('woff2');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Calsans';
            src: url('https://cdn.prod.website-files.com/661ce890f68a1d352ebbed35/661d1dc27f25ba099d9b64aa_CalSans-SemiBold.otf') format('opentype');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }
        
        
        
        
        body#guest {
    margin-top: 39px;
}
                    .snow-banner {
                        position: relative;
                        width: 100%;
                        height: 150px;
                        overflow: hidden;
                    }

                    .snow {
                        position: absolute;
                        opacity: 10%;
                        width: 3px;
                        height: 3px;
                        background: white;
                        border-radius: 50%;
                        filter: drop-shadow(0 0 0.5px rgba(255, 255, 255, 0.23));
                    }

                    /* 100 kar tanesi için animasyonlar - Her 5 kar tanesinde bir animasyonları tekrar kullanıyoruz */
                    .snow:nth-child(5n+1) {
                        left: var(--left, 20%);
                        opacity: 0.6;
                        animation: fall-1 4s linear infinite;
                        animation-delay: calc(var(--delay) * -1s);
                    }

                    .snow:nth-child(5n+2) {
                        left: var(--left, 40%);
                        opacity: 0.8;
                        animation: fall-2 4s linear infinite;
                        animation-delay: calc(var(--delay) * -1s);
                    }

                    .snow:nth-child(5n+3) {
                        left: var(--left, 60%);
                        opacity: 0.7;
                        animation: fall-3 8s linear infinite;
                        animation-delay: calc(var(--delay) * -1s);
                    }

                    .snow:nth-child(5n+4) {
                        left: var(--left, 80%);
                        opacity: 0.9;
                        animation: fall-4 8s linear infinite;
                        animation-delay: calc(var(--delay) * -1s);
                    }

                    .snow:nth-child(5n+5) {
                        left: var(--left, 10%);
                        opacity: 0.5;
                        animation: fall-5 10s linear infinite;
                        animation-delay: calc(var(--delay) * -1s);
                    }

                    /* İlk 20 kar tanesi için özel sol pozisyonlar */
                    .snow:nth-child(1) {
                        --left: 20%;
                        --delay: 0;
                    }

                    .snow:nth-child(2) {
                        --left: 40%;
                        --delay: 1;
                    }

                    .snow:nth-child(3) {
                        --left: 60%;
                        --delay: 2;
                    }

                    .snow:nth-child(4) {
                        --left: 80%;
                        --delay: 3;
                    }

                    .snow:nth-child(5) {
                        --left: 10%;
                        --delay: 4;
                    }

                    .snow:nth-child(6) {
                        --left: 30%;
                        --delay: 5;
                    }

                    .snow:nth-child(7) {
                        --left: 70%;
                        --delay: 6;
                    }

                    .snow:nth-child(8) {
                        --left: 90%;
                        --delay: 7;
                    }

                    .snow:nth-child(9) {
                        --left: 25%;
                        --delay: 8;
                    }

                    .snow:nth-child(10) {
                        --left: 45%;
                        --delay: 9;
                    }

                    .snow:nth-child(11) {
                        --left: 65%;
                        --delay: 1;
                    }

                    .snow:nth-child(12) {
                        --left: 85%;
                        --delay: 2;
                    }

                    .snow:nth-child(13) {
                        --left: 15%;
                        --delay: 3;
                    }

                    .snow:nth-child(14) {
                        --left: 35%;
                        --delay: 4;
                    }

                    .snow:nth-child(15) {
                        --left: 55%;
                        --delay: 5;
                    }

                    .snow:nth-child(16) {
                        --left: 75%;
                        --delay: 6;
                    }

                    .snow:nth-child(17) {
                        --left: 95%;
                        --delay: 7;
                    }

                    .snow:nth-child(18) {
                        --left: 5%;
                        --delay: 8;
                    }

                    .snow:nth-child(19) {
                        --left: 50%;
                        --delay: 9;
                    }

                    .snow:nth-child(20) {
                        --left: 80%;
                        --delay: 10;
                    }

                    /* 21-100 arası kar taneleri için rastgele sol pozisyonlar */
                    .snow:nth-child(n+21) {
                        --left: calc(var(--n) * 1%);
                        --delay: calc((var(--n) - 20) * 0.1);
                    }

                    /* Düşme animasyonları */
                    /* Normal ekranlar için animasyonlar (60px) */
                    @keyframes fall-1 {
                        0% {
                            transform: translateY(-10px) translateX(0) scale(0.6);
                        }

                        100% {
                            transform: translateY(60px) translateX(10px) scale(0.6);
                        }
                    }

                    @keyframes fall-2 {
                        0% {
                            transform: translateY(-10px) translateX(0) scale(0.8);
                        }

                        100% {
                            transform: translateY(60px) translateX(-15px) scale(0.8);
                        }
                    }

                    @keyframes fall-3 {
                        0% {
                            transform: translateY(-10px) translateX(0) scale(0.7);
                        }

                        100% {
                            transform: translateY(60px) translateX(20px) scale(0.7);
                        }
                    }

                    @keyframes fall-4 {
                        0% {
                            transform: translateY(-10px) translateX(0) scale(0.9);
                        }

                        100% {
                            transform: translateY(60px) translateX(-10px) scale(0.9);
                        }
                    }

                    @keyframes fall-5 {
                        0% {
                            transform: translateY(-10px) translateX(0) scale(0.4);
                        }

                        100% {
                            transform: translateY(60px) translateX(15px) scale(0.4);
                        }
                    }

                    /* Mobil ekranlar için animasyonlar (150px) */
                    @media screen and (max-width: 480px) {
                        @keyframes fall-1 {
                            0% {
                                transform: translateY(-10px) translateX(0) scale(0.6);
                            }

                            100% {
                                transform: translateY(150px) translateX(10px) scale(0.6);
                            }
                        }

                        @keyframes fall-2 {
                            0% {
                                transform: translateY(-10px) translateX(0) scale(0.8);
                            }

                            100% {
                                transform: translateY(150px) translateX(-15px) scale(0.8);
                            }
                        }

                        @keyframes fall-3 {
                            0% {
                                transform: translateY(-10px) translateX(0) scale(0.7);
                            }

                            100% {
                                transform: translateY(150px) translateX(20px) scale(0.7);
                            }
                        }

                        @keyframes fall-4 {
                            0% {
                                transform: translateY(-10px) translateX(0) scale(0.9);
                            }

                            100% {
                                transform: translateY(150px) translateX(-10px) scale(0.9);
                            }
                        }

                        @keyframes fall-5 {
                            0% {
                                transform: translateY(-10px) translateX(0) scale(0.4);
                            }

                            100% {
                                transform: translateY(150px) translateX(15px) scale(0.4);
                            }
                        }
                    }