*{box-sizing:border-box}.populer-urunler-section{padding:40px 0 60px;background:#f8fafc;position:relative}.populer-urunler-container{max-width:1200px;margin:0 auto;padding:0 25px}.section-title{font-size:3rem;font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:#111827;margin:0 0 40px 0;background:linear-gradient(90deg,#16a8ff 0%,#0a85d1 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;text-align:center;width:100%}.urunler-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.urun-card{background:linear-gradient(145deg,#ffffff,#f8fafc);border-radius:14px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.04);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(226,232,240,0.6);position:relative;overflow:hidden}.urun-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#16a8ff,#0a85d1);opacity:0;transition:opacity 0.3s ease}.urun-card:hover::before{opacity:1}.urun-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12),0 8px 16px rgba(0,0,0,0.08);border-color:rgba(22,168,255,0.2)}.urun-image{width:100%;height:140px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#94a3b8;position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s ease}.urun-image:hover{transform:translateY(-2px)}.urun-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(22,168,255,0.05) 100%)}.urun-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform 0.3s ease}.urun-card:hover .urun-image img{transform:scale(1.05)}.urun-info{position:relative;display:flex;flex-direction:column;flex-grow:1}.urun-kategori{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;align-items:flex-start}.kategori-item{display:inline-block;background:linear-gradient(135deg,#0ecfab,#10b981);color:white;padding:4px 10px;border-radius:12px;font-size:0.75rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;white-space:nowrap;box-shadow:0 2px 6px rgba(16,185,129,0.2)}.kategori-item:hover{background:linear-gradient(135deg,#10b981,#059669);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,0.3)}.urun-baslik{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1;min-height:3.9em}.urun-baslik a{text-decoration:none;color:inherit;transition:color 0.3s ease}.urun-baslik a:hover{color:#16a8ff}.urun-link{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#16a8ff,#0a85d1);color:white;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(22,168,255,0.3);margin-top:auto}.urun-link:hover{background:linear-gradient(135deg,#0a85d1,#16a8ff);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,168,255,0.4)}.urun-link i{font-size:0.75rem;transition:transform 0.3s ease}.urun-link:hover i{transform:translateX(2px)}.popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#16a8ff,#0a85d1);color:white;padding:4px 8px;border-radius:12px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(22,168,255,0.3);z-index:2}.no-products{text-align:center;padding:80px 20px;background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.no-products-icon{font-size:4rem;color:#cbd5e0;margin-bottom:20px}.no-products h3{font-size:1.5rem;color:#1a202c;margin-bottom:10px}.no-products p{color:#64748b;margin-bottom:30px}.browse-btn{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#16a8ff,#0a85d1);color:white;text-decoration:none;border-radius:25px;font-weight:600;transition:all 0.3s ease;margin:0 10px}.browse-btn:hover{background:linear-gradient(135deg,#0a85d1,#16a8ff);transform:translateY(-2px)}.no-products-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.browse-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:white}.browse-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-2px)}@media (max-width:768px){.populer-urunler-container{padding:0 15px}.section-title{font-size:2.5rem}.urunler-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.urun-image{height:120px}}@media (max-width:480px){.urunler-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.urun-image{height:100px}.section-title{font-size:2rem}}