/* Ortak Kodlar */
.contentTitleBox{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}.contentTitleBox .contentTitle{font-size:18px;font-weight:500;color:var(--title-primary-color)}.redirectButton{position:relative;text-decoration:none;padding:8px 16px;border-radius:18px;color:var(--cs-primary-button-1-text);font-size:14px;background:var(--cs-primary-button-1);z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.redirectButton .arrowIcon{display:inline-block;width:18px;height:18px;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='20' stroke-dashoffset='20' d='M3 12h17.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='20;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M21 12l-7 7M21 12l-7 -7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.2s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:.4s}.redirectButton:hover .arrowIcon{transform:translateX(4px)}.redirectButton .triangles{position:absolute;left:18px;transform:translateY(-50%);opacity:1!important}.redirectButton .triangle{position:absolute;width:0;height:0;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent var(--content-button-1-triangle) transparent transparent;opacity:.35;transition:transform .7s cubic-bezier(.25, .46, .45, .94),opacity .5s}.redirectButton .t1{transform:translateX(0) translateY(-20px) scale(.9) rotate(180deg)}.redirectButton .t2{transform:translateX(-10px) translateY(-10px) scale(1.05) rotate(180deg)}.redirectButton .t3{transform:translateX(12px) translateY(-10px) scale(1.1) rotate(180deg)}.redirectButton .t4{transform:translateX(-14px) translateY(4px) scale(.95) rotate(180deg)}.redirectButton .t5{transform:translateX(8px) translateY(5px) scale(1) rotate(180deg)}.redirectButton:hover .t1{transform:translateX(90px) translateY(-20px) scale(1) rotate(180deg)}.redirectButton:hover .t2{transform:translateX(70px) translateY(-4px) scale(1.1) rotate(180deg)}.redirectButton:hover .t3{transform:translateX(52px) translateY(-16px) scale(1.25) rotate(180deg)}.redirectButton:hover .t4{transform:translateX(40px) translateY(1px) scale(1) rotate(180deg)}.redirectButton:hover .t5{transform:translateX(86px) translateY(5px) scale(1.15) rotate(180deg)}:where(.prevButton,.nextButton){cursor:pointer;position:absolute;width:28px;height:28px;border-radius:50%;top:50%;transform:translateY(-50%);padding:0;z-index:10;background:var(--cs-primary-button-1);color:var(--cs-primary-button-1-text);transition:.2s}.prevButton{left:-12px;box-shadow:3px 1px 4px 2px var(--cs-shadow-1)}.nextButton{right:-10px;box-shadow:-2px 0 8px 2px var(--cs-shadow-1)}.nextButton.swiper-button-disabled,.prevButton.swiper-button-disabled{cursor:not-allowed;background-image:var(--disabled-button);color:var(--disabled-text)}.slideIcon{display:inline-block;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");background-color:currentColor;width:100%;height:100%;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.prevButton .slideIcon{transform:rotate(-90deg)}.nextButton .slideIcon{transform:rotate(90deg)}@media screen and (max-width:768px){:where(.prevButton,.nextButton){width:24px;height:24px}}@media screen and (max-width:640px){.redirectButton{padding:6px 10px}.redirectButton .arrowIcon{--size:14px;width:var(--size);height:var(--size)}.contentTitleBox .contentTitle{font-size:16px}}@media screen and (max-width:500px){.contentTitleBox{flex-wrap:wrap;justify-content:center;gap:16px}:where(.prevButton,.nextButton){top:55%;transform:translateY(-55%)}}

/* Hero Swiper Kodları */
.heroLeftBox .heroLeftSwipePrev,.heroRightBox .heroRightSwipePrev,.mainBoxHeroSwiper .heroSwipeNext,.mainBoxHeroSwiper .heroSwipePrev{--hero-button-size:28px;cursor:pointer;position:absolute;width:var(--hero-button-size);height:var(--hero-button-size);border-radius:50%;padding:0;z-index:10;background-image:var(--cs-primary-button-1);backdrop-filter:blur(5px);box-shadow:0 0 8px 2px var(--cs-shadow-1)}.heroLeftBox .heroLeftSwipePrev .icon,.heroRightBox .heroRightSwipePrev .icon,.mainBoxHeroSwiper .heroSwipeNext .icon,.mainBoxHeroSwiper .heroSwipePrev .icon{width:100%;height:100%;color:var(--cs-primary-button-1-text)}.heroLeftBox .heroLeftSwipePrev .icon,.heroRightBox .heroRightSwipePrev .icon{transform:rotate(180deg)}.heroLeftBox .heroLeftSwipePrev,.heroRightBox .heroRightSwipePrev{bottom:-3%;left:50%;transform:translateX(-50%)}.mainHeroSwiperContainer .icon{display:inline-block;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.mainHeroSwiperContainer{display:flex;align-items:start;justify-content:center;gap:8px;margin-top:10px;height:420px}.heroLeftBox,.heroRightBox{width:306px;height:100%;flex-shrink:0;border-radius:8px;overflow:visible}.heroLeftBox{position:relative}.leftSwiperContainer{width:100%;height:100%;overflow:visible;position:relative;border-radius:inherit}.leftSwiperContainer .swiper-wrapper,.rightSwiperSlideContainer .swiper-wrapper{display:flex;align-items:center}.leftSwiperContainer img{width:100%;height:100%;max-height:100%;object-fit:cover}.mainBoxHeroSwiper{width:calc(100% - 628px);height:100%;position:relative;z-index:1;border-radius:8px}.mainSwiperContainer{position:relative;width:calc(100% - 14px);height:inherit;z-index:1;border-radius:8px}.mainBoxHeroSwiper .heroSwipeNext,.mainBoxHeroSwiper .heroSwipePrev{transform:translateY(46%);top:50%}.mainBoxHeroSwiper .heroSwipeNext{right:-4px}.mainBoxHeroSwiper .heroSwipeNext .icon{transform:rotate(90deg)}.mainBoxHeroSwiper .heroSwipePrev{left:-4px}.mainBoxHeroSwiper .heroSwipePrev .icon{transform:rotate(-90deg)}.mainSwiperContainer .heroSwipePaginition{position:absolute;bottom:12px!important;z-index:10;display:flex;align-items:center;justify-content:center}.heroSwipePaginition .swiper-pagination-bullet{width:20px;height:8px;transition:.5s ease-in-out;border-radius:8px;background-image:var(--cs-primary-button-1)}.heroSwipePaginition .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-image:var(--disabled-button);width:8px;opacity:.7}.mainSwiperContainer .swiper-slide{border-radius:8px}.mainSwiperContainer .swiper-slide img{width:100%;height:100%;border-radius:8px!important;object-fit:cover}.mainSwiperContainer .swiper-slide-active{transition:.6s;opacity:1;transform:scale(1)}.mainSwiperContainer .swiper-slide:not(.swiper-slide-active){transition:.6s;opacity:0;transform:scale(.9)}.heroRightBox{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;z-index:1}.rightSwiperSlideContainer{width:100%;height:100%;border-radius:8px;overflow:hidden}.rightSwiperSlideContainer .rightSlideContent{position:relative;width:100%;height:100%;display:flex;justify-content:center}.rightSwiperSlideContainer .titleBackgroundImage{position:absolute;width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:8px}.heroRightBox .heroRightCountdownBox{min-width:210px;width:210px;height:60px;display:flex;align-items:center;justify-content:center;gap:0;padding:4px;border-radius:8px;position:absolute;top:88px;left:50%;transform:translateX(-50%);z-index:10}.heroRightBox .heroRightCountdownBox[data-bg-color="1"]{background-image:linear-gradient(105.9deg,#007ab8 24.4%,rgba(46,0,184,.88) 80.5%)}.heroRightBox .heroRightCountdownBox[data-bg-color="2"]{background-image:linear-gradient(105.9deg,rgb(218 133 91) 24.4%,rgb(125 58 217 / 88%) 80.5%)}.heroRightBox .heroRightCountdownBox[data-bg-color="3"]{background-image:linear-gradient(105.9deg,rgb(196 134 59) 24.4%,rgb(159 91 48 / 88%) 80.5%)}.heroRightCountdownBox .timeBox{width:42px;height:52px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;border-radius:8px}.heroRightCountdownBox .timeBox :where(.hr,.mn,.sec){height:24px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:19px;color:var(--cs-primary-button-1-text)}.heroRightCountdownBox .timeBox .textCountDown{font-size:13px;min-height:14px;color:var(--cs-primary-button-1-text)}.heroRightCountdownBox .iconTwo{display:inline-block;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M4 3V2h1v1m0 3H4V5h1'/%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:24px;height:24px;color:#fff}.rightSlideContent .contentBox{display:block;position:relative;width:calc(100% - 34px);height:60%;border-radius:8px;margin-top:auto;margin-bottom:16px}.rightSlideContent .contentBox img{width:100%;height:100%;border-radius:inherit;object-fit:cover}@media screen and (max-width:1520px){.mainHeroSwiperContainer{height:380px}.heroLeftBox,.heroRightBox{width:280px}.mainBoxHeroSwiper{width:calc(100% - 596px)}.heroRightBox .heroRightCountdownBox{top:72px}.heroLeftBox .heroLeftSwipePrev,.heroRightBox .heroRightSwipePrev,.mainBoxHeroSwiper .heroSwipeNext,.mainBoxHeroSwiper .heroSwipePrev{--hero-button-size:24px}}@media screen and (max-width:1440px){.heroRightBox .heroRightCountdownBox{height:54px;top:74px}.heroRightCountdownBox .timeBox{height:100%}}@media screen and (max-width:1380px){.mainHeroSwiperContainer{height:470px}.heroLeftBox{display:none!important}.mainBoxHeroSwiper{width:calc(100% - 328px)}.heroRightBox{width:306px}.heroRightBox .heroRightCountdownBox{height:60px;top:102px}}@media screen and (max-width:1300px){.mainHeroSwiperContainer{height:420px}.heroRightBox .heroRightCountdownBox{top:88px}}@media screen and (max-width:1280px){.mainSwiperContainer{width:100%}}@media screen and (max-width:1200px){.mainHeroSwiperContainer{height:400px}.heroRightBox .heroRightCountdownBox{top:74px}}@media screen and (max-width:1160px){.heroRightBox{width:270px}.mainBoxHeroSwiper{width:calc(100% - 292px)}.heroRightBox .heroRightCountdownBox{top:82px;height:54px}}@media screen and (max-width:1120px){.mainHeroSwiperContainer{height:500px}.heroRightBox{display:none}.mainBoxHeroSwiper{width:98%}}@media screen and (max-width:1024px){.mainHeroSwiperContainer{height:446px}.mainBoxHeroSwiper{width:100%}}@media screen and (max-width:940px){.mainHeroSwiperContainer{height:430px}}@media screen and (max-width:900px){.mainHeroSwiperContainer{height:400px}}@media screen and (max-width:850px){.mainHeroSwiperContainer{height:386px}}@media screen and (max-width:800px){.mainHeroSwiperContainer{height:354px}}@media screen and (max-width:768px){.mainHeroSwiperContainer{height:320px}.mainBoxHeroSwiper{height:100%}}@media screen and (max-width:680px){.mainHeroSwiperContainer{height:300px}}@media screen and (max-width:640px){.mainHeroSwiperContainer{height:100%}.mainBoxHeroSwiper .heroSwipeNext,.mainBoxHeroSwiper .heroSwipePrev{display:none}.heroSwipePaginition .swiper-pagination-bullet{width:14px;height:8px;transition:.5s ease-in-out;border-radius:8px;background-color:var(--cs-color-6)!important}.heroSwipePaginition .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){width:8px}.mainSwiperContainer .heroSwipePaginition{bottom:12px!important}}@media screen and (max-width:520px){.mainSwiperContainer .swiper-slide img{width:100%;height:auto!important}}@media screen and (max-width:425px){.mainHeroSwiperContainer{height:196px}.mainSwiperContainer .swiper-slide{width:100%}.mainSwiperContainer .heroSwipePaginition{bottom:8px!important}}@media screen and (max-width:375px){.mainHeroSwiperContainer{height:166px}}

/* "Popüler Oyun" Kartların Kodları */
.popularContainer{display:flex;flex-direction:column;align-items:start;row-gap:14px;margin-top:24px}.mainCardBox{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;border-radius:8px;border:1px solid var(--cs-border-color-1)}.mainCardBox .cardBox{position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:.4s ease-in-out;box-shadow:0 0 6px var(--cs-shadow-2);height:210px;overflow:hidden;flex:1 0 calc(100% / 9);z-index:1}.mainCardBox .cardBox:hover{overflow:visible}.cardBox .triangles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.triangles .tri{position:absolute;width:100%;height:100%;opacity:.65;transition:transform .45s}.triangles .tri.top{clip-path:polygon(50% 50%,0% 0%,100% 0%);background-image:linear-gradient(183deg,var(--popular-card-bg-surface) 12%,var(--popular-card-bg-depth) 100%);transform:translateY(-100%)}.triangles .tri.bottom{clip-path:polygon(50% 50%,0% 100%,100% 100%);background-image:linear-gradient(1deg,var(--popular-card-bg-surface) 12%,var(--popular-card-bg-depth) 100%);transform:translateY(100%)}.triangles .tri.left{clip-path:polygon(50% 50%,0% 0%,0% 100%);background-image:linear-gradient(89deg,var(--popular-card-bg-surface) 12%,var(--popular-card-bg-depth) 100%);transform:translateX(-100%)}.triangles .tri.right{clip-path:polygon(50% 50%,100% 0%,100% 100%);background-image:linear-gradient(270deg,var(--popular-card-bg-surface) 12%,var(--popular-card-bg-depth) 100%);transform:translateX(100%)}@media (hover:hover) and (pointer:fine){.cardBox:hover .tri{transform:translate(0,0)}}.cardBox .titleBackground{position:absolute;bottom:0;width:100%;height:100%;background-repeat:no-repeat;background-origin:padding-box;transition:.4s;border-radius:inherit}.cardBox:hover .titleBackground{background-image:radial-gradient(circle at center,transparent 0,transparent 50%,transparent 100%)}.cardBox .cardDefaultImage{width:100%;height:100%;max-width:100%;object-fit:cover;transition:.4s;border-radius:inherit}.cardBox .cardAnimate{--size:180px;position:absolute;z-index:100;top:-50px;opacity:0;transform:scale(.7);width:var(--size);height:var(--size);border-radius:inherit;margin:auto;filter:brightness(120%);transition:.4s}.cardBox .cardAnimate img,.mainCardBox .cardBox .cardImageTitle img{width:100%;height:100%;object-fit:cover}.mainCardBox .cardBox .logoBox{position:absolute;bottom:0;width:100%;height:50px;z-index:120;display:flex;justify-content:center;border-radius:inherit}.mainCardBox .cardBox .cardImageTitle{max-width:140px;width:100%;position:absolute;bottom:6px;transition:.4s}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.cardBox:hover .cardDefaultImage{opacity:0}.cardBox:hover .cardAnimate{top:-30px;filter:brightness(110%)}.cardBox[data-animation="1"]:hover .cardAnimate{opacity:1;transform:scale(1);animation:1s ease-in-out infinite floatCharacter}.cardBox[data-animation="2"]:hover .cardAnimate,.cardBox[data-animation="6"]:hover .cardAnimate{opacity:1;transform:scale(1);animation:1s ease-in-out infinite subtleLift}.cardBox[data-animation="3"]:hover .cardAnimate{animation:1s forwards entryLift,2s ease-in-out 1s infinite subtleFloat}.cardBox[data-animation="4"]:hover .cardAnimate{animation:1s forwards lift,4s linear 1s infinite subtleMove}.cardBox[data-animation="5"]:hover .cardAnimate{animation:1s forwards revealTopDown,4s ease-in-out 1s infinite gentleDiagonalRotate}@keyframes floatCharacter{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-1px) rotateX(.2deg) rotateY(.2deg)}50%{transform:translateY(-2px) rotateX(-.2deg) rotateY(-.2deg)}75%{transform:translateY(-1px) rotateX(.1deg) rotateY(.1deg)}}@keyframes subtleLift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}@keyframes entryLift{0%{transform:translateX(40px) translateY(-10px) scale(.6);opacity:1}100%{transform:translateX(0) translateY(0) scale(1);opacity:1}}@keyframes subtleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes lift{0%{transform:translateY(120px) scale(.6)}20%{transform:translateY(-60px) scale(.7);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes subtleMove{0%,100%{transform:translate(0,0)}20%{transform:translate(1px,-1px)}40%{transform:translate(2px,1px)}60%{transform:translate(1px,2px)}80%{transform:translate(-1px,1px)}}@keyframes revealTopDown{0%{clip-path:inset(100% 0 0 0);opacity:0}100%{clip-path:inset(0 0 0 0);opacity:1;transform:scale(1)}}@keyframes gentleDiagonalRotate{0%,100%{transform:translate(0,0) rotateZ(0)}25%{transform:translate(1px,-1px) rotateZ(.05deg)}50%{transform:translate(-1px,1px) rotateZ(-.05deg)}75%{transform:translate(1px,1px) rotateZ(.03deg)}}.mainCardBox .cardBox:hover .cardImageTitle{transform:scale(1.2)}}.popularContainer .introCard{width:100%;height:80px}.popularContainer .introCard img{width:100%;min-width:100%;height:100%;object-fit:cover;border-radius:8px}@media screen and (max-width:1420px){.mainCardBox .cardBox{flex:0 0 160px;height:200px}}@media screen and (max-width:1380px){.mainCardBox{gap:10px}.cardBox .cardAnimate{--size:200px}}@media screen and (max-width:1352px){.mainCardBox .cardBox{flex:0 0 153px;height:195px}}@media screen and (max-width:1024px){.headerNavigationMenu .imgBox img{width:24px;height:24px}.mainCardBox{gap:10px!important}.mainCardBox .cardBox{flex:0 0 110px;height:138px}.cardBox .cardImageTitle{max-width:100%;transform:scale(.8);bottom:0!important}.cardBox .cardAnimate,.cardBox .triangles{display:none}}@media screen and (max-width:768px){.mainCardBox .cardBox{flex:0 0 108px;height:136px}.mainCardBox .cardBox:last-child{display:none}}@media screen and (max-width:692px){.mainCardBox .cardBox:last-child{display:flex}}@media screen and (max-width:520px){.popularContainer{margin-top:12px!important}}@media screen and (max-width:490px){.mainCardBox .cardBox{flex:0 0 130px;height:162px}.mainCardBox .cardBox:last-child{display:none}}@media screen and (max-width:440px){.cardBox .cardImageTitle{transform:scale(.68)}.mainCardBox .cardBox{flex:1 0 106px;height:156px}}@media screen and (max-width:364px){.mainCardBox .cardBox{flex:1 0 106px;height:186px}.mainCardBox .cardBox:nth-child(15){display:none}}@media screen and (max-width:360px){.mainCardBox .cardBox:last-child,.mainCardBox .cardBox:nth-child(15){display:flex}.mainCardBox .cardBox{flex:1 0 136px;height:190px}}@media screen and (max-width:330px){.mainCardBox .cardBox{flex:0 0 130px;height:150px}}@media screen and (max-width:295px){.mainCardBox .cardBox{flex:1 0 120px;height:150px}}@media screen and (max-width:276px){.mainCardBox .cardBox{flex:1 0 90px;height:140px}}

/* "Hediye Kartları" Kodları */
.giftCardBox,.giftCardContent,.giftCardsContainer{position:relative;display:flex}.giftCardsContainer{border-radius:8px;background-color:var(--cs-container-bg);align-items:center;justify-content:center;padding:18px 14px 10px;border:1px solid var(--cs-border-color-1);margin-top:14px}.giftCardContent{width:100%;border-radius:8px;flex-direction:column;align-items:end;gap:30px;z-index:1}.giftMainBox{width:100%;display:flex;flex-wrap:wrap;gap:9px}.giftCardBox{width:180px;height:170px;text-decoration:none;border-radius:6px}.giftCardTitle,.giftDefaultLogo{position:absolute;width:100%;left:50%}.giftCardBox .perspectiveCard{position:absolute;--perspective-card:100%;z-index:-1;inset:0;width:var(--perspective-card);height:var(--perspective-card);max-height:var(--perspective-card);background:var(--bg);transform:perspective(500px) translateY(0) rotateX(0) translateZ(0);border-radius:inherit;box-shadow:0 0 6px var(--cs-shadow-2);transition:.4s ease-in-out}.giftDefaultLogo{top:38%;transform:translate(-50%,-38%) scale(1);max-width:40px;object-fit:cover}.giftCardBox .giftAnimCard{position:absolute;width:170px;height:190px;object-fit:cover;border-radius:6px;opacity:0;pointer-events:none;transition:.4s}.giftCardTitle{text-align:center;font-size:15px;font-weight:500;letter-spacing:.13em;color:var(--cs-color-4);transition:.4s;bottom:22%;transform:translate(-50%,-22%)}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.giftCardBox:hover .perspectiveCard{transform:perspective(500px) translateY(0) rotateX(28deg) translateZ(0)}.giftCardBox:hover .giftDefaultLogo{animation:.5s forwards defaultLogo}.giftCardBox.is_leaving .giftDefaultLogo{animation:.5s forwards defaultLogoReverse}@keyframes defaultLogo{0%{transform:translate(-50%,-40%) scale(1)}50%{transform:translate(-50%,-40%) scale(.85);opacity:.2}75%{transform:translate(-50%,-40%) scale(1.1)}100%{transform:translate(-50%,-40%) scale(.9);opacity:0}}@keyframes defaultLogoReverse{0%{transform:translate(-50%,-40%) scale(.9);opacity:1}50%{transform:translate(-50%,-40%) scale(1.1)}75%{transform:translate(-50%,-40%) scale(.85)}100%{transform:translate(-50%,-40%) scale(1)}}.giftCardBox .giftAnimCard{top:-20%;left:50%;transform:perspective(500px) translateX(-50%) translateZ(0) translateY(-20%) rotateX(50deg)}.giftCardBox.is_leaving .giftAnimCard{animation:.5s forwards gifImgReversePerspective}@keyframes gifImgReversePerspective{0%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(12px) rotateX(0);opacity:1}100%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(-20%) rotateX(50deg);opacity:0}}.giftCardBox:hover .giftAnimCard{opacity:1;pointer-events:all;animation:.5s forwards gifImgPerspective}@keyframes gifImgPerspective{0%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(-20%) rotateX(50deg)}50%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(6px) rotateX(0)}75%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(-6px) rotateX(0)}100%{transform:perspective(500px) translateX(-50%) translateZ(0) translateY(0) rotateX(0)}}.giftCardBox:hover .giftCardTitle{bottom:12%;transform:translate(-50%,-12%);opacity:0}}@media screen and (max-width:1540px){.giftCardBox{width:164px;height:154px;flex:1 0 0}}@media screen and (max-width:1380px){.giftCardBox .giftAnimCard{width:140px;height:160px}}@media screen and (max-width:1024px){.giftMainBox{justify-content:center;align-items:center}.giftCardBox{flex:0 0 112px;height:130px}.giftDefaultLogo{max-width:36px}.giftCardTitle{bottom:10%;left:50%;font-size:12px;font-weight:500;letter-spacing:.1em}}@media screen and (max-width:990px){.giftCardBox{flex:0 0 128px}}@media screen and (max-width:620px){.giftCardBox{flex:0 0 126px}}@media screen and (max-width:572px){.giftCardBox{flex:0 0 110px}}@media screen and (max-width:508px){.giftCardBox{flex:0 0 102px}}@media screen and (max-width:490px){.giftCardBox{flex:0 0 198px}}@media screen and (max-width:440px){.giftCardBox{flex:1 0 128px}}@media screen and (max-width:268px){.giftCardBox{flex:0 0 220px;height:112px}}@media screen and (max-width:220px){.giftCardBox{flex:1 0 190px}}


