@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-layout{position:relative;display:flex;min-height:100vh}.search-sidenav{top:0;left:0;z-index:30;height:auto;width:18rem;overflow-y:auto;border-radius:1rem;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:slideRight .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 15px #0000001a;scrollbar-width:thin}.search-sidenav-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.search-sidenav-content{padding:1rem;height:calc(100vh - 2rem)}.search-main{margin-left:.5rem;flex:1 1 0%}.search-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem;animation:fadeIn .3s ease-out;font-size:.95rem}.filter-header{z-index:10;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));padding:.5rem;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.filter-section{border-bottom-width:1px;border-color:#37415180;padding-top:.25rem;padding-bottom:.25rem}.filter-section:last-child{border-bottom-width:0px}.filter-section-title{margin-bottom:.75rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.mobile-filter-toggle{position:fixed;bottom:1rem;left:1rem;z-index:40;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 768px){.mobile-filter-toggle{display:none}}.mobile-filter-toggle{animation:fadeIn .3s ease-out}.mobile-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#111827cc;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width: 768px){.mobile-filter-overlay{display:none}}.mobile-filter-overlay{animation:fadeIn .2s ease-out}.mobile-filter-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top-left-radius:1rem;border-top-right-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.mobile-filter-panel{display:none}}.mobile-filter-panel{animation:slideUp .3s cubic-bezier(.4,0,.2,1);max-height:80vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.search-page-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f2937e6;padding-top:.5rem;padding-bottom:.5rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-page-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2);transform:translateY(-1px) scale(1.01)}.filter-btn{border-radius:.5rem;background-color:#1f2937e6;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-btn:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));transform:translateY(-1px) scale(1.02)}.filter-btn.active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));animation:pulse 1s cubic-bezier(.4,0,.2,1)}.filter-panel{border-radius:.5rem;background-color:#1f2937f2;padding:1rem;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:slideDown .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003}.filter-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.filter-group{border-radius:.5rem;background-color:#1f293780;padding:.75rem;transition:all .2s ease}.filter-group:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.kategori-menu .ana-kategori{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.kategori-menu .alt-kategoriler{display:none;padding-left:20px;margin-top:5px}.kategori-menu .ana-kategori.active .alt-kategoriler{display:block}.product-card{overflow:hidden;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-card:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0003}.product-image-container{position:relative;overflow:hidden}.product-image{transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.1) rotate(1deg)}.discount-badge{position:absolute;top:.5rem;right:.5rem;border-radius:9999px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ec4899 var(--tw-gradient-to-position);padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.discount-badge:hover{animation:pulse 1s infinite}.loading-spinner{height:2.5rem;width:2.5rem;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;animation:shimmer 1.5s infinite;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.75v1.5M17.127 6.873l-1.061 1.061M19.25 12h-1.5M17.127 17.127l-1.061-1.061M12 17.75v1.5M7.873 17.127l1.061-1.061M4.75 12h1.5M7.873 6.873l1.061 1.061'/%3E%3C/svg%3E")}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4B5563 #1F2937}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{border-radius:.25rem;background-color:#1f293780}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:#3b82f680}.custom-scrollbar::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.custom-scrollbar::-webkit-scrollbar-thumb{-webkit-transition:background-color .2s;transition:background-color .2s}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f2937e6;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.custom-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2);transform:translateY(-1px)}.custom-checkbox{border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.custom-checkbox:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.custom-checkbox{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-checkbox:checked{animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.price-slider{height:.125rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;background-color:#1d4ed880;transition:all .2s ease}.price-slider::-webkit-slider-thumb{height:1rem;width:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #2563eb var(--tw-gradient-to-position);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #3b82f633}.filter-tag{display:inline-flex;align-items:center;border-radius:9999px;background-color:#37415180;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));transition:all .2s ease}.filter-tag:hover{background-color:#3b82f633;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.filter-tag.active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.search-main{margin-left:0}.search-container{padding:1rem .5rem;font-size:.9rem}.mobile-filter-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background-color:#111827f2;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.product-card{transform:scale(.98)}}