@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.page-transition{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.loading-spinner{animation:spin 1s linear infinite}[wire\:loading]{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000004d}.image-hover{transition:all .5s cubic-bezier(.4,0,.2,1)}.image-hover:hover{transform:scale(1.05)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#4411701a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#441170,#f3631c);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f3631c,#441170)}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear}input,select,button{transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus{box-shadow:0 0 0 3px #f3631c40}.filter-panel{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-panel.hidden{transform:translateY(-8px);opacity:0;pointer-events:none}.star-rating span{transition:color .2s ease}.star-rating:hover span{color:#f3631c}.grid{transition:grid-template-columns .3s ease}.grid>*{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.backdrop-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px)}.active-state{position:relative}.active-state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f3631c1a;opacity:0;transition:opacity .2s ease}.active-state:active:after{opacity:1}.gradient-bg{background:linear-gradient(135deg,#441170f2,#f3631cf2)}.glow{box-shadow:0 0 20px #f3631c1a}.glow:hover{box-shadow:0 0 30px #f3631c33}.dropdown-menu{z-index:50;position:relative}.dropdown-content{z-index:51}@media (max-width: 640px){.grid{gap:1rem}.card-hover:hover{transform:translateY(-2px)}.mobile-filter-tools{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 20px #0000001a}.dark .mobile-filter-tools{background:#1f2937f2;border-color:#ffffff1a}.mobile-search-input{font-size:.875rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.dark .mobile-search-input{background:#1f2937e6;border-color:#ffffff1a;color:#fff}.mobile-search-input:focus{border-color:#f3631c;box-shadow:0 0 0 3px #f3631c1a;transform:scale(1.02)}.mobile-sort-select{font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;transition:all .3s ease}.dark .mobile-sort-select{background:#1f2937e6;border-color:#ffffff1a;color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.mobile-sort-select:focus{border-color:#f3631c;box-shadow:0 0 0 3px #f3631c1a;transform:scale(1.02)}.mobile-view-toggle{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:.25rem;display:flex;gap:.25rem}.dark .mobile-view-toggle{background:#1f2937e6;border-color:#ffffff1a}.mobile-view-toggle button{padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mobile-view-toggle button:hover{background:#f3631c1a;transform:scale(1.05)}.mobile-view-toggle button.active{background:linear-gradient(135deg,#441170,#f3631c);color:#fff;box-shadow:0 2px 8px #f3631c4d}.mobile-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.dark .mobile-title{color:#fff}.mobile-fade-in{animation:fadeIn .3s ease-out}.mobile-slide-up{animation:slideUp .3s ease-out}.mobile-touch-feedback{transition:all .1s ease}.mobile-touch-feedback:active{transform:scale(.95);opacity:.8}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d,#ffffff05 75%)}input:focus,select:focus{box-shadow:0 0 0 3px #f3631c33}}@keyframes borderAnimation{0%{border-color:#441170;box-shadow:0 0 10px #441170,0 0 20px #441170}50%{border-color:#f3631c;box-shadow:0 0 10px #f3631c,0 0 20px #f3631c}to{border-color:#441170;box-shadow:0 0 10px #441170,0 0 20px #441170}}.animated-border{position:relative;border:2px solid;border-radius:1rem;animation:borderAnimation 2s infinite linear}.product-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -12px #f3631c4d}.product-image{position:relative;overflow:hidden}.first-image,.hover-image{transition:all .7s cubic-bezier(.4,0,.2,1)}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s;z-index:1}.product-card:hover:before{left:100%}.product-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #f3631c transparent transparent;transition:all .4s ease;opacity:0}.product-card:hover:after{opacity:.8}.game-card-wrapper{perspective:1000px}.game-card{transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.game-card:hover{transform:rotateY(5deg) rotateX(5deg) translateZ(10px)}@media (max-width: 640px){.product-card{transition:all .3s ease}.product-name{min-height:2.5rem;font-size:.75rem;line-height:1rem}.product-stock-out{padding:.5rem .375rem;font-size:.75rem;line-height:1rem}.product-details{padding:.75rem}}.toast{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.toast.fade-out{animation:fadeOut .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}#searchInput:focus+#searchIcon{color:#f3631c}#clearSearchBtn:hover{transform:scale(1.1)}[data-view-mode]{transition:all .2s ease}[data-view-mode]:hover{transform:scale(1.05)}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3631c;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.gradient-text{background:linear-gradient(135deg,#441170,#f3631c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,#441170,#f3631c);transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#f3631c,#441170);transform:translateY(-2px);box-shadow:0 10px 20px #f3631c4d}.enhanced-card{background:linear-gradient(135deg,#4411701a,#f3631c1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.enhanced-card:hover{background:linear-gradient(135deg,#44117033,#f3631c33);border-color:#f3631c4d;transform:translateY(-4px)}@media (min-width: 1024px){.yukseklik{width:350px}}