/* "İndirimli Ürünler" Kodları */
.discountContainer{position:relative;border-radius:8px;background-color:var(--cs-container-bg);display:flex;align-items:center;justify-content:center;padding:18px 14px 4px;border:1px solid var(--cs-border-color-1);margin-top:14px}.discountContainer .discountInnerContent{position:relative;width:100%;border-radius:8px;display:flex;flex-direction:column;align-items:end;gap:16px;z-index:1}.discountCardBoxSwiper{width:100%;height:306px;margin-bottom:8px;padding-bottom:4px!important}.discountCardBoxSwiper .swiper-slide{height:100%}.discountCardBoxSwiper .discountCardBox{position:relative;width:98%;height:100%;padding:1px;border-radius:6px;background-image:var(--discount-card-border-gradient)}.discountCardBox .discountCardContent{position:relative;text-decoration:none;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border-radius:inherit;background-color:var(--discount-card-content-bg);z-index:10}.discountCardContent .discountImage{width:100%;max-width:132px;height:168px;margin-top:4px;border-radius:4px;object-fit:contain}.discountCardContent .discountPercentBox{position:absolute;top:-2px;right:0;width:80px;height:80px;overflow:hidden;z-index:1;opacity:1!important}.discountPercentBox::after,.discountPercentBox::before{content:"";position:absolute;box-sizing:border-box;background:var(--cs-discount-badge-bg)}.discountPercentBox::before{top:-3px;left:0;width:10px;height:10px}.discountPercentBox::after{bottom:-4px;right:-4px;width:10px;height:12px}.discountPercentBox .discount{background:var(--cs-discount-badge-bg);width:112px;text-align:center;font-size:12px;line-height:24px;font-weight:400;position:relative;color:var(--cs-discount-badge-text);transform:rotate(45deg);transform-origin:28px 5px;z-index:3;padding-left:7px;overflow:hidden}.discountPercentBox .discount::after{content:"";position:absolute;top:-50%;left:-80%;width:50%;height:200%;background:var(--cs-bg-shine-gradient);transform:skewX(-20deg);animation:3s ease-in-out infinite shineMove}@keyframes shineMove{0%{left:-80%}100%,50%{left:130%}}.discountCardContent .discountProductTitle{position:relative;margin-top:4px;width:100%;max-width:95%;height:38px;z-index:10;display:flex;align-items:center;justify-content:center;}.discountProductTitle .title{max-width:95%;overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;color:var(--discount-title-text);text-align:center}.discountProductTitle::after,.discountProductTitle::before{position:absolute;content:"";top:0;width:50%;height:100%;z-index:-10}.discountProductTitle::before{left:0;background-image:var(--discount-title-accent-gradient-left)}.discountProductTitle::after{right:0;background-image:var(--discount-title-accent-gradient-right)}.discountCardContent .priceBox{margin-top:4px;max-width:94%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;background-color:var(--cs-box-color-1);border-radius:4px;height:28px}.priceBox .oldPrice{text-decoration:line-through;padding-left:7px;padding-right:14px;position:relative;font-size:13px;color:var(--cs-discount-price-text);z-index:10;height:100%;display:flex;align-items:center;justify-content:center}.priceBox .oldPrice::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 0,83% 100%,0 100%,0% 50%);background:var(--cs-discount-price-badge);border-top-left-radius:4px;border-bottom-left-radius:4px;z-index:-10}.priceBox .newPrice{font-size:15px;font-weight:500;color:var(--cs-price-color);padding:0 10px 0 0}.discountCountdownContainer{display:flex;align-items:center;justify-content:center;gap:0;padding:2px;max-width:95%;width:100%;background-image:var(--cs-countdown-box-gradient);border-radius:6px;margin-top:4px}.discountCountdownContainer .timeBox{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;border-radius:8px}.discountCountdownContainer .timeBox :where(.hr,.mn,.sec){font-size:15px;color:var(--cs-countdown-box-text)}.discountCountdownContainer .timeBox .textCountDown{font-size:11px;color:var(--cs-countdown-box-text)}.discountCountdownContainer .iconTwo{display:inline-block;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M4 3V2h1v1m0 3H4V5h1'/%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:24px;height:24px;color:var(--cs-countdown-box-text)}@media screen and (max-width:1280px){.discountCardContent .discountImage{height:200px}}@media screen and (max-width:914px){.discountCardContent .discountImage{height:168px}.discountCardBoxSwiper{height:300px}.discountCountdownContainer .timeBox :where(.hr,.mn,.sec){font-size:14px}.priceBox .newPrice{font-size:14px}}@media screen and (max-width:768px){.discountCardBoxSwiper{height:auto}.discountCountdownContainer{margin-bottom:4px}}@media screen and (max-width:425px){.discountProductTitle .title{font-size:14px}.discountCardContent .priceBox{background-image:linear-gradient(45deg,transparent -2%,transparent 38%);flex-direction:column;justify-content:start;height:auto;gap:0}.priceBox .oldPrice{height:72%;padding-right:6px;border-radius:6px;color:var(--cs-color-5);font-size:12px}.priceBox .oldPrice::before{opacity:0}.priceBox .newPrice{padding:0}}@media screen and (max-width:375px){.discountCardContent .discountImage{height:180px}}@media screen and (max-width:360px){.discountCardBoxSwiper{width:calc(100% - 60px)}}@media screen and (max-width:330px){.discountCardBoxSwiper{width:calc(100% - 10px)}}

/* "Teknolojik Ürünler" Kodları */
.techProductsContainer{position:relative;padding:18px 14px 4px;border-radius:6px;background-color:var(--cs-container-bg);display:flex;align-items:center;justify-content:center;margin-top:14px;border:1px solid var(--cs-border-color-1)}.techProductsContentBox{position:relative;width:100%;border-radius:8px;display:flex;flex-direction:column;align-items:end;gap:16px;z-index:1}.techSwiperContainer{width:100%;height:332px;margin-bottom:8px;padding-bottom:4px!important}.techSwiperContainer .techSlideContent{position:relative;width:100%;height:100%;border-radius:6px;background:var(--tech-card-surface-gradient);text-decoration:none;display:flex;flex-direction:column;align-items:center;z-index:10;border:1px solid transparent;transition:.4s}.techImageBox,.techPercent{align-items:center;z-index:10;display:flex}.techSwiperContainer .techSlideContent:hover{border-color:var(--cs-border-color-2)}.techImageBox{position:relative;width:100%;height:170px;border-radius:6px;justify-content:center;padding:6px}.techSlideContent:hover .techImageBox::before{background:linear-gradient(0deg,transparent 0,transparent 25% transparent 50%,transparent 100%)}.techImageBox .imageBefore{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:inherit;background-image:none}.imageBefore::after,.imageBefore::before{z-index:-1;width:58%;position:absolute;content:"";height:100%;transition:.4s}.imageBefore::before{left:0;top:-200%;background:var(--image-accent-panel-gradient);clip-path:polygon(0 0,100% 0,75% 100%,0% 100%);border-top-left-radius:6px;border-bottom-left-radius:6px}.imageBefore::after{right:0;top:200%;background:var(--image-accent-panel-gradient-reverse);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);border-top-right-radius:6px;border-bottom-right-radius:6px}.techSlideContent:hover .imageBefore::after,.techSlideContent:hover .imageBefore::before{top:0}.techProductImage{--size:8px;width:100%;max-width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:10}.techPercent{position:absolute;top:44%;right:6px;font-size:13px;justify-content:center;color:var(--cs-discount-badge-text);width:62px;height:22px}.techPercent::before{position:absolute;content:"";width:100%;height:100%;border-radius:10px 2px 6px;background-color:var(--cs-discount-badge-bg);z-index:-10;transition:.4s}.techProductTitle{width:100%;max-width:98%;max-height:24px;margin-top:26px}.techProductTitle .techInnerTitle{max-width:100%;overflow:hidden;text-align:center;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;color:var(--cs-color-8);font-weight:500}.techDetail{margin-top:auto;margin-bottom:12px;width:95%;display:flex;align-items:center;justify-content:space-between}.techPriceContent{display:flex;flex-direction:column;gap:2px;border-radius:4px;height:28px}.techPriceContent .techOldPrice{font-size:13px;color:var(--cs-color-3);text-decoration:line-through}.techPriceContent .techNewPrice{font-size:15px;color:var(--cs-price-color);font-weight:500}.techSymbolButton{margin-top:8px;padding:4px 12px;border-radius:4px;color:var(--cs-primary-button-1-text);font-size:14px;background:var(--cs-primary-button-1);z-index:10;display:flex;align-items:center;justify-content:center}@media screen and (max-width:900px){.techDetail{flex-direction:column;align-items:center;justify-content:start;gap:10px;margin-top:22px;margin-bottom:6px}.techSymbolButton{margin-top:0;width:100%;border-radius:4px}.techPercent{top:47%;width:51px;height:21px}.techSwiperContainer{height:auto}}@media screen and (max-width:500px){.techImageBox{width:100%}}@media screen and (max-width:360px){.techSwiperContainer{width:calc(100% - 60px)}}@media screen and (max-width:330px){.techSwiperContainer{width:calc(100% - 10px)}}