:root{--primary: #E8A20C;--primary-dark: #CC8E00;--primary-light: #F0B93A;--secondary: #1A2332;--secondary-light: #263245;--accent: #D42B2B;--accent-dark: #B82020;--success: #2EAD4B;--warning: #F0B93A;--bg: #EDEEF2;--bg-card: #FFFFFF;--bg-card-hover: #FAFAFA;--text: #1A1D26;--text-secondary: #5A6170;--text-muted: #8E95A3;--border: #DCDFE6;--shadow: 0 2px 12px rgba(0,0,0,0.07);--shadow-lg: 0 8px 30px rgba(0,0,0,0.11);--radius: 12px;--radius-sm: 8px;--topbar-bg: #1A2332;--header-bg: #FFFFFF;--nav-bg: #FFFFFF;--footer-bg: #1A2332;--badge-bg: #D42B2B;--countdown-bg: linear-gradient(135deg, #D42B2B 0%, #8B1A1A 100%);--category-overlay: rgba(26,35,50,0.75);--input-bg: #F3F4F7;--input-border: #D1D5DB;--skeleton: #E0E2E7;--stripe-yellow: #F7D154;--stripe-black: #1A1D26;--reflective: #C5D930}html.dark{--bg: #0D1117;--bg-card: #161B26;--bg-card-hover: #1C2333;--text: #E2E6ED;--text-secondary: #8B95A8;--text-muted: #586174;--border: #262E3D;--shadow: 0 2px 12px rgba(0,0,0,0.35);--shadow-lg: 0 8px 30px rgba(0,0,0,0.45);--topbar-bg: #080C14;--header-bg: #111722;--nav-bg: #111722;--footer-bg: #080C14;--input-bg: #1C2333;--input-border: #262E3D;--skeleton: #262E3D;--category-overlay: rgba(8,12,20,0.85)}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Exo',sans-serif;font-weight: 300;background: var(--bg);color: var(--text);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased}h1,h2,h3,h4,h5,h6,.fw-400{font-weight: 400}a{text-decoration: none;color: inherit}button{font-family: 'Exo',sans-serif;cursor: pointer;border: none}input,select{font-family: 'Exo',sans-serif;font-size: 16px}img{max-width: 100%;display: block}.container{max-width: 1320px;margin: 0 auto;padding: 0 16px}.topbar{background: var(--topbar-bg);color: #B0BACA;font-size: 12px;padding: 6px 0;letter-spacing: 0.3px}.topbar .container{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 8px}.topbar-left{display: flex;gap: 16px;align-items: center}.topbar-left span{display: flex;align-items: center;gap: 5px}.topbar-left i{color: var(--primary);font-size: 11px}.topbar-right{display: flex;gap: 14px;align-items: center}.topbar-right a{color: #B0BACA;transition: color 0.2s}.topbar-right a:hover{color: var(--primary)}.header{background: var(--header-bg);padding: 12px 0;position: sticky;top: 0;z-index: 100;border-bottom: 1px solid var(--border);box-shadow: 0 2px 8px rgba(0,0,0,0.06)}html.dark .header{box-shadow: 0 2px 8px rgba(0,0,0,0.3)}.header .container{display: flex;align-items: center;gap: 16px}.logo{font-size: 24px;font-weight: 700;white-space: nowrap;display: flex;align-items: center;gap: 8px;flex-shrink: 0}.logo-icon{width: 38px;height: 38px;border-radius: 8px;background: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;position: relative;overflow: hidden}.logo-icon::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: repeating-linear-gradient( -45deg,transparent,transparent 3px,rgba(0,0,0,0.1) 3px,rgba(0,0,0,0.1) 6px )}.logo-text{background: linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.5px}.logo-text span{background: linear-gradient(135deg,var(--secondary),var(--secondary-light));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}html.dark .logo-text span{background: linear-gradient(135deg, #B0BACA, #8B95A8);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.search-box{flex: 1;max-width: 680px;position: relative}.search-box input{width: 100%;padding: 14px 52px 14px 18px;border: 2px solid var(--border);border-radius: 50px;background: var(--input-bg);color: var(--text);font-weight: 300;transition: all 0.3s;outline: none;height: 48px}.search-box input:focus{border-color: var(--primary);background: var(--bg-card);box-shadow: 0 0 0 3px rgba(232,162,12,0.15)}.search-box input::placeholder{color: var(--text-muted)}.search-box button{position: absolute;right: 4px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background: var(--primary);color: #fff;display: flex;align-items: center;justify-content: center;transition: background 0.2s}.search-box button:hover{background: var(--primary-dark)}.header-actions{display: flex;align-items: center;gap: 6px;flex-shrink: 0}.header-btn{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 12px;border-radius: var(--radius-sm);background: transparent;color: var(--text-secondary);font-size: 11px;font-weight: 300;transition: all 0.2s;position: relative;white-space: nowrap}.header-btn:hover{color: var(--primary);background: rgba(232,162,12,0.06)}.header-btn i{font-size: 20px}.header-btn .badge{position: absolute;top: 2px;right: 6px;background: var(--badge-bg);color: #fff;font-size: 10px;font-weight: 600;min-width: 18px;height: 18px;border-radius: 9px;display: flex;align-items: center;justify-content: center;padding: 0 4px}.nav{background: var(--nav-bg);border-bottom: 1px solid var(--border);position: relative;z-index: 100}.nav .container{display: flex;gap: 0;overflow-x: auto;scrollbar-width: none}.nav .container::-webkit-scrollbar{display: none}.nav-item{display: flex;align-items: center;gap: 6px;padding: 12px 16px;font-size: 13px;font-weight: 400;color: var(--text-secondary);white-space: nowrap;transition: all 0.2s;border-bottom: 2px solid transparent;cursor: pointer}.nav-item:hover{color: var(--primary);border-bottom-color: var(--primary);background: rgba(232,162,12,0.04)}.nav-item i{font-size: 15px}.nav-item.highlight{color: var(--accent);font-weight: 400}.nav-item.highlight:hover{color: var(--accent);border-bottom-color: var(--accent)}.nav-arrow{font-size: 10px !important;margin-left: 2px;transition: transform 0.2s}.nav-dropdown{position: relative;flex-shrink: 0}.nav-dropdown:hover .nav-arrow{transform: rotate(180deg)}.nav-dropdown-menu{display: none;position: fixed;z-index: 9999;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-sm);box-shadow: var(--shadow-lg);min-width: 220px;padding: 6px 0;max-height: 400px;overflow-y: auto}.nav-dropdown-menu.acik{display: block}.nav-dropdown-item{display: block;padding: 8px 16px;font-size: 13px;color: var(--text-secondary);white-space: nowrap;transition: all 0.15s}.nav-dropdown-item:hover{background: rgba(232,162,12,0.06);color: var(--primary)}.hero-section{padding: 16px 0 0}.hero-grid{display: grid;grid-template-columns: 1fr 300px;gap: 12px}.carousel{position: relative;border-radius: var(--radius);overflow: hidden;aspect-ratio: 2.8/1;background: var(--secondary)}.carousel-track{display: flex;transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);height: 100%}.carousel-slide{min-width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 32px 48px;position: relative}.slide-content{position: relative;z-index: 2;max-width: 55%}.slide-tag{display: inline-block;padding: 4px 14px;background: var(--primary);color: var(--secondary);border-radius: 20px;font-size: 11px;font-weight: 600;margin-bottom: 12px;letter-spacing: 0.5px}.slide-title{font-size: clamp(20px, 3vw, 32px);font-weight: 700;color: #fff;line-height: 1.2;margin-bottom: 8px}.slide-desc{color: rgba(255,255,255,0.8);font-size: 14px;margin-bottom: 16px}.slide-btn{display: inline-flex;align-items: center;gap: 8px;padding: 10px 24px;background: var(--primary);color: var(--secondary);border-radius: 50px;font-weight: 500;font-size: 14px;transition: all 0.3s}.slide-btn:hover{background: var(--primary-light);transform: translateY(-1px)}.slide-visual{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);font-size: 100px;opacity: 0.12;z-index: 1}.carousel-nav{position: absolute;bottom: 14px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 3}.carousel-dot{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.4);border: none;transition: all 0.3s;cursor: pointer;padding: 10px;background-clip: content-box;min-width: 30px;min-height: 30px}.carousel-dot.active{width: 26px;background: var(--primary);background-clip: content-box;border-radius: 15px}.carousel-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,0.12);color: #fff;display: flex;align-items: center;justify-content: center;z-index: 3;backdrop-filter: blur(4px);border: none;transition: all 0.2s;font-size: 14px;cursor: pointer}.carousel-arrow:hover{background: rgba(232,162,12,0.5)}.carousel-arrow.prev{left: 12px}.carousel-arrow.next{right: 12px}.hero-sidebar{display: flex;flex-direction: column;gap: 12px}.hero-banner{flex: 1;border-radius: var(--radius);padding: 20px;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;cursor: pointer;transition: transform 0.3s}.hero-banner:hover{transform: translateY(-2px)}.hero-banner-1{background: linear-gradient(135deg, #1A2332 0%, #2C3E50 50%, #E8A20C 200%);border: 1px solid rgba(232,162,12,0.2)}.hero-banner-2{background: linear-gradient(135deg, #8B1A1A 0%, #D42B2B 100%)}.hero-banner h3{color: #fff;font-size: 16px;font-weight: 500;margin-bottom: 4px}.hero-banner p{color: rgba(255,255,255,0.85);font-size: 12px}.hero-banner .banner-icon{position: absolute;right: 12px;bottom: 12px;font-size: 40px;opacity: 0.2}.quick-cats{padding: 20px 0 8px}.quick-cats-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(120px, 1fr));gap: 12px}.quick-cat{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 16px 6px;border-radius: var(--radius);background: var(--bg-card);cursor: pointer;transition: all 0.3s;border: 1px solid var(--border)}.quick-cat:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);border-color: var(--primary)}.quick-cat-icon{width: 52px;height: 52px;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;font-size: 24px;transition: transform 0.3s}.quick-cat:hover .quick-cat-icon{transform: scale(1.1)}.quick-cat span{font-size: 11px;font-weight: 400;text-align: center;color: var(--text-secondary);line-height: 1.3}.section{padding: 24px 0}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px}.section-header h2{font-size: 20px;font-weight: 400;display: flex;align-items: center;gap: 10px}.section-header h2 i{color: var(--primary)}.see-all{display: flex;align-items: center;gap: 4px;color: var(--primary);font-size: 14px;font-weight: 400;cursor: pointer;transition: gap 0.2s}.see-all:hover{gap: 8px}.flash-bar{background: var(--countdown-bg);border-radius: var(--radius);padding: 14px 24px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;color: #fff;flex-wrap: wrap;gap: 12px}.flash-bar-left{display: flex;align-items: center;gap: 14px}.flash-bar-left h3{font-weight: 500;font-size: 18px;display: flex;align-items: center;gap: 8px}.flash-bar-left h3 i{animation: flash-pulse 1s infinite}@keyframes flash-pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.countdown{display: flex;gap: 6px}.countdown-box{background: rgba(0,0,0,0.3);padding: 6px 10px;border-radius: 6px;font-size: 16px;font-weight: 600;min-width: 40px;text-align: center;backdrop-filter: blur(4px)}.countdown-sep{font-size: 18px;font-weight: 700;line-height: 36px}.scroll-wrapper{position: relative}.scroll-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--border);background: var(--bg-card);color: var(--text);cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow);transition: all 0.2s}.scroll-arrow:hover{background: var(--primary);color: #fff;border-color: var(--primary)}.scroll-prev{left: -18px}.scroll-next{right: -18px}.products-scroll{display: flex;gap: 12px;overflow-x: auto;scroll-snap-type: x mandatory;padding-bottom: 8px;scrollbar-width: none;scroll-behavior: smooth}.products-scroll::-webkit-scrollbar{display: none}.products-scroll .product-card{min-width: 220px;max-width: 220px;flex-shrink: 0;scroll-snap-align: start}.products-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));gap: 12px}.product-card{min-width: 200px;max-width: 280px;background: var(--bg-card);border-radius: var(--radius);border: 1px solid var(--border);overflow: hidden;cursor: pointer;transition: all 0.3s;scroll-snap-align: start;position: relative}.products-grid .product-card{max-width: none}.product-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-light)}.product-img{aspect-ratio: 1/1;background: var(--input-bg);display: flex;align-items: center;justify-content: center;font-size: 52px;position: relative;overflow: hidden}.product-img img{width: 100%;height: 100%;object-fit: cover}.product-img .product-emoji{transition: transform 0.4s}.product-card:hover .product-emoji{transform: scale(1.1)}.product-badge{position: absolute;top: 8px;left: 8px;padding: 3px 10px;border-radius: 20px;font-size: 11px;font-weight: 500;color: #fff}.badge-sale{background: var(--accent)}.badge-new{background: var(--success)}.badge-best{background: var(--primary);color: var(--secondary)}.product-fav{position: absolute;top: 8px;right: 8px;width: 32px;height: 32px;border-radius: 50%;background: var(--bg-card);border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 14px;transition: all 0.2s;cursor: pointer;z-index: 2}.product-fav:hover,.product-fav.active{color: var(--accent);border-color: var(--accent)}.product-fav.active i::before{content: "\f004";font-weight: 900}.product-info{padding: 12px}.product-brand{font-size: 11px;color: var(--primary-dark);font-weight: 400;margin-bottom: 4px}.product-name{font-size: 13px;font-weight: 300;color: var(--text);margin-bottom: 8px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.product-rating{display: flex;align-items: center;gap: 4px;margin-bottom: 8px;font-size: 12px}.stars{color: var(--primary);font-size: 11px}.rating-count{color: var(--text-muted);font-size: 11px}.product-price{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap}.price-current{font-size: 18px;font-weight: 600;color: var(--accent)}.price-old{font-size: 13px;color: var(--text-muted);text-decoration: line-through}.price-discount{font-size: 11px;font-weight: 500;color: var(--accent);background: rgba(212,43,43,0.1);padding: 2px 8px;border-radius: 4px}.product-shipping{display: flex;align-items: center;gap: 4px;margin-top: 6px;font-size: 11px;color: var(--success)}.product-shipping i{font-size: 10px}.product-sku{font-size: 10px;color: var(--text-muted);margin-top: 4px}.campaign-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px}.campaign-card{border-radius: var(--radius);padding: 28px 24px;position: relative;overflow: hidden;cursor: pointer;transition: transform 0.3s}.campaign-card:hover{transform: translateY(-3px)}.campaign-card h3{font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 4px}.campaign-card p{font-size: 13px;color: rgba(255,255,255,0.85);margin-bottom: 12px}.campaign-card .camp-btn{display: inline-flex;align-items: center;gap: 6px;padding: 7px 18px;background: rgba(255,255,255,0.18);color: #fff;border-radius: 50px;font-size: 12px;font-weight: 400;backdrop-filter: blur(4px);transition: background 0.2s}.campaign-card .camp-btn:hover{background: rgba(255,255,255,0.32)}.campaign-card .camp-icon{position: absolute;right: 16px;bottom: 16px;font-size: 48px;opacity: 0.15}.camp-1{background: linear-gradient(135deg, #1A2332, #2C3E50, #34495E)}.camp-2{background: linear-gradient(135deg, #8B1A1A, #D42B2B)}.camp-3{background: linear-gradient(135deg, #CC8E00, #E8A20C)}.brands-grid{display: grid;grid-template-columns: repeat(10, 1fr);gap: 12px}.brand-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px 12px;display: flex;flex-direction: column;align-items: center;gap: 8px;cursor: pointer;transition: all 0.3s}.brand-card:hover{border-color: var(--primary);box-shadow: var(--shadow);transform: translateY(-2px)}.brand-logo{width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;color: #fff;letter-spacing: -0.3px}.brand-card span{font-size: 12px;font-weight: 400;color: var(--text-secondary);text-align: center;line-height: 1.3}.brand-card small{font-size: 10px;color: var(--text-muted)}.features-bar{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin: 24px 0}.feature-item{display: flex;align-items: center;gap: 12px;padding: 0 12px;border-right: 1px solid var(--border)}.feature-item:last-child{border-right: none}.feature-icon{width: 44px;height: 44px;border-radius: 50%;background: rgba(232,162,12,0.1);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 18px;flex-shrink: 0}.feature-text h3{font-size: 13px;font-weight: 400;color: var(--text);margin: 0}.feature-text p{font-size: 11px;color: var(--text-muted)}.info-banner{background: var(--bg-card);border: 1px solid var(--border);border-left: 4px solid var(--primary);border-radius: var(--radius);padding: 20px 24px;margin: 0 0 8px;display: flex;align-items: center;gap: 16px}.info-banner i{font-size: 28px;color: var(--primary);flex-shrink: 0}.info-banner-text h4{font-size: 14px;font-weight: 400;margin-bottom: 2px}.info-banner-text p{font-size: 12px;color: var(--text-secondary)}.footer{background: var(--footer-bg);color: #B0BACA;padding: 40px 0 0;margin-top: 32px}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 32px;padding-bottom: 32px;border-bottom: 1px solid rgba(255,255,255,0.08)}.footer-col h4{color: #fff;font-size: 15px;font-weight: 400;margin-bottom: 16px}.footer-logo{font-size: 22px;font-weight: 700;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.footer-logo-icon{width: 32px;height: 32px;border-radius: 6px;background: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;position: relative;overflow: hidden}.footer-logo-icon::after{content: '';position: absolute;inset: 0;background: repeating-linear-gradient( -45deg,transparent,transparent 2px,rgba(0,0,0,0.1) 2px,rgba(0,0,0,0.1) 4px )}.footer-logo-text{background: linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.footer-col p{font-size: 13px;line-height: 1.7;margin-bottom: 16px}.footer-social{display: flex;gap: 10px}.footer-social a{width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,0.06);display: flex;align-items: center;justify-content: center;color: #B0BACA;font-size: 14px;transition: all 0.2s}.footer-social a:hover{background: var(--primary);color: var(--secondary)}.footer-col ul{list-style: none}.footer-col li{margin-bottom: 8px}.footer-col li a{font-size: 13px;transition: color 0.2s}.footer-col li a:hover{color: var(--primary)}.footer-bottom{padding: 20px 0;text-align: center;font-size: 12px;color: #9CA3AF}.footer-cert{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;padding: 16px 0;border-top: 1px solid rgba(255,255,255,0.06);margin-top: 16px}.footer-cert-badge{display: flex;align-items: center;gap: 6px;padding: 6px 14px;border-radius: 6px;background: rgba(255,255,255,0.05);font-size: 11px;color: #8B95A8}.footer-cert-badge i{color: var(--primary);font-size: 14px}.back-to-top{position: fixed;bottom: 24px;right: 24px;width: 44px;height: 44px;border-radius: 50%;background: var(--primary);color: var(--secondary);display: flex;align-items: center;justify-content: center;font-size: 16px;z-index: 99;opacity: 0;transform: translateY(20px);transition: all 0.3s;cursor: pointer;box-shadow: 0 4px 12px rgba(232,162,12,0.35)}.back-to-top.visible{opacity: 1;transform: translateY(0)}.back-to-top:hover{background: var(--primary-dark)}.fade-up{opacity: 1;transform: none}.js-ready .fade-up{opacity: 0;transform: translateY(24px);transition: opacity 0.6s ease,transform 0.6s ease}.js-ready .fade-up.visible{opacity: 1;transform: translateY(0)}.hazard-stripe{height: 4px;background: repeating-linear-gradient( -45deg,var(--primary),var(--primary) 10px,var(--secondary) 10px,var(--secondary) 20px )}@media (max-width: 1024px){.hero-grid{grid-template-columns: 1fr}.hero-sidebar{flex-direction: row}.campaign-grid{grid-template-columns: 1fr 1fr}.campaign-grid .campaign-card:last-child{grid-column: span 2}.features-bar{grid-template-columns: repeat(2, 1fr)}.feature-item:nth-child(2){border-right: none}.footer-grid{grid-template-columns: 1fr 1fr}.quick-cats-grid{grid-template-columns: repeat(auto-fill,minmax(100px, 1fr))}}@media (max-width: 768px){.topbar{display: none}.header{padding: 8px 0}.header .container{flex-wrap: wrap;gap: 8px}.logo{font-size: 18px;order: 1}.logo-icon{width: 30px;height: 30px;font-size: 14px}.logo-text{font-size: 18px}.search-box{order: 3;flex: 1 1 100%;max-width: 100%}.search-box input{padding: 10px 44px 10px 14px;height: 42px;font-size: 14px}.search-box button{width: 34px;height: 34px}.header-actions{order: 2;margin-left: auto;gap: 2px}.header-btn span{display: none}.header-btn{padding: 6px 8px}.header-btn i{font-size: 18px}.header-btn .badge{top: 0;right: 2px;min-width: 16px;height: 16px;font-size: 9px}.nav{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9998;background: rgba(0,0,0,0.5)}.nav.mobil-acik{display: block}.nav .container{flex-direction: column;gap: 0;overflow-x: visible;overflow-y: auto;position: absolute;top: 0;left: 0;bottom: 0;width: 280px;background: var(--bg-card);box-shadow: 4px 0 20px rgba(0,0,0,0.3);padding: 0;animation: slideInLeft 0.25s ease}@keyframes slideInLeft{from{transform: translateX(-100%)}to{transform: translateX(0)}}.nav .container::before{content: 'Kategoriler';display: block;padding: 16px 20px;font-size: 16px;font-weight: 600;color: var(--text);border-bottom: 1px solid var(--border);background: var(--input-bg)}.nav-item{padding: 12px 20px;font-size: 14px;border-bottom: 1px solid var(--border)}.nav-item.highlight{background: rgba(232,162,12,0.08)}.nav-dropdown{flex-shrink: unset}.nav-dropdown-menu{position: static !important;display: none;box-shadow: none;border: none;border-radius: 0;background: var(--input-bg);min-width: auto;padding: 0;max-height: none}.nav-dropdown-menu.acik{display: block}.nav-dropdown-item{padding: 10px 20px 10px 36px;font-size: 13px;border-bottom: 1px solid var(--border)}.nav-arrow{margin-left: auto}.mobil-menu-kapat{position: absolute;top: 12px;right: 12px;width: 32px;height: 32px;background: var(--input-bg);border: 1px solid var(--border);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: var(--text-muted);cursor: pointer;z-index: 1}.carousel{aspect-ratio: 2/1}.slide-content{max-width: 70%}.slide-title{font-size: 18px}.slide-visual{font-size: 60px;right: 16px}.hero-sidebar{flex-direction: column}.hero-banner{min-height: 80px}.quick-cats-grid{grid-template-columns: repeat(auto-fill,minmax(85px, 1fr));gap: 8px}.quick-cat-icon{width: 44px;height: 44px;font-size: 20px}.campaign-grid{grid-template-columns: 1fr}.campaign-grid .campaign-card:last-child{grid-column: auto}.products-grid{grid-template-columns: repeat(auto-fill,minmax(160px, 1fr))}.features-bar{grid-template-columns: 1fr}.feature-item{border-right: none;border-bottom: 1px solid var(--border);padding-bottom: 12px}.feature-item:last-child{border-bottom: none;padding-bottom: 0}.footer-grid{grid-template-columns: 1fr;gap: 24px}.flash-bar{justify-content: center;text-align: center}.flash-bar-left{flex-direction: column;align-items: center}.brands-grid{grid-template-columns: repeat(auto-fill,minmax(100px, 1fr))}.info-banner{flex-direction: column;text-align: center}}@media (max-width: 480px){.product-card{min-width: 160px}.carousel{aspect-ratio: 1.6/1}.slide-content{max-width: 85%;padding: 0}.slide-visual{display: none}.carousel-slide{padding: 20px 24px}.section-header h2{font-size: 17px}.header-actions{gap: 0}.header-btn{padding: 6px}}.mobile-menu-btn{display: none;background: none;color: var(--text);font-size: 22px;padding: 8px;border: none;cursor: pointer}.mobil-menu-kapat{display: none}@media (max-width: 768px){.mobile-menu-btn{display: flex;align-items: center;order: 0}}.breadcrumb{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;padding: 14px 0;font-size: 13px;color: var(--text-muted)}.breadcrumb a{color: var(--text-secondary);transition: color 0.2s}.breadcrumb a:hover{color: var(--primary)}.breadcrumb i{font-size: 10px;color: var(--text-muted)}.breadcrumb span{color: var(--text)}.urun-detay{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px}.urun-ana-gorsel{aspect-ratio: 1/1;background: var(--input-bg);border-radius: var(--radius-sm);overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative}.urun-ana-gorsel img{width: 100%;height: 100%;object-fit: contain}.urun-kucuk-gorseller{display: flex;gap: 8px;margin-top: 12px;overflow-x: auto}.kucuk-gorsel{width: 64px;height: 64px;border-radius: var(--radius-sm);border: 2px solid var(--border);overflow: hidden;cursor: pointer;flex-shrink: 0;transition: border-color 0.2s}.kucuk-gorsel:hover,.kucuk-gorsel.aktif{border-color: var(--primary)}.kucuk-gorsel img{width: 100%;height: 100%;object-fit: cover}.urun-marka{display: inline-block;font-size: 13px;font-weight: 400;color: var(--primary);margin-bottom: 8px;transition: color 0.2s}.urun-marka:hover{color: var(--primary-dark)}.urun-baslik{font-size: 22px;font-weight: 500;line-height: 1.3;margin-bottom: 12px}.urun-puan{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-bottom: 16px;font-size: 13px}.urun-puan .stars{color: var(--primary);font-size: 14px}.urun-puan .puan-sayi{font-weight: 500;color: var(--text)}.urun-puan .yorum-sayi{color: var(--text-muted)}.urun-puan .satis-sayi{color: var(--text-muted);padding-left: 8px;border-left: 1px solid var(--border)}.urun-fiyat-blok{display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap;margin-bottom: 16px;padding: 16px;background: var(--input-bg);border-radius: var(--radius-sm)}.urun-fiyat-guncel{font-size: 28px;font-weight: 700;color: var(--accent)}.urun-fiyat-eski{font-size: 18px;color: var(--text-muted);text-decoration: line-through}.urun-fiyat-indirim{font-size: 13px;font-weight: 500;color: #fff;background: var(--accent);padding: 3px 10px;border-radius: 4px}.urun-kisa-aciklama{font-size: 14px;color: var(--text-secondary);line-height: 1.7;margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--border)}.urun-meta-bilgi{margin-bottom: 16px}.meta-satir{display: flex;gap: 8px;padding: 6px 0;font-size: 13px;border-bottom: 1px solid var(--border)}.meta-satir:last-child{border-bottom: none}.meta-etiket{color: var(--text-muted);min-width: 100px}.stok-var{color: var(--success);font-weight: 400}.stok-az{color: var(--warning);font-weight: 400}.stok-yok{color: var(--accent);font-weight: 400}.urun-kargo-bilgi{display: flex;align-items: center;gap: 8px;padding: 10px 14px;margin-bottom: 16px;background: rgba(46,173,75,0.08);border-radius: var(--radius-sm);color: var(--success);font-size: 13px;font-weight: 400}.urun-islemler{display: flex;gap: 10px;margin-bottom: 16px;align-items: stretch}.urun-miktar{display: flex;border: 1px solid var(--border);border-radius: var(--radius-sm);overflow: hidden}.urun-miktar button{width: 38px;background: var(--input-bg);color: var(--text);border: none;font-size: 14px;cursor: pointer;transition: background 0.2s}.urun-miktar button:hover{background: var(--border)}.urun-miktar input{width: 50px;text-align: center;border: none;background: var(--bg-card);color: var(--text);font-weight: 500;font-size: 14px;-moz-appearance: textfield}.urun-miktar input::-webkit-outer-spin-button,.urun-miktar input::-webkit-inner-spin-button{-webkit-appearance: none}.urun-sepet-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;background: var(--primary);color: var(--secondary);border-radius: var(--radius-sm);font-size: 15px;font-weight: 500;transition: all 0.3s}.urun-sepet-btn:hover{background: var(--primary-dark);transform: translateY(-1px)}.urun-sepet-btn:disabled{opacity: 0.5;cursor: not-allowed;transform: none}.urun-fav-btn{width: 46px;display: flex;align-items: center;justify-content: center;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-muted);font-size: 18px;transition: all 0.2s}.urun-fav-btn:hover{color: var(--accent);border-color: var(--accent)}.urun-etiketler{display: flex;flex-wrap: wrap;gap: 6px}.urun-etiket{display: inline-block;padding: 4px 12px;background: var(--input-bg);border: 1px solid var(--border);border-radius: 20px;font-size: 12px;color: var(--text-secondary);transition: all 0.2s}.urun-etiket:hover{border-color: var(--primary);color: var(--primary)}.urun-sekmeler{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.sekme-basliklar{display: flex;border-bottom: 1px solid var(--border);overflow-x: auto}.sekme-btn{padding: 14px 24px;font-size: 14px;font-weight: 400;color: var(--text-secondary);background: transparent;border-bottom: 2px solid transparent;transition: all 0.2s;white-space: nowrap}.sekme-btn:hover{color: var(--primary)}.sekme-btn.aktif{color: var(--primary);border-bottom-color: var(--primary)}.sekme-icerik{display: none;padding: 24px}.sekme-icerik.aktif{display: block}.urun-aciklama-icerik{font-size: 14px;line-height: 1.8;color: var(--text-secondary)}.urun-aciklama-icerik h2,.urun-aciklama-icerik h3{color: var(--text);margin: 16px 0 8px}.urun-aciklama-icerik p{margin-bottom: 12px}.urun-aciklama-icerik ul,.urun-aciklama-icerik ol{margin: 8px 0 12px 20px}.urun-aciklama-icerik li{margin-bottom: 4px}.ozellik-tablosu{width: 100%;border-collapse: collapse}.ozellik-tablosu tr:nth-child(even){background: var(--input-bg)}.ozellik-tablosu td{padding: 10px 16px;font-size: 13px;border-bottom: 1px solid var(--border)}.ozellik-adi{font-weight: 400;color: var(--text-muted);width: 40%}.ozellik-degeri{color: var(--text)}.kargo-bilgi-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}.kargo-bilgi-item{text-align: center;padding: 20px;border: 1px solid var(--border);border-radius: var(--radius-sm)}.kargo-bilgi-item i{font-size: 28px;color: var(--primary);margin-bottom: 12px}.kargo-bilgi-item h4{font-size: 14px;margin-bottom: 6px}.kargo-bilgi-item p{font-size: 12px;color: var(--text-muted)}.kategori-baslik{display: flex;align-items: center;gap: 16px;padding: 20px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius)}.kategori-ikon{font-size: 36px}.kategori-baslik h1{font-size: 24px;font-weight: 500}.kategori-baslik p{font-size: 13px;color: var(--text-secondary);margin-top: 4px}.kategori-urun-sayisi{font-size: 12px;color: var(--text-muted)}.filtre-bar{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;margin-bottom: 16px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-sm);flex-wrap: wrap;gap: 12px}.filtre-sol{font-size: 13px;color: var(--text-muted)}.filtre-sag{display: flex;align-items: center;gap: 8px}.filtre-sag label{font-size: 13px;color: var(--text-muted)}.siralama-secim{padding: 6px 12px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--input-bg);color: var(--text);font-size: 13px;cursor: pointer}.sayfalama{display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 24px;padding: 16px 0}.sayfa-btn{display: flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 12px;border-radius: var(--radius-sm);background: var(--bg-card);border: 1px solid var(--border);color: var(--text-secondary);font-size: 14px;font-weight: 400;transition: all 0.2s}.sayfa-btn:hover{border-color: var(--primary);color: var(--primary)}.sayfa-btn.aktif{background: var(--primary);border-color: var(--primary);color: var(--secondary);font-weight: 500}.sayfa-nokta{color: var(--text-muted);padding: 0 4px}.bos-sonuc{text-align: center;padding: 60px 20px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius)}.bos-sonuc i{font-size: 48px;color: var(--text-muted);margin-bottom: 16px}.bos-sonuc h3{font-size: 20px;font-weight: 400;margin-bottom: 8px}.bos-sonuc p{font-size: 14px;color: var(--text-muted)}.arama-baslik h1{font-size: 18px;font-weight: 400;margin-bottom: 16px;display: flex;align-items: center;gap: 10px}.arama-baslik h1 i{color: var(--primary)}.arama-kategoriler{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 16px}.arama-kat-etiket{display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;background: var(--bg-card);border: 1px solid var(--border);border-radius: 20px;font-size: 13px;color: var(--text-secondary);transition: all 0.2s}.arama-kat-etiket:hover{border-color: var(--primary);color: var(--primary)}.arama-kat-etiket small{color: var(--text-muted)}.arama-form-buyuk{display: flex;max-width: 500px;margin: 20px auto 0;border: 2px solid var(--border);border-radius: 50px;overflow: hidden;background: var(--input-bg)}.arama-form-buyuk input{flex: 1;padding: 12px 20px;border: none;background: transparent;color: var(--text);font-size: 15px;outline: none}.arama-form-buyuk button{padding: 12px 24px;background: var(--primary);color: var(--secondary);font-size: 14px;font-weight: 500;display: flex;align-items: center;gap: 6px;transition: background 0.2s}.arama-form-buyuk button:hover{background: var(--primary-dark)}.quick-cat small{font-size: 10px;color: var(--text-muted)}@media (max-width: 768px){.urun-detay{grid-template-columns: 1fr;gap: 20px;padding: 16px}.urun-baslik{font-size: 18px}.urun-fiyat-guncel{font-size: 24px}.urun-islemler{flex-wrap: wrap}.urun-sepet-btn{min-width: 200px}.kargo-bilgi-grid{grid-template-columns: 1fr}.kategori-baslik{flex-direction: column;text-align: center}.filtre-bar{justify-content: center}}@media (max-width: 480px){.urun-fiyat-blok{padding: 12px}.urun-fiyat-guncel{font-size: 20px}.urun-islemler{flex-direction: column}.urun-miktar{justify-content: center}}.sepet-layout{display: grid;grid-template-columns: 1fr 360px;gap: 24px}.sepet-tablo{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.sepet-baslik-satir{display: grid;grid-template-columns: 3fr 1fr 1fr 1fr 40px;gap: 12px;padding: 12px 16px;background: var(--input-bg);font-size: 12px;font-weight: 500;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px}.sepet-satir{display: grid;grid-template-columns: 3fr 1fr 1fr 1fr 40px;gap: 12px;padding: 16px;align-items: center;border-bottom: 1px solid var(--border)}.sepet-satir:last-of-type{border-bottom: none}.sepet-kol-urun{display: flex;gap: 12px;align-items: center}.sepet-urun-gorsel{width: 72px;height: 72px;border-radius: var(--radius-sm);background: var(--input-bg);overflow: hidden;flex-shrink: 0;display: flex;align-items: center;justify-content: center}.sepet-urun-gorsel img{width: 100%;height: 100%;object-fit: cover}.sepet-urun-gorsel span{font-size: 32px}.sepet-urun-marka{font-size: 11px;color: var(--primary);display: block}.sepet-urun-ad{font-size: 13px;font-weight: 400;color: var(--text);display: block;line-height: 1.4}.sepet-urun-ad:hover{color: var(--primary)}.sepet-urun-sku{font-size: 10px;color: var(--text-muted);display: block;margin-top: 4px}.sepet-birim-fiyat{font-size: 14px;font-weight: 500;color: var(--text);display: block}.sepet-eski-fiyat{font-size: 12px;color: var(--text-muted);text-decoration: line-through;display: block}.sepet-kalem-toplam{font-size: 14px;font-weight: 600;color: var(--accent)}.sepet-sil-btn{width: 32px;height: 32px;border-radius: 50%;background: transparent;border: 1px solid var(--border);color: var(--text-muted);font-size: 13px;display: flex;align-items: center;justify-content: center;transition: all 0.2s;cursor: pointer}.sepet-sil-btn:hover{color: var(--accent);border-color: var(--accent);background: rgba(212,43,43,0.06)}.sepet-alt-islemler{display: flex;justify-content: space-between;padding: 16px;border-top: 1px solid var(--border);flex-wrap: wrap;gap: 12px}.sepet-temizle-btn{padding: 8px 16px;background: transparent;border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-muted);font-size: 13px;transition: all 0.2s;display: flex;align-items: center;gap: 6px}.sepet-temizle-btn:hover{color: var(--accent);border-color: var(--accent)}.sepet-devam-btn{padding: 8px 16px;background: transparent;border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-secondary);font-size: 13px;transition: all 0.2s;display: flex;align-items: center;gap: 6px}.sepet-devam-btn:hover{border-color: var(--primary);color: var(--primary)}.sepet-ozet{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;position: sticky;top: 80px}.sepet-ozet h3{font-size: 16px;font-weight: 500;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid var(--border)}.sepet-ozet-satir{display: flex;justify-content: space-between;padding: 8px 0;font-size: 14px;color: var(--text-secondary)}.sepet-ozet-satir.indirim{color: var(--success)}.sepet-ozet-satir.toplam{font-size: 18px;font-weight: 600;color: var(--text);border-top: 2px solid var(--border);margin-top: 8px;padding-top: 12px}.sepet-ozet-satir .ucretsiz{color: var(--success);font-weight: 400}.sepet-kargo-bilgi{display: flex;align-items: center;gap: 8px;padding: 8px 12px;margin: 8px 0;background: rgba(232,162,12,0.08);border-radius: var(--radius-sm);font-size: 12px;color: var(--primary-dark)}.sepet-kupon{display: flex;gap: 8px;margin: 16px 0}.sepet-kupon input{flex: 1;padding: 8px 12px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--input-bg);color: var(--text);font-size: 13px}.sepet-kupon button{padding: 8px 16px;background: var(--secondary);color: #fff;border-radius: var(--radius-sm);font-size: 13px;transition: background 0.2s}.sepet-kupon button:hover{background: var(--secondary-light)}.sepet-kupon.aktif{align-items: center}.kupon-aktif-bilgi{flex: 1;font-size: 13px;color: #10B981;font-weight: 600}.kupon-aktif-bilgi i{margin-right: 4px}.sepet-kupon.aktif button{background: var(--accent);font-size: 12px;padding: 6px 12px}.sepet-odeme-btn{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 14px;background: var(--primary);color: var(--secondary);border-radius: var(--radius-sm);font-size: 16px;font-weight: 500;transition: all 0.3s}.sepet-odeme-btn:hover{background: var(--primary-dark);transform: translateY(-1px)}.sepet-guvenlik{text-align: center;font-size: 12px;color: var(--text-muted);display: flex;align-items: center;justify-content: center;gap: 6px}.auth-layout{display: flex;justify-content: center;padding: 20px 0}.auth-form-box{max-width: 440px;width: 100%;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 32px}.auth-form-box h1{font-size: 24px;font-weight: 500;margin-bottom: 8px}.auth-aciklama{font-size: 14px;color: var(--text-muted);margin-bottom: 24px}.auth-form{display: flex;flex-direction: column;gap: 16px}.form-grup{display: flex;flex-direction: column;gap: 6px;flex: 1}.form-grup label{font-size: 13px;font-weight: 400;color: var(--text-secondary)}.form-grup input,.form-grup textarea,.form-select{padding: 10px 14px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--input-bg);color: var(--text);font-size: 14px;font-family: 'Exo',sans-serif;transition: border-color 0.2s}.form-grup input:focus,.form-grup textarea:focus,.form-select:focus{border-color: var(--primary);outline: none;box-shadow: 0 0 0 3px rgba(232,162,12,0.1)}.form-grup textarea{resize: vertical}.form-input-icon{position: relative}.form-input-icon i{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 14px}.form-input-icon input{padding-left: 40px;width: 100%}.form-satir{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.form-grup-inline{display: flex;justify-content: space-between;align-items: center}.form-checkbox{display: flex;align-items: flex-start;gap: 8px;font-size: 13px;color: var(--text-secondary);cursor: pointer}.form-checkbox input{margin-top: 2px;accent-color: var(--primary)}.form-checkbox a{color: var(--primary)}.form-link{font-size: 13px;color: var(--primary)}.form-ipucu{font-size: 11px;color: var(--text-muted)}.auth-btn{padding: 12px;background: var(--primary);color: var(--secondary);border-radius: var(--radius-sm);font-size: 15px;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.3s}.auth-btn:hover{background: var(--primary-dark)}.auth-hata{padding: 12px 16px;background: rgba(212,43,43,0.08);border: 1px solid rgba(212,43,43,0.2);border-radius: var(--radius-sm);color: var(--accent);font-size: 13px;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.auth-basari{padding: 12px 16px;background: rgba(46,173,75,0.08);border: 1px solid rgba(46,173,75,0.2);border-radius: var(--radius-sm);color: var(--success);font-size: 13px;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.auth-alt{text-align: center;margin-top: 20px;font-size: 13px;color: var(--text-muted);padding-top: 16px;border-top: 1px solid var(--border)}.auth-alt a{color: var(--primary);font-weight: 400}.hesap-layout{display: grid;grid-template-columns: 260px 1fr;gap: 24px}.hesap-menu{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;position: sticky;top: 80px;align-self: start}.hesap-kullanici{display: flex;align-items: center;gap: 12px;padding-bottom: 16px;margin-bottom: 12px;border-bottom: 1px solid var(--border)}.hesap-avatar{width: 44px;height: 44px;border-radius: 50%;background: rgba(232,162,12,0.1);color: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0}.hesap-kullanici strong{font-size: 14px;font-weight: 500;display: block}.hesap-kullanici small{font-size: 11px;color: var(--text-muted);display: block}.hesap-nav{display: flex;flex-direction: column;gap: 2px}.hesap-nav a{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: var(--radius-sm);font-size: 13px;color: var(--text-secondary);transition: all 0.2s}.hesap-nav a:hover{background: var(--input-bg);color: var(--primary)}.hesap-nav a.aktif{background: rgba(232,162,12,0.08);color: var(--primary);font-weight: 400}.hesap-nav a i{width: 18px;text-align: center;font-size: 14px}.hesap-cikis{color: var(--accent) !important;margin-top: 8px}.hesap-icerik{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px}.hesap-icerik h2{font-size: 18px;font-weight: 500;margin-bottom: 20px}.siparis-listesi{display: flex;flex-direction: column;gap: 12px}.siparis-karti{padding: 16px;border: 1px solid var(--border);border-radius: var(--radius-sm)}.siparis-baslik{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.siparis-baslik strong{font-size: 14px}.siparis-baslik span:not(.siparis-durum){font-size: 12px;color: var(--text-muted);margin-left: 8px}.siparis-durum{padding: 4px 12px;border-radius: 20px;font-size: 11px;color: #fff;font-weight: 500}.siparis-detay{font-size: 13px;color: var(--text-secondary);display: flex;gap: 16px;flex-wrap: wrap}.siparis-detay strong{color: var(--text)}.adres-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));gap: 12px}.adres-karti{padding: 16px;border: 1px solid var(--border);border-radius: var(--radius-sm);font-size: 13px}.adres-karti p{margin: 4px 0;color: var(--text-secondary)}.adres-baslik{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.adres-baslik strong{font-size: 14px}.adres-varsayilan{padding: 2px 8px;background: rgba(232,162,12,0.1);color: var(--primary);border-radius: 4px;font-size: 11px}.adres-islemler{margin-top: 12px;padding-top: 8px;border-top: 1px solid var(--border)}.adres-islemler a{font-size: 12px;color: var(--accent)}.adres-ekle{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;cursor: pointer;border-style: dashed;color: var(--text-muted);transition: all 0.2s;min-height: 120px}.adres-ekle:hover{border-color: var(--primary);color: var(--primary)}.adres-ekle i{font-size: 24px}.odeme-layout{display: grid;grid-template-columns: 1fr 380px;gap: 24px}.odeme-bolum{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px;margin-bottom: 16px}.odeme-bolum h2{font-size: 16px;font-weight: 500;margin-bottom: 20px;display: flex;align-items: center;gap: 8px}.odeme-bolum h2 i{color: var(--primary)}.odeme-giris-bilgi{padding: 12px 16px;background: rgba(232,162,12,0.06);border: 1px solid rgba(232,162,12,0.15);border-radius: var(--radius-sm);font-size: 13px;margin-bottom: 16px}.odeme-giris-bilgi a{color: var(--primary);font-weight: 400}.odeme-adres-sec{margin-bottom: 16px}.odeme-adres-sec label{font-size: 13px;color: var(--text-muted);display: block;margin-bottom: 6px}.odeme-yontemler{display: flex;flex-direction: column;gap: 10px}.odeme-yontem{cursor: pointer}.odeme-yontem input{display: none}.odeme-yontem-icerik{display: flex;align-items: center;gap: 14px;padding: 16px;border: 2px solid var(--border);border-radius: var(--radius-sm);transition: all 0.2s}.odeme-yontem input:checked + .odeme-yontem-icerik{border-color: var(--primary);background: rgba(232,162,12,0.04)}.odeme-yontem-icerik i{font-size: 22px;color: var(--primary);width: 28px;text-align: center}.odeme-yontem-icerik strong{font-size: 14px;display: block}.odeme-yontem-icerik small{font-size: 12px;color: var(--text-muted)}.odeme-ozet{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;position: sticky;top: 80px}.odeme-ozet h3{font-size: 16px;font-weight: 500;margin-bottom: 12px}.odeme-kalem{display: flex;justify-content: space-between;gap: 8px;padding: 8px 0;font-size: 13px;border-bottom: 1px solid var(--border)}.odeme-kalem-ad{color: var(--text-secondary)}.odeme-kalem-ad small{color: var(--text-muted)}.odeme-kalem-fiyat{font-weight: 500;white-space: nowrap}.odeme-ozet-satir{display: flex;justify-content: space-between;padding: 8px 0;font-size: 14px;color: var(--text-secondary)}.odeme-ozet-satir.toplam{font-size: 18px;font-weight: 600;color: var(--text);border-top: 2px solid var(--border);margin-top: 8px;padding-top: 12px}.siparis-onay{text-align: center;max-width: 600px;margin: 0 auto;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 40px 32px}.siparis-onay-ikon{font-size: 64px;color: var(--success);margin-bottom: 16px}.siparis-onay h1{font-size: 28px;font-weight: 500;margin-bottom: 8px}.siparis-onay-mesaj{font-size: 14px;color: var(--text-muted);margin-bottom: 24px}.siparis-onay-no{display: inline-flex;flex-direction: column;gap: 4px;padding: 16px 32px;background: var(--input-bg);border-radius: var(--radius-sm);margin-bottom: 24px}.siparis-onay-no span{font-size: 12px;color: var(--text-muted)}.siparis-onay-no strong{font-size: 20px;color: var(--primary)}.siparis-onay-detay{text-align: left;margin-bottom: 20px}.siparis-onay-satir{display: flex;justify-content: space-between;padding: 8px 0;font-size: 14px;border-bottom: 1px solid var(--border)}.siparis-banka-bilgi{text-align: left;padding: 16px;margin: 16px 0;background: rgba(232,162,12,0.06);border: 1px solid rgba(232,162,12,0.15);border-radius: var(--radius-sm)}.siparis-banka-bilgi h3{font-size: 14px;margin-bottom: 8px;display: flex;align-items: center;gap: 8px}.siparis-banka-bilgi p{font-size: 13px;color: var(--text-secondary);margin-bottom: 12px}.banka-detay div{font-size: 13px;padding: 4px 0}.banka-detay span{color: var(--text-muted)}.siparis-onay-kalemler{text-align: left;margin: 16px 0}.siparis-onay-kalemler h3{font-size: 14px;margin-bottom: 8px}.siparis-onay-kalem{display: flex;justify-content: space-between;padding: 6px 0;font-size: 13px;border-bottom: 1px solid var(--border)}.siparis-onay-islemler{display: flex;gap: 12px;justify-content: center;margin-top: 24px;flex-wrap: wrap}.kampanya-hero{background: var(--countdown-bg);border-radius: var(--radius);padding: 32px;text-align: center;color: #fff}.kampanya-hero h1{font-size: 28px;font-weight: 500;margin-bottom: 8px}.kampanya-hero h1 i{animation: flash-pulse 1s infinite}.kampanya-hero p{font-size: 14px;opacity: 0.9}.kampanya-kartlar{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));gap: 16px}.kampanya-kart{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.kampanya-kart-icerik{padding: 20px}.kampanya-kart h3{font-size: 16px;font-weight: 500;margin-bottom: 6px}.kampanya-kart p{font-size: 13px;color: var(--text-secondary);margin-bottom: 12px}.kampanya-meta{display: flex;gap: 12px;flex-wrap: wrap;align-items: center}.kampanya-indirim{padding: 4px 12px;background: var(--accent);color: #fff;border-radius: 4px;font-size: 13px;font-weight: 500}.kampanya-tarih{font-size: 12px;color: var(--text-muted);display: flex;align-items: center;gap: 4px}.iletisim-layout{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.iletisim-bilgiler h1{font-size: 28px;font-weight: 500;margin-bottom: 8px}.iletisim-bilgiler > p{font-size: 14px;color: var(--text-muted);margin-bottom: 24px}.iletisim-kartlar{display: flex;flex-direction: column;gap: 16px}.iletisim-kart{display: flex;align-items: flex-start;gap: 14px;padding: 16px;background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-sm)}.iletisim-kart i{font-size: 20px;color: var(--primary);width: 24px;text-align: center;margin-top: 2px}.iletisim-kart h4{font-size: 13px;font-weight: 500;margin-bottom: 4px}.iletisim-kart a,.iletisim-kart p{font-size: 13px;color: var(--text-secondary)}.iletisim-kart a:hover{color: var(--primary)}.iletisim-form-box{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px}.iletisim-form-box h2{font-size: 18px;font-weight: 500;margin-bottom: 16px}.statik-sayfa{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 32px}.statik-sayfa h1{font-size: 24px;font-weight: 500;margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid var(--border)}.statik-icerik{font-size: 14px;line-height: 1.8;color: var(--text-secondary)}.statik-icerik h2,.statik-icerik h3{color: var(--text);margin: 20px 0 10px}.statik-icerik p{margin-bottom: 12px}.statik-icerik ul,.statik-icerik ol{margin: 8px 0 12px 20px}.statik-icerik li{margin-bottom: 4px}.statik-icerik a{color: var(--primary)}@media (max-width: 768px){.sepet-layout{grid-template-columns: 1fr}.sepet-baslik-satir{display: none}.sepet-satir{grid-template-columns: 1fr;gap: 8px;position: relative;padding-right: 48px}.sepet-kol-sil{position: absolute;top: 16px;right: 16px}.hesap-layout{grid-template-columns: 1fr}.hesap-menu{position: static}.odeme-layout{grid-template-columns: 1fr}.iletisim-layout{grid-template-columns: 1fr}.form-satir{grid-template-columns: 1fr}.kampanya-kartlar{grid-template-columns: 1fr}}@media (max-width: 480px){.auth-form-box{padding: 20px}.siparis-onay{padding: 24px 16px}.siparis-onay h1{font-size: 22px}}.sepet-bildirim{position: fixed;top: 20px;right: 20px;z-index: 9999;padding: 14px 20px;border-radius: var(--radius-sm);background: var(--success);color: #fff;font-size: 14px;font-weight: 400;display: flex;align-items: center;gap: 8px;box-shadow: 0 4px 20px rgba(0,0,0,0.2);transform: translateX(120%);transition: transform 0.3s ease}.sepet-bildirim.goster{transform: translateX(0)}.sepet-bildirim.hata{background: var(--accent)}.atla-link{position: absolute;top: -100%;left: 50%;transform: translateX(-50%);background: var(--primary);color: #000;padding: 8px 16px;border-radius: 0 0 8px 8px;z-index: 10000;font-weight: 600;text-decoration: none;font-size: 14px}.atla-link:focus{top: 0}.urunler-layout{display: grid;grid-template-columns: 240px 1fr;gap: 24px}.urunler-filtre{background: var(--card-bg);border-radius: 12px;padding: 20px;border: 1px solid var(--border);position: sticky;top: 100px;height: fit-content}.filtre-baslik{font-size: 16px;font-weight: 700;margin-bottom: 16px;color: var(--text)}.filtre-baslik i{color: var(--primary);margin-right: 8px}.filtre-grup{margin-bottom: 16px;border-top: 1px solid var(--border);padding-top: 12px}.filtre-grup h4{font-size: 13px;font-weight: 600;color: var(--text-muted);margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.5px}.filtre-link{display: block;padding: 6px 10px;border-radius: 6px;font-size: 14px;color: var(--text-secondary);text-decoration: none;transition: all 0.2s}.filtre-link:hover{background: var(--hover-bg);color: var(--text)}.filtre-link.aktif{background: rgba(232,162,12,0.12);color: var(--primary);font-weight: 600}.filtre-link small{color: var(--text-muted);font-size: 12px}.filtre-temizle{display: block;margin-top: 6px;font-size: 12px;color: var(--accent);text-decoration: none;padding: 4px 10px}.filtre-temizle:hover{text-decoration: underline}.urunler-icerik{min-width: 0}.urunler-ust{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 16px;flex-wrap: wrap;gap: 8px}.urunler-ust h1{font-size: 22px;margin: 0}.urun-sayi-bilgi{font-size: 14px;color: var(--text-muted)}@media (max-width: 768px){.urunler-layout{grid-template-columns: 1fr}.urunler-filtre{position: static}}.hakkimizda-hero{background: linear-gradient(135deg,var(--secondary) 0%,var(--secondary-light) 60%,rgba(232,162,12,0.15) 100%);border-radius: var(--radius);padding: 48px 40px;margin-bottom: 24px;position: relative;overflow: hidden}.hakkimizda-hero::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;width: 40%;background: repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(232,162,12,0.04) 8px,rgba(232,162,12,0.04) 16px)}.hakkimizda-hero-icerik{position: relative;z-index: 1}.hakkimizda-hero h1{font-size: 32px;font-weight: 700;color: #fff;margin-bottom: 24px;line-height: 1.2}.hakkimizda-istatistik{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px}.istatistik-item{text-align: center;padding: 16px;background: rgba(255,255,255,0.06);border-radius: var(--radius-sm);backdrop-filter: blur(4px);border: 1px solid rgba(255,255,255,0.08)}.istatistik-sayi{display: block;font-size: 28px;font-weight: 700;color: var(--primary);margin-bottom: 4px}.istatistik-etiket{display: block;font-size: 12px;color: rgba(255,255,255,0.7)}.hakkimizda-icerik{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 32px;margin-bottom: 24px}.hakkimizda-degerler{margin-bottom: 24px}.hakkimizda-degerler h2{font-size: 20px;font-weight: 500;margin-bottom: 20px;display: flex;align-items: center;gap: 10px}.hakkimizda-degerler h2 i{color: var(--primary)}.deger-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px}.deger-kart{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px;text-align: center;transition: all 0.3s}.deger-kart:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary)}.deger-ikon{width: 56px;height: 56px;border-radius: 50%;background: rgba(232,162,12,0.1);display: inline-flex;align-items: center;justify-content: center;font-size: 22px;color: var(--primary);margin-bottom: 14px}.deger-kart h3{font-size: 15px;font-weight: 500;margin-bottom: 8px}.deger-kart p{font-size: 13px;color: var(--text-secondary);line-height: 1.6}.blog-layout{display: grid;grid-template-columns: 1fr 300px;gap: 24px}.blog-icerik-alan{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.blog-baslik-alan{padding: 32px 32px 0}.blog-baslik-alan h1{font-size: 28px;font-weight: 600;line-height: 1.3;margin-bottom: 12px}.blog-meta{display: flex;gap: 16px;flex-wrap: wrap;font-size: 13px;color: var(--text-muted);padding-bottom: 20px;border-bottom: 1px solid var(--border)}.blog-meta span{display: flex;align-items: center;gap: 6px}.blog-meta i{color: var(--primary)}.blog-icerik{padding: 24px 32px 32px}.blog-paylasim{display: flex;align-items: center;gap: 12px;padding: 16px 32px;border-top: 1px solid var(--border);font-size: 13px;color: var(--text-muted)}.blog-paylasim a{width: 36px;height: 36px;border-radius: 50%;background: var(--input-bg);border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;color: var(--text-secondary);font-size: 14px;transition: all 0.2s}.blog-paylasim a:hover{background: var(--primary);color: var(--secondary);border-color: var(--primary)}.blog-sidebar-kart{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px}.blog-sidebar-kart h3{font-size: 15px;font-weight: 500;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid var(--border)}.blog-sidebar-yazi{display: block;padding: 10px 0;border-bottom: 1px solid var(--border);transition: color 0.2s}.blog-sidebar-yazi:last-child{border-bottom: none}.blog-sidebar-yazi:hover{color: var(--primary)}.blog-sidebar-baslik{display: block;font-size: 13px;font-weight: 400;line-height: 1.4;margin-bottom: 4px}.blog-sidebar-tarih{display: block;font-size: 11px;color: var(--text-muted)}.yasal-sayfa{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden}.yasal-baslik{display: flex;align-items: center;gap: 20px;padding: 28px 32px;background: linear-gradient(135deg,var(--secondary) 0%,var(--secondary-light) 100%);border-bottom: 3px solid var(--primary)}.yasal-ikon{width: 56px;height: 56px;border-radius: 14px;background: rgba(232,162,12,0.15);display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary);flex-shrink: 0}.yasal-baslik h1{font-size: 24px;font-weight: 600;color: #fff;margin-bottom: 4px}.yasal-guncelleme{font-size: 12px;color: rgba(255,255,255,0.6)}.yasal-icerik{padding: 32px}.yasal-alt{padding: 16px 32px;background: var(--input-bg);border-top: 1px solid var(--border);font-size: 13px;color: var(--text-muted)}.yasal-alt a{color: var(--primary)}@media (max-width: 768px){.hakkimizda-hero{padding: 32px 24px}.hakkimizda-hero h1{font-size: 24px}.hakkimizda-istatistik{grid-template-columns: repeat(2, 1fr);gap: 12px}.deger-grid{grid-template-columns: repeat(2, 1fr)}.blog-layout{grid-template-columns: 1fr}.blog-baslik-alan{padding: 20px 20px 0}.blog-baslik-alan h1{font-size: 22px}.blog-icerik{padding: 16px 20px 20px}.blog-paylasim{padding: 12px 20px}.yasal-baslik{padding: 20px 24px;flex-direction: column;text-align: center}.yasal-baslik h1{font-size: 20px}.yasal-icerik{padding: 24px}}@media (max-width: 480px){.hakkimizda-istatistik{grid-template-columns: 1fr 1fr}.deger-grid{grid-template-columns: 1fr}.hakkimizda-icerik{padding: 20px}}