/*
 * UrunDetay sayfasina ozel stiller. Daha once sayfa icinde inline <style> blogu ve
 * style="" attribute'lari olarak duruyordu; CSP'de style-src 'unsafe-inline'
 * ihtiyacini kaldirmak icin tasindi. Kurallar birebir korunmustur.
 * Yalnizca bu sayfada yuklenir (@section Styles) -> cascade kapsami ayni kalir.
 */
    
    .product-hero-section {
        position: relative;
        background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
        padding: 125px 0 150px 0;
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); 
        margin-bottom: 50px;
        overflow: hidden;
    }

    #product-particles {
        position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0.4;
    }

    .product-hero-content {
        position: relative; z-index: 2; color: white;
    }

    .product-badge {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.3);
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 20px;
        color: var(--pusula-turuncu) !important;
    }

    .hero-img-box {
        position: relative;
        z-index: 3;
        animation: float 6s ease-in-out infinite;
    }

    .hero-img {
        max-width: 100%;
        border-radius: 20px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.3);
        border: 5px solid rgba(255,255,255,0.1);
    }

    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
    }

    
    .feature-list-item {
        background: #fff;
        padding: 20px;
        margin-bottom: 10px;
        border-radius: 12px;
        border-left: 5px solid var(--pusula-mavi);
        box-shadow: 0 5px 15px rgba(0,0,0,0.03);
        transition: 0.3s;
    }

    .feature-list-item:hover {
        transform: translateX(10px);
        border-color: var(--pusula-turuncu);
    }

    .sticky-box {
        position: sticky;
        top: 120px;
        background: #f8f9fa;
        padding: 30px;
        border-radius: 20px;
        border: 1px solid #eee;
    }

/* --- UrunDetay sayfasinin eski inline style="" degerleri (sinifa tasindi) --- */
.testimonial-box { background: #f8f9fa !important; border: 1px dashed #cbd5e1 !important; }
.testimonial-quote-icon { opacity: 0.05; font-size: 150px; right: -20px; bottom: -30px; }
.testimonial-avatar { width: 60px; height: 60px; }